.input-group,
.log,
.reg,
.reg label {
	position: relative
}

.rev input,
.rev input+em:after {
	opacity: 0
}

.gong,
.gtit,
.hs,
.natit,
.protit h3,
.slideBox,
.slideBox .bd li,
.slideBox .hd li,
.tetit {
	overflow: hidden
}

.agree a.xy,
.argument li a,
.bar a,
.femon a,
.inf,
.part li a,
.tcon,
a.fgpwd {
	text-decoration: none
}

.sera a,
.txwrap {
	text-overflow: ellipsis;
	white-space: nowrap
}

.radio em:after,
.rev em:after {
	content: ''
}

.bank .msgpic,
.coform label,
.input-group-addon,
.jobtime,
.qq,
.tel,
.wen {
	vertical-align: middle
}

#city,
#province,
#school,
.coform select {
	-webkit-appearance: none
}

.allpho,
.conainer,
.conwrap,
.dialog,
.expmod1 .phare,
.goodwin,
.input-group-addon,
.perwin {
	box-sizing: border-box
}

.argument li,
.bar a,
.cop li,
.custlist a img,
.demobtn a:first-child,
.ebtn a,
.hlist img,
.kutabs li,
.mpro a img,
.part li,
.perstep article,
.pho img,
.proimg,
.qtab li,
.repart input.partinp,
.sidtab li,
.stylist1 li {
	float: left
}

.bowshop a,
.slbox .bd li a,
.slideBox .bd li a {
	-webkit-tap-highlight-color: transparent
}

.balogo,
.bar1 a,
.char,
.delBtn {
	cursor: pointer
}

.coform label,
.hotlink,
.hotmonth,
.input-group-addon,
.sera a,
.txwrap {
	white-space: nowrap
}

.headpic {
	display: block;
	height: auto;
	max-width: 100%;
	margin: 0 auto
}

.log {
	padding-left: 10px;
	background: #fff
}

.log label {
	display: block;
	padding: 0 20px 0 10px;
	border-bottom: 1px solid #e5e5e5;
	height: 40px;
	line-height: 40px
}

.log label .usr {
	background-position: 0 -40px
}

.greyBtn,
.logBtn {
	border-radius: 18px;
	width: 70%;
	border: none;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #fff;
	outline: 0;
	text-align: center
}

.logBtn {
	background: #8b94bb;
	background-size: 100%;
	box-shadow: 0 8px 16px 0 rgba(46, 147, 233, .2);
}

.greyBtn {
	background: #c8c8c8
}

.lg {
	padding: 20px 20px 10px;
	background: #f1f1f1
}

.forg {
	padding: 0 20px
}

a.fgpwd {
	color: #8890b4;
	font-size: 14px
}

.input-group {
	display: table;
	border-collapse: separate;
	padding: 4px 0
}

#choose {
	padding: 0
}

.input-group-addon {
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: #999;
	text-align: center;
	border-radius: 4px;
	width: 1%;
	display: table-cell
}

.input-group .form-control:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.input-group .form-control {
	display: table-cell;
	height: 34px;
	line-height: 34px;
	border: none;
	outline: 0;
	font-size: 16px;
	padding-left: 6px;
	position: relative;
	z-index: 2;
	width: 96%;
	margin-bottom: 0;
	text-align: right
}

.input-group .wfix {
	width: 46%
}

.input-group .mui-btn {
	margin-top: 0
}

.reg label input {
	background: 0 0;
	padding-left: 0;
	width: auto
}

.reg label input.per70 {
	width: 69%
}

.checkma {
	background: #cecece
}

.checkma,
.checkmaon {
	position: absolute;
	right: 20px;
	top: 6px;
	height: 28px;
	line-height: 28px;
	border-radius: 6px;
	border: none;
	color: #fff;
	width: 98px;
	font-size: 14px;
	text-align: center;
	z-index: 9;
	outline: 0
}

.mt14 {
	margin-top: 14px
}

.agree {
	font-size: 14px
}

.rev {
	position: relative
}

.rev em,
.rev em:after {
	position: absolute;
	top: -1px;
	display: inline-block
}

.rev em,
.rev input {
	width: 11px;
	height: 11px;
	border: 1px solid #8890b4;
	border-radius: 2px
}

.rev em {
	left: 20px
}

.rev em:after {
	background: url(../imgs/fico.png?a=a) 0 -30px no-repeat;
	background-size: 40px auto;
	width: 16px;
	height: 16px;
	left: 0
}

.rev input:checked+em:after {
	opacity: 1
}

.read {
	padding-left: 26px;
	color: #999
}

.agree a.xy {
	color: #333
}

.remind {
	font-size: 12px;
	color: #fe5353;
	margin: -8px 0 10px;
	z-index: 999
}

.picdeta {
	background: #fff;
	position: relative;
	width: 100%;
	text-align: center
}

.slideBox {
	position: relative;
	height: 190px;
	margin: 0 auto;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px
}

.slideBox .hd {
	position: absolute;
	height: 12px;
	line-height: 12px;
	bottom: 6px;
	left: 50%;
	margin-left: -48px;
	text-align: center;
	z-index: 1
}

.parxin,
.slideBox .bd,
.slideBox .bd li {
	position: relative
}

.slideBox .hd li {
	display: inline-block;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #f2f2f2;
	text-indent: -9999px;
	margin: 0 4px
}

.slideBox .hd li.on {
	background: #f46b30
}

.slideBox .bd {
	z-index: 0
}

.slideBox .bd li {
	height: 180px
}

.slideBox .bd li img {
	width: auto;
	height: 180px;
	display: block;
	margin: 0 auto 8px
}

.protit {
	padding: 10px;
	background: #fff;
	color: #707070;
	font-size: 14px
}

.protit h3 {
	font-size: 16px;
	font-weight: 400;
	color: #414141;
	height: 20px
}

.band a .banal,
.fb {
	font-weight: 700
}

.org {
	color: #8890b4
}

.f14 {
	font-size: 14px
}

.proprice {
	margin: 6px 0
}

.parname {
	position: absolute;
	left: 0;
	top: 6px;
	width: 70px;
	text-align: right
}

.adv,
.det {
	position: relative
}

.argument li,
.daotime,
.femon a,
.fenbtn,
.qbtn {
	text-align: center
}

.part {
	padding-left: 74px
}

.part li a {
	color: #707070;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	padding: 6px 10px;
	margin: 0 10px 10px 0
}

.fenbtn,
.inf {
	display: block
}

.mt10,
.rightarr {
	margin-top: 10px
}

.part li a.sel {
	border: 1px solid #f46b30
}

.argument,
.inf {
	border-bottom: 1px solid #e5e5e5
}

.inf {
	color: #707070;
	height: 36px;
	line-height: 36px;
	padding: 10px
}

.coll,
.coll.cur,
.coll:hover,
.coll:visited,
.infintro,
.joy,
.rightarr,
.use {
	background: url(../imgs/fico.png?a=a) no-repeat;
	background-size: 30px auto
}

.infintro,
a.infintro {
	background-position: 0 -111px;
	padding-left: 20px;
	color: #707070
}

.rightarr {
	width: 12px;
	height: 16px;
	background-position: 0 -139px
}

.fenbtn {
	background: #8890b4;
	color: #fff;
	font-size: 16px;
	height: 38px;
	width: 198px;
	line-height: 38px;
	border-radius: 16px;
	margin: 10px auto
}

.cojoy {
	margin-right: 20px
}

.coll,
.joy {
	width: 19px;
	height: 19px;
	display: inline-block
}

.coll {
	background-position: 0 -210px
}

.coll:visited {
	background-position: 0 -834px
}

.coll.cur,
.coll:hover {
	background-position: 0 -230px
}

.joy {
	background-position: 0 -171px;
	display: none
}

.joy.cur {
	background-position: 0 -192px
}

.tabs {
	background: #fff
}

.argument li {
	width: 33.3%
}

.argument li a {
	height: 40px;
	display: inline-block;
	line-height: 40px;
	font-size: 16px;
	color: #7c7c7c;
	width: 84%;
	background: #f2f2f2
}

.argument a.price,
.argument a.sale,
.argument a.tui,
.ordtabs ul li a.ge,
.ordtabs ul li a.wu {
	background: url(../imgs/fico.png?a=a) no-repeat #f2f2f2;
	background-size: 40px auto
}

.argument li a.cur,
.argument li a:hover {
	background: #dedede
}

.argument li a.tui {
	background-position: 22px -341px;
	padding-left: 16%
}

.argument li a.price.cur,
.argument li a.price.cur1,
.argument li a.sale.cur,
.argument li a.tui.cur,
.ordtabs ul li a.ge.cur,
.ordtabs ul li a.wu.cur {
	background: url(../imgs/fico.png?a=a) no-repeat #dedede;
	background-size: 40px auto;
	padding-left: 16%
}

.argument li a.tui.cur {
	background-position: 22px -452px
}

.argument li a.sale {
	background-position: 22px -378px;
	padding-left: 16%
}

.argument li a.sale.cur {
	background-position: 22px -487px
}

.argument li a.price {
	background-position: 22px -414px;
	padding-left: 16%
}

.argument li a.price.cur {
	background-position: 22px -522px
}

.argument li a.price.cur1 {
	background-position: 22px -556px
}

.allpic {
	display: none
}

.allpic a,
.proimg img {
	display: block
}

.det {
	padding: 10px 20px 10px 10px;
	color: #5c5c5c
}

.proimg {
	border: 1px solid #f0f0f0;
	padding: 6px;
	margin-right: 12px
}

.proimg img {
	width: 80px;
	height: auto;
	margin: auto
}

.contit {
	font-size: 14px;
	height: 32px;
	line-height: 16px;
	overflow: hidden;
	margin-top: 6px
}

.htxt,
.perico {
	position: absolute
}

.adv img {
	width: 100%
}

.tetit {
	height: 20px
}

.goh,
.gong {
	height: 26px;
	line-height: 26px
}

.gong {
	background: url(../imgs/fico.png?a=a) 2px -446px no-repeat #51c5ff;
	background-size: 30px auto;
	font-size: 13px;
	color: #fff;
	width: 110px;
	padding-left: 14px;
	display: inline-block;
	border-radius: 4px
}

.gong .f12 {
	font-size: 12px
}

.mt20 {
	margin-top: 20px
}

.daotime {
	height: 30px;
	line-height: 42px
}

.blue {
	color: #51c5ff
}

.htxt {
	left: 50%;
	margin-left: -40px
}

.perico {
	background: url(../imgs/fbtn.png) no-repeat;
	background-size: 100% auto;
	width: 43px;
	height: 43px;
	left: 10px;
	top: 10px;
	z-index: 8
}

.subm {
	padding: 20px 10px
}

.subm label {
	display: block;
	height: 42px;
	line-height: 42px;
	border: 1px solid #dfdfdf;
	background: #fff;
	padding: 0 10px
}

.subm input {
	border: none;
	height: 38px;
	line-height: 38px;
	width: 70%
}

.fmon,
.prj p,
.qbtn {
	line-height: 40px
}

.qbtn {
	background: #8890b4;
	height: 40px;
	color: #fff;
	border: none;
	display: block;
	border-radius: 4px;
	width: 100%;
	font-size: 16px
}

.fmon,
.prj,
.prj p {
	color: #414141
}

.mask,
.win {
	position: fixed;
	width: 100%;
	display: none;
	left: 0
}

.mask {
	top: 0;
	height: 100%;
	background: #000;
	opacity: .5;
	z-index: 9
}

.win {
	padding: 10px 0;
	bottom: 0;
	background: #fff;
	z-index: 12
}

.close,
.femon a {
	display: inline-block
}

.win h3 {
	font-size: 15px
}

.close,
.seldot,
.seltime {
	background: url(../imgs/fico.png?a=a) no-repeat;
	background-size: 30px auto
}

.close {
	background-position: 0 -472px;
	width: 14px;
	height: 14px;
	position: absolute;
	right: 10px;
	top: 10px
}

.area,
.type {
	position: relative
}

.prj {
	padding: 0 20px
}

.fmon {
	padding: 0 10px;
	height: 40px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5
}

.femon {
	padding: 20px 10px
}

.femon a {
	width: 84px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #dad9d9;
	font-size: 14px;
	color: #8b8b8b;
	margin-bottom: 6px;
	margin-right: 10px;
	border-radius: 4px
}

.avg img,
.bar a,
.cop li a,
.tcon {
	display: block
}

.femon a.cur,
.femon a:hover {
	background: #8890b4;
	color: #fff
}

.fc1 {
	color: #9a9a9a
}

.hs {
	padding: 10px;
	height: 20px;
	font-size: 17px;
	color: #414141
}

.area {
	background: #fff
}

.hlist {
	padding: 0 10px 10px;
	border-bottom: 1px solid #e4e4e4
}

.hlist img {
	border: 1px solid #f0f0f0;
	padding: 6px;
	width: 52px;
	margin-right: 10px
}

.gtit {
	height: 24px;
	line-height: 24px
}

