*,
body {
	margin: 0;
	padding: 0
}

body {
	font-size: 14px;
	font-family: helvetica neue, arial, hiragino sans gb, microsoft yahei, sans-serif;
	line-height: 20px;
	color: #444;
	overflow-x: hidden;
	font: .7 helvetica neue, arial, hiragino sans gb, microsoft yahei, sans-serif;
	background: #f5f5f5
}

body,
html {
	font-size: 14px;
	-webkit-text-size-adjust: none;
	background-color: #f5f5f5
}

body,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
legend,
li,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

a {
	text-decoration: none;
	color: #666
}

a:hover {
	color: #00ace9
}

fieldset,
img {
	border: none;
	outline: none
}

img {
	vertical-align: middle
}

button {
	border: none;
	background-color: #fff;
	outline: 0
}

address,
caption,
cite,
code,
dfn,
th,
var {
	font-style: normal;
	font-weight: 400
}

li,
ol,
ul {
	list-style: none
}

input,
select,
textarea {
	margin: 0;
	font-family: \\5FAE\8F6F\96C5\9ED1, Microsoft Yahei, tahoma, arial, Hiragino Sans GB, \\5B8B\4F53;
	outline: none;
	border: none
}

table {
	border-collapse: collapse
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: 400
}

.clearfix:after,
ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.clearfix,
ul {
	zoom: 1
}

.en {
	font-family: Arial, Helvetica, sans-serif!important
}

.nobg {
	background: none!important
}

.noborder {
	border: 0!important
}

.font12 {
	font-size: 12px!important
}

.font16 {
	font-size: 16px!important
}

em,
i {
	font-style: normal
}

:focus {
	outline: none
}

i.iconfont {
	text-indent: 0
}

.banner_container {
	margin-top: 75px
}

.ad_990_80 {
	margin-top: 85px
}

.qzone_relieve_split {
	margin: 10px auto 50px;
	background-color: #fff
}

.inputText_code {
	border: 1px solid #999!important
}

.border_eb {
	padding-top: 0!important
}

.smt_pro_form ul.form_item .cont .tx_ycode,
.smt_pro_form ul.form_item .cont textarea {
	border: 1px solid #c8c8c8!important
}

.main_container .main {
	padding-top: 0
}

::-webkit-scrollbar {
	width: 0;
	height: 0;
	background-color: none
}

.query_result_des .qus_info img,
.query_result_des .reply_info img {
	max-width: 100%
}

.text-align-r {
	text-align: right!important
}

.header .member .warn a,
.kf_mod_self_tools li a,
.main .aside_container .faq_kinds_aside .faq_kinds li a,
.report-main .report-rightArea .report-swiper .swiper-bd .swiper-item em,
.report-main .report-rightArea .report-swiper .swiper-bd .swiper-item em:last-child,
.report-main .report-rightArea .report-swiper .swiper-bd .swiper-item span,
.search_key_suggest ul li a {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.header .member .photo .loginBox p,
.header .member .photo .logoutBox p,
.main .search_not_found h3 span {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all
}

@font-face {
	font-family: iconfont;
	src: url(../fonts/iconfont.eot);
	src: url(../fonts/iconfont.eot#iefix) format("embedded-opentype"), url(../fonts/iconfont.woff) format("woff"), url(../fonts/iconfont.ttf) format("truetype"), url(../fonts/iconfont.svg) format("svg")
}

.iconfont {
	font-family: iconfont!important;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.icon-tip:before {
	content: "\e603"
}

.icon-down:before {
	content: "\e600"
}

.icon-up:before {
	content: "\e604"
}

.icon-currect:before {
	content: "\e629"
}

.icon-square:before {
	content: "\e606"
}

.icon-phone:before {
	content: "\e607"
}

.icon-back:before {
	content: "\e608"
}

.icon-qq:before {
	content: "\e60a"
}

.icon-weixin:before {
	content: "\e60b"
}

.icon-rectangle:before {
	content: "\e60c"
}

.icon-search:before {
	content: "\e60d"
}

.icon-save:before {
	content: "\e628"
}

.icon-circle_b:before {
	content: "\e60f"
}

.icon-circle_s:before {
	content: "\e610"
}

.icon-voice:before {
	content: "\e612"
}

.icon-plus:before {
	content: "\e613"
}

.icon-minus:before {
	content: "\e611"
}

.icon-warn:before {
	content: "\e627"
}

.icon-round:before {
	content: "\e615"
}

.icon-goUp:before {
	content: "\e616"
}

.icon-read:before {
	content: "\e617"
}

.icon-service:before {
	content: "\e618"
}

.icon-right:before {
	content: "\e679"
}

.icon-prompt:before {
	content: "\e64c"
}

.icon-defraud:before {
	content: "\e63b"
}

.icon-illegal:before {
	content: "\e638"
}

.icon-rules:before {
	content: "\e62d"
}

.icon-steal:before {
	content: "\e636"
}

.icon-others:before {
	content: "\e639"
}

.icon-record:before {
	content: "\e63a"
}

.icon-progress:before {
	content: "\e650"
}

.icon-xcx:before {
	content: "\e64e"
}

.icon-notice:before {
	content: "\e64f"
}

.icon-wait:before {
	content: '\e65e'
}

.icon-radio,
.icon-radio-selected {
	width: 16px;
	height: 16px;
	background: url(../images/radio_icons.png) no-repeat;
	display: inline-block
}

.icon-radio {
	background-position: 0 0
}

.icon-radio-selected {
	background-position: -16px 0
}

.icon-penguin {
	display: inline-block;
	width: 55px;
	height: 55px;
	background: url(../images/icon-penguin.png) no-repeat 50%;
	background-size: 55px 55px
}

.icon-hollow-square {
	display: inline-block;
	position: relative;
	width: 18px;
	height: 18px;
	border: 1px solid #b8b8b8;
	background-color: #fff
}

.icon-hollow-square.icon-checked:before {
	content: '';
	position: absolute;
	left: 2px;
	top: 3px;
	width: 12px;
	height: 5px;
	border-left: 2px solid #00ace9;
	border-bottom: 2px solid #00ace9;
	-webkit-transform: rotate(-40deg);
	transform: rotate(-40deg)
}

.icon-triangle-up {
	border-bottom: 8px solid #888
}

.icon-triangle-down,
.icon-triangle-up {
	display: inline-block;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}

.icon-triangle-down {
	border-top: 8px solid #888
}

.icon-fail:before {
	content: '\e63f'
}

.showIn {
	-webkit-animation: g .5s ease-in-out forwards;
	animation: g .5s ease-in-out forwards
}

.showOut {
	-webkit-animation: h .5s ease-in-out forwards;
	animation: h .5s ease-in-out forwards
}

.moveY {
	-webkit-animation: j .3s ease-in-out forwards;
	animation: j .3s ease-in-out forwards
}

.fadeInB {
	-webkit-animation: k 1s ease-in-out forwards;
	animation: k 1s ease-in-out forwards
}

.rotate {
	-webkit-animation: f 1s linear infinite;
	animation: f 1s linear infinite
}

.scale {
	-webkit-animation: e 1s linear alternate-reverse infinite;
	animation: e 1s linear alternate-reverse infinite
}

.scanningM {
	-webkit-animation: d 5s linear infinite;
	animation: d 5s linear infinite
}

.scanningS {
	-webkit-animation: c 5s linear infinite;
	animation: c 5s linear infinite
}

.scanningAvatar {
	-webkit-animation: b 5s linear infinite;
	animation: b 5s linear infinite
}

@-webkit-keyframes a {
	0% {
		opacity: 0;
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes a {
	0% {
		opacity: 0;
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes b {
	0% {
		height: 153px
	}
	to {
		height: 0
	}
}

@keyframes b {
	0% {
		height: 153px
	}
	to {
		height: 0
	}
}

@-webkit-keyframes c {
	0% {
		opacity: 0;
		height: 37px
	}
	to {
		opacity: 1;
		height: 190px
	}
}

@keyframes c {
	0% {
		opacity: 0;
		height: 37px
	}
	to {
		opacity: 1;
		height: 190px
	}
}

@-webkit-keyframes d {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 70%, 0);
		transform: translate3d(0, 70%, 0)
	}
	70% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -85%, 0);
		transform: translate3d(0, -85%, 0)
	}
}

@keyframes d {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 70%, 0);
		transform: translate3d(0, 70%, 0)
	}
	70% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -85%, 0);
		transform: translate3d(0, -85%, 0)
	}
}

@-webkit-keyframes e {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
}

