.title { width: 100%; color: #333333; font-size: 30px; text-align: center; line-height: 30px; height: 40px; }

.bform { background: url("../img/sm_banner.jpg") center; }

#clac_con { display: none; }

.sers { height: 40px; line-height: 40px; }
.sers li { float: left; width: 33%; color: #666666; font-size: 18px; text-align: center; height: 40px; line-height: 36px; margin: 30px auto 70px; overflow: hidden; }
.sers li span { display: block; float: left; }
.sers li:before { display: block; width: 30px; height: 30px; background: url("../img/icons.png") no-repeat 0 3px; content: " "; margin-right: 10px; float: left; margin-left: 60px; }
.sers li.ding:before { background-position-x: -45px; }
.sers li.deng:before { background-position-x: -88px; }

.hds { width: 100%; height: 80px; margin-bottom: 50px; }
.hds dl { width: 396px; float: left; margin-right: 1px; height: 80px; overflow: hidden; background: #f5f5f5; position: relative; }
.hds dl * { transition: all .3s; }
.hds dl dt { width: 40px; height: 40px; line-height: 40px; text-align: center; color: #FFFFFF; font-size: 24px; float: left; margin: 20px 0 0 50px; background: #e6e6e6; border-radius: 50%; }
.hds dl dd { float: left; height: 40px; line-height: 40px; margin-top: 20px; font-size: 16px; color: #333333; text-indent: 15px; }
.hds dl.nomar { margin-right: 0; }
.hds dl:before { width: 0; transition: all .5s; position: absolute; top: 0; content: " "; display: block; height: 3px; }
.hds dl.on, .hds dl:hover { background: #f0f0f0; }
.hds dl.on dt, .hds dl:hover dt { background: #ff3d3b; }
.hds dl.on:before, .hds dl:hover:before { width: 100%; background: #ff3d3b; }

form input:hover { border-color: #ff3d3b; }

.fpart1 { width: 100%; margin-bottom: 70px; }
.fpart1 p { font-size: 14px; color: #333333; line-height: 60px; margin-top: 40px; }
.fpart1 .pros { width: 100%; height: 160px; }
.fpart1 .pros dl { width: 175px; height: 158px; border: 1px solid #e6e6e6; float: left; margin-right: 25px; cursor: pointer; position: relative; }
.fpart1 .pros dl dt { width: 70px; height: 70px; margin: 28px auto 20px; background: #f0f0f0; border-radius: 50%; }
.fpart1 .pros dl dd { width: 100%; text-align: center; color: #666; }
.fpart1 .pros dl.nomar { margin-right: 0; }
.fpart1 .pros dl:after { content: " "; background: url("../img/icons.png") -105px -94px; position: absolute; right: 0; bottom: 0; }
.fpart1 .pros dl.on, .fpart1 .pros dl:hover { border-color: #ff3b3b; }
.fpart1 .pros dl.on dd, .fpart1 .pros dl:hover dd { color: #ff3b3b; }
.fpart1 .pros dl.on:after, .fpart1 .pros dl:hover:after { display: block; width: 13px; height: 13px; }
.fpart1 .nai { width: 100%; height: 50px; line-height: 50px; color: #666666; }
.fpart1 .nai input { width: 170px; height: 48px; border: 1px solid #e6e6e6; display: inline-block; text-align: center; margin-right: 25px; transition: all .2s; }
.fpart1 .nai input.mw { margin-left: 25px; }
.fpart1 .nai input.on { border-color: #ff3d3b; color: #ff3d3b; }
.fpart1 .nai span { padding-right: 25px; transition: all .2s; }
.fpart1 .nai span.on { color: #ff3b3b; }
.fpart1 .nai em { font-size: 12px; cursor: pointer; padding-left: 20px; transition: all .2s; }
.fpart1 .nai em:hover { color: #ff3d3b; }
.fpart1 .sixpoint { width: 105%; margin-bottom: -22px; }
.fpart1 .sixpoint li { width: 175px; height: 48px; border: 1px solid #e6e6e6; float: left; cursor: pointer; margin-right: 25px; line-height: 48px; text-align: center; color: #666666; font-size: 14px; position: relative; margin-bottom: 22px; /* &:nth-child(6n){margin-right: 0;} */ }
.fpart1 .sixpoint li:after { content: " "; background: url("../img/icons.png") -105px -94px; position: absolute; right: 0; bottom: 0; }
.fpart1 .sixpoint li.on, .fpart1 .sixpoint li:hover { border-color: #ff3b3b; color: #ff3d3b; }
.fpart1 .sixpoint li.on:after, .fpart1 .sixpoint li:hover:after { display: block; width: 13px; height: 13px; }
.fpart1 .sixpoint:after { content: " "; display: block; clear: both; }
.fpart1 #needs { width: 1188px; height: 138px; border: 1px solid #e6e6e6; padding-top: 10px; text-indent: 20px; }
.fpart1 .mto { font-size: 18px; color: #333333; margin-bottom: 25px; }
.fpart1 .mto span { display: block; font-size: 14px; color: #666666; font-weight: normal; padding-top: 5px; }

.fpart2 { width: 690px; margin: 0 auto 70px; display: none; }
.fpart2 dl { width: 100%; height: 50px; margin-top: 30px; }
.fpart2 dl dt { float: left; width: 100px; height: 100%; line-height: 50px; font-size: 14px; color: #666666; text-align: right; }
.fpart2 dl dt span { color: #ff3d3b; }
.fpart2 dl dd { float: right; width: 580px; }
.fpart2 dl dd input { width: 550px; height: 48px; border: 1px solid #e6e6e6; line-height: 48px; text-indent: 10px; }
.fpart2 p { color: #666666; font-size: 14px; margin-top: 15px; cursor: pointer; margin-left: 30px; transition: all .2s; }
.fpart2 p span { font-size: 12px; color: #999999; }
.fpart2 p i { display: inline-block; width: 18px; height: 18px; background: url("../img/icons.png") -80px -44px; margin: 5px 5px 0 0; float: left; }
.fpart2 p:hover { color: #ff3d3b; }
.fpart2 p.on i { background-position-y: -64px; }
.fpart2 #wxbox { display: none; }

#sub, #reset, #next { width: 240px; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #FFFFFF; background: #ff3f3b; float: left; cursor: pointer; margin-top: 60px; border-radius: 4px; display: block; }

#next { float: none; margin: 40px auto 0; }

#sub { margin-left: 20px; }

#reset { margin-left: 100px; background: #CCCCCC; }

.fcomplete { width: 700px; margin: 80px auto; font-size: 16px; color: #666666; text-align: center; }
.fcomplete .succ { width: 220px; height: 64px; margin: 0 auto; font-size: 30px; color: #ff3d3b; background: url("../img/icon_complete.png") no-repeat center left; line-height: 64px; text-indent: 80px; }
.fcomplete p { margin: 20px 0 25px; }
.fcomplete .qr { width: 200px; height: 160px; background: url("../img/wxqr.jpg") no-repeat center top; margin: 0 auto; line-height: 270px; }