.natit {
	height: 20px;
	width: 76%;
	text-align: right
}

.auh,
.bar a,
.canbtn,
.cop li a,
.demo,
.file,
.forbtn,
.hebtn,
.hetbtn,
.mafr,
.rbtn,
.salebtn,
.sanobtn,
.sera a,
.setpho,
.slbox .hd,
.stylist li,
.tcon,
.timebg,
.tysub {
	text-align: center
}

.f15 {
	font-size: 15px
}

.you {
	height: 40px;
	line-height: 40px;
	padding: 0 10px
}

.sacu {
	padding: 10px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5
}

.pab10 {
	padding-bottom: 10px
}

.use {
	background-position: 58px -487px;
	padding-right: 20px
}

.use1 {
	background-position: 78px -487px
}

.type {
	background: #fff
}

.type img {
	width: 100%
}

.tycon {
	padding: 10px 2px
}

.w73 {
	width: 73%
}

.avg {
	width: 33.3%;
	background: url(../imgs/line.png) right top no-repeat;
	background-size: auto 400px
}

.avg img {
	width: 80px;
	height: auto;
	margin: auto auto 5px
}

.avg:last-child {
	background: 0 0
}

.tcon {
	padding: 14px 0;
	color: #4c4c4c;
	font-size: 14px;
	border-bottom: 1px solid #dcdcdc
}

.avg a:last-child {
	border: none
}

.avg a span:hover,
.avg a:hover {
	color: #21a4e5
}

.bar {
	background: #fff;
	padding: 10px 0 4px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	border-top: 1px solid #e3e3e3
}

.mafr,
.qtab {
	padding: 0 20px
}

.bar a {
	color: #4c4c4c;
	font-size: 12px;
	width: 20%
}

.unline,
a.nbtn {
	text-decoration: underline
}

.bar a.cur,
.bar a:hover {
	color: #8890b4
}

.bcio1,
.bcio1.cur,
.bcio10,
.bcio1:hover,
.bcio2,
.bcio2.cur,
.bcio2:hover,
.bcio3,
.bcio3.cur,
.bcio3:hover,
.bcio4,
.bcio4.cur,
.bcio4:hover,
.bcio5,
.bcio5.cur,
.bcio5:hover,
.bcio6,
.bcio6.cur,
.bcio6:hover,
.bcio8,
.bcio9 {
	background: url(../imgs/wbtn.png?a=a) no-repeat;
	background-size: 200px auto;
	margin: auto auto 4px;
	width: 23px;
	height: 24px
}

.bcio1 {
	background-position: 0 0
}

.bcio1.cur,
.bcio1:hover {
	background-position: -23px 0
}

.bcio2 {
	background-position: -45px 0
}

.bcio2.cur,
.bcio2:hover {
	background-position: -68px 0
}

.bcio3 {
	background-position: -153px 0;
	z-index: 16
}

.bcio3.cur,
.bcio3:hover {
	background-position: -179px 0
}

.bcio4 {
	background-position: -94px 0;
	width: 25px;
	height: 24px
}

.bcio4.cur,
.bcio4:hover {
	background-position: -124px 0;
	width: 25px;
	height: 24px
}

.bcio5 {
	background-position: 0 -26px
}

.bcio5.cur,
.bcio5:hover {
	background-position: -26px -26px
}

.mid {
	background: url(../imgs/wbtn.png?a=a) -50px -26px no-repeat;
	background-size: 200px auto;
	position: absolute;
	left: 57%;
	margin-left: -48px;
	top: -12px;
	width: 43px;
	height: 20px
}

.contorinp,
.cop,
.coupons,
.mafr,
.steptxt {
	position: relative
}

.bar2 a {
	width: 33.3%
}

.bcio10,
.bcio8,
.bcio9 {
	background: url(../imgs/wbtn.png?a=a) no-repeat;
	background-size: 200px auto
}

.bcio8 {
	background-position: 0 -332px;
	width: 24px
}

.cur .bcio8 {
	background-position: 0 -359px
}

.bcio9 {
	background-position: -29px -332px;
	width: 24px
}

.cur .bcio9 {
	background-position: -29px -359px;
	width: 24px
}

.bcio10 {
	background-position: -56px -332px;
	width: 24px
}

.cur .bcio10 {
	background-position: -56px -359px;
	width: 24px
}

.maput {
	width: 54%;
	height: 28px;
	line-height: 28px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin: 0 10px 0 6px
}

.mafr {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e6e6e6;
	font-size: 14px
}

.char {
	width: 60px;
	height: 28px;
	line-height: 28px;
	border-radius: 16px;
	background: #8890b4;
	border: none;
	color: #fff;
	outline: 0
}

.qtab,
.qutxt {
	border-bottom: 1px solid #e6e6e6;
	font-size: 14px
}

.qtab {
	height: 34px;
	line-height: 34px
}

.qtab li {
	width: 50%
}

.qtab li a {
	color: #414141;
	margin-right: 20px
}

.qtab li a.cur,
.qtab li a:hover {
	color: #8890b4
}

.qutxt {
	padding: 10px 20px
}

.coupons {
	padding: 10px
}

.cop {
	border: 1px solid #51c5ff;
	border-radius: 8px
}

.cop li {
	width: 33.3%
}

.cop li a {
	font-size: 14px;
	color: #51c5ff;
	height: 32px;
	line-height: 32px;
	border-right: 1px solid #51c5ff
}

.cop li a.first {
	border-radius: 6px 0 0 6px
}

.cop li a.last {
	border: none;
	border-radius: 0 6px 6px 0
}

.contorinp,
.inpwrap {
	border-radius: 16px;
	overflow: hidden
}

.cop li a.cur,
.cop li a:hover {
	background: #51c5ff;
	color: #fff
}

.coulist2,
.coulist2 .yuan {
	color: #bdbdbd
}

.bor {
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3
}

.coulist {
	border-top: 10px solid #51c5ff;
	border-bottom: 10px solid #51c5ff
}

.coulist2 {
	border-top: 10px solid #bdbdbd;
	border-bottom: 10px solid #bdbdbd
}

.coulist2 .exp {
	border-bottom: 1px dashed #bdbdbd
}

.f13 {
	font-size: 13px
}

.mt2 {
	margin-top: 2px
}

.exptro {
	padding-top: 10px
}

.exptro,
.timepr {
	padding-right: 26px
}

.yuan {
	font-size: 40px;
	color: #51c5ff;
	padding-left: 30px
}

.exp {
	border-bottom: 1px dashed #51c5ff;
	padding: 8px 0
}

.timepr {
	font-size: 13px;
	padding: 4px 26px 4px 0
}

.auh {
	min-height: 300px;
	height: 100%;
	padding-top: 110px;
	color: grey;
	font-size: 14px
}

.hd1 {
	padding: 20px 10px 10px
}

.serchbox {
	display: table;
	width: 100%
}

.inpwrap {
	height: 30px;
	line-height: 26px;
	background: url(../imgs/fico.png?a=a) 12px -520px no-repeat #fff;
	background-size: 30px auto;
	padding: 0 20px 0 36px;
	margin: 0 2px 0 6px
}

.contorinp,
.sertxt {
	height: 30px;
	line-height: 30px
}

.contorinp {
	width: 100%;
	border: none;
	font-size: 13px
}

.borb,
.bortb {
	border-bottom: 1px solid #e6e6e6
}

.serbtn {
	display: table-cell;
	color: #fff;
	font-size: 14px
}

.sertxt {
	font-size: 15px;
	color: #404040
}

.sercon {
	padding: 0 20px 20px
}

.sera a {
	width: 28%;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	border: 1px solid #e6e6e6;
	display: inline-block;
	border-radius: 4px;
	margin: 0 8px 10px 0;
	color: #404040
}

.danstate,
.ordtabs li a.cur,
.ordtabs li a:hover {
	color: #8890b4
}

.ordtabs li {
	width: 50%
}

.ordtabs ul li a.wu {
	background-position: 40px -764px;
	padding-left: 16%
}

.ordtabs ul li a.wu.cur {
	background-position: 40px -730px
}

.ordtabs ul li a.ge {
	background-position: 42px -796px;
	padding-left: 16%
}

.acout,
.dant {
	padding: 10px
}

.ordtabs ul li a.ge.cur {
	background-position: 42px -836px
}

.dant {
	font-size: 12px
}

.danstate .rightarr {
	margin: 2px 0 0 14px
}

.bortb {
	border-top: 1px solid #e6e6e6;
	padding-top: 10px
}

.albg {
	background: #f1f1f1
}

.whbg {
	background: #fff
}

.dant a {
	display: block
}

.mgarr,
.txwrap,
.w80,
.w90 {
	display: inline-block
}

.padbr10 {
	padding-bottom: 10px;
	padding-right: 10px
}

.canbtn,
.hebtn,
.hetbtn {
	width: 75px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	border-radius: 4px;
	font-size: 13px
}

.hetbtn {
	background: #51c5ff
}

.hebtn {
	background: #8890b4
}

.canbtn {
	background: #ccc
}

.ml16 {
	margin-left: 16px
}

.f11 {
	font-size: 11px
}

.acout {
	background: #f1f1f1;
	font-size: 12px
}

.forbtn,
.msg,
.note {
	font-size: 14px
}

.prostep {
	padding: 0 10px
}

.steptxt {
	border-left: 4px solid #8ab513
}

.danp {
	padding: 0 10px 20px;
	margin-top: -4px;
	width: 90%;
	line-height: 22px
}

.cir {
	width: 16px;
	height: 16px;
	position: absolute;
	left: -10px;
	top: -2px;
	background: #8ab513;
	border-radius: 50%
}

.borno {
	border-left: 4px solid #fff
}

.acinfo {
	margin: 0 6px
}

.asfo {
	border: 1px solid #c8c8c8;
	background: #fff;
	position: relative
}

.ov,
.pan {
	position: absolute
}

.ov {
	right: 26px;
	bottom: 8px;
	width: 25%
}

.w80 {
	width: 80px
}

.w90 {
	width: 90px
}

.acctit {
	border-bottom: 1px solid #c8c8c8;
	background: #51c5ff;
	height: 34px;
	line-height: 34px;
	color: #fff;
	padding: 0 10px
}

.pad0,
.win1 {
	padding: 0
}

.hauto {
	height: auto
}

.hauto p {
	line-height: 24px
}

.win1 .femon {
	padding: 6px 10px
}

.atit {
	height: 20px;
	overflow: hidden
}

.atit,
a.hlist {
	color: #404040
}

.bortno {
	border-top: none
}

.forbtn {
	width: 95px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #cfcfcf;
	border-radius: 16px;
	background: #fff;
	color: #4c4c4c
}

.forbg {
	background: #8890b4;
	color: #fff;
	border: none
}

.bort {
	border-top: 1px solid #c8c8c8
}

.mt3 {
	margin-top: 3px
}

.msg {
	padding: 20px
}

.msgpic {
	width: 40px;
	margin-right: 10px
}

.mginfo {
	padding: 10px;
	line-height: 24px
}

.bels,
.recon {
	padding: 20px
}

.mgarr {
	background: url(../imgs/fico.png?a=a) 0 -656px no-repeat;
	background-size: 30px auto;
	width: 10px;
	height: 14px
}

.cicle,
.pan {
	background: #fff
}

.note {
	color: #404040
}

.mt6 {
	margin-top: 6px
}

.txwrap {
	overflow: hidden;
	height: 24px;
	width: 80%
}

.recon {
	color: #7d7d7d
}

.pan {
	width: 284px;
	height: 283px;
	border-radius: 50%;
	border: 1px solid #e6e6e6;
	left: 2px;
	top: 3px
}

.cirbor {
	border-right: 2px solid #e5e5e5
}

.cicle {
	width: 141px;
	height: 141px;
	position: relative;
	font-size: 10px;
	color: #666
}

.cirborb {
	border-bottom: 1px solid #e5e5e5
}

.cicle.active {
	background: #60c64b
}

.cicle1 {
	border-radius: 0 282px 0 0
}

.cicle2 {
	border-radius: 0 0 282px
}

.cicle3 {
	border-radius: 0 0 0 282px
}

.cicle4 {
	border-radius: 282px 0 0
}

.cir1,
.cir2 {
	border-radius: 50%
}

.cir1 {
	width: 156px;
	height: 156px;
	background: #ededed;
	border: 1px solid #e6e6e6;
	position: absolute;
	left: 63px;
	top: 63px
}

.cir2,
.yelpan {
	background: #fff;
	position: absolute
}

.cir2 {
	width: 116px;
	height: 116px;
	border: 1px solid #e6e6e6;
	left: 83px;
	top: 83px
}

.gress {
	z-index: 10;
	position: absolute;
	left: 106px;
	top: 110px
}

.ciryel {
	border-right: 4px solid #f9ca36
}

.f32 {
	font-size: 32px
}

@keyframes fade-in {
	0% {
		opacity: 0
	}

	30% {
		opacity: 1
	}

	60% {
		opacity: .6
	}

	100% {
		opacity: .1
	}
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0
	}

	30% {
		opacity: 1
	}

	60% {
		opacity: .6
	}

	100% {
		opacity: .1
	}
}