@keyframes e {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	to {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
}

@-webkit-keyframes f {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes f {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes g {
	0% {
		opacity: 0;
		width: 30px
	}
	to {
		opacity: 100;
		width: 400px
	}
}

@keyframes g {
	0% {
		opacity: 0;
		width: 30px
	}
	to {
		opacity: 100;
		width: 400px
	}
}

@-webkit-keyframes h {
	0% {
		opacity: 100;
		width: 400px
	}
	to {
		opacity: 0;
		width: 30px
	}
}

@keyframes h {
	0% {
		opacity: 100;
		width: 400px
	}
	to {
		opacity: 0;
		width: 30px
	}
}

@-webkit-keyframes i {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		opacity: 100;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes i {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0)
	}
	to {
		opacity: 100;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes j {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	to {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
}

@keyframes j {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	to {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
}

@-webkit-keyframes k {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes k {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes l {
	0% {
		margin-top: -97px
	}
	15% {
		margin-top: -120px
	}
	to {
		margin-top: -97px
	}
}

@keyframes l {
	0% {
		margin-top: -97px
	}
	15% {
		margin-top: -120px
	}
	to {
		margin-top: -97px
	}
}

.layui-anim {
	-webkit-animation: bounceIn .3s!important;
	animation: bounceIn .3s!important
}

.layui-layer-setwin .layui-layer-close1 {
	-webkit-transition: -webkit-transform .5s ease;
	transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	transition: transform .5s ease, -webkit-transform .5s ease
}

.layui-layer-setwin .layui-layer-close1:hover {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.layui-layer-setwin a {
	/* width: 13px!important;
	height: 14px!important */
}

.btn-default {
	display: block;
	width: 60px;
	height: 30px;
	border-radius: 4px;
	background-color: #00ace9;
	text-align: center;
	line-height: 28px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: background-color .1s;
	transition: background-color .1s;
	font-family: helvetica neue, arial, hiragino sans gb, microsoft yahei, sans-serif
}

.btn-default:hover {
	background-color: #04bdff
}

.btn-gray {
	width: 90px;
	height: 40px;
	line-height: 38px;
	background-color: #f7f7f7;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
	box-shadow: 0 0 6px #e5e5e5;
	display: block;
	margin: 0 auto;
	cursor: pointer;
	-webkit-transition: all .1s;
	transition: all .1s;
	color: #666;
	font-family: helvetica neue, arial, hiragino sans gb, microsoft yahei, sans-serif
}

.btn-gray:hover {
	color: #00ace9
}

.btn-back {
	display: inline-block;
	width: 88px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #d5d5d5;
	text-align: center;
	border-radius: 3px;
	-webkit-transition: background-color .1s;
	transition: background-color .1s;
	background-color: #fafafa;
	color: #666
}

.btn-back:hover {
	background-color: #f2f2f2;
	color: #666
}

.btn-back i {
	margin-right: 4px
}

.btn-back:before,
.btn-back i {
	color: #d7d7d7
}

.btn {
	height: 36px;
	line-height: 36px;
	width: 120px;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	margin: 0 auto;
	font-size: 14px;
	font-family: helvetica neue, arial, hiragino sans gb, microsoft yahei, sans-serif
}

.btn:hover {
	background-color: #04bdff
}

.btn-disabled {
	background-color: #ccc;
	color: #fff;
	display: block
}

.btn-primary {
	background-color: #00ace9;
	color: #fff;
	display: block
}

.loading {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 200px;
	height: 150px;
	margin-left: -100px;
	margin-top: -75px;
	background-color: #fff;
	border-radius: 5px;
	text-align: center;
	z-index: 99999
}

.spinner {
	display: inline-block;
	position: relative;
	height: 32px;
	width: 32px;
	-webkit-animation: m 1s steps(12) infinite;
	animation: m 1s steps(12) infinite;
	margin-top: 40px;
	margin-bottom: 20px
}

.spinner i {
	height: 10px;
	width: 2px;
	display: block;
	-webkit-transition: height 1s;
	transition: height 1s;
	position: absolute;
	left: 50%;
	margin-left: -1px;
	-webkit-transform-origin: center 16px;
	transform-origin: center 16px;
	background-color: #00ace9;
	border-radius: 3px
}

.spinner i:nth-child(1) {
	opacity: .08
}

.spinner i:nth-child(2) {
	opacity: .167;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg)
}

.spinner i:nth-child(3) {
	opacity: .25;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg)
}

.spinner i:nth-child(4) {
	opacity: .33;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.spinner i:nth-child(5) {
	opacity: .4167;
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg)
}

.spinner i:nth-child(6) {
	opacity: .5;
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg)
}

.spinner i:nth-child(7) {
	opacity: .583;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.spinner i:nth-child(8) {
	opacity: .67;
	-webkit-transform: rotate(210deg);
	transform: rotate(210deg)
}

.spinner i:nth-child(9) {
	opacity: .75;
	-webkit-transform: rotate(240deg);
	transform: rotate(240deg)
}

.spinner i:nth-child(10) {
	opacity: .833;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

.spinner i:nth-child(11) {
	opacity: .9167;
	-webkit-transform: rotate(300deg);
	transform: rotate(300deg)
}

.spinner i:nth-child(12) {
	opacity: 1;
	-webkit-transform: rotate(330deg);
	transform: rotate(330deg)
}

@-webkit-keyframes m {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes m {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
	.header .logo .logo_img {
		background: url(../images/green.png) no-repeat 50%
	}
	.icon-penguin {
		background: url(../images/icon-penguin_2x.png) no-repeat 50%
	}
}

@media screen and (max-width:1081px) {
	.container {
		width: 980px!important
	}
	.header .searchHide {
		margin-left: -220px!important;
		width: 280px!important
	}
	.index_main .indexContent .container div dl dd {
		width: 16.2%!important
	}
	.index_main .indexServices .container ul li .item {
		margin: 0 15px!important
	}
}

@media screen and (min-width:1281px) {
	.layer {
		right: 120px!important
	}
}

.layer {
	position: fixed;
	right: 70px;
	top: 50%;
	margin-top: -97px;
	z-index: 10000
}

.layer-scroll {
	-webkit-animation: l .5s;
	animation: l .5s
}

.layer ul {
	border-radius: 5px;
	box-shadow: 0 0 6px #e5e5e5
}

.layer ul li {
	position: relative;
	z-index: 10000;
	cursor: pointer
}

.layer ul li a {
	display: inline-block;
	width: 39px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	background-color: #fff;
	color: #00ace9;
	position: relative;
	-webkit-transition: all .2s;
	transition: all .2s;
	font-size: 17px
}

.layer ul li a.icon-weixin {
	border-radius: 5px 5px 0 0
}

.layer ul li a.icon-service {
	border-radius: 0 0 5px 5px
}

.layer ul li a:hover {
	background-color: #00ace9;
	color: #fff;
	text-decoration: none
}

.layer ul li:not(:last-child):after {
	content: "";
	width: 100%;
	height: 0;
	border-bottom: 1px solid #eee;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.layer ul li:hover .layer_box {
	display: block;
	-webkit-animation: i .3s ease-in-out forwards;
	animation: i .3s ease-in-out forwards;
	-webkit-transform-origin: right center;
	transform-origin: right center
}

.layer ul li:hover .phone_box {
	-webkit-transform-origin: right 40%;
	transform-origin: right 40%
}

.layer ul li .layer_box {
	position: absolute;
	right: 50px;
	border: 1px solid #e2e2e2;
	box-shadow: 0 0 10px #e2e2e2;
	border-radius: 5px;
	padding: 18px 16px 16px;
	display: none;
	background-color: #fff
}

.layer ul li .layer_box:before {
	border: 8px dashed transparent;
	border-left-color: #d7d7d7;
	border-left-style: solid
}

.layer ul li .layer_box:after,
.layer ul li .layer_box:before {
	position: absolute;
	width: 0;
	height: 0;
	content: '';
	top: inherit;
	bottom: inherit;
	left: 100%;
	margin-left: -1px;
	font-size: 0
}

.layer ul li .layer_box:after {
	border: 7px dashed transparent;
	border-left-color: #fff;
	border-left-style: solid
}

.layer ul li .online-box {
	top: -51px;
	width: 247px;
	height: 103px
}

.layer ul li .online-box:after,
.layer ul li .online-box:before {
	top: 73px
}

.layer ul li .online-box p {
	color: #000;
	margin-bottom: 2px
}

.layer ul li .online-box span {
	color: #a1a1a1;
	font-size: 13px
}

.layer ul li .online-box .onlineBtn {
	position: absolute;
	left: 16px;
	bottom: 16px;
	background-color: #00ace9;
	color: #fff;
	padding: 6px 10px;
	border-radius: 4px;
	cursor: pointer;
	font-family: helvetica neue, arial, hiragino sans gb, microsoft yahei, sans-serif;
	height: 29px
}

.layer ul li .online-box .onlineBtn:hover {
	background-color: #04bdff
}

.layer ul li .qq_box,
.layer ul li .wechat_box {
	top: -51px;
	width: 300px;
	height: 95px;
	padding-bottom: 0;
	padding: 26px 23px
}

.layer ul li .qq_box:after,
.layer ul li .qq_box:before,
.layer ul li .wechat_box:after,
.layer ul li .wechat_box:before {
	top: 73px
}

.layer ul li .qq_box i,
.layer ul li .wechat_box i {
	width: 95px;
	height: 95px;
	display: block;
	position: absolute;
	left: 23px;
	top: 26px
}

.layer ul li .qq_box i.wechat_code,
.layer ul li .wechat_box i.wechat_code {
	background: url(../images/wechat_code.png) no-repeat bottom;
	background-size: 100% 100%
}

.layer ul li .qq_box i.qq_code,
.layer ul li .wechat_box i.qq_code {
	background: url(../images/qq_code.png) no-repeat bottom;
	background-size: 100% 100%
}

.layer ul li .qq_box .txt-box,
.layer ul li .wechat_box .txt-box {
	padding-left: 112px;
	height: 95px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.layer ul li .qq_box .txt-box p,
.layer ul li .wechat_box .txt-box p {
	display: block;
	color: #000;
	margin-bottom: 8px
}

.layer ul li .qq_box .txt-box span,
.layer ul li .wechat_box .txt-box span {
	color: #a1a1a1
}

.layer ul li .phone_box {
	top: -52px;
	width: 313px
}

.layer ul li .phone_box:after,
.layer ul li .phone_box:before {
	top: 73px
}

.layer ul li .phone_box dl {
	line-height: 22px
}

.layer ul li .phone_box dl dt {
	padding-top: 10px;
	color: #000;
	border-top: 1px solid #e2e2e2;
	font-size: 13px;
	text-align: justify
}

.layer ul li .phone_box dl dd {
	margin-bottom: 10px
}

.layer ul li .phone_box dl dd p {
	color: #000
}

.layer ul li .phone_box dl dd p:nth-child(2) {
	font-size: 16px
}

.layer ul li .phone_box dl dd span {
	display: block;
	color: #a1a1a1;
	font-size: 13px;
	text-align: justify
}

.layer ul li:last-child .iconfont {
	border-radius: 0 0 5px 5px
}

@media screen and (max-width:1650px) {
	.layer,
	.layer-new {
		right: 50px!important
	}
}

@media screen and (max-width:1500px) {
	.layer,
	.layer-new {
		right: 30px!important
	}
}

@media screen and (max-width:1450px) {
	.layer {
		right: 180px!important
	}
}

@media screen and (max-width:1350px) {
	.layer {
		right: 130px!important
	}
}

@media screen and (max-width:1280px) {
	.layer {
		right: 100px!important
	}
}

@media screen and (max-width:1024px) {
	.layer {
		right: 50px!important
	}
}

.layer-new {
	position: fixed;
	right: 70px;
	top: 50%;
	margin-top: -88px;
	z-index: 10000
}

.layer-new .layer-box {
	padding: 15px 10px;
	background-color: #fff;
	box-shadow: 0 0 8px #ccc
}

.layer-new .layer-box .box-img {
	width: 100px;
	height: 100px
}

.layer-new .layer-box .box-img .code-img {
	display: block;
	width: 100px;
	height: 100px;
	background: url(../images/ewm.png) 40% no-repeat
}

.layer-new .layer-box .box-txt {
	margin-top: 10px
}

.layer-new .layer-box .box-txt p {
	line-height: 18px;
	font-size: 14px
}

.footer {
	z-index: 9996;
	height: 160px;
	position: relative;
	background-color: #fff;
	border: 1px solid #e5e5e5
}

.footer .container {
	width: 1100px;
	position: relative
}

.footer .container .leftArea {
	float: left;
	padding: 40px 0 40px 10px
}

.footer .container .leftArea p {
	line-height: 40px
}

.footer .container .leftArea p a {
	margin-right: 27px;
	font-size: 14px;
	color: #000
}

.footer .container .leftArea p a:hover {
	color: #00ace9
}

.footer .container .leftArea p#copyright {
	color: #999
}

.footer .container .leftArea .copy {
	font-size: 12px
}

.footer .container .rightArea {
	float: right;
	margin-top: 24px;
	margin-right: 10px
}

.footer .container .rightArea .codes {
	overflow: hidden
}

.footer .container .rightArea .codes li {
	float: left;
	width: 144px;
	text-align: center
}

.footer .container .rightArea .codes li .codeBox {
	display: inline-block;
	width: 92px;
	height: 92px
}

.footer .container .rightArea .codes li .codeBox img {
	width: 100%;
	height: 100%
}

.footer .container .rightArea .codes li span {
	display: block;
	margin-top: 5px
}

.footer .goTop {
	display: block;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: -20px;
	right: -40px;
	text-align: center;
	line-height: 55px;
	cursor: pointer;
	color: #c3c5c6;
	box-shadow: 0 0 6px #ccc
}

.footer .goTop:hover:before {
	color: #00ace9
}

.footer .goTop:before {
	font-size: 28px;
	font-weight: 700
}

.footer-new {
	padding-top: 34px;
	padding-bottom: 18px;
	border-top: 1px solid #e5e5e5;
	background-color: #fff
}

.footer-new .container {
	width: auto
}

.footer-new .topArea {
	margin-bottom: 22px
}

.footer-new .topArea .helpList {
	overflow: hidden;
	text-align: center;
	font-size: 0
}

.footer-new .topArea .helpList li {
	display: inline-block;
	position: relative;
	margin: 0 25px
}

.footer-new .topArea .helpList li>i {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px
}

.footer-new .topArea .helpList li>i.icon-serve {
	background: url(../images/icon-service.png) 50% no-repeat
}

.footer-new .topArea .helpList li>i.icon-money {
	background: url(../images/icon-money.png) 50% no-repeat
}

.footer-new .topArea .helpList li>i.icon-weipay {
	background: url(../images/icon-weipay.png) 50% no-repeat
}

.footer-new .topArea .helpList li>i.icon-teenager {
	background: url(../images/icon-teenager.png) 50% no-repeat
}

.footer-new .topArea .helpList li>i.icon-consult {
	background: url(../images/icon-consult.png) 50% no-repeat
}

.footer-new .topArea .helpList li .service-txt {
	padding-left: 50px;
	text-align: left
}

.footer-new .topArea .helpList li .service-txt h3 {
	font-weight: 400;
	color: #000;
	font-size: 14px
}

.footer-new .topArea .helpList li .service-txt p {
	color: #666;
	font-size: 14px
}

.footer-new .topArea .helpList li .service-txt p i.icon-consult-arrow {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-left: 3px;
	background: url(../images/icon-consult-arrow.png) 50% no-repeat
}

.footer-new .topArea .helpList li:last-child:hover {
	cursor: pointer
}

.footer-new .topArea .helpList li:last-child:hover .service-txt p {
	color: #00ace9
}

.footer-new .topArea .helpList li:last-child:hover .service-txt p i.icon-consult-arrow {
	background: url(../images/icon-consult-arrow-hover.png) 50% no-repeat;
	top: 0
}

.footer-new .bottomArea {
	text-align: center;
	color: #888;
	font-size: 12px
}

.footer-new .bottomArea .copyrightList {
	font-size: 0;
	height: 20px;
	line-height: 20px
}

.footer-new .bottomArea .copyrightList li {
	display: inline-block;
	font-size: 12px;
	padding-right: 8px;
	margin-right: 5px;
	position: relative
}

.footer-new .bottomArea .copyrightList li a {
	color: #888
}

.footer-new .bottomArea .copyrightList li a:hover {
	color: #00ace9;
	text-decoration: none
}

.footer-new .bottomArea .copyrightList li:before {
	content: '';
	position: absolute;
	right: 0;
	top: 3px;
	bottom: 3px;
	border-right: 1px solid #888
}

.footer-new .bottomArea .copyrightList li:last-child:before {
	display: none
}

.footer-new .bottomArea .copyright {
	font-size: 12px;
	line-height: 20px
}

.insidefooter {
	margin-top: 25px;
	padding-bottom: 25px
}

.insidefooter p {
	text-align: center;
	line-height: 36px
}

.insidefooter p a {
	color: #000;
	margin: 0 10px
}

.insidefooter p a:hover {
	color: #00ace9
}

.insidefooter p.copy {
	font-size: 12px
}

.searchBar-align-r .kf_mod_searchBox {
	position: absolute;
	right: 44px;
	top: 30px;
	left: auto
}

.kf_mod_searchBox {
	position: relative;
	width: auto
}

.kf_mod_searchBox .searchBar {
	width: 100%;
	height: 40px;
	position: relative;
	background-color: #fff
}

.kf_mod_searchBox .searchBar input {
	border: 1px solid #dedede;
	background-color: transparent;
	height: 38px;
	line-height: 38px;
	width: 87%;
	padding-left: 2%;
	padding-right: 10%;
	font-size: 14px;
	color: #666;
	-webkit-transition: border-color .3s;
	transition: border-color .3s;
	position: absolute;
	left: 0;
	top: 0
}

.kf_mod_searchBox .searchBar input:hover {
	border-color: #b2b2b2
}

.kf_mod_searchBox .searchBar input:focus {
	border-color: #00ace9
}

.kf_mod_searchBox .searchBar button {
	width: 45px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	border: none;
	cursor: pointer;
	background-color: #00ace9;
	color: #fff
}

.kf_mod_searchBox .searchBar button:before {
	font-size: 18px
}

.search_key_suggest {
	background-color: #fff;
	position: absolute;
	top: 38px;
	left: 1px;
	width: 432px;
	border: 1px solid #eee;
	box-shadow: 0 2px 3px #cdcdcd;
	border-radius: 2px;
	z-index: 999
}

.search_key_suggest ul li a {
	height: 22px;
	line-height: 22px;
	padding: 3px 0;
	display: block;
	width: 100%;
	text-indent: 10px
}

.search_key_suggest ul li a:hover {
	color: #555;
	background-color: #eee
}

.kf_mod_self_tools {
	padding-top: 16px;
	padding-bottom: 34px
}

.kf_mod_self_tools li {
	float: left
}

.kf_mod_self_tools li a {
	float: left;
	border: 1px solid #00ace9;
	font-size: 14px;
	color: #00ace9;
	text-align: center;
	height: 37px;
	line-height: 37px;
	margin-right: 45px;
	padding: 0!important;
	width: 110px;
	border-radius: 3px;
	-webkit-transition: all .1s;
	transition: all .1s
}

.kf_mod_self_tools li a:hover {
	background-color: #cfeeff
}

.form {
	width: 740px;
	margin: 0 auto;
	position: relative
}

.form .form-tt {
	width: 249px;
	height: 48px;
	background: url(../images/report-v3/notice-tt.png) 50% no-repeat;
	text-align: center;
	line-height: 49px;
	color: #fff;
	margin: 40px auto;
	font-size: 22px
}

.form .form-title {
	font-size: 16px;
	color: #034d93;
	margin-left: 115px;
	margin-top: 20px
}

.form .before-read {
	display: none
}

.form .before-read .read-tt {
	padding-left: 0;
	margin-bottom: 20px
}

.form .before-read .guide-list {
	overflow: hidden;
	padding-bottom: 30px
}

.form .before-read .guide-box {
	width: 50%;
	float: left
}

.form .before-read .guide-box .box-img {
	max-width: 100%;
	padding: 5px 20px;
	position: relative;
	left: -15px
}

.form .before-read .guide-box .box-img img {
	max-width: 100%
}

.form .before-read h3 {
	color: #000;
	font-size: 16px;
	margin-bottom: 10px;
	padding-left: 27px;
	position: relative;
	line-height: 27px
}

.form .before-read h3 i {
	position: absolute;
	left: 0;
	top: 0
}

.form .before-read h3 .guide {
	color: #034d93;
	cursor: pointer
}

.form .before-read h3 .step-first {
	display: inline-block;
	width: 17px;
	height: 27px;
	background: url(../images/report-v3/notice-step01.png) 50% no-repeat;
	vertical-align: middle;
	margin-right: 10px
}

.form .before-read h3 .step-second {
	background: url(../images/report-v3/notice-step02.png) 50% no-repeat
}

.form .before-read h3 .step-second,
.form .before-read h3 .step-third {
	display: inline-block;
	width: 20px;
	height: 31px;
	vertical-align: middle;
	margin-right: 7px
}

.form .before-read h3 .step-third {
	background: url(../images/report-v3/notice-step03.png) 50% no-repeat
}

.form .evidence-list {
	padding-left: 45px;
	color: #000;
	font-size: 16px;
	margin-bottom: 20px
}

.form .evidence-list li {
	list-style: disc;
	line-height: 34px;
	position: relative;
	z-index: 10000;
	word-break: break-all;
	word-wrap: break-word;
	text-align: justify
}

.form .evidence-list li .prompt {
	position: relative;
	display: inline-block;
	width: 33px;
	right: 1px
}

.form .evidence-list li .prompt .prompt-txt {
	color: #034d93;
	cursor: pointer;
	font-size: 16px
}

.form .evidence-list li .prompt .prompt-box {
	left: 65px;
	top: -200px
}

.form .evidence-list li:nth-child(2) {
	z-index: 9999
}

.form .evidence-list li:nth-child(2) .prompt .prompt-box {
	width: 500px
}

.form .evidence-list li:nth-child(2) .prompt .prompt-box .prompt-img,
.form .evidence-list li:nth-child(2) .prompt .prompt-box .prompt-txt p {
	padding-left: 0
}

.form-agreement,
.form-agreement .form-group .group-box {
	width: 900px!important
}

.agreement {
	height: 700px;
	font-size: 14px;
	border: 1px solid #e5e5e5;
	padding: 20px;
	resize: none;
	overflow-y: auto;
	line-height: 24px;
	margin-top: 20px
}

.agreement.resize {
	resize: vertical
}

.agreement:disabled {
	background-color: #fff
}

.agreement::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: #f5f5f5
}

.agreement::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	border-radius: 3px;
	background-color: #f5f5f5
}

.agreement::-webkit-scrollbar-thumb {
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	background-color: #ccc
}

.agreement h3 {
	text-align: center;
	font-weight: 700;
	font-size: 14px
}

.agreement h4 {
	font-weight: 700
}

.agreement h4,
.agreement p {
	text-indent: 2em
}

.agreement .bold {
	font-weight: 700
}

.agreement .text-align-r {
	text-align: right
}

.agreement a {
	color: #034d93
}

.form>label {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	cursor: pointer;
	margin-top: 20px;
	margin-left: 5px;
	margin-bottom: 30px
}

.form>label .check-label {
	float: left;
	position: relative;
	width: 17px;
	height: 17px
}

.form>label .check-label .checkbox {
	display: none
}

.form>label .check-label .icon-box {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 2px;
	width: 15px;
	height: 15px;
	border: 1px solid #ccc
}

.form>label .check-label .icon-correct {
	display: none
}

.form>label .check-label input[type=checkbox]:checked~i.icon-correct {
	display: block
}

.form>label .check-txt {
	float: left;
	line-height: 19px;
	margin-left: 15px;
	color: #333;
	font-size: 16px;
	position: relative;
	top: -1px
}

.form>label .upload-img {
	display: none
}

.form .form-group {
	margin-top: 20px;
	line-height: 48px;
	font-size: 16px;
	position: relative
}

.form .form-group:after {
	content: '';
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0
}

.form .form-group label {
	float: left;
	width: 100px;
	text-align: right;
	color: #333;
	margin-right: 5px
}

.form .form-group label .required {
	position: relative;
	top: 3px;
	display: inline-block;
	margin-right: 5px;
	color: #f3080d
}

.form .form-group .group-box {
	width: 600px;
	float: right;
	position: relative
}

.form .form-group .group-box input[type=text] {
	float: right;
	width: 558px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	border: 1px solid #e5e5e5;
	padding: 0 20px;
	color: #333;
	border-radius: 3px
}

.form .form-group .group-box input[type=text]:focus {
	border-color: #034d93
}

.form .form-group .group-box input[type=text]::-ms-clear,
.form .form-group .group-box input[type=text]::-ms-reveal {
	display: none
}

.form .form-group .group-box input[type=text]::-webkit-input-placeholder,
.form .form-group .group-box textarea::-webkit-input-placeholder {
	color: #ccc
}

.form .form-group .group-box input[type=text]:-moz-placeholder,
.form .form-group .group-box input[type=text]::-moz-placeholder,
.form .form-group .group-box textarea:-moz-placeholder,
.form .form-group .group-box textarea::-moz-placeholder {
	color: #ccc
}

.form .form-group .group-box input[type=text]:-ms-input-placeholder,
.form .form-group .group-box textarea:-ms-input-placeholder {
	color: #ccc
}

.form .form-group .group-box .radio {
	height: 48px;
	line-height: 48px
}

.form .form-group .group-box .radio .check-label {
	float: left;
	height: 48px;
	line-height: 48px;
	width: 33.3333%;
	text-align: left;
	position: relative;
	margin-right: 0
}

.form .form-group .group-box .radio .check-label .icon-round {
	font-size: 16px;
	position: absolute;
	left: 3px;
	top: 0
}

.form .form-group .group-box .radio .check-label .icon-currect {
	display: none;
	color: #034d93;
	font-size: 22px;
	position: absolute;
	left: 0;
	top: 0
}

.form .form-group .group-box .radio .check-label .check-box {
	display: none
}

.form .form-group .group-box .radio .check-label .check-box:checked~.icon-currect {
	display: block
}

.form .form-group .group-box .radio .check-txt {
	display: inline-block;
	font-size: 16px;
	color: #666;
	margin-left: 30px
}

.form .form-group .group-box .datetime {
	border: 1px solid #e5e5e5;
	height: 48px;
	width: 598px
}

.form .form-group .group-box .datetime .Wdate {
	height: 48px;
	width: 558px;
	border: none;
	font-size: 16px;
	color: #333;
	padding: 0 20px
}

.form .form-group .group-box .datetime input[type=text]::-webkit-input-placeholder,
.form .form-group .group-box .datetime textarea::-webkit-input-placeholder {
	color: #ccc!important
}

.form .form-group .group-box .datetime input[type=text]:-moz-placeholder,
.form .form-group .group-box .datetime input[type=text]::-moz-placeholder,
.form .form-group .group-box .datetime textarea:-moz-placeholder,
.form .form-group .group-box .datetime textarea::-moz-placeholder {
	color: #ccc!important
}

.form .form-group .group-box .datetime input[type=text]:-ms-input-placeholder,
.form .form-group .group-box .datetime textarea:-ms-input-placeholder {
	color: #ccc!important
}

.form .form-group .group-box .select {
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	position: relative
}

.form .form-group .group-box .select .selected {
	padding: 0 20px;
	width: 558px;
	text-align: left;
	position: relative;
	cursor: pointer;
	margin-right: 0;
	display: block
}

.form .form-group .group-box .select.active:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.form .form-group .group-box .select:before {
	content: "";
	position: absolute;
	right: 15px;
	top: 20px;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-top: 8px solid #dedede;
	cursor: pointer;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}

.form .form-group .group-box .select .unselected {
	color: #a6a6a6
}

.form .form-group .group-box .select dl {
	display: none;
	position: absolute;
	top: 48px;
	left: -1px;
	right: -1px;
	background-color: #fff;
	z-index: 999;
	border: 1px solid #e5e5e5;
	border-bottom: none
}

.form .form-group .group-box .select dl dd {
	background-color: #fff;
	height: 48px;
	right: 0;
	z-index: 999;
	border-bottom: 1px solid #e5e5e5;
	cursor: pointer;
	padding: 0 20px
}

.form .form-group .group-box .select dl dd:hover {
	background-color: #e4e8f1;
	color: #333
}

.form .form-group .group-box .select dl dd.active {
	background-color: #034d93;
	color: #fff
}

.form .form-group .group-box textarea {
	float: right;
	height: 138px;
	font-size: 16px;
	border: 1px solid #e5e5e5;
	width: 558px;
	padding: 11px 20px;
	resize: none;
	overflow-y: auto;
	line-height: 24px
}

.form .form-group .group-box textarea.resize {
	resize: vertical
}

.form .form-group .group-box textarea:disabled {
	background-color: #fff
}

.form .form-group .group-box .textarea {
	float: right;
	height: 138px;
	font-size: 14px;
	border: 1px solid #e5e5e5;
	width: 558px;
	padding: 20px;
	resize: none;
	overflow-y: auto;
	line-height: 24px
}

.form .form-group .group-box .textarea.resize {
	resize: vertical
}

.form .form-group .group-box .textarea:disabled {
	background-color: #fff
}

.form .form-group .group-box .textarea::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: #f5f5f5
}

.form .form-group .group-box .textarea::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	border-radius: 3px;
	background-color: #f5f5f5
}

.form .form-group .group-box .textarea::-webkit-scrollbar-thumb {
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	background-color: #ccc
}

.form .form-group .group-box .textarea h3 {
	text-align: center;
	font-weight: 700;
	font-size: 14px
}

.form .form-group .group-box .textarea h4 {
	font-weight: 700;
	text-indent: 2em
}

.form .form-group .group-box .textarea p {
	text-indent: 2em
}

.form .form-group .group-box .textarea .bold {
	font-weight: 700
}

.form .form-group .group-box .textarea .text-align-r {
	text-align: right
}

.form .form-group .group-box .textarea a {
	color: #034d93
}

.form .form-group .group-box .group-box--s {
	width: 142px;
	float: left
}

.form .form-group .group-box .group-box--s .select {
	width: 142px
}

.form .form-group .group-box .group-box--s .select .selected {
	width: 100px;
	color: #333;
	display: block
}

.form .form-group .group-box .group-box--l {
	width: 442px;
	float: right
}

.form .form-group .group-box .group-box--l input[type=text] {
	width: 402px
}

.form .form-group .group-box .prompt {
	right: -50px;
	top: 8px
}

.form .form-group .group-box .prompt:hover .prompt-box {
	display: block;
	-webkit-animation: a .3s forwards;
	animation: a .3s forwards;
	-webkit-transform-origin: right 300px;
	transform-origin: right 300px
}

.form .form-group .group-box .prompt:hover .icon-triangle {
	display: block
}

.form .form-group .group-box label {
	height: 18px;
	line-height: 18px;
	cursor: pointer
}

.form .form-group .group-box label .check-label {
	float: left;
	position: relative;
	width: 17px;
	height: 17px
}

.form .form-group .group-box label .check-label .checkbox {
	display: none
}

.form .form-group .group-box label .check-label .icon-box {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 2px;
	width: 15px;
	height: 15px;
	border: 1px solid #ccc
}

.form .form-group .group-box label .check-label .icon-correct {
	display: none
}

.form .form-group .group-box label .check-label input[type=checkbox]:checked~i.icon-correct {
	display: block
}

.form .form-group .group-box label .check-txt {
	line-height: 19px;
	margin-left: 27px
}

.form .form-group .group-box label .upload-img {
	display: none
}

.form .form-group .group-box .img-box {
	display: inline;
	vertical-align: top
}

.form .form-group .group-box .img-box img {
	width: 108px;
	height: 108px;
	margin-right: 5px;
	margin-bottom: 5px
}

.form .form-group .group-box .btn {
	margin-top: 10px
}

.form .form-group .group-box .icon-add {
	display: inline-block;
	width: 106px;
	height: 106px;
	border: 1px solid #e5e5e5;
	position: relative;
	cursor: pointer;
	vertical-align: top
}

.form .form-group .group-box .icon-add:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -1px;
	width: 30px;
	height: 2px;
	background-color: #ccc
}

.form .form-group .group-box .icon-add:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -15px;
	margin-left: -1px;
	height: 30px;
	width: 2px;
	background-color: #ccc
}

.form .form-group .group-box .icon-add:hover {
	opacity: .8
}

.form .form-group .group-box .btn-disabled:hover {
	background-color: #ccc
}

.form .form-group .group-box .tip {
	position: relative;
	float: left;
	padding-left: 20px;
	line-height: 24px;
	margin: 10px 0
}

.form .form-group .group-box .tip .icon-prompt {
	color: #ffc000;
	position: absolute;
	left: 0;
	top: 0
}

.form .form-group .group-box .tip p {
	white-space: nowrap
}

.form .form-group .group-box~.group-box {
	margin-top: 20px
}

.form .form-group .group-box.add-account-box {
	margin-top: 0;
	line-height: 22px;
	font-size: 14px;
	color: #ccc;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px
}

.form .form-group .group-box.add-account-box .icon-plus {
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
	color: #257dcb;
	cursor: pointer
}

.form .form-group .group-box.add-account-box p {
	display: inline-block;
	margin-left: 15px;
	color: #257dcb;
	cursor: pointer
}

.form .form-group .add-list {
	float: right;
	margin-top: 20px
}

.form .form-group .error .select,
.form .form-group .error input[type=text],
.form .form-group .error textarea {
	border-color: #fe0000!important
}

.form .form-group .error .error-txt {
	display: inline
}

.form .form-group .error-txt {
	display: none;
	width: 100%;
	float: left;
	line-height: 20px;
	font-size: 15px;
	margin-top: 5px;
	margin-left: 20px;
	position: relative;
	top: 4px;
	color: #fe0000
}

.form-content {
	width: 714px
}

.prompt {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 16px;
	padding: 10px;
	line-height: 16px;
	cursor: pointer;
	z-index: 99999
}

.prompt .prompt-txt {
	color: #034d93;
	width: 30px;
	font-size: 14px;
	position: relative;
	left: 0;
	z-index: -1
}

.prompt .prompt-box {
	display: none;
	position: absolute;
	background-color: #fff;
	width: 400px;
	box-shadow: 0 0 6px #e5e5e5;
	left: 62px;
	padding: 30px;
	top: -300px;
	z-index: 1;
	overflow: hidden;
	-webkit-transition: all 1s;
	transition: all 1s
}

.prompt .prompt-box .prompt-txt {
	width: 100%
}

.prompt .prompt-box .prompt-txt p {
	margin-bottom: 15px;
	line-height: 26px;
	color: #000;
	position: relative;
	padding-left: 30px
}

.prompt .prompt-box .prompt-txt p .num {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	background-color: #acd2f7;
	color: #fff;
	border-radius: 50%;
	margin-right: 12px;
	font-size: 14px
}

.prompt .prompt-box .prompt-img {
	width: 100%;
	padding-left: 30px
}

.prompt .prompt-box .prompt-img img {
	width: 200px;
	max-width: 100%
}

.prompt .icon-triangle {
	display: none;
	position: absolute;
	right: -20px;
	top: 12px;
	width: 15px;
	height: 13px;
	box-sizing: border-box;
	background-color: #fff;
	-webkit-transform: rotate(-30deg) skew(30deg);
	transform: rotate(-30deg) skew(30deg);
	z-index: 2;
	box-shadow: -1px -1px 1px #e5e5e5
}

.prompt:hover .prompt-box {
	display: block;
	-webkit-animation: a .3s forwards;
	animation: a .3s forwards;
	-webkit-transform-origin: left 150px;
	transform-origin: left 150px
}

.prompt:hover .icon-triangle {
	display: block
}

.prompt.right .prompt-box {
	left: -470px
}

.prompt.right .icon-triangle {
	box-shadow: 1px 1px 1px #e5e5e5;
	right: 53px
}

.selectul {
	position: relative;
	display: inline-block;
	cursor: pointer;
	float: left;
	margin-right: 10px
}

.selectul ul {
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	border: 1px solid #bdc3c7;
	border-top: none;
	padding: 0;
	overflow: hidden;
	overflow-y: auto;
	display: none;
	padding-top: 31px;
	box-shadow: 1px 1px 2px #eee
}

.selectul ul li {
	height: 20px;
	line-height: 20px;
	color: #6a7576;
	font-size: 12px;
	padding: 5px 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.selectul ul li:hover {
	background: #666;
	color: #fff;
	cursor: pointer
}

.selectul select {
	display: none
}

.selectfocus {
	height: 30px;
	line-height: 30px;
	border: 1px solid #d3dcdd;
	background-color: #fff;
	padding: 0 0 0 8px;
	position: relative;
	z-index: 1002
}

.selectfocus em {
	height: 30px;
	display: block;
	background: url(../images/select-arr-default.gif) no-repeat right 0;
	font-style: normal;
	color: #4b555b;
	padding-right: 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.select_ul_show .selectfocus em {
	background-position: right -28px
}

.lq-datetimepick {
	width: 500px;
	padding: 10px;
	position: absolute;
	border: 1px solid #d3dcdd;
	background-color: #fff;
	box-shadow: 0 0 7px rgba(0, 0, 0, .2);
	display: none
}

.datetime-arr {
	width: 13px;
	height: 7px;
	position: absolute;
	left: 25px;
	top: -7px;
	background: url(../images/pop-tips-info-arr.gif) no-repeat 0 0
}

.select-datetime {
	width: 100%;
	float: left;
	height: auto;
	*height: 222px
}

.select-datetime dl {
	height: 50px
}

.select-datetime dl.datetime-day {
	margin-bottom: 10px
}

.select-datetime dl dt {
	width: 100px;
	height: 50px;
	float: left;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	color: #4b555b
}

.select-datetime dl dt a {
	display: block;
	padding: 7px 0
}

.select-datetime dl dt span {
	display: block;
	border-right: 1px solid #ecf0f1;
	margin-right: -1px
}

.select-datetime dl dt span i {
	color: #f03368;
	margin-left: 6px
}

.select-datetime dl dt em {
	display: block;
	font-weight: 400
}

.select-datetime dl dt.current a {
	background-color: #13a4e7;
	color: #fff;
	text-decoration: none;
	font-weight: 700
}

.select-datetime dl dt.current a i {
	color: #fff
}

.select-datetime dl dt a:hover {
	text-decoration: none
}

.select-datetime dl dd {
	width: 99px;
	height: 40px;
	float: left;
	background-color: #fff;
	border: 1px solid #d3dcdd;
	padding: 7px 0 6px;
	margin: -1px 0 0 -1px;
	line-height: 20px;
	text-align: center;
	color: #4b555b;
	cursor: pointer
}

.select-datetime dl dd em {
	font-size: 12px;
	display: block
}

.select-datetime dl dd.over {
	color: #95a5a6;
	background-color: #ecf0f1
}

.select-datetime dl dd.selected {
	color: #fff;
	background-color: #6b7879
}

.datetime-select {
	height: 32px;
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d3dcdd
}

.datetime-select .selectul {
	width: 100px
}

.select-datetime dl.datetime-day {
	height: 35px
}

.select-datetime dl.datetime-day dd,
.select-datetime dl.datetime-day dt {
	width: 70px;
	height: 30px;
	line-height: 30px
}

.select-datetime dl.datetime-day dt {
	width: 71px
}

.select-datetime dl.datetime-day dt span {
	border-right: none;
	font-size: 14px;
	text-align: center
}

.select-datetime dl dd.blank {
	background-color: #fafbfb
}

.select-datetime dl dd.current {
	background-color: #f2f5f5;
	font-weight: 700
}

.select-datetime dl.datetime-hour dd {
	width: 61px;
	height: 30px;
	line-height: 30px
}

.select-datetime dl.datetime-week {
	height: 50px
}

.select-datetime dl.datetime-week dd,
.select-datetime dl.datetime-week dt {
	width: 100px;
	height: 50px;
	line-height: 150%
}

.select-datetime dl.datetime-week dt span {
	border-right: 1px solid #ecf0f1;
	font-size: 12px;
	text-align: center;
	margin-right: -1px
}

.select-datetime dl dt.last span {
	border-right: none
}

.icon-arrow-r {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #9c9c9c;
	border-right: 1px solid #9c9c9c;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.icon-correct {
	display: block;
	position: relative;
	width: 17px;
	height: 17px;
	border-radius: 2px;
	background-color: #034d93
}

.icon-correct:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 3px;
	width: 10px;
	height: 3px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(-40deg);
	transform: rotate(-40deg)
}

.btn-primary {
	background-color: #034d93
}

.btn-primary:hover {
	background-color: #045aac
}

.container-report {
	position: relative;
	padding: 0 0 16px;
	width: 1100px;
	margin: 0 auto;
	border: none
}

.report-header {
	position: absolute!important;
	left: 0;
	top: 0;
	right: 0;
	height: 60px!important;
	background-color: #073a7c!important;
	box-shadow: none!important
}

.report-header .container {
	width: 1100px
}

.report-header .container .logo {
	margin-left: 12px
}

.report-header .container .logo a {
	cursor: default
}

.report-header .container .logo .logo_img {
	background: url(../images/report-v3/logo.png) no-repeat 0
}

.report-header .container .member .warn {
	left: auto;
	right: 80px
}

.report-header .container .member .warn i {
	margin-right: 10px;
	color: #96a9c1;
	position: relative
}

.report-header .container .member .warn i .msg {
	position: absolute;
	display: block;
	left: 6px;
	top: -9px;
	height: 10px;
	line-height: 10px;
	-webkit-transform: scale(.7);
	transform: scale(.7);
	font-size: 10px;
	background-color: red;
	border-radius: 10px;
	padding: 4px 6px;
	color: #fff
}

.report-header .container .member .warn a {
	color: #96a9c1;
	width: auto
}

.report-header .container .member .warn a:hover {
	color: #fff
}

.report-header .container .member .warn:after {
	content: "";
	position: absolute;
	right: -22px;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #96a9c1
}

.report-header .container .member .photo {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	margin-left: -5px
}

.report-header .container .member .photo img {
	position: relative;
	right: 8px
}

.report-header .container .member .photo .loginBtn {
	background-color: transparent;
	border: 1px solid #fff;
	font-size: 12px;
	width: 56px;
	height: 26px;
	line-height: 26px;
	margin-top: -13px;
	color: #96a9c1;
	border-color: #96a9c1
}

.report-header .container .member .photo .loginBtn:hover {
	background-color: transparent;
	border-color: #fff;
	color: #fff
}

.report-header .container .member .photo .loginBox,
.report-header .container .member .photo .logoutBox {
	top: 34px;
	right: -31px
}

.report-header .container .member .photo .loginBox .logoutBtn,
.report-header .container .member .photo .logoutBox .logoutBtn {
	background-color: #094d93
}

.report-header .container .member .photo .loginBox .logoutBtn:hover,
.report-header .container .member .photo .logoutBox .logoutBtn:hover {
	background-color: #0a5aab
}

.report-banner {
	height: 302px;
	background-color: #446daf;
	color: #fff;
	position: relative;
	background: url(../images/report-v3/report-bannerbg.png) top no-repeat
}

.report-banner .container {
	position: relative;
	height: 260px;
	width: 1100px
}

.report-banner .report-tt {
	position: absolute;
	left: 12px;
	top: 50%;
	color: #fff;
	margin-top: -25px
}

.report-banner .report-tt h1 {
	font-size: 50px;
	font-weight: 400;
	line-height: 45px;
	margin-bottom: 25px
}

.report-banner .report-tt p {
	font-size: 20px
}

.report-bar {
	height: 42px;
	line-height: 42px;
	background-color: #fdf6d9
}

.report-bar .container {
	width: 1100px
}

.report-bar .container .voice-wrap .icon-notice {
	font-size: 50px;
	vertical-align: middle;
	color: #266cab
}

.report-bar .container .voice-wrap span {
	font-size: 13px;
	color: #666
}

.report-main {
	background-color: #fff
}

.report-main .report-container {
	width: 1100px;
	margin: 0 auto;
	position: relative
}

.report-main .report-leftArea {
	float: left;
	width: 710px
}

.report-main .report-leftArea .report-type {
	overflow: hidden;
	padding-top: 40px;
	height: 160px
}

.report-main .report-leftArea .report-type .type-logo {
	float: left;
	text-align: center;
	padding-right: 52px;
	width: 115px
}

.report-main .report-leftArea .report-type .type-logo .type-icon {
	display: inline-block;
	width: 89px;
	height: 97px
}

.report-main .report-leftArea .report-type .type-logo .type-txt {
	font-size: 18px;
	margin-top: 10px;
	color: #000
}

.report-main .report-leftArea .report-type .type-list {
	float: left;
	width: 500px;
	height: 158px;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5
}

.report-main .report-leftArea .report-type .type-list .tt {
	font-size: 16px;
	color: #034d93;
	line-height: 26px;
	margin-bottom: 12px
}

.report-main .report-leftArea .report-type .type-list ul li {
	width: 166px;
	float: left
}

.report-main .report-leftArea .report-type .type-list ul li a {
	color: #000;
	line-height: 34px
}

.report-main .report-leftArea .report-type .type-list ul li a:hover {
	color: #257dcb
}

.report-main .report-leftArea .report-type:last-child .type-list {
	border-bottom: none
}

.report-main .report-leftArea .report-type:nth-child(1) .type-logo .type-icon {
	background: url(../images/report-v3/report-type01.png) 50% no-repeat
}

.report-main .report-leftArea .report-type:nth-child(2) .type-logo .type-icon {
	background: url(../images/report-v3/report-type02.png) 50% no-repeat
}

.report-main .report-leftArea .report-type:nth-child(3) .type-logo .type-icon {
	background: url(../images/report-v3/report-type03.png) 50% no-repeat
}

.report-main .report-leftArea .report-type:nth-child(4) .type-logo .type-icon {
	background: url(../images/report-v3/report-type04.png) 50% no-repeat
}

.report-main .report-rightArea {
	float: right;
	width: 300px;
	padding-top: 30px;
	padding-bottom: 30px
}

.report-main .report-rightArea .report-progress {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e5e5e5;
	cursor: pointer
}

.report-main .report-rightArea .report-progress p {
	float: left;
	font-size: 16px;
	color: #333
}

.report-main .report-rightArea .report-progress span {
	background-color: #ee2323;
	color: #fff;
	padding: 1px 5px;
	border-radius: 50%;
	margin-left: 20px
}

.report-main .report-rightArea .report-progress .icon-arrow-r {
	float: right;
	margin-right: 7px;
	margin-top: 20px
}

.report-main .report-rightArea .report-tt {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 15px
}

.report-main .report-rightArea .report-tt .tt {
	display: inline-block;
	line-height: 40px;
	color: #034d93;
	border-bottom: 1px solid #034d93
}

.report-main .report-rightArea .report-tt .more {
	float: right;
	color: #000;
	font-size: 16px
}

.report-main .report-rightArea .report-tt .more:hover {
	color: #034d93
}

.report-main .report-rightArea .report-tt:first-child {
	margin-top: 0
}

.report-main .report-rightArea .report-swiper {
	overflow: hidden;
	margin-top: 14px;
	height: 150px
}

.report-main .report-rightArea .report-swiper .swiper-bd .swiper-item {
	overflow: hidden;
	line-height: 30px;
	color: #000
}

.report-main .report-rightArea .report-swiper .swiper-bd .swiper-item span {
	float: left;
	width: 90px;
	margin-right: 50px
}

.report-main .report-rightArea .report-swiper .swiper-bd .swiper-item em {
	float: left;
	width: 56px
}

.report-main .report-rightArea .report-swiper .swiper-bd .swiper-item em:last-child {
	float: right;
	width: 100px;
	text-align: right
}

.report-main .report-rightArea .report-freeze .sub-tt {
	font-size: 14px;
	color: #585858;
	line-height: 1.8;
	margin: 12px 0
}

.report-main .report-rightArea .report-freeze .account-freeze {
	overflow: hidden
}

.report-main .report-rightArea .report-freeze .account-freeze .freeze-item {
	width: 142px;
	text-align: center;
	font-size: 16px;
	color: #333;
	height: 46px;
	line-height: 46px;
	background-color: #f5f5f5;
	cursor: pointer;
	border-radius: 3px;
	-webkit-transition: background-color .2s;
	transition: background-color .2s
}

.report-main .report-rightArea .report-freeze .account-freeze .freeze-item .iconfont {
	display: inline-block;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	margin-right: 10px
}

.report-main .report-rightArea .report-freeze .account-freeze .freeze-item .iconfont:before {
	display: block;
	line-height: 23px;
	text-align: center;
	font-size: 10px;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	color: #fff
}

.report-main .report-rightArea .report-freeze .account-freeze .freeze-item .iconfont.icon-qq {
	background-color: #00aee5
}

.report-main .report-rightArea .report-freeze .account-freeze .freeze-item .iconfont.icon-weixin {
	background-color: #86c610
}

.report-main .report-rightArea .report-freeze .account-freeze .freeze-item:first-child {
	float: left
}

.report-main .report-rightArea .report-freeze .account-freeze .freeze-item:last-child {
	float: right
}

.report-main .report-rightArea .report-freeze .account-freeze .freeze-item:hover {
	background-color: #083672;
	color: #fff
}

.report-main .report-rightArea .report-freeze .account-freeze .freeze-item:hover .iconfont {
	background-color: #fff
}

.report-main .report-rightArea .report-freeze .account-freeze .freeze-item:hover .iconfont:before {
	color: #083672
}

.report-main .report-rightArea .report-freeze .freeze-list {
	font-size: 12px;
	color: #888;
	overflow: hidden;
	margin-top: 10px
}

.report-main .report-rightArea .report-freeze .freeze-list li {
	float: left
}

.report-main .report-rightArea .report-freeze .freeze-list li a {
	color: #257dcb
}

.report-main .report-rightArea .report-freeze .freeze-list li:nth-child(2n) {
	float: right
}

.report-main .report-rightArea .report-cases ul {
	padding: 12px 0
}

.report-main .report-rightArea .report-cases ul li {
	line-height: 32px
}

.report-main .report-rightArea .report-cases ul li a {
	color: #000;
	float: left;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative
}

.report-main .report-rightArea .report-cases ul li a:hover {
	color: #257dcb
}

.report-main .report-rightArea .report-cooperation {
	margin-top: 29px
}

.report-main .report-rightArea .report-cooperation .tt {
	color: #6a6a6a;
	position: relative;
	text-align: center;
	margin-bottom: 12px;
	font-size: 14px
}

.report-main .report-rightArea .report-cooperation .tt:before {
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 37%;
	height: 1px;
	background-color: #e5e5e5
}

.report-main .report-rightArea .report-cooperation .tt:after {
	content: "";
	position: absolute;
	right: 0;
	top: 10px;
	width: 37%;
	height: 1px;
	background-color: #e5e5e5
}

.report-main .report-rightArea .report-cooperation .cooperation-list a {
	display: inline-block;
	margin-right: 1px
}

.report-main .report-rightArea .report-cooperation .cooperation-list a img {
	max-width: 100%
}

.report-main .report-xcx {
	position: absolute;
	right: -118px;
	bottom: 79px
}

.report-main .report-xcx .xcx-box {
	text-align: center
}

.report-main .report-xcx .xcx-box i {
	display: inline-block;
	width: 56px;
	height: 56px;
	background-color: #f5f5f5;
	border-radius: 50%;
	text-align: center;
	line-height: 56px;
	-webkit-transition: background-color .2s;
	transition: background-color .2s
}

.report-main .report-xcx .xcx-box p {
	font-size: 13px;
	color: #626262;
	margin-top: 3px;
	line-height: 1;
	margin-top: 8px
}

.report-main .report-xcx .code-box {
	display: none;
	position: absolute;
	left: -143px;
	top: -43px;
	width: 136px;
	height: 160px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	padding: 10px;
	padding-bottom: 0;
	box-sizing: border-box
}

.report-main .report-xcx .code-box img {
	width: 114px;
	height: 114px
}

.report-main .report-xcx .code-box p {
	width: 100%;
	font-size: 13px;
	color: #333;
	line-height: 32px;
	white-space: nowrap;
	text-align: center;
	position: relative
}

.report-main .report-xcx .code-box:after {
	content: '';
	position: absolute;
	right: -4px;
	top: 50%;
	margin-top: -12px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.report-main .report-xcx:hover {
	cursor: default
}

.report-main .report-xcx:hover .xcx-box i {
	background-color: #083672
}

.report-main .report-xcx:hover .xcx-box i:before {
	color: #fff
}

.report-main .report-xcx:hover .xcx-box p {
	color: #083672
}

.report-main .report-xcx:hover .code-box {
	display: block;
	-webkit-animation: i .3s ease-in-out forwards;
	animation: i .3s ease-in-out forwards;
	-webkit-transform-origin: right center;
	transform-origin: right center
}

.report-declare {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .6);
	z-index: 100001;
	color: #000
}

.report-declare .delcare-box {
	position: fixed;
	left: 50%;
	top: 50%;
	background-color: #fff;
	width: 740px;
	margin-left: -380px;
	margin-top: -212px;
	border-radius: 5px
}

.report-declare .delcare-box .declare-tt {
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	position: relative
}

.report-declare .delcare-box .declare-tt,
.report-declare .delcare-box .declare-tt h3 {
	background-color: #034d93;
	border-radius: 5px 5px 0 0
}

.report-declare .delcare-box .declare-tt .icon-close {
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	cursor: pointer
}

.report-declare .delcare-box .declare-tt .icon-close:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 20px;
	height: 0;
	border: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.report-declare .delcare-box .declare-tt .icon-close:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 20px;
	height: 0;
	border: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.report-declare .delcare-box .declare-bd {
	box-sizing: border-box;
	padding: 40px 75px 48px;
	font-size: 20px;
	line-height: 32px
}

.report-declare .delcare-box .declare-bd .bd-txt {
	margin-bottom: 10px
}

.report-declare .delcare-box .declare-bd .bd-txt>p {
	margin-bottom: 10px;
	line-height: 34px
}

.report-declare .delcare-box .declare-bd .bd-txt p {
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	text-align: justify
}

.report-declare .delcare-box .declare-bd .bd-txt p span {
	float: left
}

.report-declare .delcare-box .declare-bd .bd-txt p span:last-child {
	width: 94%
}

.report-declare .delcare-box .declare-bd .bd-txt p:last-child {
	margin-top: 15px
}

.report-declare .delcare-box .declare-bd .bd-txt label {
	margin-left: 0;
	margin-top: 30px;
	height: 20px;
	line-height: 20px
}

.report-declare .delcare-box .declare-bd .bd-txt label p {
	font-size: 18px!important;
	margin-top: 0!important
}

.report-declare .delcare-box .declare-bd .bd-txt label p a {
	color: #034d93
}

.report-declare .delcare-box .declare-bd .bd-txt label .check-txt {
	position: relative;
	top: 0
}

.report-declare .delcare-box .tort-bd {
	height: 393px;
	overflow-y: auto;
	padding: 15px 45px
}

.report-declare .delcare-box .tort-bd .read-guide {
	margin-bottom: 27px
}

.report-declare .delcare-box .tort-bd h4 {
	color: #000;
	margin-top: 10px;
	font-weight: 700
}

.report-declare .delcare-box .tort-bd p {
	line-height: 23px;
	color: #666;
	word-break: break-all;
	word-wrap: break-word;
	text-align: justify
}

.report-declare .delcare-box .tort-bd::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: #f5f5f5
}

.report-declare .delcare-box .tort-bd::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	border-radius: 3px;
	background-color: #f5f5f5
}

.report-declare .delcare-box .tort-bd::-webkit-scrollbar-thumb {
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	background-color: #ccc
}

.report-declare .btn-disabled {
	color: #666;
	font-size: 18px
}

.report-declare .btn-disabled:hover {
	background-color: #ccc
}

.report-declare .btn-primary {
	font-size: 18px;
	background-color: #034d93
}

.report-footer {
	height: 82px;
	background-color: #fff;
	text-align: center;
	padding: 40px;
	border-top: 1px solid #e5e5e5
}

.report-footer .container {
	padding: 12px
}

.report-footer p {
	line-height: 30px;
	font-size: 14px
}

.report-footer p a {
	position: relative;
	margin-right: 30px
}

.report-footer p a:after {
	content: '';
	display: inline-block;
	position: absolute;
	right: -18px;
	top: 0;
	width: 1px;
	height: 16px;
	background-color: #e5e5e5
}

.report-footer p a:last-child {
	margin-right: 0
}

.report-footer p a:last-child:after {
	display: none
}

.report-footer p a:hover {
	color: #257dcb
}

.report-footer .copy {
	color: #999
}

.report-footer .copy span {
	margin-left: 10px
}

.container-panel {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 3px
}

.panel-tt {
	height: 65px;
	line-height: 65px;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 43px
}

.panel-tt ul li {
	float: left;
	margin-right: 15px;
	position: relative;
	cursor: pointer
}

.panel-tt ul li:hover {
	color: #034d93
}

.panel-tt ul li:hover:not(:last-child):before {
	color: #666
}

.panel-tt ul li:last-child:hover {
	cursor: default;
	color: #666
}

.panel-tt ul li:not(:last-child):before {
	content: ">";
	position: absolute;
	right: -12px;
	cursor: default
}

.panel-bd {
	padding-bottom: 70px;
	min-height: 60vh
}

.list-step {
	padding-top: 66px;
	padding-bottom: 58px;
	width: 910px;
	margin: 0 auto
}

.list-step:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.list-step .step {
	float: left;
	width: 33.33333%;
	text-align: center;
	position: relative
}

.list-step .step .step-num {
	display: block;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	border-radius: 50%;
	background-color: #ccc;
	color: #fff;
	margin: 0 auto;
	position: relative;
	z-index: 2
}

.list-step .step .step-num.pointer {
	cursor: pointer
}

.list-step .step .step-txt {
	display: inline-block;
	margin-top: 5px;
	font-size: 14px;
	color: #ccc
}

.list-step .step:before {
	left: 0
}

.list-step .step:after,
.list-step .step:before {
	content: '';
	width: 50%;
	height: 3px;
	background-color: #ccc;
	position: absolute;
	top: 13px;
	z-index: 1
}

.list-step .step:after {
	left: 50%
}

.list-step .step.current .step-num {
	background-color: #034d93
}

.list-step .step.current .step-txt {
	color: #034d93
}

.list-step .step.current:after,
.list-step .step.current:before {
	background-color: #034d93
}

.form-screenshot {
	width: 620px
}

.form-screenshot h3 {
	font-size: 18px;
	color: #333
}

.form-screenshot .upload {
	margin: 45px 0
}

.form-screenshot .upload ul {
	overflow: hidden
}

.form-screenshot .upload ul li {
	float: left;
	width: 50%;
	text-align: center
}

.form-screenshot .upload ul li i {
	display: inline-block;
	margin-bottom: 15px
}

.form-screenshot .upload ul li i.icon-pc {
	width: 148px;
	height: 119px;
	background: url(../images/report-v2/icon-pc.png) 50% no-repeat
}

.form-screenshot .upload ul li i.icon-cell {
	width: 63px;
	height: 119px;
	background: url(../images/report-v2/icon-cell.png) 50% no-repeat
}

.form-screenshot .upload ul li .btn {
	width: 178px;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	background-color: #034d93
}

.form-screenshot .upload ul li .btn:hover {
	background-color: #045aac
}

.form-screenshot .tip {
	position: relative
}

.form-screenshot .tip i {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 22px;
	color: #ffc000
}

.form-screenshot .tip .tip-txt {
	padding-left: 35px
}

.form-screenshot .tip .tip-txt h3 {
	font-size: 16px;
	margin-bottom: 8px
}

.form-screenshot .tip .tip-txt .tip-prompt {
	display: inline-block;
	position: relative;
	line-height: 24px;
	color: #000
}

.form-screenshot .tip .tip-txt .tip-prompt .prompt {
	right: -40px;
	top: -6px;
	width: 30px
}

.form-screenshot .tip .tip-txt .tip-prompt .prompt .prompt-box {
	width: 520px;
	left: 65px;
	top: -600px
}

.form-screenshot .tip .tip-txt .tip-prompt .prompt .prompt-box .prompt-txt {
	color: #2b96e6;
	cursor: pointer
}

.form-screenshot .tip .tip-txt .tip-prompt .prompt .prompt-box .prompt-txt:nth-child(3) {
	margin-top: 15px
}

.form-screenshot .tip .tip-txt .tip-prompt .prompt .icon-triangle {
	left: 58px;
	top: 11px
}

.form-screenshot .tip .tip-txt .tip-prompt .prompt:hover .prompt-box {
	display: block;
	-webkit-animation: a .3s forwards;
	animation: a .3s forwards;
	-webkit-transform-origin: left 600px;
	transform-origin: left 600px
}

.form-screenshot .tip .tip-txt .tip-prompt .prompt:hover .icon-triangle {
	display: block
}

.form-screenshot .tip .tip-txt p {
	line-height: 24px;
	color: #000
}

.form-screenshot-pc h3 {
	text-align: center;
	font-size: 18px;
	color: #000;
	margin-bottom: 15px
}

.form-screenshot-pc h4 {
	text-align: center;
	font-size: 16px;
	color: #034d93
}

.form-screenshot-pc h4 span {
	cursor: pointer
}

.form-screenshot-pc .tt {
	font-size: 16px;
	color: #333;
	margin-top: 35px
}

.form-screenshot-pc .tt span {
	color: #999
}

.form-screenshot-pc .required {
	color: #fe0000;
	position: relative;
	top: 4px;
	margin-right: 12px
}

.form-screenshot-pc .upload-imgs {
	padding: 15px 20px 0
}

.form-screenshot-pc .upload-imgs .img-box {
	display: inline;
	vertical-align: top
}

.form-screenshot-pc .upload-imgs .img-box img {
	width: 108px;
	height: 108px;
	margin-right: 5px;
	margin-bottom: 5px
}

.form-screenshot-pc .upload-imgs .upload-img {
	display: none
}

.form-screenshot-pc .upload-imgs .icon-add {
	display: inline-block;
	width: 106px;
	height: 106px;
	border: 1px solid #e5e5e5;
	position: relative;
	cursor: pointer;
	vertical-align: top
}

.form-screenshot-pc .upload-imgs .icon-add:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -1px;
	width: 30px;
	height: 2px;
	background-color: #ccc
}

.form-screenshot-pc .upload-imgs .icon-add:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -15px;
	margin-left: -1px;
	height: 30px;
	width: 2px;
	background-color: #ccc
}

