@charset "utf-8";
/* CSS Document */

.entrance{ overflow:hidden; padding:20px 20px 40px; text-align:center;}
.enter-wrap{width:25%; float:left;}
.enter-box{ width:180px; margin:0 auto; padding:20px 20px 30px; border:1px solid #dddddd; border-radius:18px;}

.module-title{ padding-top:28px; padding-bottom:28px; border-bottom:1px dashed #e4e5e7; text-align:center;}
.module-title h3{ font-size:30px; font-weight:normal; color:#25282b;}

.entrance-step{overflow:hidden; padding:42px 40px 42px; text-align:center;}
.step-bar{ overflow:hidden; width:82%; height:20px; margin:0 auto; background-color:#eeeeee;border-radius:10px;}
.bar-progress{ height:20px;border-radius:10px;background-image: -moz-linear-gradient(left,#0059d2 0,#4c9eff 100%);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#0059d2),to(#4c9eff));
background-image: -webkit-linear-gradient(left,#0059d2 0,#4c9eff 100%);
background-image: -o-linear-gradient(left,#0059d2 0,#4c9eff 100%);
background-image: linear-gradient(to right,#0059d2 0,#4c9eff 100%);}
.step-wrap{ float:left; width:20%; margin-top:-22px;}
.step-wrap+.step-wrap dl{padding-left:34px;}
.step-wrap dl{ padding:0 20px 20px;}
.step-wrap dt{ margin:0 auto 18px; margin-top:3px; width:18px; height:18px; border-radius:50%; background-color:#dddddd;}
.step-wrap.active dt{ width:24px; margin-top:0; height:24px; background-color:#fff; box-shadow:0 0 6px rgba(0,0,0,.35); }
.step-wrap dt img{ height:75px;}
.step-wrap dd{ font-size:16px; color:#7f8699;}

.form-com{ padding:25px 40px;border-bottom:1px dashed #e4e5e7;}
.form-com{ overflow:hidden;}
.form-left{ float:left; width:820px; padding-bottom:30px; border-right:1px solid #dddddd;}
.form-left dl{ margin-bottom:20px;}
.form-left dt{ margin-bottom:12px; font-size:20px; color:#333333;}
.form-left dd{font-size:20px;}
.form-left input{ width:430px; margin-right:10px; padding:10px; border:1px solid #d2d2d2;font-size:18px; border-radius:4px; color:#888888;}

.form-com input::-webkit-input-placeholder { /* WebKit browsers */   
color: #b2b2b2; font-size:16px; 
}   
.form-com input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   
color: #b2b2b2; font-size:16px;  
}   
.form-com input::-moz-placeholder { /* Mozilla Firefox 19+ */   
color: #b2b2b2; font-size:16px;  
}   
.form-com input:-ms-input-placeholder { /* Internet Explorer 10+ */   
color: #b2b2b2; font-size:16px;  
}
.city select{ width:153px; border:1px solid #d2d2d2; color:#888888; padding:10px;font-size:18px;border-radius:4px;}
.city span{ padding:0 10px;}
.form-com .fill-tip{ overflow:hidden; padding-top:10px; font-size:14px; color:#999999;}
.preview{ display:block; float:left; width:100px; height:120px; margin-right:20px; background-image:url(../images/previewbg.png);background-color:#efefef;}

.form-right{ float:right; width:260px;font-size:18px;text-align:center;}
.form-right h3{ text-align:center; font-weight:normal; padding-top:10px; margin-bottom:25px;}
.form-right .bule-btn{ display:inline-block; margin-bottom:30px; padding:12px 60px;}

.form-com .bule-btn{width:auto; background-color:#2a8cff; color:#fff; border:0; font-size:18px; text-align:center; padding:10px 30px; border-radius:5px; cursor:pointer;}
.illustrate{ text-align:left;}
.illustrate p{ margin-bottom:20px;}

.form-btn{ text-align:center; padding:40px;}
.form-btn .next-btn{ background-color:#2a8cff; color:#fff; border:0; font-size:22px; text-align:center; padding:8px 90px; border-radius:5px; cursor:pointer;}

.examine-com{ padding:100px 0 400px; background:url(../images/inreview-bg.png) center 380px no-repeat;}
.examine{ width:540px; border-right:0; margin:30px auto;}
.examine dl{ overflow:hidden;}
.examine dt{ float:left;}
.examine dd{ margin-left:140px;}
.big-tip{ padding-top:5px; font-size:30px; color:#2a8cff; line-height:40px;}
.small-tip{ padding-top:30px; font-size:14px; color:#54575d;}
.small-tip span{ color:#ff4c4c;}

.pass-com{padding:45px 0 50px; background-position:center 300px;}
.pass { text-align:center;}
.pass dt{ float:none;}
.pass dd{ margin-left:0;}
.pass .big-tip{ padding-top:15px;}
.pass .small-tip{ padding-top:20px}

.regional-contact{ overflow:hidden; padding:25px 50px 0;}
.contact-box{float:left; width:33.33%; margin-bottom:50px;}
.contact-con{ overflow:hidden; width:272px; margin:0 auto; border:1px solid #dddddd; border-radius:8px; background-color:#fff;}
.place{ background-color:#2a8cff; text-align:center; color:#fff; line-height:74px; font-size:24px; font-weight:normal;}

.contact-con ul{ padding:30px 50px;}
.contack-name,.contack-tel{ margin-bottom:10px; padding-left:30px; font-size:18px;}
.contack-name{ background:url(../images/contact01.png) left center no-repeat;}
.contack-tel{ background:url(../images/contact02.png) left center no-repeat;}
.contack-code,.contack-txt{ text-align:center;}
.contack-code img{ padding-top:15px; height:102px;}
.contack-txt{ padding-top:5px; color:#888888;}


.register-jbox{ position:fixed; top:0; left:0; width:100%; height:100%;}
.jbox-mask{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.8)}
.jbox-wrap{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width:800px; background:url(../images/register-bg.png) left center no-repeat;}
.jbox-txt{ float:left; color:#fff;}
.jbox-txt .slogan{ padding-top:68px; font-size:50px;}
.jbox-txt .line-while{ margin-top:2px; margin-bottom:15px; width:35px; height:5px; background-color:#fff;}
.jbox-txt .name{font-size:24px;}
.jbox-txt .slogan,.jbox-txt .line-while,.jbox-txt .name{ margin-left:30px;}
.jbox-form{ width:410px; float:right; height:470px; background-color:#fff; border-radius:5px; box-shadow:-10px 0 20px rgba(0,0,0,.4)}
.register-form{ padding:80px 40px 0;}
.register-form h3{ margin-bottom:20px; text-align:center; font-size:24px; color:#178bfb; font-weight:normal;}
.form-item{ padding:50px 0;}
.register-form p{ border-bottom:1px solid #cccccc; margin-bottom:20px; padding-left:30px;}
.register-form .tel{ background:url(../images/registericon01.png) left center no-repeat;}
.register-form .psw{ background:url(../images/registericon02.png) left center no-repeat;}
.register-form p input{ border:0; padding:8px; width:100%;}
.submit-btn{width:100%; background-color:#2a8cff; color:#fff; border:0; font-size:18px; text-align:center; padding:8px 13px; border-radius:5px; cursor:pointer;}