.animation {
	animation: fade-in infinite;
	animation-duration: 3s;
	-webkit-animation: fade-in 3s infinite
}

.yelpan {
	width: 292px;
	height: 292px;
	border-radius: 50%;
	left: 0;
	top: 0
}

.xibo1,
.xibo2 {
	left: 56px
}

.yelcicle {
	width: 145px;
	height: 145px
}

.yelcicle.active {
	background: #f9ca36
}

.yelcicle1 {
	border-radius: 0 290px 0 0
}

.yelcicle2 {
	border-radius: 0 0 290px
}

.yelcicle3 {
	border-radius: 0 0 0 290px
}

.yelcicle4 {
	border-radius: 290px 0 0
}

.topan {
	margin: 58px auto 30px;
	position: relative;
	width: 294px;
	height: 294px
}

.xibo {
	width: 50px;
	text-align: center
}

.xibo1 {
	position: absolute;
	top: 40px
}

.xibo2,
.xibo3,
.xibo4 {
	position: absolute;
	top: 44px
}

.xibo3 {
	left: 38px
}

.xibo4 {
	left: 26px
}

.addcode,
.bcard,
.bluearr,
.harrdw,
.harrup,
.jobtime,
.qq,
.rico1,
.rico2,
.rico3,
.rico4,
.tel,
.wen,
.whao {
	background: url(../imgs/wbtn.png?a=a) no-repeat;
	background-size: 200px auto
}

.rico1,
.rico2,
.rico3,
.rico4 {
	width: 30px;
	height: 34px;
	display: block;
	margin: 0 0 0 10px
}

.rico1 {
	background-position: 0 -54px
}

.rico2 {
	background-position: -32px -54px
}

.rico3 {
	background-position: -63px -54px
}

.rico4 {
	background-position: -96px -54px
}

.grey {
	color: #707070
}

.wen {
	background-position: -97px -28px;
	width: 16px;
	height: 16px;
	display: inline-block
}

.radio {
	position: relative
}

.radio em,
.radio em:after {
	position: absolute;
	display: inline-block
}

.radio input {
	margin-right: 20px
}

.radio em,
.radio input {
	width: 16px;
	height: 16px;
	border: 1px solid #8890b4;
	border-radius: 50%
}

.radio em {
	left: 4px;
	top: 2px
}

.radio em:after {
	width: 6px;
	height: 6px;
	background: #8890b4;
	border-radius: 50%;
	left: 5px;
	top: 5px
}

.help,
.hu,
.notde {
	position: relative
}

.radio input,
.radio input+em:after {
	opacity: 0
}

.radio input:checked+em:after {
	opacity: 1
}

.ml20 {
	margin-left: 20px
}

.ml6 {
	margin-left: 6px
}

.bels {
	color: #666;
	font-size: 14px
}

.het,
.hot a {
	color: #4c4c4c
}

.bels article {
	margin-bottom: 20px
}

.jobtime,
.qq,
.tel {
	width: 21px;
	height: 21px;
	display: inline-block;
	margin-right: 10px
}

.help img,
.het,
.hot a {
	display: block
}

.tel {
	background-position: -125px -27px
}

.qq {
	background-position: -147px -27px
}

.jobtime {
	background-position: -170px -27px
}

.help,
.hot,
.tysub {
	background: #fff
}

.borr {
	border-right: 1px solid #ebebeb
}

.tysub {
	width: 49.8%;
	font-size: 13px
}

.gobiao {
	padding: 16px 0
}

.help img {
	margin: 0 auto 10px;
	height: 54px;
	width: auto
}

.helist,
.hothed {
	height: 36px;
	border-bottom: 1px solid #ebebeb
}

.helist {
	font-size: 14px;
	line-height: 36px;
	overflow: hidden
}

.hot {
	padding: 0 10px;
	margin-top: 10px
}

.helist p {
	width: 80%;
	line-height: 22px
}

.hothed {
	line-height: 36px
}

.harrdw,
.harrup {
	width: 20px;
	height: 12px;
	display: inline-block;
	margin-top: 10px
}

.harrup {
	background-position: -130px -54px
}

.harrdw {
	background-position: -153px -54px
}

.dark {
	color: #01425a;
	font-size: 15px
}

.msr img {
	width: 140px
}

.padt40 {
	padding-top: 40px
}

.bank {
	height: 38px;
	line-height: 38px;
	padding: 0 10px
}

.bank .msgpic,
.seltime {
	height: 34px;
	display: inline-block
}

.repay,
.repay1 {
	line-height: 36px
}

.bank .msgpic {
	width: 34px;
	margin: 4px 10px 4px 0
}

.bafo {
	background: #fff
}

.balogo {
	padding: 10px
}

.balogo img {
	width: 36px;
	margin-right: 20px
}

.fc3 {
	color: #a9a9a9
}

.demo {
	background: #e6f3c1
}

.f18 {
	font-size: 18px
}

.seltime {
	background-position: 90px -678px;
	padding-right: 40px
}

.selpos {
	background-position: 98px -680px
}

.repay {
	height: 36px;
	padding: 4px 10px
}

.repay1 {
	height: auto
}

.repay1 .remind {
	line-height: 20px
}

.btnbg {
	background: #fff
}

.qent {
	color: #4c4c4c;
	padding-right: 10px
}

.green {
	color: #8ab513
}

.reline {
	height: 28px;
	line-height: 28px
}

.fang {
	padding-left: 46px
}

.fang input {
	width: 80%;
	height: 90%;
	margin: auto;
	border: none
}

.bcard {
	background-position: -172px -72px;
	width: 58px;
	height: 30px;
	display: inline-block;
	padding-left: 38px
}

.notde,
.yun {
	padding: 10px 20px 20px
}

.seldot {
	background-position: 0 -723px;
	width: 17px;
	height: 17px;
	display: inline-block;
	margin-top: 8px
}

.dbg {
	color: #fff;
	background: #ccc
}

.input-group .w160 {
	width: 160px
}

.notde {
	color: #707070;
	font-size: 12px
}

.yun {
	border-top: 1px dashed #e0e0e0
}

.bluearr {
	background-position: 0 -93px;
	width: 14px;
	height: 10px;
	margin-top: 8px
}

.coform input,
.coform select {
	height: 38px;
	line-height: 38px
}

.coform {
	padding: 10px;
	font-size: 14px
}

.coform input,
.coform select {
	border: 1px solid #dedede;
	border-radius: 4px;
	margin-bottom: 0;
	display: table-cell
}

.coform input {
	width: 96%;
	padding: 0 4px
}

.pad10,
.ren {
	padding: 10px 0
}

.coform label {
	margin: 10px 10px 0 0;
	width: 20%;
	display: table-cell
}

.hu {
	display: table;
	width: 100%
}

.addcode {
	background-position: -104px -99px;
	width: 19px;
	height: 19px;
	position: absolute;
	right: 10px;
	top: 6px
}

.mapic,
.ren img {
	width: 30px
}

.ren {
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	margin: 10px 0
}

.mapic,
.pho img {
	margin-right: 10px
}

.ren img {
	display: block
}

.pcon {
	width: 84%
}

.rbtn {
	width: 64px;
	height: 22px;
	line-height: 22px;
	color: #fff;
	background: #74d1ff;
	display: inline-block;
	border-radius: 4px;
	font-size: 12px
}

.pho a,
.pho img {
	display: block
}

.file,
.setpho,
.stylist a {
	font-size: 13px
}

.pho img {
	width: 85px;
	height: 54px
}

.photxt {
	height: 36px;
	display: inline-block
}

.phoact {
	padding: 10px;
	position: relative
}

.file,
.setpho {
	position: absolute;
	width: 120px;
	height: 140px;
	line-height: 30px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	color: #8890b4;
	display: inline-block
}

.webuploader-pick {
	width: 100%;
	height: 30px;
	line-height: 38px
}

.setpho {
	right: 20px;
	top: 16px
}

.file {
	right: 0;
	top: 0;
	opacity: 0
}

.bno {
	border: none
}

.msinfo,
.msinfo:hover,
.myacc,
.mycoll,
.myhao,
.myhelp,
.myord,
.myrec,
.myset,
.myspk,
.smtit,
.tmtit,
.tysty {
	background: url(../imgs/wbtn.png?a=a) no-repeat;
	background-size: 200px auto
}

.htable {
	display: table;
	width: 100%
}

.msinfo,
.tysty {
	display: inline-block
}

.tysty {
	background-position: 0 -122px;
	width: 26px;
	height: 21px;
	margin: 10px 8px 6px
}

.indinp {
	border-radius: 4px;
	margin: 6px 0 0;
	height: auto;
	width: 80%
}

@media screen and (max-width:320px) {
	.indinp {
		width: auto
	}
}

.msinfo {
	background-position: -32px -122px;
	width: 22px;
	height: 25px;
	margin: 8px 10px 0 0
}

.msa,
.ta {
	display: table-cell
}

.msinfo:hover {
	background-position: -178px -52px
}

.ta {
	width: 10%
}

.msa {
	width: 14%
}

.inlogo {
	background: url(../imgs/wbtn.png?a=a) -119px -194px no-repeat;
	background-size: 200px auto;
	display: inline-block;
	width: 55px;
	height: 16px;
	margin: 2px 4px 0 6px;
	vertical-align: top
}

.bcio6,
.code,
.phobg,
.timebg,
.vm {
	vertical-align: middle
}

