body{background: #fff;}
.wraper{ width: 100%; min-width: 320px; max-width: 640px; margin: 0 auto; background-color:#fff;}

.top-banner{ width: 100%; overflow: hidden;}
.top-banner img{ width: 100%; display: block; margin: 0 auto;}
.top-banner img.bar-img{ margin: 10px auto;}


.apply{ overflow: hidden; background: #fff;}
p.info-new{ width: 100%; padding: 15px 0 15px 0; font-size: 15px; color: #333; border-bottom: 1px solid #d5d5d5;}
p.info-new i{ background: url(../images/zx-ico.png) no-repeat; background-position: 10px -662px; background-size: 50px auto;display: inline-block;height: 23px; vertical-align: -3px;width: 35px;}
p.info-new em{ color: #e54a4a; font-family: "Microsoft YaHei"; font-style: normal; margin: 0 5px;}
.apply dt, .apply dd {float: left;font-size: 16px;color: #333;height: 46px;border-bottom: solid 1px #d5d5d5; }
.apply dd{*float:none !important;}
.apply dt {width: 25.9375%;line-height: 46px;text-align: center;border-right: solid 1px #d5d5d5; }
.apply dd {position: relative;padding-left: 7px;font-size: 14px;width: 74.0625%; *width:auto !important; }
.apply dd input[type='number'], .apply dd input[type='tel'], .apply dd input[type='text'] {width: 100%;margin-top: 13px;-webkit-appearance: none;outline: none;border: none;height: 20px;line-height: 20px;}
.apply dd em {position: absolute;right: 10px;color: #333;top: 15px; }
.apply dd i {position: absolute;border-left: solid 1px #d5d5d5;right: 50%;top: 8px;height: 30px;width: 10px; }
.apply dd select {color: #333;margin-top: 16px;width: 48%;-webkit-appearance: none;border: none;outline: none; background-color: #fff;}
.apply dd label select {width: 100%;background-color: #fff;}
.apply dd label::after {position: absolute;content: '';border-bottom: solid 1px #999;border-right: solid 1px #999;-webkit-transform: rotate(45deg);height: 10px;width: 10px;right: 15px;top: 15px; }
.apply dd p {background: rgba(0, 0, 0, 0.6);position: absolute;top: -20px;left: -10px;color: #fff;padding: 0 8px;font-size: 12px;height: 26px;line-height: 26px;border-radius: 4px; }
.apply dd p::before {content: '';width: 0;height: 0;border-style: solid;border-color: rgba(0, 0, 0, 0.6) transparent transparent transparent;border-width: 6px;font-size: 0;position: absolute;top: 26px;left: 20px; }
.apply dd .val-phone,.apply dd .val-phone-code, .apply dd .val-msg-code, .apply dd .zx-area, .apply dd .zx-dangci, .apply dd .zx-style, .apply dd .zx-fangshi, .apply dd .val-enter, .apply dd .zx-city ,.apply dd .zx-time {display: none; }
.apply dd a {position: absolute;background: #ea4504;border-radius: 4px;height: 30px;line-height: 30px;font-size: 12px;padding: 0 6px;color: #fff;text-align: center;top: 8px;right: 10px; }
.apply dd .getCode{border:0; cursor:pointer; position: absolute;background: #ea4504;border-radius: 4px;height: 30px;line-height: 30px;font-size: 12px;padding: 0 6px;color: #fff;text-align: center;top: 8px;right: 10px;}
.fsong{background: #999 !important;}
/*.apply .val-code {display: none; }*/

.apply-btn{ width: 100%;}
.apply-btn button{ display: block; width: 95%; height: 44px; margin: 15px auto; line-height: 42px; text-align: center; color: #fff; border: 0; background: #EA4504;}

.apply-info .title{ overflow: hidden; background: #FF592F;}
.apply-info .title h3{ text-indent: 15px; height: 40px; line-height: 40px; color: #fff; font-size: 18px}
.apply-info .content ul li span{display: inline-block; width: 25%; text-align: center; height: 35px; overflow: hidden; line-height: 35px; font-size: 14px}
.apply-info .content ul li{ border-bottom:1px solid #DCDCDC ;}
.apply-info .content ul li.th{ background: #EFEFEF; border-bottom:1px solid #DCDCDC ;}

.iw-bulid{ position: fixed; bottom: 10px; right: 10px; display: none; float: right; width: 100px; text-align: center; height: 40px; margin: 20px 10px; line-height: 40px; border-radius: 5px; color: #fff;font-size: 16px; background: #FF592F;}

/*--------ok--------*/
.ok-info{width: 80%; margin: 0 auto;}
.success-info{ height: 31px; margin: 30px 0; line-height: 31px; font-size: 16px; color: #34BF84; }
.success-info span{display: block; width: 215px; margin: 0 auto;}
.success-info i{display: inline-block; float: left; width: 31px; height: 31px; margin-right: 5px; background: url(../images/zx-ico.png) no-repeat; background-position: 0 -643px;background-size: 46px auto;}
.ok-title span{background: #d80100 none repeat scroll 0 0;border-radius: 4px;color: #fff;display: inline-block;font-size: 12px;height: 20px;line-height: 20px;margin-right: 8px;text-align: center; width: 34px;}
.ok-content{ margin-top: 10px; line-height: 25px;}
.ok-info button{ width: 100%; height: 45px; margin-top: 10px; line-height: 45px; border: 0; font-family: "microsoft yahei"; font-size: 16px; border-radius: 5px; color: #fff; background: #34BF84;}
.ok-info button.changecolor{ background: #888888; margin-bottom: 20px;}
.active-Button{ height: 105px !important; border: 1px solid #34BF84 !important; color: #34BF84 !important; font-size: 14px !important; line-height: 20px !important; background: #fff !important; margin-bottom: 25px;}


#RegCity_province { float:left; width:48%;}
#RegCity_city { float:right; width:48%;}

.main-bar{ width: 100%; border-top:1px solid #B6B6B6 ; overflow: hidden;}
.main-bar img{ width: 100%; display: block;}

.footer{ padding: 20px 0 55px; border-top: 1px solid #ccc; background-color: #F5F5F5; text-align:center;}
.footer a{ padding: 2px 5px; display: inline-block; }

a.fx-bar{ display: none; position: fixed; background-color: rgba(255, 255, 255, 0.9); border-top: 1px solid #999; bottom: 0; color: #ea4504; font-size: 17px; height: 44px; line-height: 44px; text-align: center; width: 100%; z-index: 1000;}
a.fx-bar i{background: #fff url(../images/apply-icon.png) no-repeat scroll 0 0; background-size: 19px; display: inline-block; height: 19px; margin-right: 10px; vertical-align: -2px; width: 19px;}