.form-screenshot-pc .upload-imgs .icon-add:hover {
	opacity: .8
}

.form-screenshot-pc .btn-wrapper {
	margin-top: 30px
}

.form-screenshot-pc .btn-wrapper .btn-disabled:hover {
	background-color: #ccc
}

.form-screenshot-pc .screenshot-code {
	text-align: center;
	margin-top: 30px
}

.form-screenshot-pc .screenshot-code .code-box {
	display: inline-block;
	width: 283px;
	height: 283px;
	border: 1px solid #e5e5e5
}

.form-screenshot-pc .screenshot-code .code-box img {
	max-width: 100%
}

.success-box .success-tt {
	width: 760px;
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
	margin: 0 auto;
	line-height: 24px
}

.success-box .success-tt .icon-currect {
	font-size: 75px;
	color: #6ec81b
}

.success-box .success-tt h3 {
	font-size: 28px;
	color: #333;
	line-height: 32px;
	margin-top: 20px;
	margin-bottom: 15px
}

.success-box .success-tt p~p {
	margin-top: 20px
}

.success-box .success-bd {
	width: 730px;
	margin: 0 auto;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 30px 90px;
	margin-top: 60px
}

.success-box .success-bd .bd-item {
	overflow: hidden;
	position: relative;
	margin-bottom: 34px
}