.slbox {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slbox .bd li img {
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto 8px
}

.slbox .bd li {
	position: relative;
	height: auto;
	overflow: hidden
}

.slbox .hd {
	position: absolute;
	height: 12px;
	line-height: 12px;
	bottom: 12px;
	left: 50%;
	margin-left: -26px;
	z-index: 1
}

.slbox .hd li {
	display: inline-block;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #f2f2f2;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 4px
}

.slbox .hd li.on {
	background: #f46b30
}

.stylist {
	padding: 10px 20px
}

.stylist li {
	float: left;
	width: 25%;
	display: block
}

.stylist a img {
	display: block;
	height: 60px;
	margin: 0 auto
}

.ghua {
	position: relative
}

.ghua img {
	display: block;
	width: 100%
}

.ghbtn,
.morearr,
.timebg {
	display: inline-block
}

.white {
	background: #fff;
	padding-bottom: 20px
}

.mt4 {
	margin-top: 4px
}

.ghbtn {
	position: absolute;
	top: 22%;
	right: 6%;
	width: 98px;
	height: 36px
}

.mhead {
	border-bottom: 1px solid #f2f2f2;
	height: 40px;
	line-height: 40px;
	color: #333;
	padding-right: 10px
}

.mpro a,
.pica,
.tpic {
	border-bottom: 1px solid #ededed
}

.mpro a h3,
.mpro a h3:visited,
.mpro h3,
a.more,
a.more:active,
a.more:hover,
a.more:visited,
a.mpro h3,
a.mpro h3:visited {
	color: #4c4c4c
}

.morearr,
.mtxt {
	background: url(../imgs/fico.png?a=a) no-repeat;
	background-size: 30px auto
}

.mtxt {
	background-position: 0 -750px;
	padding-left: 10px
}

.timebg {
	background: url(../imgs/wbtn.png?a=a) -85px -184px no-repeat;
	background-size: 300px auto;
	height: 28px;
	line-height: 28px;
	width: 30px
}

.morearr {
	background-position: 0 -802px;
	margin: 0 0 0 6px;
	width: 8px;
	height: 15px
}

.ml10 {
	margin-left: 10px
}

.mpro a {
	padding: 10px;
	display: block
}

.mpro a img {
	width: 70px;
	display: block;
	height: auto;
	margin: 10px 10px 0 0
}

.mpro h3 {
	font-size: 14px;
	height: 34px;
	line-height: 17px;
	overflow: hidden
}

.hao {
	background: #8890b4;
	color: #fff;
	border-radius: 2px;
	display: inline-block;
	font-size: 10px;
	padding: 2px 6px;
	margin: 6px 0
}

.srpic,
.surpic {
	margin-left: -1px
}

.offtxt,
.salebtn,
.sanobtn,
.ytxt {
	background: url(../imgs/b1.png) no-repeat;
	background-size: 245px auto
}

.offtxt,
.ytxt {
	width: 100%;
	height: 30px;
	line-height: 30px;
	border-radius: 2px;
	color: #fff;
	padding: 0 10px
}

.distab {
	display: table;
	position: relative
}

.offtxt,
.ytxt {
	display: table-cell
}

.ytxt {
	background: #fc9441;
	background-size: 245px auto
}

.offtxt {
	background: 0 -30px #e1e1e1;
	background-size: 245px auto
}

.cenlist a,
.hdpto,
.surpic {
	display: block
}

.salebtn,
.sanobtn {
	width: 125px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	border-radius: 0 2px 2px 0;
	position: absolute;
	right: -10px;
	top: 0
}

.smpro,
.tmpro {
	position: relative
}

.salebtn {
	background-position: -120px 1px
}

.sanobtn {
	background: url(../imgs/b1.png) -120px -30px no-repeat #dadada;
	background-size: 249px auto;
	height: 31px;
	line-height: 30px;
	right: -8px
}

.mr10 {
	margin-right: 10px
}

.smpro {
	border-top: 2px solid #26dfa0
}

.tmpro {
	border-top: 2px solid #37c6f2
}

.smtit {
	background-position: -78px -123px
}

.smtit,
.tmtit {
	width: 80px;
	height: 25px;
	position: absolute;
	left: -1px;
	top: 0;
	color: #fff;
	padding-left: 10px
}

.tmtit {
	background-position: 0 -148px
}

.pica {
	background: #fff;
	overflow: hidden
}

.surpic {
	width: 39%;
	border-right: 1px solid #ededed
}

.advblk a img,
.avgpic img,
.srpic img,
.surpic img,
.tpic img {
	width: 100%;
	display: block
}

.tpic {
	width: 61%
}

.avgpic {
	width: 30%
}

.srpic {
	width: 31%;
	border-left: 1px solid #ededed
}

.topic {
	position: relative
}

.hdpto,
.mymsg,
.perter {
	position: absolute
}

.perter {
	font-size: 20px;
	color: #fff;
	top: 10px;
	left: 50%;
	margin-left: -45px
}

.mymsg {
	right: 20px;
	top: 2px
}

.hdpto {
	width: 18%;
	border-radius: 50%;
	top: 36%;
	left: 41%
}

.hdpto img {
	width: 100%
}

.myacc,
.mycoll,
.myhao,
.myhelp,
.myord,
.myrec,
.myset,
.myspk {
	display: inline-block;
	width: 22px;
	height: 23px;
	vertical-align: middle;
	margin-right: 4px
}

a.myacc,
a.myarr,
a.mycoll,
a.myhao,
a.myhelp,
a.myord,
a.myrec,
a.myset,
a.myspk {
	color: #4c4c4c
}

.myrec {
	background-position: -127px -71px
}

.myord {
	background-position: -149px -71px
}

.myacc {
	background-position: -127px -95px
}

.myhao {
	background-position: -149px -95px
}

.mycoll {
	background-position: -172px -102px
}

.myset {
	background-position: -172px -125px
}

.myspk {
	background-position: 0 -205px
}

.myhelp {
	background-position: -25px -205px
}

.myarr {
	background: url(../imgs/fico.png?a=a) 0 -1492px no-repeat;
	background-size: 40px auto;
	width: 13px;
	height: 14px;
	margin-left: 10px;
	margin-top: 5px
}

.banben a,
.ketel a {
	height: 26px;
	line-height: 26px;
	text-align: center
}

.resecon {
	background: #fff;
	padding: 0 10px
}

.cen {
	text-align: center
}

.banben {
	position: relative
}

.banben a {
	width: 32%;
	display: inline-block;
	font-size: 14px;
	color: #666
}

.banben a:hover {
	color: #8890b4
}

.ketel a {
	width: 162px;
	color: #fff;
	background: #ff9643;
	border-radius: 4px;
	display: block;
	font-size: 11px;
	margin: 0 auto
}

.ketel a.f13 {
	font-size: 13px
}

.copyr {
	font-size: 11px;
	color: grey;
	text-align: center;
	line-height: 18px
}

.dnapp,
.godw,
a.godw {
	color: #fff;
	font-size: 14px
}

.dnapp {
	position: fixed;
	bottom: 56px;
	left: 0;
	height: 50px;
	line-height: 50px;
	z-index: 7;
	width: 100%
}

.cls,
.godw,
.logof,
a.godw {
	display: inline-block;
	position: absolute
}

.cls,
.godw,
.hedico,
.hedicoon,
.logof,
.poico,
.poicoon,
.xico,
.xicoon {
	background: url(../imgs/wbtn.png?a=a) no-repeat;
	background-size: 200px auto
}

.cls {
	background-position: -2.61rem -4.74rem;
	width: .4rem;
	height: .4rem;
	left: 8px;
	top: 14px;
	background-size: 4.1rem auto
}

.logof {
	background-position: -117px -148px;
	width: 44px;
	height: 44px;
	left: 40px;
	top: 16px
}

.godw,
a.godw {
	background-size: 4rem auto;
	background-position: 0 -7.7rem;
	width: 1.6rem;
	height: .6rem;
	line-height: 30px;
	text-align: center;
	padding-right: 16px;
	right: 8px;
	top: 10px
}

.conts,
.extwin {
	font-size: 12px
}

.footmask {
	background: #262626;
	height: 50px;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 56px;
	z-index: 6
}

.bar1,
.bot,
.btnfix,
.goodwin,
.perwin {
	bottom: 0
}

.pr {
	position: relative
}

.emask,
.extwin {
	position: fixed;
	display: none
}

.dna {
	height: 100%;
	padding-left: 76px
}

.padb58 {
	padding-bottom: 56px
}

.spa {
	margin-top: 50px;
	border-top: 1px solid #e6e6e6
}

.deinp {
	height: 24px;
	line-height: 24px;
	width: 72%;
	border: none
}

.area .deinp {
	border: 1px solid #ddd
}

.upline {
	border-top: 1px solid #e5e5e5
}

.yousel {
	color: #888;
	padding-right: 10px;
	width: 80px;
	text-align: center
}

.prov {
	padding: 0 10px;
	height: 34px;
	line-height: 34px;
	border-bottom: 1px solid #e5e5e5
}

.extwin {
	background: #fcfcfc;
	opacity: .8;
	width: 150px;
	height: 85px;
	border-radius: 20px;
	left: 50%;
	margin-left: -75px;
	top: 50%;
	margin-top: -42px;
	z-index: 999;
	text-align: center
}

.extwin p {
	color: #000;
	opacity: 1;
	border-bottom: 1px solid #d9d7d7;
	line-height: 60px
}

.emask {
	width: 100%;
	height: 100%;
	background: #444343;
	opacity: .4;
	top: 0;
	left: 0
}

.opt,
.opt option {
	background: #fff
}

.ebtn a {
	display: block;
	width: 49%;
	line-height: 24px;
	height: 24px
}

.bar1 a,
.bar1 a span {
	display: inline-block
}

a.ecal {
	color: #007aff;
	border-right: 1px solid #d9d7d7
}

.ebtn a.ecal:last-child {
	border: none
}

a.eok {
	color: #e23417
}

.mb56 {
	margin-bottom: 56px
}

.opt {
	height: 30px;
	width: 78%;
	border: 1px solid #fff
}

.bar1,
.btnfix,
.custlist a {
	border-top: 1px solid #e5e5e5
}

.selret {
	width: 70px;
	position: absolute;
	right: 20px;
	top: 4px
}

.btnfix {
	position: fixed;
	left: 0;
	width: 94%;
	text-align: center
}

.agree1 a.fc6,
.bar1 a.cur,
.fc6,
a.fc6 {
	color: #8890b4
}

.log label .maico {
	background-position: 0 -883px
}

.conts {
	text-align: left;
	width: 146px;
	left: 50%;
	margin-left: -76px;
	position: absolute
}

.bar1 {
	height: 44px;
	line-height: 44px;
	background: #f7f3ef;
	opacity: .9;
	position: fixed;
	left: 0;
	width: 100%;
	text-align: center
}

.custlist a h4,
.tinfo {
	line-height: 24px
}

.bar1 a {
	width: 49%
}

.bar1 a.rline,
.bar1 a:first-child {
	border-right: 1px solid #e5e5e5
}

.bcio6 {
	background-position: -177px -148px
}

.bcio6.cur,
.bcio6:hover {
	background-position: -177px -173px
}

.cobg {
	background: #fff;
	padding: 50px 0 100px
}

.custlist a {
	display: block;
	background: #fff;
	padding: 15px 15px 15px 10px;
	border-bottom: 1px solid #e5e5e5;
	margin-top: 8px
}

.custlist a:first-child {
	margin-top: 0
}

.custlist a img {
	display: block;
	width: 70px;
	height: auto;
	margin-right: 10px
}

.custlist a h4 {
	font-style: normal;
	font-size: 14px;
	height: 24px;
	overflow: hidden
}

.custlist del {
	margin-left: 14px
}

.btnfix1 {
	text-align: left
}

.agree1 {
	margin: 0 0 10px -18px
}

.perstep {
	padding: 8px 10px 10px;
	height: 42px;
	background: #f2f2f2;
	width: 300px;
	margin: 0 auto
}

.dotcir,
.dotciroff {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	margin: 2px auto 0
}

.dotcir {
	background: #69bff8
}

.dotciroff {
	background: #a8a8a8
}

.txtoff,
.txton {
	margin-top: 2px
}

.hedico,
.hedicoon,
.poico,
.poicoon,
.xico,
.xicoon {
	height: 22px;
	margin: 0 auto
}

.txtoff {
	color: #a8a8a8
}

.txton {
	color: #69bff8
}

.hedico,
.hedicoon {
	width: 22px
}

.hedico {
	background-position: -79px -206px
}

.hedicoon {
	background-position: -51px -206px
}

.poico,
.poicoon {
	width: 21px
}

.poico {
	background-position: -124px -212px
}

.poicoon {
	background-position: -102px -212px
}

.xico,
.xicoon {
	width: 25px
}

.xico {
	background-position: -174px -212px
}

.xicoon {
	background-position: -149px -212px
}

.perstep article {
	font-size: 13px;
	width: 100px;
	text-align: center;
	position: relative;
	margin-bottom: 4px
}

.textl,
.xuepop p {
	text-align: left
}

.line,
.lineon {
	position: absolute;
	left: 52px;
	top: 26px;
	width: 100px;
	height: 2px
}

.line {
	background: #a8a8a8
}

.lineon {
	background: #69bff8
}

.reform {
	padding: 10px
}

.repart {
	background: #fff;
	padding: 0 10px;
	border: 1px solid #e4e4e4
}

.repart .input-group .form-control,
.repart .input-group-addon {
	font-size: 14px
}

.mb10 {
	margin-bottom: 10px
}

.pa10 {
	padding: 10px
}

.repart input.partinp {
	width: 71%;
	margin-left: 10px
}

.phobg {
	background: url(../imgs/card_03.png) no-repeat;
	background-size: 142px auto
}

.code,
.haocls,
.sidtab li a {
	background: url(../imgs/fico.png?a=a) no-repeat;
	background-size: 30px auto
}

.phobg {
	background-position: 0 0;
	width: 122px;
	height: 142px;
	margin: 10px auto 16px;
	overflow: hidden;
	padding: 0 10px;
	position: relative
}

.phobg a img {
	width: 100%;
	display: block;
	margin-top: 28px
}

.phobg .file {
	position: absolute;
	left: 10px;
	top: 0;
	width: 120px;
	height: 86px
}

.study {
	border-top: 1px solid #e6e6e6;
	padding: 16px 20px 0
}

.phos {
	background: #fff;
	font-size: 13px;
	padding: 10px 0 0
}

.study .allpic {
	display: none
}

.sidtab li a {
	background-position: 0 -954px;
	display: inline-block;
	padding-left: 20px;
	margin-right: 10px;
	height: 26px;
	line-height: 26px
}

.sidtab li a.cur {
	background-position: 0 -923px;
	color: #84c9f7
}

.allpic a.whao {
	display: inline-block;
	width: 13px;
	height: 13px;
	background-position: 0 -229px
}

.xuefrm {
	border: 1px solid #e4e4e4;
	padding: 0 8px;
	margin: 10px 0;
	background: #fff;
	font-size: 14px
}

.xuefrm label {
	display: block;
	height: 34px;
	line-height: 34px
}

.xuefrm label:first-child {
	border-bottom: 1px solid #e4e4e4
}

.xuefrm input {
	height: 28px;
	line-height: 28px;
	width: 56%;
	border: none
}

.xuepop {
	width: 210px;
	padding: 10px 20px 0;
	height: 130px;
	line-height: 20px;
	margin-left: -125px;
	opacity: 1
}

.xuepop p {
	line-height: 20px;
	padding-bottom: 20px
}

.repart {
	font-size: 13px
}

.mlr10 {
	margin: 0 10px
}

.xfcon {
	padding: 10px
}

.xpic {
	width: 20px
}

.xcon f15 {
	font-size: 15px
}

.xpic img {
	width: 24px;
	height: auto;
	display: inline-block;
	margin-top: 6px
}

.resuo {
	margin: 10px 10px 0
}

.xcon {
	width: 89%
}

.retbank {
	right: -20px;
	height: 40px;
	line-height: 40px;
	width: 70px;
	background-position: 70px -678px
}

.relopt {
	width: 140px;
	height: 36px;
	line-height: 36px;
	opacity: 0
}

.spay {
	width: 120px;
	right: 0;
	background-position: 124px -680px
}

.fixhed {
	position: relative;
	left: 0;
	top: 0;
	width: 100%
}

.windemo,
.wintxt {
	margin-left: -150px;
	top: 50%;
	font-size: 14px;
	left: 50%
}

.wintxt {
	width: 300px;
	height: 440px;
	position: absolute;
	margin-top: -220px;
	overflow: hidden;
	z-index: 9999
}

.altxt {
	padding: 20px;
	height: 326px;
	overflow-y: scroll;
	margin-bottom: 20px
}

.windemo {
	width: 260px;
	padding: 0 10px;
	height: 150px;
	text-align: center;
	position: fixed;
	margin-top: -75px
}

.fline,
.glogo,
.haocls,
.haowin .haocon,
.npos1,
.npos2,
.npos3,
.numpos {
	position: absolute
}

.demotxt {
	padding: 40px 0
}

.yuwin {
	padding: 0 60px 20px;
	text-align: left;
	height: 200px;
	width: 180px
}

.yuwin .demotxt label {
	display: block;
	line-height: 20px
}

.use2 {
	width: 70px
}

.dok img {
	width: 90px
}

a.nbtn {
	color: #8890b4
}

.red {
	color: red
}

.deno {
	padding: 10px 50px 0
}

.padb60 {
	padding-bottom: 100px
}

.borline {
	border-bottom: 1px solid #e5e5e5
}

.pfrm {
	background: #fff;
	font-size: 14px
}

.textr {
	text-align: right
}

.padr10 {
	padding-right: 10px
}

.padr30 {
	padding-right: 30px
}

.jslider_round .jslider-pointer {
	display: none;
	width: 24px;
	height: 24px;
	top: -6px;
	margin-left: -8px
}

.huahead,
.sec img {
	width: 100%
}

.jslider_round .jslider-pointer-to {
	display: block;
	background-position: -27px -40px
}

.allpic .sevagreee a,
.code,
.kutabs li a {
	display: inline-block
}

.huahead {
	background: #8890b4;
	height: 160px;
	color: #fff;
	font-size: 14px
}

.glogo {
	width: 70px;
	left: 50%;
	top: 15px;
	margin-left: -35px
}

.glogo img {
	width: 100%
}

.ft {
	font-size: 50px;
	margin: 0 6px
}

.qmoney {
	padding: 44px 0 0
}

.kuan {
	padding: 0 50px
}

.kuan p.f16 {
	font-size: 16px
}

.grearea {
	padding: 0 20px;
	font-size: 14px
}

.kutabs li {
	width: 22%;
	margin-right: 8px
}

.kutabs li a {
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #ebebeb;
	text-align: center;
	color: #999;
	border-radius: 2px
}

.kutabs li:last-child {
	margin-right: 0
}

.kutabs li a.cur,
.kutabs li.ui-state-hover,
.kutabs li.ui-tabs-active,
.ui-state-active,
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	background: #8890b4;
	color: #fff;
	border-radius: 2px
}

