.clearboth {clear: both;}

.topheadbox {width: 100%; height: 80px; background: #ff552e;}
.tophead {width: 1000px; height: 80px; margin: auto; background: #ff552e;}
.tophead_l {width: 192px; height: 80px; float: left;}
.tophead_l img {padding: 13px 0 0 5px;}
.tophead_m {width: 248px; height: 80px; line-height: 80px; float: left;}
.helpme {font-size: 28px; color: #fff;}
.heng {margin: 0 22px 0 0; color: #fff;}
.tophead_r {width: 560px; height: 80px; line-height: 80px; float: left; text-align: right;}
.tophead_r a {font-size: 15px; color: #fff;}
.tophead_r a:hover {color: #fff;}
.tophead_r span {padding: 0 5px; font-size: 15px; color: #f3f3f3;}


.wrap {margin: 0 auto;}
.main {width: 100%; height: 400px;}

.navbox {width: 464px; margin: 0 auto;}
.topnav {width: 100%; height: 42px; line-height: 42px; margin: 80px 0 30px 0;}

.selcat {width: 33%; height: 42px; position: relative; float: left; text-align: center; font-size: 16px; color: #fff; background: #ff552e;}
.triangle_border_right1 {width:0; height:0; border-width:21px 0 21px 21px; border-style:solid; border-color:transparent transparent transparent #ff552e; position:absolute; right: 0; top: 0; background: #fff;}

.fillin {width: 34%; height: 42px; position: relative; float: left; text-align: center; font-size: 16px; color: #999; background: #eee;}
.triangle_border_left2 {width:0; height:0; border-width:21px 0 21px 21px; border-style:solid; border-color:transparent transparent transparent #fff; position:absolute; left: 0; top: 0; background: #eee;}
.triangle_border_right2 {width:0; height:0; border-width:21px 0 21px 21px; border-style:solid; border-color:transparent transparent transparent #eee; position:absolute; right: 0; top: 0; background: #fff;}

.finish {width: 33%; height: 42px; position: relative; float: left; text-align: center; font-size: 16px; color: #999; background: #eee;}
.triangle_border_left3 {width:0; height:0; border-width:21px 0 21px 21px; border-style:solid; border-color:transparent transparent transparent #fff; position:absolute; left: 0; top: 0; background: #eee;}


.mainbox {width: 464px; margin: 0 auto;}
.mainbox .phonediv {margin-top: 30px; text-align: center;}
.mainbox .phone {width: 460px; height: 45px; text-indent: 5px; font-size: 16px; border: 2px solid #ddd;}

.mainbox .verifydiv {position: relative; margin-top: 30px; text-align: center;}
.mainbox .verifycode {width: 460px; height: 45px; text-indent: 5px; font-size: 16px; border: 2px solid #ddd;}
.mainbox .verifyimg {width: 180px; height: 45px; position: absolute; right: 2px; top: 2px; cursor: pointer;}

.mainbox .smsdiv {position: relative; margin-top: 30px; text-align: center;}
.mainbox .smscode {width: 460px; height: 45px; text-indent: 5px; font-size: 16px; border: 2px solid #ddd;}
.mainbox .getsmscode {display: inline-block; position: absolute; right: 10px; top: 8px; padding: 5px 15px; font-size: 15px; color: #38f; cursor: pointer; border-radius: 5px; background: #eee;}
.mainbox .sms_disable {width: 150px; height: 45px; display: inline-block; position: absolute; right: 2px; top: 2px; z-index: -1;}

.mainbox .errinfo {width: 460px; line-height: 25px; margin: 0 auto;}
.mainbox .errinfo span {font-size: 14px; color: #ff0000;}
.mainbox .errinfo span a {color: #0000ff;}

.mainbox .savebtn {width: 100%; height: 52px; line-height: 52px; margin-top: 30px; text-align: center; font-size: 18px; color: #fff; background: #ff552e; cursor: pointer;}

.footer {width: 100%; height: 60px; line-height: 60px; margin-top: 30px; text-align: center; border-top: 1px solid #ccc;}

::-webkit-input-placeholder {color: #ccc;}
:-moz-placeholder {color: #ccc;}
::-moz-placeholder {color: #ccc;}
:-ms-input-placeholder {color: #ccc;}