.success-box .success-bd .bd-item .icon-guide {
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/icon-guide.png) 50% no-repeat;
	background-size: cover;
	width: 35px;
	height: 35px
}

.success-box .success-bd .bd-item .num {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	background-color: #aed2f4;
	font-size: 16px
}

.success-box .success-bd .bd-item .bd-box {
	margin-left: 45px
}

.success-box .success-bd .bd-item .bd-box h4 {
	font-size: 18px;
	color: #000;
	margin-bottom: 14px;
	line-height: 30px
}

.success-box .success-bd .bd-item .bd-box p {
	font-size: 16px
}

.success-box .success-bd .bd-item .bd-box p span {
	color: #cd2729
}

.success-box .success-bd .bd-item .bd-box .bd-tt {
	color: #333
}

.success-box .success-bd .bd-item .bd-box .bd-tt span {
	color: #2e80ca;
	cursor: pointer
}

.success-box .success-bd .bd-item .bd-box .bd-tt em {
	color: #cd2729
}

.success-box .success-bd .bd-item .bd-box .table {
	width: 328px;
	float: left;
	border: 1px solid #d8eafb;
	margin-right: 15px;
	border-bottom: none
}

.success-box .success-bd .bd-item .bd-box .table:last-child {
	margin-right: 0
}