.prgo {
	margin: 42px 0 0
}

.mt30 {
	margin-top: 30px
}

.allpic .sevagreee .read {
	font-size: 12px
}

.code {
	background-position: 0 -994px;
	margin-left: 6px;
	width: 16px;
	height: 16px
}

.haowin {
	font-size: 14px;
	z-index: 99;
	display: none
}

.haowin .haocon {
	background: 0 0;
	width: 253px;
	height: 350px;
	top: 0;
	left: 50%;
	margin-left: -126px
}

.haocls {
	width: 18px;
	height: 18px;
	background-position: 0 -1031px;
	top: 100px;
	right: 28px
}

.mask1 {
	z-index: 0
}

.numpos {
	left: 80px;
	top: 198px;
	font-size: 12px;
	width: 100px
}

.npos1 {
	left: 24px;
	top: 0
}

.npos2 {
	left: 0;
	top: 20px
}

.npos3 {
	left: 28px;
	top: 40px
}

.fline {
	width: 1px;
	height: 50px;
	top: 110px;
	left: 51%;
	background: #fff
}

.bot,
.popw {
	position: fixed
}

.padb40 {
	padding-bottom: 40px
}

.deails img,
.deails p img {
	width: 100%
}

#schools {
	width: 66%
}

.input-group .schtxt {
	vertical-align: top;
	line-height: 40px
}

.sre {
	padding-right: 20px;
	color: #fff;
	font-size: 14px
}

.denotxt {
	font-size: 12px;
	text-align: center;
	padding: 6px 0
}

.webuploader-element-invisible {
	width: 100px;
	height: 100px
}

.log label input.checkma,
.log label input.checkmaon {
	text-align: center;
	padding: 0 6px;
	height: 30px;
	line-height: 30px;
	width: 92px;
	font-size: 12px
}

#choose a.selar,
.hu input,
.repart input.partinp {
	text-align: right
}

.htext,
.popw {
	font-size: 14px
}

.htext {
	padding: 20px 20px 70px
}

.bot {
	left: 0;
	height: 50px;
	width: 100%;
	background: #ccc;
	line-height: 50px
}

.padlr20 {
	padding: 0 20px
}

.hts p {
	line-height: 20px;
	padding: 10px 20px
}

.popw {
	width: 210px;
	padding: 20px;
	left: 50%;
	margin-left: -130px;
	top: 40%;
	background: #fcfcfc;
	opacity: .8;
	z-index: 999;
	border-radius: 20px;
	display: none
}

.hinp input {
	border: 1px solid #999;
	border-radius: 4px;
	height: 30px;
	line-height: 30px;
	padding: 0 6px;
	width: 150px
}

.hinp input.sendbtn {
	background: #8890b4;
	border-radius: 6px;
	height: 30px;
	width: 40px;
	line-height: 30px;
	color: #fff;
	border: none
}

.coform select,
.hu input,
.inpifo input {
	background: 0 0
}

.redo {
	padding-left: 10px
}

@media only screen and (-webkit-min-device-pixel-ratio :1.5),
only screen and (min-device-pixel-ratio :1.5) {
	.repart input.partinp {
		width: 71%;
		float: left;
		margin-left: 10px
	}
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
	.repart input.partinp {
		width: 71%;
		float: left;
		margin-left: 10px
	}
}

@media only screen and (min-device-width:375px) and (max-device-width:627px) and (-webkit-min-device-pixel-ratio:2) {
	.repart input.partinp {
		width: 72%;
		float: left;
		margin-left: 10px
	}
}

@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) {
	.repart input.partinp {
		width: 73%;
		float: left;
		margin-left: 10px
	}
}

.coform select,
.hu input,
.repart input.partinp {
	border: none
}

#choose a.selar {
	margin-top: 4px;
	width: 50%
}

.inpifo {
	border-bottom: 1px solid #e5e5e5
}

.ck {
	background: url(../imgs/fico.png?a=a) 0 -1056px no-repeat;
	background-size: 30px auto
}

.selall,
.selsch {
	position: absolute;
	background: 0 0
}

.ckimg img {
	width: 63px;
	height: 25px;
	display: inline-block;
	margin: 6px 0 0 10px
}

.sch,
.wsch {
	height: 34px;
	line-height: 34px
}

.selall {
	right: 0;
	top: 0
}

.selall select {
	opacity: 0
}

.schname {
	width: 80px;
	text-align: left;
	line-height: 34px
}

.saddress {
	width: 100%
}

.sch {
	width: 30%;
	text-align: right
}

.sch select,
.wsch {
	width: 100%
}

.selsch {
	left: 0;
	top: -32px;
	opacity: 0
}

.comwin,
.conainer {
	background: #fff;
	text-align: center
}

.wsch {
	display: block
}

.comwin {
	width: 260px;
	height: 306px;
	border-radius: 10px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -130px;
	margin-top: -158px;
	font-size: 18px;
	color: #666;
	display: none;
	z-index: 20
}

.maskz {
	z-index: 16
}

.comwin p:last-child {
	color: #999;
	font-size: 15px;
	margin-top: 14px
}

.winxin {
	padding: 30px;
	width: 200px;
	overflow: hidden
}

.winxin>div {
	width: 118px;
	height: 120px;
	margin: 0 40px 26px;
	overflow: hidden
}

.winxin img {
	width: 100%;
	display: block
}

.winov {
	border-top: 1px solid #e5e5e5;
	text-align: center
}

.winov a {
	font-size: 16px;
	display: inline-block;
	border-right: 1px solid #e5e5e5;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 48%;
	color: #4c4c4c
}

.winov a.org {
	color: #8890b4
}

.winov a:last-child {
	border: none
}

.stylist1 {
	padding: 10px
}

.stylist1 li {
	width: 16%;
	margin-right: 5%
}

.conainer,
.perwin,
.stylist1 a img {
	width: 100%
}

.stylist1 li:last-child {
	margin-right: 0
}

.stylist1 li span {
	font-size: 12px
}

.expmod {
	overflow-y: scroll;
	height: 410px
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) {
	.expmod {
		overflow-y: scroll;
		height: 480px
	}
}

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
	.expmod {
		overflow-y: scroll;
		height: 410px
	}
}

.perwin {
	padding: 20px;
	height: auto;
	overflow-y: auto;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	z-index: 99;
	display: none
}

.conainer {
	border-radius: 4px;
	position: relative;
	padding: 0 0 20px
}

.expwin {
	width: 290px;
	height: auto;
	font-size: 14px;
	padding: 20px 0 10px;
	position: fixed;
	left: 50%;
	margin-top: -220px;
	margin-left: -145px
}

.expwin1 {
	top: 50%;
	margin-top: -120px;
	border-radius: 4px
}

.expmod1 .phare {
	background: #f2f2f2;
	height: 270px;
	overflow: hidden;
	padding: 30px;
	border-radius: 4px 4px 0 0
}

.phare img {
	max-height: 100%;
	max-width: 100%;
	display: block;
	margin: 0 auto
}

.handpho h4 {
	color: #84c9f7
}

.handpho p {
	text-indent: 2em;
	text-align: left
}

.handpho p:last-child {
	text-align: right
}

.close1 {
	top: 4px
}

.goodwin {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	display: none;
	z-index: 88;
	overflow-x: hidden;
	overflow-y: auto
}

.allpho,
.allpho span,
.banklist a,
.banklist a div,
.container .wset a span,
.hedpic,
.nepro h3,
.newlist h3,
.newpro,
.newstep,
.newstep1,
.okpho,
.phoes,
.repho,
.selper,
.setup,
.sma,
.stepbox,
.stuinfo .dantit,
.upld a input {
	overflow: hidden
}

.dialog {
	margin: 10px;
	padding: 20px 14px;
	position: relative;
	width: auto;
	background: #fff;
	font-size: 14px
}

.allpho,
.wrap {
	padding: 0 10px
}

.conwrap {
	margin-left: -10px;
	margin-right: -10px
}

.phoes {
	height: 118px;
	display: block
}

.phoes a img {
	width: 100%
}

.allpho {
	margin: 20px 0;
	width: 50%
}

.demobtn a {
	color: #69bff8;
	font-size: 12px;
	padding: 10px 0
}

.demobtn a:last-child {
	float: right
}

.expmod1 {
	height: auto
}

.padlr10 {
	padding: 0 10px
}

.gline {
	margin: 10px 0 0;
	border-top: 1px solid #ccc
}

.gline a {
	display: block;
	padding: 10px 10px 0
}

.allpho span,
.myshop,
.selradio label {
	display: inline-block
}

.gline input {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 100px;
	margin-left: -50px;
	height: 34px;
	opacity: 0
}

.allpho .f10 {
	font-size: 10px
}

.mar {
	margin-top: -20px
}

.allpho span {
	height: 30px;
	line-height: 30px
}

.newpro {
	width: 40px;
	height: 40px;
	padding: 2px
}

.newpro img {
	width: 100%;
	height: auto
}

.padt4 {
	padding-top: 4px
}

a.lista:hover {
	background: #f2f2f2
}

.myshop,
.selradio input:checked+label:before {
	background: url(../imgs/wbtn.png?a=a) no-repeat;
	background-size: 200px auto
}

.myshop {
	background-position: -24px -228px;
	width: 22px;
	height: 24px;
	vertical-align: middle;
	margin-right: 4px
}

.selper {
	width: 94px;
	height: 22px;
	margin: 50px auto 40px
}

@media screen and (min-width:370px) {
	.selper {
		margin: 75px auto 40px
	}
}

.banklist a,
.logtabs ul {
	margin-bottom: 10px;
	box-sizing: border-box
}

.repho img,
.selper img {
	width: 100%
}

.setype {
	box-sizing: border-box;
	padding: 0 10% 30px
}

@media (min-height:490px) and (max-height:568px) {
	.setype {
		height: 230px
	}
}

@media screen and (min-width:370px) {
	.setype {
		height: 270px
	}
}

.selradio {
	width: 40%;
	text-align: center
}

.selradio label {
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-size: 17px;
	color: #b2b2b2
}

.selradio label:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #e6e6e6;
	border-radius: 50%
}

.selradio input {
	display: none
}

.selradio input:checked+label:before {
	content: "";
	background-position: -49px -230px;
	color: #8890b4
}

