.login-top{ width:100%; height:87px; border-bottom:#bdc8e5 solid 1px; }
.login-top-inner{  width:960px;height:87px; margin:0 auto; overflow:hidden;}
.login-top-inner a{ float:left; width:215px; height:48px; margin-top:20px;}
.login-top-inner span{ float:left; height:30px; line-height:30px; font-size:20px; color:#666;  margin-top:30px; margin-left:20px; border-left:#ddd solid 1px; padding-left:22px;}

.login-main{ width:100%; height:600px; background:url(../images/login-bg.jpg) center top no-repeat;}
.login-main-inner{ width:960px; height:600px; margin:0 auto; position:relative;}
.login-panel{ width:300px; height:350px; padding:20px 30px; position:absolute; top:118px; left:600px; background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1); box-shadow: 0 5px 20px rgba(0, 0, 0, .1);}
.login-tab{ display:inline; width:300px; height:55px; border-bottom:#eee solid 1px; color:#999; float:left; position:relative; margin-bottom:40px;}
.login-tab li{ width:150px; height:54px; position:absolute; top:0; line-height:54px; text-align:center; font-size:16px;}
.login-cur{ width:150px; color:#222; border-bottom:#3a7aef solid 2px;}

.login-prompt{ display:block; height:16px; padding-left:27px; background:url(../images/tanhao.png) left center no-repeat; line-height:16px; font-size:14px; color:#ff4436; position:absolute; top:85px; left:30px;}

.login-con{ width:300px; float:left; overflow:hidden;}
.login-con li{ width:300px; float:left; display:none;}
.input-box{ width:298px; height:38px; border:#ddd solid 1px; float:left;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.input-user{ width:39px; height:38px; background:#dddddd url(../images/login_user.png) no-repeat; float:left;}
.input-password{ width:39px; height:38px; background:#dddddd url(../images/login_password.png) no-repeat; float:left;}
.login-con li input{float:left; width:249px; padding:11px 0 11px 10px; background:none; line-height:14px; font-size:14px; color:#222; border:none;outline: none;}

.forget{ height:32px; width:300px; line-height:32px; font-size:14px; float:left; margin-bottom:10px;}
.forget-a{ color:#999; float:left; }
.forget-register{ color:#2c70ee; float:right;}
.forget-96196{ float:left; color:#666;}
.forget-96196 span{ color:#f8910b;}

.button-login{ width:298px; height:38px; float:left;}
.button-login a{ display:block; color:#fff; background: url(../images/button-link-1.png) repeat-x;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; border:#3f72d9 solid 1px; line-height:38px; font-size:16px; text-align:center;}
.button-login a:hover{ display:block; color:#fff; background: url(../images/button-hover-1.png) repeat-x;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; border:#4e81e6 solid 1px;}
.button-login a:active{ display:block; color:#fff; background: url(../images/button-active-1.png) repeat-x;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; border:#3467cf solid 1px;}

.login-footer{ width:100%; height:340px; background:#353535;}
.login-footer-inner{ width:960px; padding-top:48px; margin:0 auto;}
.login-footer-left{ display:inline; float:left; width:426px; height:140px; padding-left:142px; border-right:#535353 solid 1px;}
.login-footer-link{ display:inline; float:left; width:100%; height:14px; margin-bottom:44px;}
.login-footer-link li{ float:left; width:84px; height:14px; line-height:14px; font-size:14px; border-right:#777474 solid 1px; color:#b6bbc9; text-align:center;}
.login-footer-link li a{ color:#bfbfbf;}
.login-footer-tel{ display:inline; float:left; width:100%; padding-left:14px; font-size:14px;}
.login-footer-tel span{ width:100%; float:left; margin-bottom:14px; color:#fff;}
.login-tel-text{ line-height:14px; padding:0;}
.login-tel-num{ font-size:36px; line-height:28px;}
.login-footer-right{ display:inline; float:left;  padding-left:120px; width:100px; text-align:center;}
.login-footer-code{ margin-bottom:8px;}
.login-footer-right span{  font-size:14px; line-height:18px; color:#bababa;}
.login-floor-1{ height:198px; border-bottom:#535353 solid 1px; height:198px;}
.login-floor-2{ padding-top:31px; height:14px; line-height:14px; color:#8a8a8a; text-align:center;}


.main{ width:100%; background:#fafafa;}
.register-main{ width:960px; padding:63px 0 100px 0; margin:0 auto; overflow:hidden;}
.register-process{ width:420px; height:74px; margin:0 auto;}
.register-process ul{ float:left; width:420px; height:40px;}
.register-process ul li{ float:left; height:40px; display:inline; line-height:40px; text-align:center; font-size:16px; font-weight:bold;}
.process-1{ width:40px; height:40px; margin-left:50px;}
.process-2{ width:40px; height:40px;}
.process-3{ width:40px; height:40px; margin-right:50px;}
.process-line{ width:80px; height:40px; margin:0 10px; background: url(../images/process-line.jpg) center repeat-x;}
.p-icon-1{ background:url(../images/process-bg1.png) no-repeat; color:#fff;}
.p-icon-2{ background:url(../images/process-bg2.png) no-repeat; color:#f8910b;}
.register-process span{ display:inline; width:140px; height:34px; line-height:34px; float:left; text-align:center; font-size:14px;}
.process-text-1{ color:#222;}
.process-text-2{ color:#999;}

.register-con{ width:620px; padding:45px 170px 0 170px;  overflow:hidden;}
.register-notice{ line-height:24px; padding-left:26px; background:url(../images/tanhao2.png) left 4px no-repeat; float:left; margin-bottom:5px; font-size:14px; color:#666;}
.register-login{ width:410px; height:34px; line-height:34px; text-align:right; color:#666; font-size:14px; float:left;}
.register-login a{ color:#2c70ee;}
.input-box-1{ width:410px; height:40px; float:left; margin-bottom:20px; position:relative;}
.input-box-2{ width:410px; float:left; margin-bottom:20px; position:relative;}
.input-name{ float:left; display: inline; width:80px; height:40px; line-height:40px; font-size:14px; color:#666;}
.input-style-1{ width:313px; border:#ddd solid 1px; float:left; padding:11px 0 11px 15px; display:inline;outline: none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; font-size:14px;}
.input-style-2{ width:173px; border:#ddd solid 1px; float:left; padding:11px 0 11px 15px; display:inline;outline: none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; font-size:14px;}
.input-style-3{ width:100px; border:#ddd solid 1px; float:left; padding:11px 0 11px 15px; display:inline;outline: none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; font-size:14px;}

.input-style-1:focus,.input-style-2:focus{ border:#3a7aef solid 1px;}
.border-error{ border:#ff4436 solid 1px;}

.button-2{ display:inline; width:130px; height:40px; float:left; margin-left:10px;}
.button-2 a{ display:block; width:128px; height:38px; color:#1561ec; font-size:14px; line-height:38px; border:#3f70d9 solid 1px; text-align:center;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}

.button-2 a:hover{ display:block; color:#2c70ee; background:url(../images/button-hover-2.png) repeat-x;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; border:#80aaff solid 1px;}
.button-2 a:active{ display:block; color:#2c70ee; background:url(../images/button-active-2.png) repeat-x;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; border:#295fcc solid 1px;}
.input-notice{ width:174px; position:absolute; top:12px; left:420px; background:url(../images/tanhao.png) left center no-repeat; padding-left:26px; line-height:16px; font-size:14px; color:#ff4436;}
.agreement{ width:620px; text-align:center; line-height:54px; float:left; font-size:14px;} 
.agreement a{ color:#2c70ee;}

.button-1{ float:left; width:100%; overflow:hidden;}
.ableBtn{ display:block; width:198px; height:38px; margin:0 auto; color:#fff; background: url(../images/button-link-1.png) repeat-x;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; border:#3f72d9 solid 1px; line-height:38px; text-align:center; font-size:16px;outline: none; cursor:pointer;}
.ableBtn:hover{ display:block; color:#fff; background: url(../images/button-hover-1.png) repeat-x;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; border:#4e81e6 solid 1px;}
.ableBtn:active{ display:block; color:#fff; background: url(../images/button-active-1.png) repeat-x;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; border:#3467cf solid 1px;}
.disableBtn{ display:block; width:198px; height:38px; line-height:38px; margin:0 auto; background:#e8eaed; border:#dedede solid 1px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; color:#999;outline: none; font-size:16px; text-align:center;}
.ableBtn-2{ display:block; width:198px; height:38px; margin:0 auto; color:#1561ec; background: url(../images/button-link-2.png) repeat-x;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; border:#3f72d9 solid 1px; line-height:38px; text-align:center; font-size:16px;outline: none; cursor:pointer;}
.ableBtn-2:hover{ display:block; color:#1561ec; background: url(../images/button-hover-2.png) repeat-x;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; border:#4e81e6 solid 1px;}
.ableBtn-2:active{ display:block; color:#1561ec; background: url(../images/button-active-2.png) repeat-x;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; border:#3467cf solid 1px;}




.register-id{ width:100%; color:#666; font-size:16px; height:30px; line-height:30px; text-align:center; margin-bottom:15px;}
.register-id span{ height:30px; color:#222;}
.register-t{ width:100%; height:52px; line-height:52px; font-size:16px; border-bottom:#ccc solid 1px; float:left;}
.input-name-1{ width:100%; margin:20px 0; float:left; height:14px; line-height:14px; font-size:14px; color:#666;}
.register-radio{ width:630px; height:20px; float:left; margin-bottom:30px;}
.register-radio li{ width:136px; height:20px; float:left; display:block;}
.radio-t{ line-height:20px; font-size:14px; color:#222;}
.register-find{ width:330px; height:32px; line-height:32px; text-align:right; color:#2c70ee; font-size:12px; float:left; margin-bottom:30px;}
.register-find a{ color:#2c70ee;}
.register-true{ text-align:center; margin-bottom:13px;}
.register-wish{ text-align:center; margin-bottom:12px; font-weight:bold; font-size:16px; color:#222;}

.register-con-1{ width:420px; height:40px; margin:40px auto 0 auto; }
.register-but-left{ float:left; display:inline; width:200px; height:40px;}
.register-but-right{ float:left; display:inline; width:200px; height:40px; margin-left:20px;}

.register-con-2{ width:620px; height:40px; padding:137px 170px 260px 170px; }
.register-test{ width:298px; height:152px; float:left; border:#ebebeb solid 1px; display:inline; background:#fff;}
.register-test a{ display:block;width:294px; height:148px; line-height:148px; float:left; border:#fff solid 2px; color:#666; font-size:20px; text-align:center; }
.register-test a:hover{ width:294px; height:148px; float:left; border:#9cb6e9 solid 2px;}
.hover-test{ border:#9cb6e9 solid 1px;}


.safe{ width:224px; height:14px; float:left; font-size:14px; color:#666; text-align:right; background: url(../images/safe.png) no-repeat; margin-top:10px; padding-left:80px; display: none;}
.safe-1{ background-position:80px 0;}
.safe-2{ background-position:80px -14px;}
.safe-3{ background-position:80px -28px;}

.button-code{ float:left; display:inline; width:130px; height:40px; margin-left:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.button-code img{ width:130px; height:38px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; border:#ccc solid 1px;}
.code-change{ width:174px; position:absolute; top:12px; left:420px;  line-height:16px; font-size:14px; color:#666;}
.code-change a{ color:#2c70ee; cursor:pointer;}

.send-out{ width:100%; height:156px; line-height:156px; font-size:16px; color:#666; text-align:center;}
.no-send{ display:inline; padding-left:210px; float:left; width:200px; height:34px; line-height:34px; color:#666;}
.no-send a{ cursor:pointer; color:#2c70ee;}

.agree-part{ width:958px; border:#ebebeb solid 1px; background:#fff;}
.agree-tit{ width:914px; padding:22px; border-bottom:#ebebeb solid 1px;}
.agree-tit h1{ display:block; width:100%; text-align:center; line-height:16px; font-weight:bold; color:#222; font-size:16px;}
.agree-tit span{ display:block; width:100%; text-align:right; line-height:12px; color:#999; font-size:12px;}
.agree-con{ padding:20px;}
.agree-con p{ font-size:14px; color:#222; line-height:24px; text-indent:2em;}
.agree-con span{ display:block; width:100%; text-align:right; line-height:24px; color:#999; font-size:12px;}

.register-main-1{ width:958px; padding:20px 0; margin:0 auto; overflow:hidden;}

.qr-part{ width:270px; margin:0 auto; overflow:hidden; border:#ebebeb solid 1px;}
.qr-code{ width:270px; height:270px; }
.qr-span{ width:270px; height:60px; background:#f7f7f7; font-size:24px; line-height:60px; text-align:center; color:#666;}