.success-box .success-bd .bd-item .bd-box .table li {
	height: 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #d8eafb;
	font-size: 16px;
	color: #333;
	background-color: #f4f9fe
}

.success-box .success-bd .bd-item .bd-box .table li span .icon-dot {
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #000;
	border-radius: 50%;
	vertical-align: middle;
	position: relative;
	top: -1px;
	margin-right: 5px
}

.success-box .success-bd .bd-item .bd-box .table li.box-tt {
	display: block;
	background-color: #d8eafb;
	text-align: center
}

.success-box .success-bd .bd-item .bd-box .table li.box-tt p {
	font-size: 16px;
	color: #000;
	padding-top: 12px
}

.success-box .success-bd .bd-item .bd-box .table li.box-tt span {
	font-size: 14px;
	color: #333
}

.success-box .success-bd .bd-item:last-child,
.success-box .success-bd .bd-item:last-child .bd-box h4 {
	margin-bottom: 0
}

.record-list {
	padding: 20px 43px
}

.record-list dl {
	border: 1px solid #f5f5f5
}

.record-list dl dt {
	background-color: #f5f5f5
}

.record-list dl dt ul li {
	height: 42px;
	line-height: 42px;
	padding: 0 20px;
	color: #6a6a6a
}

.record-list dl dd {
	border-top: 1px solid #f5f5f5
}

.record-list dl li {
	float: left;
	width: 19.2%;
	padding: 20px;
	box-sizing: border-box;
	color: #000;
	word-break: break-all
}

.record-list dl li .continue {
	color: #034d93;
	cursor: pointer
}

.record-list dl li:first-child {
	width: 4%
}

.record-list dl li:nth-child(1) {
	width: 18%;
	color: #6a6a6a
}

.record-list dl li:nth-child(3),
.record-list dl li:nth-child(4) {
	width: 18%
}

.record-list dl li:nth-child(5) {
	width: 26%
}

.record-list dl li.progress {
	color: #23ab3e
}

.record-none {
	text-align: center;
	padding: 200px 0
}

.record-none .icon-record {
	font-size: 86px;
	color: #d8d8d8
}

.record-none p {
	font-size: 18px;
	color: #333;
	margin-top: 36px
}

.case-bd {
	padding: 44px 125px
}

.case-bd h1 {
	line-height: 38px;
	font-size: 25px
}

.case-bd h1,
.case-bd h2 {
	text-align: center;
	color: #000
}

.case-bd h2 {
	line-height: 26px;
	font-size: 17px;
	position: relative;
	left: 25px;
	margin-bottom: 20px
}

.case-bd span {
	font-size: 14px;
	text-indent: 2em;
	display: inline-block
}

.case-bd h3 {
	color: #000;
	font-size: 16px;
	margin: 20px 0;
	line-height: 33px;
	font-weight: 700
}

.case-bd p {
	color: #242424;
	line-height: 28px;
	font-size: 16px;
	text-indent: 2em
}

.case-bd .img-box {
	text-align: center;
	margin: 20px 0
}

.case-bd .img-box img {
	max-width: 100%
}

.bills-header .container .member .photo .msg {
	position: absolute;
	display: block;
	left: 36px;
	top: 1px;
	height: 10px;
	width: 10px;
	line-height: 10px;
	text-align: center;
	font-size: 12px;
	background-color: red;
	border-radius: 10px;
	color: #fff
}

.bills-header .container .member .photo:hover .bills-loginBox {
	display: block
}

.bills-header .container .member .photo .bills-loginBox {
	padding-top: 30px
}

.bills-header .container .member .photo .bills-loginBox ul {
	position: absolute;
	left: -107px;
	top: 68px;
	background-color: #fff;
	box-shadow: 0 0 6px #e5e5e5;
	width: 170px
}

.bills-header .container .member .photo .bills-loginBox ul li {
	height: 50px;
	line-height: 50px;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
	cursor: pointer
}

.bills-header .container .member .photo .bills-loginBox ul li i {
	position: absolute;
	left: 13px;
	top: 50%;
	width: 14px;
	height: 14px;
	margin-top: -7px
}

.bills-header .container .member .photo .bills-loginBox ul li i.icon-user {
	background: url(../images/bills/icon-user.png) 50% no-repeat
}

.bills-header .container .member .photo .bills-loginBox ul li i.icon-billrecord {
	background: url(../images/bills/icon-billrecord.png) 50% no-repeat
}

.bills-header .container .member .photo .bills-loginBox ul li i.icon-logout {
	background: url(../images/bills/icon-logout.png) 50% no-repeat
}

.bills-header .container .member .photo .bills-loginBox ul li p {
	padding-left: 40px
}

.bills-header .container .member .photo .bills-loginBox ul li p .msg {
	position: relative;
	display: inline-block;
	left: auto;
	top: -6px;
	left: 1px
}

.bills-header .container .member .photo .bills-loginBox ul li:last-child {
	border-bottom: none
}

.bills-header .container .member .photo .bills-loginBox ul li:hover {
	background-color: #fcfcfc
}

.form-bills {
	width: 740px
}

.form-bills .form-title {
	color: #666;
	margin-left: 140px;
	margin-top: 30px;
	margin-bottom: 30px
}

.form-bills .form-group>label {
	width: 115px;
	display: inline-block
}

.form-bills .form-group label {
	float: none
}

.form-bills .form-group .group-box input[type=text]:focus {
	border-color: #00ace9
}

.form-bills .form-group .group-box label {
	margin-right: 0
}

.form-bills .form-group .group-box label .check-label input[type=checkbox]:checked~i.icon-correct {
	background-color: #00ace9
}

.form-bills .form-group .group-box label .check-txt {
	font-size: 12px;
	line-height: 19px;
	text-align: left
}

.form-bills .form-group .group-box label .check-txt a {
	color: #00ace9
}

.form-bills .form-group .group-box .select dl {
	max-height: 400px;
	overflow-y: auto;
	z-index: 9999;
	border-bottom: 1px solid #e5e5e5
}

.form-bills .form-group .group-box .select dl dd {
	position: relative
}

.form-bills .form-group .group-box .select dl dd i {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 15px;
	height: 5px;
	margin-top: -5px;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	-webkit-transform: rotate(-40deg);
	transform: rotate(-40deg)
}

.form-bills .form-group .group-box .select dl dd:last-child {
	border-bottom: none
}

.form-bills .form-group .group-box .select dl::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: #f5f5f5
}

.form-bills .form-group .group-box .select dl::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	border-radius: 3px;
	background-color: #f5f5f5
}

.form-bills .form-group .group-box .select dl::-webkit-scrollbar-thumb {
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	background-color: #ccc
}

.form-bills .form-group .group-box .select .unselected {
	color: #ccc
}

.form-bills .form-group .group-box .img-box .box {
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 3px;
	border: 1px solid #dedede;
	position: relative;
	margin-right: 15px;
	margin-bottom: 20px
}

.form-bills .form-group .group-box .img-box .box img {
	width: 100%;
	height: 100%
}

.form-bills .form-group .group-box .img-box .box .icon-imagedelete {
	display: block;
	position: absolute;
	left: 37px;
	top: 37px;
	width: 20px;
	height: 20px;
	background: url(../images/bills/icon-billdelete.png) 50% no-repeat;
	cursor: pointer
}

.form-bills .form-group .group-box .icon-add {
	width: 60px;
	height: 60px;
	border-radius: 3px;
	border: 1px solid #dedede
}