.selradio input:checked+label {
	color: #8890b4
}

.phohd {
	box-sizing: border-box;
	padding: 0 10%;
	width: 100%
}

.repho {
	width: 100%;
	height: 100%;
	margin-top: 20px
}

@media screen and (min-width:370px) {
	.repho {
		margin-top: 30px
	}
}

.dian {
	color: #333;
	padding: 0 25px;
	width: 100px
}

.barr {
	background: url(../imgs/wbtn.png?a=a) -98px -236px no-repeat;
	background-size: 200px auto;
	display: inline-block;
	width: 10px;
	height: 6px;
	margin-left: 10px;
	margin-top: 12px;
	vertical-align: middle
}

.newsel {
	background: #f5f5f5;
	height: 29px;
	line-height: 29px;
	border: 1px solid #e5e5e5;
	margin-left: 6px;
	width: 170px
}

.newsel ul {
	position: absolute;
	top: 29px;
	right: -1px;
	width: 100%;
	background: #fff;
	display: none;
	border-bottom: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5
}

.container .control88,
.newsel ul li a,
.wobtn a {
	display: inline-block
}

.newsel ul li {
	color: #333;
	height: 32px;
	line-height: 32px
}

.newsel ul li a {
	width: 120px;
	text-align: right
}

.chkcon,
.load,
.logtabs ul li,
.typedet li a,
.wobtn {
	text-align: center
}

.newsel ul li a.cur,
.newsel ul li a:hover {
	color: #69bff8;
	background: url(../imgs/fico.png?a=a) 40px -1170px no-repeat;
	background-size: 30px auto
}

.wosel {
	position: relative
}

.container .input-group span.deo {
	background: url(../imgs/fico.png?a=a) 0 -1204px no-repeat;
	background-size: 30px auto;
	margin-top: 8px;
	width: 16px;
	height: 16px;
	display: inline-block
}

.wobtn,
.wobtn a {
	height: 40px;
	color: #0894ec;
	line-height: 40px
}

.container .control88 {
	width: 88%
}

.deowin,
.wobtn a {
	font-size: 16px;
	width: 100%
}

.deowin {
	box-sizing: border-box;
	padding: 0 12%;
	position: fixed;
	left: 0;
	top: 50%;
	z-index: 88;
	margin-top: -80px
}

.deocon {
	box-sizing: border-box;
	border-radius: 6px;
	background: #fff
}

.divpad {
	padding: 4%;
	min-height: 80px
}

.wobtn {
	border-top: 1px solid #e6e6e6;
	font-size: 16px
}

.wobtn .twobtn a {
	width: 49%;
	border-right: 1px solid #ccc;
	display: block;
	float: left
}

.delBtn,
.logtabs ul li,
.logtabs ul li a {
	display: inline-block
}

.wobtn .twobtn a:last-child {
	border-right: none
}

.wobtn .twobtn a.obtn {
	color: #e23417
}

.container .wset a span {
	display: inline-block;
	height: 30px;
	width: 66%
}

.container .input-group .wset span.seltarr {
	margin-left: 2px;
	margin-top: -14px
}

@media only screen and (max-device-width:320px) {
	.container .wset a span {
		width: 50%
	}
}

.jslider .jslider-value {
	font-size: 12px
}

.bowshop {
	position: relative;
	border-bottom: 1px solid #e6e6e6
}

.bowshop a {
	width: 88%
}

.bowshop .det {
	border-bottom: none;
	padding: 6px 20px 6px 10px
}

.delBtn {
	background: url(../imgs/wbtn.png?a=a) -236px -471px no-repeat;
	background-size: 400px auto;
	width: 16px;
	height: 18px;
	position: absolute;
	right: 10px;
	bottom: 10px
}

.logtabs ul {
	width: 100%;
	padding: 0 30px;
	height: 40px;
	background: #fff
}

.logtabs ul li {
	box-sizing: border-box;
	float: left;
	height: 40px;
	line-height: 40px;
	width: 50%
}

.logtabs ul li a {
	width: 100%;
	font-size: 14px;
	color: #999;
	height: 40px
}

.logtabs ul li a.cur,
.logtabs ul li a:hover {
	color: #4c4c4c;
	border-bottom: 2px solid #7457ea;
	height: 39px
}

.back,
.log label .maico,
.log label .phico,
.log label .pwd,
.log label .usr {
	background: url(../imgs/fico.png?a=a) no-repeat;
	background-size: 30px auto
}

.back {
	background-size: 23px auto
}

.log label input {
	height: 34px;
	line-height: 34px;
	border: none;
	outline: 0;
	font-size: 16px;
	padding-left: 26px;
	width: 92%
}

.dotit,
.numarea label {
	border-bottom: 1px solid #e5e5e5
}

.log label .phopwd {
	width: 56%
}

.log label input.checkmaon {
	background: #8890b4
}

.log label .phico {
	background-position: 0 -838px
}

.log label .picimg {
	background-position: 0 -102px
}

.log label .pwd {
	background-position: 0 -72px
}

.checkwin {
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
	position: fixed;
	left: 0;
	top: 28%;
	z-index: 20;
	display: none
}

.chkcon {
	background: #fff;
	box-sizing: border-box;
	border-radius: 10px
}

.dotit {
	padding: 16px;
	font-size: 16px;
	color: #4c4c4c
}

.numarea label {
	display: block;
	background: #f7f7f8;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	box-sizing: border-box
}

.numarea img {
	position: absolute;
	right: 10px;
	top: 12px;
	width: 26%;
	height: 30px
}

.fc5 {
	color: #b2b2b2
}

.numtxt,
input[type=text].numtxt {
	height: 30px;
	line-height: 30px;
	width: 72%;
	border: none;
	margin-top: 9px;
	margin-left: -3%;
	padding: 0 4px;
	font-size: 14px
}

.cokBtn,
html input[type=button].cokBtn {
	padding: 16px 0;
	border: none;
	color: #8890b4;
	width: 100%;
	background: #fff;
	border-radius: 0 0 10px 10px;
	font-size: 16px
}

.container .input-group .wset span.arset {
	float: right;
	margin-top: 12px
}

.container .wset a span.datxt {
	width: 70%
}

.cominput .yearsel {
	width: 50%;
	margin-right: 10px
}

.container .input-group span.monset {
	margin-top: 7px;
	display: inline-block
}

.serclose,
.tback {
	display: table-cell
}

.load {
	width: 80%;
	background-color: rgba(0, 0, 0, .8);
	border-radius: 10px;
	position: fixed;
	left: 10%;
	top: 35%;
	z-index: 120
}

.inma,
.jkbtn {
	position: absolute
}

.load img {
	margin-top: 20px;
	width: 40px
}

.load p {
	font-size: 16px;
	color: rgba(252, 250, 247, .9);
	margin-top: 12px;
	padding-bottom: 20px
}

.serclose {
	width: 16px
}

.serhead {
	padding: 8px 10px 8px 0;
	height: auto
}

.serclose img {
	width: 100%;
	vertical-align: middle
}

.tyser {
	margin-left: 50px
}

.typedet {
	width: 32%
}

.typedet li a {
	display: block;
	height: 60px;
	line-height: 60px;
	background: #fff;
	border-bottom: 1px solid #ebebeb
}

.typedet li a.cur,
.typedet li a:hover {
	color: #8890b4;
	border-left: 2px solid #8890b4;
	background: #f4f4f4
}

.typedet a .sercam,
.typedet a .sercar,
.typedet a .serfas,
.typedet a .serpad,
.typedet a .sershoe,
.typedet a .sertel {
	background: url(../imgs/wbtn.png?a=a) no-repeat;
	background-size: 200px auto;
	width: 19px;
	height: 19px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px
}

.typedet a .sertel {
	background-position: -36px -292px
}

.typedet a .sertel.cur,
.typedet a .sertel:hover,
.typedet a.cur .sertel {
	background-position: -36px -311px
}

.typedet a .serpad {
	background-position: -58px -290px
}

.typedet a .serpad:hover,
.typedet a.cur .serpad {
	background-position: -58px -310px
}

.typedet a .sercam {
	background-position: -78px -290px
}

.typedet a .sercam:hover,
.typedet a.cur .sercam {
	background-position: -78px -309px
}

.typedet a .serfas {
	background-position: -97px -291px
}

.typedet a .serfas:hover,
.typedet a.cur .serfas {
	background-position: -97px -311px
}

.typedet a .sershoe {
	background-position: -116px -292px
}

.typedet a .sershoe:hover,
.typedet a.cur .sershoe {
	background-position: -116px -311px
}

.typedet a .sercar {
	background-position: -136px -292px
}

.typedet a .sercar:hover,
.typedet a.cur .sercar {
	background-position: -136px -311px
}

.band {
	width: 68%;
	box-sizing: border-box;
	padding: 0 10px
}

.bahed {
	width: 100%;
	height: 34px;
	line-height: 34px
}

.band a {
	display: inline-block;
	width: 60%;
	text-align: right
}

.band a .banal {
	font-family: \5b8b\4f53;
	font-size: 20px;
	vertical-align: middle;
	margin-left: 6px
}

.banklist a {
	display: block;
	float: left;
	padding: 6px;
	background: #fff;
	width: 30%;
	margin-right: 5%
}

.banklist a:nth-child(3n+0) {
	margin-right: 0
}

.banklist a div {
	height: 56px
}

.banklist a img {
	max-width: 100%;
	max-height: 56px;
	display: block;
	margin: 0 auto
}

.banklist a span {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin-top: 6px;
	font-size: 14px;
	height: 22px;
	overflow: hidden
}

.serarr {
	display: inline-block;
	vertical-align: middle;
	margin-top: 0
}

.stupic img {
	width: 100%;
	display: block
}

.jkbtn {
	left: 50%;
	top: 0;
	width: 54%;
	margin-left: -27%
}

.stuwei {
	box-sizing: border-box
}

.stuinfo {
	box-sizing: border-box;
	padding: 4px 36px 20px
}

.stuinfo .stutit {
	display: inline-block;
	font-size: 14px;
	color: #4c4c4c;
	width: 100%
}

.stuinfo span {
	color: #56c6fc;
	font-size: 15px;
	display: block;
	width: 86px;
	float: left
}

.stuinfo .dantit {
	width: 60%
}

.inma {
	box-sizing: border-box;
	padding: 0 8%;
	top: 20px;
	left: 20px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	width: 89%
}

.inma p {
	text-align: left
}

.fubtn,
.pername,
.pribg .saledeto,
.selstu a,
.setfei {
	text-align: center
}

.inma input {
	width: 120px;
	height: 24px;
	line-height: 24px;
	margin: 10px auto;
	text-indent: 10px;
	border: none
}

.area .container .ancom {
	padding-left: 0;
	font-size: 15px;
	height: 40px;
	line-height: 40px
}

.fc7 {
	color: #4c4c4c
}

.ancom .input-group {
	padding: 0
}

.btnmar,
.selstu {
	padding: 10px
}

.ancom .selabs {
	width: 99%
}

.rewrite {
	height: 34px;
	width: 51%;
	line-height: 34px;
	border: 1px solid #8890b4;
	border-radius: 2px;
	margin: 20px auto;
	color: #8890b4
}

.fubtn,
.selge a {
	border-radius: 4px;
	color: #fff
}

.container .ancom .input-group span.seltarr {
	margin-top: 10px
}

.container .ancom .input-group span.input-group-addon {
	font-size: 15px
}

.selstu a {
	width: 92px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	font-size: 16px
}

.selstu a.cur,
.selstu a:hover {
	background: #8890b4;
	color: #fff;
	border-radius: 4px
}

.btnmar {
	position: fixed;
	bottom: 0;
	left: 0;
	border-top: 1px solid #ebebeb;
	width: 100%;
	box-sizing: border-box;
	background: #fff
}

.padb70 {
	padding-bottom: 70px
}

.kenote .fmon,
.kenote .you {
	height: auto;
	line-height: 24px;
	padding: 10px
}

.kenote .fmon span,
.kenote .you span {
	width: 82px;
	float: left;
	display: block
}

.kenote .fmon p,
.kenote .you p {
	width: calc(100% - 82px);
	float: left
}

.fubtn {
	background: #8890b4;
	font-size: 14px;
	width: 120px;
	height: 26px;
	line-height: 26px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -60px;
	animation: chan 3s infinite;
	-webkit-animation: chan 3s infinite;
	-o-animation: chan 3s infinite
}

@keyframes chan {

	0%,
	100% {
		transform: scale(1, 1)
	}

	50% {
		transform: scale(1.1, 1.1)
	}
}

@-webkit-keyframes chan {

	0%,
	100% {
		-webkit-transform: scale(1, 1)
	}

	50% {
		-webkit-transform: scale(1.1, 1.1)
	}
}

.selge a {
	background: #e0e0e0
}

.selge a:nth-child(2) {
	margin-left: 20px
}

.jobsub button {
	position: fixed;
	bottom: 0;
	left: 0;
	border-radius: 0
}

.delpr,
.deng,
.pribg .saledeto {
	position: absolute
}

