.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: 6px;
    width: 100%;
    border: none;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    outline: 0;
    text-align: center
}

.logBtn {
    background: #37486a;
    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: #37486a;
    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 #37486a;
    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: #37486a
}

.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: #37486a;
    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: #37486a;
    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: #37486a;
    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: #37486a
}

.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: #37486a;
    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: #37486a
}

.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: #37486a
}

.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: #37486a
}

.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: #37486a;
    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 #37486a;
    border-radius: 50%
}

.radio em {
    left: 4px;
    top: 2px
}

.radio em:after {
    width: 6px;
    height: 6px;
    background: #37486a;
    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: #37486a;
    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: #37486a;
    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: #37486a
}

.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: #37486a
}

.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: #37486a
}

.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: #37486a;
    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: #37486a;
    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: #37486a;
    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: #37486a
}

.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: #37486a
}

.selradio input:checked+label {
    color: #37486a
}

.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: #37486a
}

.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: #37486a;
    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: #37486a;
    border-left: 2px solid #37486a;
    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 #37486a;
    border-radius: 2px;
    margin: 20px auto;
    color: #37486a
}

.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: #37486a;
    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: #37486a;
    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 #37486a;
    background-size: 490px auto;
    height: 50px;
    line-height: 50px;
    color: #fff;
    padding: 0 10px
}

.pribg .saledeto {
    background: #37486a;
    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 #37486a;
    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: #37486a
}

.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: 46px;
    line-height: 46px;
    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: #37486a
}

.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: #37486a;
    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: #37486a;
    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: #37486a;
    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 #37486a
}

.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: #37486a;
    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: #37486a
}

.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 #37486a
}

.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: #37486a
}

.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: #37486a;
    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: #37486a;
    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: #37486a;
    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
}