.form-bills .form-group .group-box .append-txt {
	position: absolute;
	left: 0;
	bottom: 13px;
	font-size: 12px;
	height: 14px
}

.form-bills .form-group .group-box.error .append-txt {
	bottom: 39px
}

.form-bills .form-group .group-box .btn {
	margin-left: 0
}

.form-bills .form-group .group-box .btn-primary {
	background-color: #00ace9
}

.form-bills .form-group .group-box .prompt .prompt-txt {
	color: #00ace9
}

.form-bills .prompt .prompt-box .prompt-img,
.form-bills .prompt .prompt-box .prompt-txt p {
	padding-left: 0
}

.form-bills .prompt .prompt-box .prompt-img img {
	width: 500px
}

.bill-panel-bd .record-list dl li:nth-child(1) {
	width: 1%
}

.bill-panel-bd .record-list dl li:nth-child(2) {
	width: 22%
}

.bill-panel-bd .record-list dl li:nth-child(3),
.bill-panel-bd .record-list dl li:nth-child(4) {
	width: 18%
}

.bill-panel-bd .record-list dl li:nth-child(5) {
	width: 20%
}

.bill-panel-bd .record-list dl li:nth-child(6) {
	width: 18%
}

.bill-panel-bd .record-list dl li .continue {
	color: #00ace9
}

.bill-panel-bd .record-list dl dd {
	cursor: pointer
}

.bill-panel-bd .record-list dl dd ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.bill-panel-bd .record-list dl dd ul li .dot {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #f33;
	position: relative;
	left: 8px
}

.bill-panel-bd .record-list dl dd:hover {
	background-color: #dff2f9
}

.bill-panel-bd .append-tip {
	position: relative;
	margin-left: 43px;
	margin-top: 20px
}

.bill-panel-bd .append-tip i {
	position: absolute;
	left: 10px;
	top: 2px;
	width: 16px;
	height: 16px;
	background: url(../images/bills/icon-billtips.png) 50% no-repeat
}

.bill-panel-bd .append-tip span {
	padding-left: 37px
}

.bill-panel-bd .list-step {
	width: 910px;
	height: 95px;
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 44px;
	margin-bottom: 76px
}

.bill-panel-bd .list-step .step {
	width: 400px
}

.bill-panel-bd .list-step .step:first-child {
	width: 110px
}

.bill-panel-bd .list-step .step:first-child:after,
.bill-panel-bd .list-step .step:first-child:before {
	display: none
}

.bill-panel-bd .list-step .step:before {
	width: 100%;
	left: -56px
}

.bill-panel-bd .list-step .step:after {
	display: none
}

.bill-panel-bd .list-step .step .step-wrapper {
	width: 115px;
	text-align: center
}

.bill-panel-bd .list-step .step .step-wrapper .step-num:after {
	content: '1';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	margin-top: -12px;
	line-height: 24px;
	border-radius: 50%;
	background-color: #ccc
}

.bill-panel-bd .list-step .step .step-wrapper .step-txt {
	color: #ccc;
	display: block
}

.bill-panel-bd .list-step .step .step-wrapper .step-txt--append {
	font-size: 12px;
	display: block;
	color: #ccc
}

.bill-panel-bd .list-step .step:nth-child(2) .step-wrapper {
	float: right
}

.bill-panel-bd .list-step .step:nth-child(2) .step-wrapper .step-num:after {
	content: '2'
}

.bill-panel-bd .list-step .step:nth-child(3) .step-wrapper {
	float: right
}

.bill-panel-bd .list-step .step:nth-child(3) .step-wrapper .step-num:after {
	content: '3'
}

.bill-panel-bd .list-step .step.current .step-wrapper .step-num:after {
	background-color: #00ace9
}

.bill-panel-bd .list-step .step.current .step-wrapper .step-txt {
	color: #00ace9
}

.bill-panel-bd .list-step .step.current .step-wrapper .step-txt--append {
	font-size: 12px;
	color: #00ace9
}

.bill-panel-bd .list-step .step.active .step-wrapper .step-num:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 38px;
	height: 38px;
	margin-left: -19px;
	margin-top: -19px;
	border-radius: 50%;
	background-color: #b3ebff
}

.bill-panel-bd .list-step .step.current:before {
	background-color: #00ace9
}

.bill-panel-bd .list-step .step .step-num {
	background-color: transparent
}

.bill-panel-bd .detail-box {
	width: 900px;
	margin: 0 auto;
	margin-bottom: 50px
}

.bill-panel-bd .detail-box .box-tt {
	border-left: 4px solid #00ace9;
	height: 18px;
	line-height: 18px;
	font-size: 16px;
	color: #333;
	padding-left: 10px;
	margin-bottom: 14px
}

.bill-panel-bd .detail-box ul:after:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.bill-panel-bd .detail-box ul li {
	float: left;
	width: 33.3333%;
	font-size: 14px;
	line-height: 19px;
	min-height: 19px;
	margin-bottom: 10px
}

.bill-panel-bd .detail-box ul li.whole-line {
	width: 100%
}

.bill-panel-bd .detail-box ul li span {
	vertical-align: top;
	display: inline-block;
	width: 110px;
	color: #999
}

.bill-panel-bd .detail-box ul li em {
	vertical-align: top;
	display: inline-block;
	width: 189px;
	color: #333
}

.bill-panel-bd .detail-box .reply {
	line-height: 21px;
	font-size: 14px;
	color: #333;
	word-wrap: break-word;
	word-break: break-all
}

.bill-panel-bd .detail-box .evaluate-list.evaluating {
	background-color: #f9f9f9;
	padding: 20px
}

.bill-panel-bd .detail-box .evaluate-list .box-item {
	margin-bottom: 20px
}

.bill-panel-bd .detail-box .evaluate-list .box-item span {
	display: inline-block;
	width: 110px;
	font-size: 14px;
	color: #999
}

.bill-panel-bd .detail-box .evaluate-list .box-item p {
	display: inline-block;
	font-size: 14px;
	color: #333
}

.bill-panel-bd .detail-box .evaluate-list .box-item p i {
	display: inline-block;
	width: 24px;
	height: 22px;
	vertical-align: top;
	margin-right: 10px
}

.bill-panel-bd .detail-box .evaluate-list .box-item p .icon-star-full {
	background: url(../images/bills/icon-billscore_c.png) 50% no-repeat
}

.bill-panel-bd .detail-box .evaluate-list .box-item p .icon-star-hollow {
	background: url(../images/bills/icon-billscore.png) 50% no-repeat
}

.bill-panel-bd .detail-box .evaluate-list .box-item textarea {
	width: 700px;
	height: 120px;
	border: 1px solid #dedede;
	vertical-align: top;
	resize: none;
	padding: 10px;
	box-sizing: border-box
}

.bill-panel-bd .detail-box:last-child {
	margin-bottom: 0
}

.bill-panel-bd .btn-disabled:hover {
	background-color: #ccc
}

.bill-panel-bd .btn-primary {
	background-color: #00ace9
}

.bill-panel-bd .success-box .success-tt .icon-currect {
	color: #00ace9;
	display: inline-block;
	margin-top: 166px;
	width: 80px;
	height: 80px;
	position: relative
}

.bill-panel-bd .success-box .success-tt .icon-currect:before {
	position: absolute;
	left: -16px;
	top: 27px;
	font-size: 110px
}

.bill-panel-bd .success-box .success-tt h3 {
	font-size: 24px;
	margin-top: 35px;
	margin-bottom: 5px
}

.bill-panel-bd .success-box .success-tt p {
	font-size: 14px;
	line-height: 19px;
	margin-top: 10px;
	color: #666
}

.bill-panel-bd .success-box .success-tt .check {
	display: inline-block;
	margin-top: 60px;
	color: #00ace9
}

.code-box {
	margin-top: 60px;
	text-align: center;
	margin-bottom: 70px
}

.code-box .code {
	position: relative;
	display: inline-block;
	width: 152px;
	height: 152px;
	text-align: center;
	line-height: 122px;
	margin-bottom: 20px
}

.code-box .code span {
	position: absolute
}

.code-box .code span:after,
.code-box .code span:before {
	content: '';
	position: absolute;
	background-color: #333
}

.code-box .code img {
	width: 150px;
	height: 150px
}

.code-box .code .lefttop {
	left: 0;
	top: 0
}

.code-box .code .lefttop:before {
	top: 0;
	left: 0;
	width: 1px;
	height: 20px
}

.code-box .code .lefttop:after {
	top: 0;
	left: 0;
	width: 20px;
	height: 1px
}

.code-box .code .righttop {
	right: 0;
	top: 0
}

.code-box .code .righttop:before {
	top: 0;
	right: 0;
	width: 1px;
	height: 20px
}

.code-box .code .righttop:after {
	top: 0;
	right: 0;
	width: 20px;
	height: 1px
}

.code-box .code .leftbottom {
	left: 0;
	bottom: 0
}

.code-box .code .leftbottom:before {
	left: 0;
	bottom: 0;
	width: 20px;
	height: 1px
}

.code-box .code .leftbottom:after {
	left: 0;
	bottom: 0;
	width: 1px;
	height: 20px
}

.code-box .code .rightbottom {
	right: 0;
	bottom: 0
}

.code-box .code .rightbottom:before {
	right: 0;
	bottom: 0;
	width: 20px;
	height: 1px
}

.code-box .code .rightbottom:after {
	right: 0;
	bottom: 0;
	width: 1px;
	height: 20px
}

.bill-panel-bd {
	padding-bottom: 40px
}

.overlay {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .1);
	z-index: 99998
}

.overlay,
.pop {
	position: fixed
}

.pop {
	left: 50%;
	top: 50%;
	background-color: #fff;
	z-index: 99999;
	box-sizing: border-box;
	padding: 30px 50px 0;
	line-height: 1;
	box-shadow: 0 0 5px #ccc;
	border-box: 3px
}

.pop .tt {
	font-size: 24px;
	margin-bottom: 30px
}

.pop .desc,
.pop .tt {
	color: #333;
	text-align: center
}

.pop .desc {
	font-size: 15px
}

.pop-read {
	width: 510px;
	height: 330px;
	margin-left: -255px;
	margin-top: -165px
}

.pop-read .list .item {
	font-size: 15px;
	line-height: 24px
}

.pop-read .warn {
	margin-top: 15px;
	line-height: 1
}

.pop-msg {
	width: 400px;
	height: 220px;
	margin-left: -200px;
	margin-top: -110px
}

.pop-msg.pop-msg-cancel .btn-wrapper {
	text-align: center;
	font-size: 0
}

.pop-msg.pop-msg-cancel .btn-wrapper .btn {
	width: 118px;
	display: inline-block
}

.pop-msg.pop-msg-cancel .btn-wrapper .btn:first-child {
	margin-right: 10px
}

.main-dnf .btn,
.pop .btn {
	height: 50px;
	border-radius: 3px;
	font-size: 15px
}

.main-dnf .btn.btn-disabled,
.pop .btn.btn-disabled {
	background-color: #d0d0d0;
	color: #888
}

.main-dnf .btn.btn-disabled:hover,
.pop .btn.btn-disabled:hover {
	background-color: #d0d0d0!important
}

.main-dnf .btn.btn-full-width,
.pop .btn.btn-full-width {
	width: 100%
}

.main-dnf .btn.btn-primary,
.pop .btn.btn-primary {
	background-color: #00ace9
}

.main-dnf .btn.btn-outline,
.pop .btn.btn-outline {
	background-color: #fff;
	border: 1px solid #00ace9;
	display: block;
	color: #00ace9
}

.main-dnf .btn.btn-outline-cancel,
.pop .btn.btn-outline-cancel {
	border-color: #dedede;
	color: #888
}

.panel-bd-dnf .btn-wrapper,
.pop .btn-wrapper {
	margin-top: 35px
}

.panel-bd-dnf .btn,
.pop .btn {
	height: 40px;
	width: 200px
}

.panel-bd-dnf .btn {
	height: 50px
}

.main-dnf .panel-tt ul li {
	font-size: 14px
}

.lastNavItem:before {
	display: none
}

.panel-bd-dnf {
	padding: 40px 43px;
	line-height: 1
}

.panel-bd-dnf .bd-tt {
	font-size: 24px;
	color: #333;
	margin-bottom: 10px
}

.panel-bd-dnf .bd-sub-tt {
	font-size: 15px;
	color: #888;
	margin-bottom: 20px
}

.panel-bd-dnf .bd-content .box-list {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px
}

.panel-bd-dnf .bd-content .box-item {
	float: left;
	width: 233px;
	height: 178px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	cursor: pointer;
	text-align: center;
	margin-right: 22px;
	margin-bottom: 20px
}

.panel-bd-dnf .bd-content .box-item.add-box {
	line-height: 178px
}

.panel-bd-dnf .bd-content .box-item.add-box .icon-plus {
	font-size: 20px;
	color: #dedede;
	margin-right: 20px
}

.panel-bd-dnf .bd-content .box-item.add-box span {
	font-size: 20px;
	color: #888;
	letter-spacing: 8px
}

.panel-bd-dnf .bd-content .box-item:hover.add-box {
	border-color: #00ace9
}

.panel-bd-dnf .bd-content .box-item:hover.add-box .icon-plus,
.panel-bd-dnf .bd-content .box-item:hover.add-box span {
	color: #00ace9
}

.panel-bd-dnf .bd-content .box-item.role-box {
	position: relative
}

.panel-bd-dnf .bd-content .box-item.role-box .item-info {
	height: 118px;
	padding-top: 20px
}

.panel-bd-dnf .bd-content .box-item.role-box .item-role {
	line-height: 1.5;
	font-size: 15px
}

.panel-bd-dnf .bd-content .box-item.role-box .item-num {
	line-height: 1;
	margin-top: 8px;
	font-size: 15px
}

.panel-bd-dnf .bd-content .box-item.role-box .item-num span {
	position: relative;
	top: 3px;
	font-size: 30px;
	margin-right: 5px
}

.panel-bd-dnf .bd-content .box-item.role-box .item-total {
	position: relative;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #333
}

.panel-bd-dnf .bd-content .box-item.role-box .item-total:before {
	content: '';
	position: absolute;
	left: 19px;
	right: 19px;
	top: 0;
	border-top: 1px solid #e5e5e5
}

.panel-bd-dnf .bd-content .box-item.role-box .item-operation {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 32px;
	z-index: 9999
}

.panel-bd-dnf .bd-content .box-item.role-box .item-operation p {
	position: relative;
	width: 100%;
	height: 30px;
	line-height: 29px;
	float: left;
	background: rgba(50, 50, 58, .8);
	color: #fff
}

.panel-bd-dnf .bd-content .box-item.role-box .item-operation p.active {
	background: rgba(50, 50, 58, .6)
}

.panel-bd-dnf .bd-content .box-item.role-box:hover .item-operation {
	display: block
}

.panel-bd-dnf .bd-content .box-item.role-box:hover .item-operation~.item-total:before {
	display: none
}

.panel-bd-dnf .bd-content .box-item.role-box.role-checked-box {
	border-color: #00ace9
}

.panel-bd-dnf .bd-content .box-item.role-box.role-checked-box:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	height: 34px;
	width: 34px;
	background: url(../images/dnf/role-checked.png) 100% 0 no-repeat;
	background-size: 34px 34px
}

.panel-bd-dnf .bd-content .box-item:nth-child(4n) {
	margin-right: 0
}

.panel-bd-dnf .account {
	text-align: right
}

.panel-bd-dnf .account .total {
	margin-top: 30px;
	font-size: 18px;
	color: #333;
	margin-bottom: 10px
}

.panel-bd-dnf .account .total span {
	font-size: 30px;
	position: relative;
	top: 3px
}

.panel-bd-dnf .account .isCheck {
	margin-bottom: 20px;
	color: #333;
	font-size: 15px
}

.panel-bd-dnf .account .isCheck i {
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: 10px
}

.panel-bd-dnf .account .btn {
	display: inline-block
}

.panel-bd-dnf .success-box .success-tt {
	padding-top: 35px
}

.panel-bd-dnf .success-box .success-tt .iconfont {
	margin-top: 0
}

.panel-bd-dnf .success-box .success-tt .icon-wait {
	font-size: 80px;
	color: #10aeff
}

.panel-bd-dnf .success-box .success-tt p {
	font-size: 15px;
	color: #888
}