.marauto {
	margin: 16px auto
}

.deng {
	left: 50%;
	margin-left: -40px;
	top: -46px
}

.deng img {
	width: 81px
}

.mt40 {
	margin-top: 40px
}

.cirdot {
	border-radius: 50%;
	background: #ccc;
	width: 6px;
	height: 6px;
	margin-right: 6px;
	display: inline-block
}

.zhuce a:nth-child(1) {
	color: #999
}

.wobtn .zhuce a:nth-child(2) {
	color: #269ce5
}

.prodote,
.saledeto {
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	padding: 2px 6px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle
}

.prodote {
	background: #fb5959
}

.delpr {
	color: #c5c5c5;
	left: 66px;
	top: -14px
}

.pribg {
	background: url(../imgs/b1.png) no-repeat #8890b4;
	background-size: 490px auto;
	height: 50px;
	line-height: 50px;
	color: #fff;
	padding: 0 10px
}

.pribg .saledeto {
	background: #8890b4;
	left: 56px;
	top: 22px;
	display: block;
	line-height: 18px;
	width: 70px
}

.baok,
.pername,
.phodot {
	display: inline-block
}

.protime {
	background: url(../imgs/b1.png) -240px 0 no-repeat #8890b4;
	background-size: 490px auto;
	padding-left: 26px;
	color: #353535;
	font-size: 14px
}

.protime .timebg {
	margin-right: 4px;
	width: 24px;
	height: 24px;
	line-height: 24px
}

.nepro h3 {
	font-size: 14px;
	height: 34px
}

.setfei {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #f7f8f9;
	border-top: 1px solid #c5c5c5;
	width: 100%;
	padding: 0
}

.setfei a.fenbtn {
	width: 80%
}

.f17 {
	font-size: 17px
}

.pername {
	color: #fff;
	font-size: 14px;
	position: absolute;
	bottom: 12%;
	width: 30%;
	left: 35%
}

.cotxt1,
.cotxt2 {
	font-size: 12px;
	color: grey
}

.downap,
.nstep {
	bottom: 0
}

@keyframes txtmove {

	0%,
	75% {
		transform: translateX(-6px)
	}

	100%,
	25% {
		transform: translateX(0)
	}
}

@-webkit-keyframes txtmove {

	0%,
	75% {
		-webkit-transform: translateX(-6px)
	}

	100%,
	25% {
		-webkit-transform: translateX(0)
	}
}

.bafo .bort {
	border-top: 1px solid #e6e6e6
}

.baok,
.phodot {
	background: url(../imgs/wbtn.png?a=a) no-repeat;
	background-size: 200px auto
}

.baok {
	width: 22px;
	height: 22px;
	background-position: -158px -290px;
	margin-top: 6px
}

.cotxt1 {
	padding: 20px 0 10px 20px
}

.cotxt2 {
	padding: 0 20px 10px
}

.fc8 {
	color: grey
}

.padl10 {
	padding-left: 10px
}

.padl20 {
	padding-left: 20px
}

.padt0 {
	padding-top: 0
}

.cotman1 {
	font-size: 16px;
	padding: 10px 20px
}

.fc10 {
	color: #4c4c4c
}

.phodot {
	background-position: -182px -290px;
	width: 14px;
	height: 14px;
	margin: 0 0 0 4px;
	vertical-align: middle
}

.orgbg {
	background: #8890b4
}

.padt30 {
	padding-top: 30px
}

.entinp {
	width: 120px;
	border: none;
	margin-left: 4px;
	height: 28px;
	line-height: 28px;
	padding: 4px;
	text-align: right
}

.w70 {
	width: 70px
}

.bord .tab td a {
	word-break: break-all;
	word-wrap: break-word
}

.tabs table {
	width: auto
}

.upld a input,
.upld a span {
	left: 0;
	display: block;
	width: 100%
}

.upld a {
	display: block;
	position: relative
}

.guan,
.upld a input,
.upld a span {
	position: absolute
}

.upld a input {
	top: 0;
	height: 110px;
	background: red;
	opacity: 0
}

.upld a span {
	bottom: 0;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	background: #999;
	opacity: .8;
	border-radius: 0 0 4px 4px
}

.chspa,
.guan,
.logogh,
.rharr,
.seico {
	display: inline-block
}

.chtit,
.tips p.f18 {
	font-size: 16px
}

.webuploader-container {
	z-index: 9
}

.chtit {
	height: 30px;
	line-height: 30px;
	color: #333;
	text-align: center
}

.chtxt,
.seccir {
	line-height: 30px
}

.guan {
	background: url(../imgs/fico.png?a=a) 0 -1237px no-repeat;
	background-size: 30px auto;
	width: 13px;
	height: 13px;
	left: 14px;
	top: 14px
}

.changfu {
	padding: 10px 15px 10px 0;
	border-radius: 0 0 6px 6px
}

.tips,
.tipscon {
	position: fixed;
	text-align: center;
	border-radius: 4px
}

.changfu img {
	width: 30px;
	height: 30px;
	margin-right: 10px
}

.rharr {
	background: url(../imgs/fico.png?a=a) 0 -1264px no-repeat;
	background-size: 30px auto;
	width: 12px;
	height: 16px;
	vertical-align: middle;
	margin-top: 6px
}

.allcha {
	padding: 0 0 0 15px
}

.chspa {
	width: 40px;
	text-indent: -9999px
}

.demain {
	padding: 0 16px;
	border-top: 1px solid #e5e5e5
}

.tipscon {
	width: 50%;
	left: 25%;
	top: 35%
}

.tips {
	padding: 20px;
	box-sizing: border-box;
	width: 60%;
	left: 20%;
	top: 30%;
	background-color: rgba(0, 0, 0, .9);
	opacity: .6
}

.tips img {
	width: 40px
}

.tips p {
	font-size: 12px;
	color: #fff;
	padding-bottom: 14px
}

.seccir {
	margin: 0 auto;
	color: #fff;
	width: 60px;
	height: 30px;
	border-radius: 6px;
	background: #8890b4
}

.prand {
	padding: 10px 10px 20px;
	font-size: 14px
}

.prand p {
	text-indent: 2em;
	text-align: justify;
	margin-top: 10px
}

.seico {
	background: url(../imgs/fico.png?a=a) 0 -1288px no-repeat;
	background-size: 30px auto;
	width: 15px;
	height: 15px;
	margin-left: 6px;
	vertical-align: middle
}

.logogh {
	background: url(../imgs/wbtn.png?a=a) -2.36rem -5.12rem no-repeat;
	background-size: 3.06rem auto;
	width: .7rem;
	height: .7rem;
	position: absolute;
	left: 34px;
	top: 9px
}

.dna .dowtxt {
	font-size: 12px;
	line-height: 20px;
	padding-top: 7px
}

@media screen and (max-width:320px) {
	.cls {
		left: 5px;
		top: 17px
	}

	.logogh {
		left: 28px;
		top: 12px
	}

	.dna {
		padding-left: 64px
	}

	.godw,
	a.godw {
		top: 14px
	}
}

.txtdeo {
	height: 30px;
	line-height: 30px;
	color: #8890b4;
	background: #ffffe8;
	font-size: 12px;
	text-align: center
}

.arhead,
.arhead2 {
	background: #f2f2f2;
	font-size: 12px;
	text-align: center
}

.arhead {
	color: grey;
	padding: 10px
}

.arhead2 {
	color: #666;
	padding: 6px;
	line-height: 20px
}

.cominfo,
.container .inpifo {
	padding: 0 10px;
	border-bottom: 1px solid #e4e4e4
}

.cominfo {
	box-sizing: border-box;
	border-top: 1px solid #e4e4e4;
	background: #fff;
	color: #4c4c4c
}

.container .input-group,
.container .input-group input,
.container .input-group span {
	font-size: 14px
}

.col9,
.cotxt {
	font-size: 12px
}

.container .input-group span {
	width: 80px;
	text-align: left
}

.container .input-group input {
	min-width: 60%;
	text-align: left
}

.container .input-group {
	box-sizing: border-box;
	width: 100%
}

.container .wrapline {
	border-bottom: 1px solid #e4e4e4;
	display: block
}

.container .wrapline .inpifo,
.container .wrapline:last-child,
.inpifo:last-child {
	border-bottom: none
}

.moren {
	color: #b2b2b2;
	height: 34px;
	display: inline-block;
	line-height: 40px;
	padding: 0 0 0 4px;
	width: 99%;
	text-align: right
}

#infoForm1 .moren {
	width: auto;
	float: left
}

.seltarr {
	background: url(../imgs/fico.png?a=a) no-repeat;
	background-size: 30px auto
}

.container .input-group span.seltarr {
	background-position: 0 -1101px;
	width: 18px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px
}

.selabs,
.selabs1 {
	position: absolute;
	left: -18px;
	top: 0;
	height: 40px;
	width: 40%;
	opacity: 1
}

.selabs1 {
	width: 120px;
	right: 0;
	top: 0
}

.wset {
	width: 33%
}

.wset .selabs {
	width: 100%
}

.col9 {
	color: #999
}

.kuren {
	padding: 4px 0
}

.setup {
	width: 24px;
	height: 24px;
	margin-right: 12px;
	margin-top: 6px
}

.kuren img {
	width: 100%;
	vertical-align: middle
}

.container .input-group span.seltarr1,
.seltarr2 {
	display: inline-block;
	vertical-align: middle
}

.container .input-group span.seltarr1 {
	background: url(../imgs/fico.png?a=a) 0 -1492px no-repeat;
	background-size: 40px auto;
	width: 13px;
	height: 14px;
	margin-left: 10px
}

.seltarr2 {
	background: url(../imgs/fico.png?a=a) 0 -1148px no-repeat;
	background-size: 30px auto;
	width: 10px;
	height: 13px;
	margin-left: 6px
}

.container .input-group input.winpt {
	width: 54%;
	min-width: 50%
}

.cotxt {
	color: grey
}

.readtxt {
	height: 34px;
	line-height: 34px
}

.hedpic {
	margin: 30px auto
}

.hedpic img {
	width: 100%
}

.container .input-group label.error {
	color: #fe5353;
	padding-left: 6px;
	display: block
}

.newlist a,
.newprolist a,
.youbtn {
	display: inline-block
}

.bootdeo {
	padding: 0 10px
}

.cotman,
.cotxt {
	padding: 10px
}

.cotman {
	font-size: 16px
}

.newstep,
.newstep1 {
	width: 100%;
	text-align: left;
	box-sizing: border-box
}

.infostep .txtoff,
.infostep .txton,
.newlist,
.nstep,
.phocom {
	text-align: center
}

.newstep {
	padding: 10px 10px 10px 45px
}

.newstep1 {
	padding: 10px 30px 10px 0
}

.stepbox {
	box-sizing: border-box
}

.newstep1 .stepbox {
	margin-right: -45px
}

.infostep {
	float: left;
	width: 33%
}

.infostep .dotcir,
.infostep .dotciroff,
.mystep .dotcir,
.mystep .dotciroff {
	margin: 10px auto;
	z-index: 88
}

.infostep .stepgre .dotcir,
.infostep .stepgre .dotciroff,
.mystep .stepgre .dotcir,
.mystep .stepgre .dotciroff {
	margin: 8px auto;
	z-index: 88
}

.infostep .stepgre {
	width: 62px
}

.newstep1 .infostep .stepgre {
	width: auto
}

.infostep .line,
.infostep .lineon {
	left: 33px;
	width: 100%;
	top: 26px
}

.newstep1 .infostep .line,
.newstep1 .infostep .lineon {
	left: -54px;
	width: 97%;
	top: 26px
}

.mystep {
	box-sizing: border-box;
	padding: 0 45px 0 0;
	width: 100%;
	position: relative
}

.arhead .proline {
	background: #ccc;
	height: 2px;
	width: 100%;
	margin: 34px auto
}

.proline1,
.proline2,
.proline3 {
	height: 2px;
	background: #69bff8;
	position: absolute;
	top: 0
}

.sos {
	width: 24%;
	position: relative;
	float: left;
	margin-top: -36px
}

.sos:nth-child(1) {
	margin-left: 0;
	width: 24%
}

.sos1 {
	margin-left: 24%;
	width: 38%
}

.sos:last-child {
	margin-left: 62%;
	width: 38%
}

.proline1,
.proline2,
.proline3 {
	width: 100%
}

.conpro1,
.conpro2,
.conpro3 {
	position: absolute;
	top: -28px
}

.conpro1 {
	right: -28px
}

.conpro2,
.conpro3 {
	right: -26px
}

@media screen and (max-width:320px) {

	.infostep .line,
	.infostep .lineon {
		left: 33px;
		width: 100%;
		top: 28px
	}

	.newstep1 .infostep .line,
	.newstep1 .infostep .lineon {
		left: -62px;
		width: 97%;
		top: 28px
	}
}

@media screen and (min-width:374px) {

	.newstep1 .infostep .line,
	.newstep1 .infostep .lineon {
		left: -62px;
		width: 97%;
		top: 27px
	}
}