.panel-bd-dnf .fail-box .fail-tt {
	text-align: center;
	margin-top: 35px
}

.panel-bd-dnf .fail-box .fail-tt .icon-fail {
	font-size: 80px;
	color: #f76160
}

.panel-bd-dnf .fail-box .fail-tt .icon-wait {
	font-size: 80px;
	color: #10aeff
}

.panel-bd-dnf .fail-box .fail-tt h3 {
	font-size: 24px;
	color: #333;
	margin-top: 40px;
	margin-bottom: 5px
}

.panel-bd-dnf .fail-box .fail-tt p {
	font-size: 15px;
	color: #888;
	line-height: 19px;
	margin-top: 10px;
	margin-bottom: 20px
}

.main-dnf .panel-tt ul li {
	color: #333
}

.main-dnf .panel-tt ul li:last-child {
	color: #888
}

.form-dnf {
	width: 400px
}

.form-dnf .form-title {
	margin: 40px 0 30px;
	text-align: center;
	font-size: 24px;
	line-height: 1
}

.form-dnf .form-group .group-box {
	width: 398px;
	border: 1px solid #e5e5e5;
	border-radius: 3px
}

.form-dnf .form-group .group-box .label {
	position: absolute;
	left: 0;
	top: 0;
	width: 62px;
	text-align: right;
	padding-right: 18px;
	font-size: 15px
}

.form-dnf .form-group .group-box .label:before {
	content: '';
	position: absolute;
	right: 0;
	top: 16px;
	bottom: 17px;
	border-right: 1px solid #e5e5e5
}

.form-dnf .form-group .group-box input[type=text] {
	border: none;
	width: 276px
}

.form-dnf .form-group .group-box input[type=text]:disabled {
	background-color: #fff
}

.form-dnf .form-group .group-box .select {
	float: right;
	border: none
}

.form-dnf .form-group .group-box .select .selected {
	width: 276px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.form-dnf .form-group .group-box .select dl dd {
	height: 40px;
	line-height: 40px;
	border-bottom: none
}

.form-dnf .form-group .group-box .select.selecting:before {
	content: "";
	position: absolute;
	right: 15px;
	top: 20px;
	border-bottom: 8px solid #dedede;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-top: none;
	cursor: pointer;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}

.form-dnf .form-group .group-box.btn-group-box {
	border: none
}

.panel-bd-dnf .bd-sub-tt p {
	margin-bottom: 5px
}

.panel-bd-dnf .bd-sub-tt p span {
	color: #00ace9;
	margin-left: 5px;
	cursor: pointer
}

.panel-bd-dnf .bd-sub-tt p:last-child {
	margin-bottom: 0
}

.panel-bd-dnf .select-time-area {
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
	font-size: 14px
}

.panel-bd-dnf .select-time-area label {
	float: left;
	margin-right: 20px
}

.panel-bd-dnf .select-time-area label span {
	color: #ff2424;
	margin-right: 10px
}

.panel-bd-dnf .select-time-area .datetime-wrapper {
	float: left;
	border: 1px solid #e5e5e5;
	height: 38px;
	line-height: 38px;
	width: 258px;
	margin-right: 20px
}

.panel-bd-dnf .select-time-area .datetime-wrapper input {
	font-size: 14px;
	height: 38px;
	padding: 0 10px;
	color: #333
}

.panel-bd-dnf .select-time-area .datetime-wrapper .datetime {
	padding-left: 20px
}

.panel-bd-dnf .select-time-area .btn {
	float: left;
	height: 40px;
	width: 118px
}

.panel-bd-dnf .bd-table {
	width: 100%
}

.panel-bd-dnf .bd-table thead tr th {
	height: 60px;
	background-color: #f7f6f6;
	font-size: 15px;
	color: #333;
	text-align: center;
	font-weight: 700
}

.panel-bd-dnf .bd-table thead tr th .sort {
	position: relative;
	width: 8px;
	height: 17px;
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
	top: -2px;
	margin-left: 10px
}

.panel-bd-dnf .bd-table thead tr th .sort i {
	margin-bottom: 1px
}

.panel-bd-dnf .bd-table thead tr th .sort i:last-child {
	margin-bottom: 0
}

.panel-bd-dnf .bd-table thead tr th .sort i.icon-triangle-up:hover {
	border-bottom-color: #00ace9
}

.panel-bd-dnf .bd-table thead tr th .sort i.icon-triangle-down:hover {
	border-top-color: #00ace9
}

.panel-bd-dnf .bd-table thead tr th .icon-hollow-square {
	vertical-align: middle;
	position: relative;
	top: -2px;
	margin-right: 10px;
	cursor: pointer
}

.panel-bd-dnf .bd-table tbody tr:hover {
	background-color: #f7f9fe
}

.panel-bd-dnf .bd-table tbody tr td {
	text-align: center;
	height: 50px;
	line-height: 1.2;
	max-width: 100px;
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #e5e5e5
}

.panel-bd-dnf .bd-table tbody tr td .icon-hollow-square {
	cursor: pointer
}

.panel-bd-dnf .bd-table tbody tr td.time {
	color: #888
}

.panel-bd-dnf .pagination {
	margin-top: 20px;
	line-height: 25px;
	text-align: center;
	font-size: 0
}

.panel-bd-dnf .pagination p {
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
	font-size: 14px
}

.panel-bd-dnf .pagination ul {
	display: inline-block;
	vertical-align: top;
	overflow: hidden
}

.panel-bd-dnf .pagination ul li {
	float: left;
	min-width: 23px;
	height: 23px;
	border: 1px solid #e5e5e5;
	line-height: 23px;
	text-align: center;
	margin-right: 8px;
	font-size: 14px;
	cursor: pointer
}

.panel-bd-dnf .pagination ul li.active,
.panel-bd-dnf .pagination ul li:hover {
	color: #00ace9;
	border-color: #00ace9
}

.panel-bd-dnf .pagination~.account .total {
	margin-top: 40px;
	margin-bottom: 20px
}

.panel-bd-dnf .pagination~.account .btn {
	letter-spacing: 8px
}

.roles-list {
	padding-bottom: 25px;
	padding-top: 20px
}

.roles-list ul {
	overflow: hidden
}

.roles-list ul li {
	float: left;
	width: 318px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
	margin-right: 20px;
	margin-bottom: 20px;
	cursor: pointer;
	font-size: 15px
}

.roles-list ul li.active {
	border-color: #00ace9;
	color: #00ace9
}

.roles-list ul li:nth-child(3n) {
	margin-right: 0
}

.container {
	width: 1100px;
	margin: 0 auto;
	border: none
}

.header .container {
	position: relative;
	height: 100%
}

.main {
	padding-top: 75px;
	height: 100%;
	/* min-height: calc(100vh - 237px) */
}

.main .container {
	position: relative;
	padding: 16px 0;
	zoom: 1
}

.main .container:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.header,
.home {
	background-color: #fff
}

.header {
	height: 75px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	box-shadow: 0 0 6px #e5e5e5;
	-webkit-transition: height .5s;
	transition: height .5s
}

.header-scroll {
	height: 50px
}

.header .logo {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
	width: 230px;
	height: 50px;
	-webkit-transition: width .5s, height .5s, margin-top .5s;
	transition: width .5s, height .5s, margin-top .5s
}

.header .logo .logo_img {
	display: block;
	background: url(../images/green.png) no-repeat 50%;
	background: url(../images/logo.png) no-repeat 50% center\9;
	width: 100%;
	height: 100%;
	background-size: contain
}

.header-scroll .logo {
	width: 180px;
	height: 40px;
	margin-top: -20px
}

.header-scroll .logo .logo_img {
	background: url(../images/logo_sm.png) no-repeat 50% center\9
}

.header .searchHide {
	width: 358px;
	height: 38px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -280px;
	margin-top: -20px;
	border: 1px solid #dedede;
	-webkit-transition: width .5s, height .5s, margin-top .5s, border-color .1s;
	transition: width .5s, height .5s, margin-top .5s, border-color .1s
}

.header-scroll .searchHide {
	width: 300px;
	height: 30px;
	margin-top: -15px
}

.header .searchHide input {
	height: 38px;
	width: 310px;
	position: absolute;
	left: 40px;
	top: 0;
	line-height: 38px;
	border: none;
	background-color: transparent;
	-webkit-transition: width .5s, height .5s, line-height .5s, left .5s, font-size .5s;
	transition: width .5s, height .5s, line-height .5s, left .5s, font-size .5s
}

.header-scroll .searchHide input {
	width: 243px;
	height: 30px;
	line-height: 30px;
	left: 30px;
	font-size: 12px;
	color: #666
}

.header .searchHide button {
	display: inline-block;
	width: 40px;
	height: 38px;
	cursor: pointer;
	text-align: center;
	line-height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	color: #8f8e94;
	-webkit-transition: height .5s, width .5s, line-height .5s, font-size .5s;
	transition: height .5s, width .5s, line-height .5s, font-size .5s;
	font-size: 17px
}

.header-scroll .searchHide button {
	height: 30px;
	width: 30px;
	line-height: 32px;
	font-size: 14px
}

.header .searchHide .search_key_suggest {
	width: 356px
}

.header-scroll .searchHide .search_key_suggest {
	width: 297px;
	top: 30px;
	left: 0
}

.header .searchHide:hover {
	border-color: #b2b2b2
}

.header .member {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 370px;
	-webkit-transition: width .5s;
	transition: width .5s
}

.header-scroll .member {
	width: 340px
}

.header .member .warn {
	position: absolute;
	left: 25px;
	top: 50%;
	margin-top: -10px;
	height: 21px;
	line-height: 21px;
	background: none;
	width: auto;
	float: none;
	text-indent: 0;
	margin-right: 0
}

.header .member .warn i {
	margin-right: 7px;
	color: #00ace9;
	line-height: 21px;
	float: left;
	vertical-align: middle;
	font-size: 17px
}

.header .member .warn a {
	height: 20px;
	line-height: 20px;
	float: left;
	display: inline-block;
	width: 224px
}

.header .member .photo {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -23px;
	width: 46px;
	height: 46px;
	border-radius: 50%
}

.header .member .photo .loginBtn {
	position: absolute;
	top: 50%;
	right: -7px;
	margin-top: -15px;
	display: block;
	width: 60px;
	height: 30px;
	border-radius: 4px;
	background-color: #00ace9;
	text-align: center;
	line-height: 28px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: background-color .1s;
	transition: background-color .1s;
	font-family: helvetica neue, arial, hiragino sans gb, microsoft yahei, sans-serif
}

.header .member .photo .loginBtn:hover {
	background-color: #04bdff
}

.header .member .photo img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.header-scroll .member .photo img {
	-webkit-transform: scale(.8);
	transform: scale(.8)
}

.header .member .photo .loginBox,
.header .member .photo .logoutBox {
	z-index: 9999;
	position: absolute;
	right: -30px;
	top: 48px;
	width: 186px;
	height: 94px;
	background-color: #fff;
	border: 1px solid #e9e9e9;
	box-shadow: 0 0 6px #e5e5e5;
	border-radius: 5px;
	padding: 20px 16px 16px
}

.header .member .photo .loginBox:after,
.header .member .photo .logoutBox:after {
	top: -5px;
	right: 47px;
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	z-index: 1;
	background-color: #fff;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: -3px -3px 5px #e5e5e5
}

.header .member .photo .loginBox p,
.header .member .photo .logoutBox p {
	color: #000;
	line-height: 15px;
	margin: 5px 0
}

.header .member .photo .loginBox a,
.header .member .photo .logoutBox a {
	position: absolute;
	right: 17px;
	bottom: 16px;
	text-decoration: underline
}

.header .member .photo .loginBox .logoutBtn,
.header .member .photo .logoutBox .logoutBtn {
	position: absolute;
	left: 16px;
	bottom: 16px;
	display: block;
	width: 60px;
	height: 30px;
	border-radius: 4px;
	background-color: #00ace9;
	text-align: center;
	line-height: 28px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: background-color .1s;
	transition: background-color .1s;
	font-family: helvetica neue, arial, hiragino sans gb, microsoft yahei, sans-serif
}

.header .member .photo .loginBox .logoutBtn:hover,
.header .member .photo .logoutBox .logoutBtn:hover {
	background-color: #04bdff
}

.header .member .photo .loginBox {
	display: block
}

.header>.logo {
	left: 40px
}

.header>.member {
	right: 10px
}

.header .questionNaire {
	position: absolute;
	right: -40px;
	top: 0;
	-webkit-transition: top .5s;
	transition: top .5s
}

.header .questionNaire .line {
	display: block;
	width: 3px;
	height: 44px;
	background: url(../images/line.png) no-repeat 50%;
	position: absolute;
	top: 0;
	z-index: 2
}

.header .questionNaire .line:first-child {
	left: 15px
}

.header .questionNaire .line:nth-child(2) {
	left: 80px
}

.header .questionNaire .question-board {
	display: block;
	width: 103px;
	height: 33px;
	background: url(../images/question-board.png) no-repeat 50%;
	position: absolute;
	top: 38px;
	left: 0;
	z-index: 1
}

.header-scroll .questionNaire {
	top: -28px
}

.indexBanner {
	position: relative;
	width: 100%;
	height: 500px;
	margin-top: 75px;
	overflow: hidden;
	background: url(../images/indexBanner.png) no-repeat;
	background-size: cover;
	background-position: 50%
}

.indexBanner .bannerText {
	position: absolute;
	left: 50%;
	top: 70px;
	margin-left: -300px;
	width: 600px
}

.indexBanner .bannerText h1 {
	font-size: 60px;
	color: #00ace9;
	line-height: 60px;
	margin-bottom: 40px;
	text-align: center
}

.indexBanner .bannerText .searchBox {
	position: relative;
	width: 480px;
	margin: 0 auto
}

.indexBanner .bannerText .searchBox p {
	font-size: 13px;
	margin-top: 10px;
	margin-left: 11px
}

.indexBanner .bannerText .searchBox p a {
	margin-right: 21px
}

.index_main {
	padding-bottom: 80px
}

.index_main .indexServices {
	height: 330px;
	background-color: #00ace9;
	position: relative
}

.index_main .indexServices .container {
	position: relative;
	height: 100%
}

.index_main .indexServices .container ul {
	width: 912px;
	height: 280px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -456px;
	margin-top: -140px
}

.index_main .indexServices .container ul li {
	float: left;
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s
}

.index_main .indexServices .container ul li .item {
	display: block;
	width: 220px;
	height: 200px;
	background-color: #fff;
	margin: 0 22px;
	padding: 45px 20px 35px
}

.index_main .indexServices .container ul li .item i {
	font-size: 60px;
	position: relative;
	left: -8px;
	top: -3px
}

.index_main .indexServices .container ul li .item i.icon-save {
	color: #00ace9;
	font-size: 65px
}

.index_main .indexServices .container ul li .item i.icon-currect {
	color: #09bb07
}

.index_main .indexServices .container ul li .item i.icon-warn {
	color: #ffbe00
}

.index_main .indexServices .container ul li .item i.icon-right {
	font-size: 16px;
	color: #00ace9;
	left: 0;
	top: 0;
	float: left;
	margin-top: 7px;
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s
}

.index_main .indexServices .container ul li .item h3 {
	font-size: 24px;
	color: #00ace9;
	line-height: 19px;
	padding-top: 20px;
	padding-bottom: 20px
}

.index_main .indexServices .container ul li .item p {
	color: #666;
	margin: 5px 0
}

.index_main .indexServices .container ul li:hover {
	-webkit-transform: translate3D(0, -5px, 0);
	transform: translate3D(0, -5px, 0)
}

.index_main .indexServices .container ul li:hover .item i.icon-right {
	-webkit-transform: translate3D(1px, 0, 0);
	transform: translate3D(1px, 0, 0)
}

.index_main .indexContent .container div {
	width: 915px;
	margin: 0 auto;
	padding-top: 60px
}

.index_main .indexContent .container div h3 {
	font-size: 24px;
	color: #00ace9;
	border-left: 4px solid #00ace9;
	padding-left: 15px;
	line-height: 24px;
	margin-bottom: 18px
}

.index_main .indexContent .container div p {
	padding-left: 19px
}

.index_main .indexContent .container div dl {
	overflow: hidden;
	margin: 0 auto;
	padding-top: 32px
}

.index_main .indexContent .container div dl dd {
	float: left;
	width: 14.2%;
	text-align: center
}

.index_main .indexContent .container div dl dd a {
	width: 93px;
	height: 95px;
	border: 1px solid #e3e3e4;
	background-color: #fff;
	background: hsla(0, 0%, 100%, .5);
	border-radius: 10px;
	display: inline-block;
	position: relative;
	margin-top: 10px;
	-webkit-transition: -webkit-transform .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: transform .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: transform .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
	text-align: center;
	line-height: 95px
}

.index_main .indexContent .container div dl dd a img {
	display: inline-block;
	max-width: 100%
}

.index_main .indexContent .container div dl dd a:hover {
	box-shadow: 0 7px 20px #e6e6e6;
	-webkit-transform: translate3D(0, -3px, 0);
	transform: translate3D(0, -3px, 0)
}

.index_main .indexContent .container div dl dd a i {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: url(../images/game_pic.png) no-repeat 50%;
	width: 100%;
	height: 100%
}

.index_main .indexContent .container div dl dd span {
	display: inline-block;
	width: 100%;
	line-height: 50px;
	position: relative;
	top: -4px
}

.main {
	position: relative
}

.main .aside_container {
	float: left;
	margin-left: 4px;
	height: auto;
	width: 230px;
	background-color: #fff;
	overflow-y: auto;
	border: 1px solid #e5e5e5;
	z-index: 9997;
	margin-bottom: 25px
}

.main .aside_container .faq_kinds_aside {
	border-bottom: none;
	background-color: #fff;
	padding-bottom: 30px
}

.main .aside_container .faq_kinds_aside .product_logo {
	width: 100%;
	height: 100px;
	position: relative
}

.main .aside_container .faq_kinds_aside .product_logo .imgBox {
	width: 100%;
	height: 100%;
	line-height: 100px;
	text-align: center
}

.main .aside_container .faq_kinds_aside .product_logo .imgBox .fa { margin-right: 5px; }
.main .aside_container .faq_kinds_aside .product_logo .imgBox span {
	font-size: 22px;
}

.main .aside_container .faq_kinds_aside .product_logo .imgBox img {
	display: inline
}

.main .aside_container .faq_kinds_aside .faq_kinds li,
.main .aside_container .faq_kinds_aside .product_logo {
	border-bottom: 1px solid #f5f5f5
}

.main .aside_container .faq_kinds_aside .faq_kinds li a {
	display: block;
	height: 40px;
	color: #000;
	font-size: 15px;
	line-height: 40px;
	text-indent: 48px;
	position: relative;
	cursor: default
}

@media screen and (max-width:970px) {
	.main .aside_container .faq_kinds_aside .faq_kinds li a {
		height: 40px;
		line-height: 40px
	}
}

.main .aside_container .faq_kinds_aside .faq_kinds li a:hover,
.main .aside_container .faq_kinds_aside .faq_kinds li a:hover i:before {
	color: #00ace9
}

.main .aside_container .faq_kinds_aside .faq_kinds li a.current {
	background-color: #00ace9;
	color: #fff
}

.main .aside_container .faq_kinds_aside .faq_kinds li a.current :hover {
	color: #fff
}

.main .aside_container .faq_kinds_aside .faq_kinds li .iconfont {
	font-size: 12px;
	color: #909baa;
	position: absolute;
	left: 19px
}

.main .aside_container .faq_kinds_aside .faq_kinds li dl {
	display: none;
	background-color: #fafafa;
	padding: 10px 0;
	padding-bottom: 10px
}

.main .aside_container .faq_kinds_aside .faq_kinds li dl dd a {
	font-size: 14px;
	color: #666;
	cursor: pointer;
	height: 38px;
	line-height: 38px
}

.main .aside_container .faq_kinds_aside .faq_kinds li dl dd a:hover {
	color: #00ace9
}

.main .aside_container .faq_kinds_aside .faq_kinds li dl dd a.current:hover {
	color: #fff
}

.main .cont_container {
	float: right;
	margin-right: 4px;
	width: 845px
}

.main .cont_container .faq_cont_container {
	width: 800px;
	margin: 0 auto 25px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 3px
}

.main .cont_container .faq_cont_container .searchBox {
	padding: 30px 44px;
	border-bottom: 1px solid #f5f5f5
}

.main .cont_container .faq_cont_container .searchBox .kf_mod_searchBox {
	width: 620px
}

.main .cont_container .faq_cont_container .searchBox .kf_mod_searchBox .search_key_suggest {
	width: 572px
}

.main .cont_container .faq_cont_container .faq_cont_list {
	padding: 18px 45px;
	overflow: hidden
}

.main .cont_container .faq_cont_container .faq_cont_list .tip {
	border-left: 4px solid #00ace9;
	padding-left: 7px;
	color: #2d2d2d;
	line-height: 1;
	margin: 12px 0;
	margin-bottom: 20px
}

.main .cont_container .faq_cont_container .faq_cont_list .hotQuestion {
	margin-top: 10px
}

.main .cont_container .faq_cont_container .faq_cont_list .hotQuestion dl dd a {
	font-size: 14px
}

.main .cont_container .faq_cont_container .faq_cont_list .questionList {
	margin-bottom: 34px
}

.main .cont_container .faq_cont_container .faq_cont_list .questionList dl dd {
	margin-bottom: 5px
}

.main .cont_container .faq_cont_container .faq_cont_list .questionList dl dd a {
	font-size: 15px;
	line-height: 30px;
	color: #333
}

.main .cont_container .faq_cont_container .faq_cont_list .questionList dl dd a:hover {
	color: #00ace9
}

.main .cont_container .faq_cont_container .faq_cont_list .self_tools_tt {
	font-size: 18px;
	color: #2d2d2d;
	line-height: 50px
}

.main .cont_container .details_cont_container .searchBox {
	height: 40px;
	position: relative
}

.main .cont_container .details_cont_container .searchBox .kf_mod_searchBox {
	width: 620px;
	position: absolute;
	top: 30px
}

.main .cont_container .details_cont_container .details_cont_list h1 {
	line-height: 50px;
	font-size: 24px;
	color: #333;
	margin-bottom: 10px
}

.main .cont_container .details_cont_container .details_cont_list h3 {
	line-height: 24px;
	color: #333;
	padding: 20px 0
}

.main .cont_container .details_cont_container .details_cont_list p {
	line-height: 24px;
	font-size: 15px
}

.main .cont_container .details_cont_container .details_cont_list p a {
	color: #00ace9
}

.main .cont_container .details_cont_container .details_cont_list font,
.main .cont_container .details_cont_container .details_cont_list p span {
	font-size: 15px!important
}

.main .cont_container .details_cont_container .details_cont_list div {
	max-width: 100%;
	font-size: 15px
}

.main .cont_container .details_cont_container .details_cont_list div span {
	font-size: 15px!important
}

.main .cont_container .details_cont_container .details_cont_list div a {
	color: #00ace9
}

.main .cont_container .details_cont_container .details_cont_list div a font {
	color: #00ace9!important
}

.main .cont_container .details_cont_container .details_cont_list table {
	width: 100%!important;
	margin-bottom: 10px
}

.main .cont_container .details_cont_container .details_cont_list table tbody tr td {
	height: 30px;
	border: 1px solid #00ace9!important;
	font-size: 14px!important
}

.main .cont_container .details_cont_container .details_cont_list table tbody tr:first-child td {
	text-align: center!important;
	height: 38px!important;
	background-color: #00ace9!important;
	border: 1px solid #00ace9!important;
	color: #fff
}

.main .cont_container .details_cont_container .details_cont_list img {
	max-width: 100%;
	margin: 15px 0 25px;
	border: 1px solid #e5e5e5
}

.main .cont_container .details_cont_container .details_cont_list span {
	line-height: 20px
}

.main .cont_container .details_cont_container .details_cont_list span em {
	color: #09bb07
}

.main .cont_container .details_cont_container .showQuestion {
	border-top: 1px solid #efefef;
	padding: 55px 60px;
	position: relative;
	margin-top: 45px;
	background-color: #fafafa
}

.main .cont_container .details_cont_container .showQuestion i {
	float: left
}

.main .cont_container .details_cont_container .showQuestion .form {
	margin-left: 95px;
	height: 110px
}

.main .cont_container .details_cont_container .showQuestion .form p {
	line-height: 30px
}

.main .cont_container .details_cont_container .showQuestion .form .check>.tip {
	color: #333
}

.main .cont_container .details_cont_container .showQuestion .form .check .btn-gray {
	margin: 0;
	display: inline-block;
	margin-right: 27px;
	margin-top: 14px
}

.main .cont_container .details_cont_container .showQuestion .form .check .btn-gray input {
	display: none
}

.main .cont_container .details_cont_container .showQuestion .form .check .btn-gray:hover {
	color: #00ace9!important
}

.main .cont_container .details_cont_container .showQuestion .form .reason {
	display: none
}

.main .cont_container .details_cont_container .showQuestion .form .reason p label {
	margin-right: 15px;
	cursor: pointer;
	display: inline-block;
	font-size: 18px
}

.main .cont_container .details_cont_container .showQuestion .form .reason p label.icon-currect {
	color: #00ace9
}

.main .cont_container .details_cont_container .showQuestion .form .reason p label em {
	margin-left: 5px;
	font-size: 14px;
	position: relative;
	top: -1px;
	color: #666;
	font-family: \\5FAE\8F6F\96C5\9ED1, Microsoft Yahei, tahoma, arial, Hiragino Sans GB, \\5B8B\4F53;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke-width: 0
}

.main .cont_container .details_cont_container .showQuestion .form .reason p input {
	display: none
}

.main .cont_container .details_cont_container .showQuestion .form .reason .btn-default {
	width: 90px;
	height: 35px;
	line-height: 35px;
	margin-top: 14px
}

.main .search_container .cont_container {
	width: 99%;
	margin-left: 4px
}

.main .container .cont_container .faq_cont_container {
	width: 100%
}

.main .container .cont_container .faq_cont_container .searchBox {
	/* height: 40px; */
	position: relative
}

.main .container .cont_container .faq_cont_container .searchBox .kf_mod_searchBox {
	width: 660px
}

.main .container .cont_container .faq_cont_container .searchBox .kf_mod_searchBox .search_key_suggest {
	width: 612px
}

.main .container .cont_container .faq_cont_container .search_result .result_area {
	padding: 55px 80px;
	border: 1px solid #ececec;
	background-color: #f9f9f9;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.main .container .cont_container .faq_cont_container .search_result .result_area .imgBox {
	float: left;
	margin-top: 8px;
	height: 95px;
	border-radius: 10px;
	border: 1px solid #e2e2e2;
	background-color: #fff;
	text-align: center;
	line-height: 95px;
	margin-right: 20px
}

.main .container .cont_container .faq_cont_container .search_result .result_area .imgBox img {
	display: inline-block
}

.main .container .cont_container .faq_cont_container .search_result .result_area .text {
	float: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.main .container .cont_container .faq_cont_container .search_result .result_area .text h3 {
	line-height: 33px;
	color: #00ace9;
	font-size: 24px
}

.main .container .cont_container .faq_cont_container .search_result .result_area .text p {
	margin: 12px 0
}

.main .container .cont_container .faq_cont_container .search_result .result_area .text .kf_mod_self_tools {
	padding-bottom: 0
}

.main .container .cont_container .faq_cont_container .search_result .result_area .text .kf_mod_self_tools li a {
	padding: 0 30px;
	font-size: 14px
}

.main .container .cont_container .faq_cont_container .search_result .result_list {
	padding: 15px 230px 45px 56px
}

.main .container .cont_container .faq_cont_container .search_result .result_list ul li a {
	display: block;
	margin-top: 31px
}

.main .container .cont_container .faq_cont_container .search_result .result_list ul li a i {
	color: #00ace9;
	float: left;
	margin-top: 5px;
	font-size: 18px
}

.main .container .cont_container .faq_cont_container .search_result .result_list ul li a .text {
	margin-left: 35px;
	font-size: 14px
}

.main .container .cont_container .faq_cont_container .search_result .result_list ul li a .text h4 {
	line-height: 30px;
	color: #333;
	font-weight: 700
}

.main .container .cont_container .faq_cont_container .search_result .result_list ul li a .text p {
	line-height: 30px;
	overflow: hidden
}

.main .container .cont_container .faq_cont_container .search_result .result_list h3 {
	margin-left: 35px;
	font-size: 14px;
	line-height: 34px;
	border-bottom: 1px solid #efefef;
	margin-top: 35px
}

.main .container .cont_container .faq_cont_container .searchBox {
	position: relative
}

.breadcrumb {
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	position: absolute;
	left: 44px;
	top: 30px
}

.breadcrumb li {
	float: left
}

.breadcrumb li a {
	font-size: 16px
}

.breadcrumb li a:hover {
	color: #00ace9
}

.breadcrumb li i {
	font-size: 18px;
	margin: 0 4px
}

.breadcrumb li:first-child a {
	color: #00ace9
}

.main .search_not_found {
	padding: 80px 180px 170px
}

.main .search_not_found h3 {
	font-size: 24px;
	line-height: 42px
}

.main .search_not_found h3 span {
	display: inline-block
}

.main .search_not_found h4 {
	line-height: 40px;
	margin-top: 15px;
	font-size: 16px
}

.main .search_not_found ul {
	padding-left: 15px
}

.main .search_not_found ul li {
	line-height: 25px;
	list-style: disc
}

.main .search_not_found ul li a {
	color: #00ace9;
	padding: 0 5px
}

.main .search_not_found>div>div {
	font-size: 15px
}

.main .search_not_found>div>div a {
	color: #00ace9
}

.codeBox {
	background-color: #fff;
	width: 600px;
	height: 370px
}

.codeBox h3 {
	line-height: 27px;
	padding-bottom: 22px;
	padding-top: 10px;
	font-size: 18px
}

.codeBox h3,
.codeBox ul {
	text-align: center
}

.codeBox ul li {
	display: inline-block
}

.codeBox ul li a {
	margin: 0 10px;
	padding: 9px;
	display: block;
	border: 1px solid #e2e2e2;
	width: 200px;
	height: 200px
}

.codeBox ul li a img {
	width: 100%;
	height: 100%
}

.codeBox ul li span {
	line-height: 40px;
	font-size: 16px
}

.layui-layer-title {
	background-color: #fff!important;
	border-bottom: none!important
}

.layui-layer,
.layui-layer-title {
	border-radius: 5px!important
}

@media screen and (max-width:1100px) {
	.main .cont_container .faq_cont_container {
		width: 700px
	}
	.main .cont_container .details_cont_container .searchBox .kf_mod_searchBox {
		width: 500px
	}
	.main .cont_container .faq_cont_container .searchBox .kf_mod_searchBox .search_key_suggest {
		width: 452px
	}
	.main .cont_container .details_cont_container .showQuestion form .reason p label em {
		margin-left: 2px
	}
	.main .cont_container .details_cont_container .showQuestion form .reason p label {
		margin-right: 5px
	}
	.main .cont_container .faq_cont_container .searchBox .kf_mod_searchBox {
		width: 500px
	}
	.search_container {
		width: 900px
	}
	.kf_mod_self_tools li a {
		margin-right: 20px
	}
	.main .container .cont_container .faq_cont_container .search_result .result_list {
		padding: 15px 56px 120px
	}
	.main .container .cont_container .faq_cont_container .searchBox .kf_mod_searchBox {
		width: 500px
	}
	.main .container .cont_container .faq_cont_container .searchBox .kf_mod_searchBox .search_key_suggest {
		width: 452px
	}
}

@media screen and (max-width:1081px) {
	.main .cont_container {
		width: 727px
	}
	.layer {
		right: 30px
	}
	.footer .goTop {
		right: 19px
	}
}

/**字符串截取*/
.text-overflow, .text_slice {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.text_slice_a{
	cursor: pointer;
}


/*右侧详情标题*/
.faq_cont_list h3 { margin: 10px 0px 20px; color: #333; }
		
/*父节点选中图标颜色*/
.main .aside_container .faq_kinds_aside .faq_kinds li a.current .iconfont{ 
	color: #fff; 
}
.main .aside_container .faq_kinds_aside .faq_kinds li a.current:hover i::before {
	color: #fff; 
}

/*正文图片*/
.faq_cont_list p img {
	border: 1px solid #ddd; margin: 10px 0; padding: 2px;
}