@media screen and (min-width:414px) {

	.newstep1 .infostep .line,
	.newstep1 .infostep .lineon {
		left: -70px;
		width: 99%;
		top: 27px
	}
}

.arhead p.f4 {
	color: #4c4c4c
}

.nstep,
.nstep a {
	color: #fff
}

.sma {
	width: 33px;
	height: 33px;
	margin-right: 10px
}

.nstep,
.sma img {
	width: 100%
}

.nstep {
	position: fixed;
	left: 0;
	height: 44px;
	line-height: 44px;
	font-size: 20px;
	background: #ccc
}

.mb50 {
	margin-bottom: 50px
}

.container .bordno {
	border: none
}

.hotprolist ul li,
.newbrand ul li,
.rtpro {
	border-left: 1px solid #f2f2f2
}

.phocom {
	padding: 40px
}

.okpho {
	width: 92px;
	height: 92px;
	margin: 0 auto
}

.okpho img {
	width: 100%
}

.txtdes {
	color: #666;
	font-size: 15px
}

.newtit {
	margin-left: 10px;
	font-size: 16px
}

.newlist a {
	width: 23%;
	margin: 6px 0;
	border-right: 1px solid #f2f2f2
}

.newlist a:last-child {
	border-right: none
}

.newlist a img {
	width: 100%;
	height: auto;
	margin-bottom: 4px
}

.newlist h3 {
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	margin: 0 8px 4px;
	text-align: left
}

.bigproimg a,
.mxsale,
.newprolist,
.newprolist a,
.pricemon,
.qikbtn,
.youbtn {
	text-align: center
}

.youbtn {
	width: 86%;
	height: 24px;
	line-height: 24px;
	background: #8890b4;
	color: #fff;
	font-size: 12px
}

.hotname,
.newprolist h3 {
	color: #666;
	overflow: hidden
}

@media screen and (max-width:320px) {
	.youbtn {
		width: 100%
	}
}

.newprolist a {
	width: 32%;
	border-right: 1px solid #f2f2f2;
	padding: 10px 0
}

.newprolist h3 {
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 4px;
	padding: 0 10px
}

.newprolist a:last-child {
	border-right: none
}

.newprolist a img {
	width: 90%
}

.newadv img {
	width: 100%
}

.hotprolist {
	background: #fff
}

.hotprolist ul {
	margin-left: -1px;
	margin-top: -1px
}

.hotprolist ul li {
	position: relative;
	width: 33.3%;
	float: left;
	overflow: hidden;
	border-top: 1px solid #f2f2f2;
	box-sizing: border-box;
	background: #fff
}

.hotprolist ul li a {
	padding: 5px 10px;
	display: block;
	position: relative
}

.hotlab,
.mianlab {
	position: absolute;
	left: 5px;
	top: 5px
}

.hotimg {
	padding: 0 5px
}

.hotimg .hotproimg {
	display: block;
	height: auto;
	max-width: 100%;
	margin: 0 auto 5px
}

.hotname {
	margin: 2px 0;
	font-size: 12px;
	height: 32px;
	line-height: 16px
}

.hotmonth {
	color: #8890b4;
	font-size: 12px
}

.active-bg,
.hotlab,
.mianlab,
.quick {
	background: url(../imgs/wbtn.png?a=a) no-repeat;
	background-size: 200px auto
}

.hotlab {
	background-position: -85px -332px;
	width: 32px;
	height: 32px
}

.mianlab {
	width: 27px;
	height: 32px;
	background-position: -118px -332px
}

.hotlink {
	height: 50px;
	overflow: hidden;
	border-bottom: 1px solid #f2f2f2
}

.hotlink a {
	display: inline-block;
	padding: 0 16px;
	height: 46px;
	line-height: 46px
}

.hotlink a.cur,
.hotlink a:hover {
	border-bottom: 2px solid #8890b4
}

.hotprolist .advban {
	width: 66.6%
}

.hotprolist .advban a {
	padding: 0
}

.hotprolist .advban a .newadvimg {
	display: block;
	height: auto;
	max-width: 100%;
	margin: 0 auto
}

.newbrand {
	margin: 10px 0;
	background: #fff
}

.newbrand ul {
	margin-left: -1px
}

.newbrand ul li {
	width: 20%;
	float: left;
	box-sizing: border-box
}

.newbrand ul li a {
	display: block
}

.newbrand ul li a img {
	display: block;
	height: auto;
	max-width: 100%;
	margin: 0 auto
}

.firstpro ul li h3,
.newdeta {
	height: 20px;
	line-height: 20px;
	overflow: hidden
}

.bigproimg {
	margin-left: -1px;
	width: 50%
}

.rtpro {
	width: 50%
}

.rtpro li a {
	width: 100%;
	display: block
}

.firstpro ul li {
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #f2f2f2;
	padding: 13px
}

.firstpro ul li:last-child {
	border-bottom: none
}

.firstpro ul li h3 {
	color: #666;
	font-size: 14px
}

.bigproimg a {
	display: block;
	float: left;
	padding: 16px 0 10px;
	border-right: 1px solid #f2f2f2
}

.firstpro ul li a .init {
	width: 38%
}

.newdeta {
	color: #999;
	font-size: 12px
}

.qikbtn {
	display: inline-block;
	width: 80px;
	height: 22px;
	background: #8890b4;
	color: #fff;
	font-size: 14px;
	margin-top: 10px
}

.firstpro .bigproimg a img {
	max-width: 100%;
	margin: 0 auto
}

.newprotit h3 {
	height: 40px;
	line-height: 20px
}

.keydes,
.mxsale {
	line-height: 16px;
	font-size: 12px
}

.keydes {
	color: #999;
	height: 48px;
	margin-top: 8px
}

.keydes .newdes {
	color: #4ea4f9
}

.mxsale,
.nopay,
.okpay {
	color: #fff;
	display: inline-block
}

.mxsale {
	padding: 0 6px;
	height: 16px;
	background-color: #fb4343
}

.carn {
	padding: 0 0 40px
}

.fenok {
	text-align: left;
	position: relative
}

.colltabs li a,
.glist li,
.newjobtime,
.nopay,
.okpay,
.quetype,
.teblueBtn,
.tegreyBtn,
.teorgBtn,
.tetabs a {
	text-align: center
}

.f20 {
	font-size: 20px
}

.nopay,
.okpay {
	position: absolute;
	right: 0;
	top: 0;
	height: 46px;
	line-height: 46px;
	width: 122px
}

.okpay {
	background-color: #8890b4
}

.nopay {
	background-color: #ccc
}

.yutime {
	font-size: 12px;
	color: #333
}

.yutime .f16 {
	font-size: 16px
}

.glist {
	margin-left: -1px;
	background: #fff
}

.glist li {
	float: left;
	display: inline-block;
	width: 49%;
	margin: 10px 0
}

.glist li:first-child {
	border-right: 1px solid #f0f0f0
}

.glist a img {
	width: 24%;
	margin-bottom: 14px
}

.liubtn,
.mangbtn {
	border-radius: 5px;
	font-size: 12px;
	color: #fff;
	display: inline-block;
	width: 38px;
	height: 16px;
	line-height: 16px;
	margin-top: 6px
}

.liubtn {
	background: #80e2a5
}

.mangbtn {
	background: #fa6
}

.colltabs li {
	float: left;
	width: 50%;
	position: relative;
	background-color: #fff
}

.colltabs ul {
	margin-left: -1px
}

.colltabs li a {
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #e6e6e6;
	display: block;
	width: 100%;
	background-color: #fff
}

.colltabs li a.cur,
.colltabs li a:hover {
	background: url(../imgs/sel.png) center 35px no-repeat;
	background-size: auto 6px;
	border-bottom: 2px solid #8890b4
}

.yuline {
	height: 38px;
	background: url(../imgs/yuline.png) no-repeat;
	background-size: 1px auto;
	width: 1px;
	position: absolute;
	right: 0;
	top: 0
}

.newcontit {
	height: 24px;
	line-height: 24px;
	overflow: hidden
}

.newtablist a {
	background: #fff;
	margin-top: 10px;
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #e6e6e6
}

.fc666 {
	font-size: 12px;
	color: #666
}

.teblueBtn,
.tegreyBtn,
.teorgBtn {
	width: 76px;
	height: 25px;
	line-height: 25px;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 14px
}

@media screen and (max-width:320px) {

	.teblueBtn,
	.tegreyBtn,
	.teorgBtn {
		width: 64px
	}
}

.teblueBtn {
	background: #4ea4f9
}

.teorgBtn {
	background-color: #8890b4
}

.tegreyBtn {
	background-color: #ccc
}

.whtbg {
	background: #fff
}

.otherlist a {
	margin-top: 0;
	border-top: none
}

.entime {
	font-size: 12px;
	margin-left: 10px
}

.tehuiadv img {
	width: 100%;
	display: block
}

.tetabs {
	border-top: 1px solid #d1a27d
}

.newquelist,
.qunote {
	border-top: 1px solid #f2f2f2;
	font-size: 14px;
	border-bottom: 1px solid #f2f2f2
}

.tetabs a {
	display: block;
	float: left;
	width: 33.3%;
	height: 48px;
	line-height: 18px;
	background: #31363c;
	color: #999;
	padding: 8px 0;
	box-sizing: border-box;
	position: relative
}

.quick,
.qutext {
	display: inline-block
}

.tetabs a.cur {
	background: #8890b4;
	color: #fff
}

.active-bg {
	width: 16px;
	height: 8px;
	background-position: -87px -369px;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	bottom: -7px
}

.proimg {
	position: relative
}

.anli {
	position: absolute;
	left: 0;
	top: 10px;
	width: 100%
}

.indadv {
	width: 50%;
	margin-left: -1px;
	float: left
}

.indadv a img {
	width: 100%
}

.quick {
	width: 45px;
	height: 14px;
	background-position: -108px -366px;
	margin-right: 8px;
	vertical-align: middle;
	margin-top: 12px
}

.qunote {
	height: 40px;
	line-height: 40px;
	background: #fff;
	padding: 0 10px
}

.qutext {
	height: 30px;
	line-height: 30px;
	padding-left: 10px
}

.scroll {
	border-left: 1px solid #ebebeb;
	margin-top: 5px;
	height: 30px;
	overflow: hidden
}

.newjobtime {
	background: #fff1d8;
	height: 36px;
	line-height: 36px;
	color: #8890b4;
	font-size: 14px;
	padding: 0 10px
}

.quetype {
	display: block;
	width: 26%;
	border-right: 1px solid #f2f2f2;
	float: left;
	padding: 20px 0
}

.newquelist {
	background: #fff;
	color: #4c4c4c;
	margin-left: -1px
}

.newans {
	width: 73%;
	float: left;
	display: block
}

.newans li {
	height: 47px;
	line-height: 47px;
	border-bottom: 1px solid #f2f2f2;
	box-sizing: border-box;
	padding: 0 4px
}

.newans li:last-child,
.ui-navigator {
	border-bottom: none
}

.quetype .reque {
	margin: 4px 0;
	font-size: 16px;
	color: #4c4c4c
}

.quetype .newmor {
	font-size: 12px;
	color: #999
}

.newqik img {
	width: 58px;
	height: auto;
	margin-top: 12px;
	margin-right: 10px;
	display: block
}

.ui-navigator {
	border-top: 1px solid #d1a27d;
	background: #31363c
}

.ui-navigator .ui-navigator-fix,
.ui-navigator .ui-navigator-list li a {
	color: #999;
	height: 48px;
	line-height: 18px;
	font-weight: 400;
	font-size: 14px
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active,
.ui-navigator .ui-navigator-fix.cur,
.ui-navigator .ui-navigator-list li a.cur {
	background: #8890b4;
	color: #fff;
	border-bottom: none
}

.mui-slider .mui-slider-group .mui-slider-item img {
	width: 80px
}

.mui-control-content {
	min-height: 580px
}

.mui-segmented-control .mui-control-item {
	width: auto
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
	color: #999
}

.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar {
	background: 0 0;
	display: none
}

.mui-slider-progress-bar {
	height: 0
}

.log .ckbtn,
.log .ckbtnOff,
.mui-input-row .ckbtnOff {
	position: absolute;
	right: 15px;
	top: 12px;
	width: 78px;
	height: 22px;
	line-height: 22px;
	padding: 0;
	text-align: center;
	font-size: 14px
}

.log .ckbtn {
	border: 1px solid #7457ea;
	color: #7457ea
}

.log .ckbtnOff,
.mui-input-row .ckbtnOff {
	border: 1px solid #ccc;
	color: #ccc
}

.lgfrm .password_icon_off {
	top: 16px;
	right: 10px;
	background-position: 0 -1346px;
	background-size: 28px auto;
	width: 22px;
	height: 13px
}

.lgfrm .password_icon_on {
	top: 14px;
	right: 10px;
	background-position: 0 -1359px;
	background-size: 28px auto;
	width: 22px;
	height: 16px
}
