@charset "utf-8";
*{margin:0;padding:0; border:none; }
body{font-family: "Microsoft YaHei","Hiragino Sans GB","STHeiti","SimSun","Arial";width:100%;min-width:1040px;background: #f6f6f6;}
i,em,h2{font-style:normal;font-weight:normal;}
input{font-family: "Microsoft YaHei","Hiragino Sans GB","STHeiti","SimSun","Arial";}
input::-webkit-input-placeholder {color:#BBBBBB;}
input:-moz-placeholder {color:#BBBBBB;}
input::-moz-placeholder{color:#BBBBBB;}
input:-ms-input-placeholder {color:#BBBBBB;}
input::-ms-clear,input::-ms-reveal{display:none;}
a{color:#4A4A4A;text-decoration:none;}
a:hover{color:#E03236;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:'';display:block;clear:both;height:0;overflow:hidden;}
.clearfix{zoom:1;}

/* sprite */
.sprite {display: inline-block;background-image: url(/images/login-new/login.png);background-image: -webkit-image-set(url(/images/login-new/login.png) 1x,url(/images/login-new/login@2x.png) 2x);background-repeat: no-repeat;}
.sprite.check {width: 16px;height: 16px;background-position: -5px -5px;}
.sprite.checked {width: 16px;height: 16px;background-position: -31px -5px;}
.sprite.eyes {width: 20px;height: 14px;background-position: -87px -5px;}
.sprite.visible {width: 20px;height: 14px;background-position: -57px -5px;}
.sprite.del {width: 14px;height: 14px;background-position: -117px -5px;}
.sprite.console {width: 13px;height: 12px;background-position: -141px -5px;}
.sprite.phone {width: 14px;height: 14px;background-position: -164px -5px;}
.sprite.success {width: 186px;height: 133px;background-position: -5px -31px;}

.wrap{width: 1000px;margin:0 auto;}
.top_div{width: 100%;height: 100px;position: relative;}
.top_div .logo{float:left;width:100px;height:50px;margin: 25px 12px 0 0;background-image: url(/images/common/logo.png);background-image: -webkit-image-set(url(/images/common/logo.png) 1x,url(/images/common/logo@2x.png) 2x);background-position: left center;background-repeat: no-repeat;}
.top_div .title{float:left;font-size: 18px;color: #666;line-height: 20px;margin-top: 52px;}
.top_div .link{position: absolute;right: 0;bottom:16px;font-size: 14px;line-height:20px;color: #4A4A4A;}
.top_div .link a{color:#E03236;}
/* 注册 */
.container{position:relative;width:100%;min-height:500px;margin:0 auto;padding:75px 0;background: #FFFFFF;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.10);border-radius: 2px;}
.registerBox{width: 400px;margin:0 auto;}
.registerBox h2{margin-bottom:50px;font-size: 30px;color: #4A4A4A;line-height:30px;text-align: center;}
.form-group{height:42px;margin-bottom: 9px;padding-bottom: 9px;;border-bottom:1px solid #ddd;border-radius: 2px;position: relative;}
.form-group .phone-code{position:relative;float: left; width: 120px;}
.form-group .phone-code .phoneCode-icon{position:absolute;right: 15px;top:18px;z-index:3;display: block;width: 12px;height: 5px;background-position: -182px -9px;}
.form-group .phone-code .phoneCode-btn{font-size: 13px;display: block;line-height: 42px;color: #333333;cursor: pointer;}
.form-group .phoneCode-list{font-size: 13px;display: none;position: absolute;top: 49px;z-index: 99;padding: 9px 15px;color: #000000;list-style-type: none;background-color: #fff;box-shadow: 0 1px 3px 0 #BBBBBB;}
.form-group .phoneCode-list li{line-height: 30px;white-space: nowrap;cursor: pointer;}
.form-group .phoneCode-list li:hover{color: #E03236;}
/*.form-group.red{border:1px solid #f00;margin-bottom:30px;}*/
.form-group .form-input{position: relative;}
.form-group .form-inputw{width: 230px;float:left;}
.form-group input{width:303px;height:20px;line-height:20px;padding:11px 0px;border:none;outline: none;font-size:15px;background: transparent;}
.form-group input[type="password"]{width:275px;}
.form-group .form-inputw input{width:200px;}
.form-group .diy-place{position:absolute;width:100%;height:100%;line-height:42px;font-size:14px;color:#BBBBBB;text-indent: 15px;left:0;top:0;}
.form-group .form-input i{position:absolute;right: 16px;top:14px;z-index:3;}
.form-group .form-input .del{display: none;}
.form-group .getCode{position:absolute;right:0;top:0;height:42px;line-height:42px;color:#4A4A4A;font-size:15px;}
.form-group .getCode[disabled=true],.form-group .getCode[disabled=disabled],.form-group .getCode.disabled{color:#ccc;cursor: not-allowed;}
.form-group .getCode.waitjy{min-width:103px;background: url(/images/login-new/loading.gif) no-repeat center center;color: transparent !important;}
.form-group .getCode.waitjy em{display: inline-block;min-width:71px;height:19px;margin-top:11px;text-indent:-9999px;}
.form-group .getCode em{padding: 0 0 0 16px;border-left: 1px solid #dbdbdb;}
.form-group .error,.form-check .error{position: absolute;top: 10px;left: 410px;white-space: nowrap;font-size:12px;line-height:24px;color:#f00;padding-left:15px;background-image: url(/images/login-new/close.png);background-image: -webkit-image-set(url(/images/login-new/close.png) 1x,url(/images/login-new/close@2x.png) 2x);background-position: left center;background-repeat: no-repeat;}
/*.form-check .error{top:20px;}*/
.registerBox .form-check{position: relative;margin-bottom: 20px;margin-top: 20px;font-size: 12px;line-height:18px;color: #666;}
.form-check .checkit{cursor: pointer;}
.form-check i{float:left;margin-right:5px;margin-top:1px;}
.form-check a{color:#5596e4;}
.form-check .hidden{display: none;}
.btn-submit{width:100%;height:40px;line-height: 40px;margin-top:20px;background: #E03236;border-radius: 4px;font-size:16px;color: #fff;outline: none;border-radius: 2px;}
.btn-submit:hover{opacity: 0.8;filter:alpha(opacity=80);}
.btn-submit[disabled=true],.btn-submit[disabled=disabled]{opacity: 0.3;filter:alpha(opacity=30);}
/* 重置密码 */
.rewriteBox{position:relative;}
.process{width:464px;height:48px;margin:0 auto;position:relative;}
.process .line{ position:absolute; width:160px;height:2px; background:#dddddd;top:11px;}
.process .line1{left:48px;}
.process .line2{left:256px;}
.process .line.cur{background: #E03236;}
.process .num{ position:absolute; width:24px; height:24px; top:0; text-align:center; line-height:24px; color:#FFF; font-size:16px;background: #CCCCCC;border-radius: 50%; }
.process .num1{ left:12px; }
.process .num2{ left:220px; }
.process .num3{ right:12px; }
.process .num.cur{ background: #E03236; }
.process .txt{ position:absolute; top:30px; color:#999999; font-size:12px;line-height:22px;}
.process .txt1{ left:0; }
.process .txt2{ left:208px; }
.process .txt3{ right:0; }
.process .txt.cur{ color:#E03236; }
.process-step{width:335px;margin:80px auto;}
.step3 i{margin-left:60px;}
.step3 p{margin-top:20px;font-size:18px;color: #333;text-align: center;}
.step3 .btn{display:block;width:135px;height:40px;line-height:40px;margin:25px auto 0;background: #E03236;border-radius: 2px;text-align: center;color: #ffffff;}
.step3 .btn:hover{opacity: 0.8;filter:alpha(opacity=80);}
.step3 span{display:block;text-align:center;font-size:12px;color: #CCCCCC;margin-top:10px;}
.step3 span em{color: #E03236;}

/* 底部 */
.footer{width:100%;margin:30px auto;}
.footer .footer-links{line-height:14px;}
.footer .footer-links a{float:left;margin-right:10px;padding-right:10px;font-size: 14px;color: #4A4A4A;border-right:2px solid #ccc;}
.footer .footer-links a:last-of-type{border-right:none;}
.footer .footer-links a:hover{color:#E03236;}
.footer .free-tel{float:left;padding-left:20px;font-size:14px;color: #000000;background-image: url(/images/login-new/login.png);background-image: -webkit-image-set(url(/images/login-new/login.png) 1x,url(/images/login-new/login@2x.png) 2x);background-repeat: no-repeat;background-position: -164px -5px;}
.footer-copyright{margin-top:15px;}
.footer-copyright p{font-size:12px;line-height:22px;color:#9B9B9B;}
.footer-copyright p a{color:#9B9B9B;}
.footer-copyright p a:hover{color:#E03236;}
.footer-copyright p span{float:left;margin-right:20px;}
.footer .sprite {float:left;background-image:url(../../images/footer/foot_icon.png);background-image:-webkit-image-set(url(../../images/footer/foot_icon.png) 1x,url(../../images/footer/foot_icon@2x.png) 2x);background-position:center center;background-repeat: no-repeat;}
.footer .sprite-icon1 {width: 20px;height: 21px;margin-right:5px;background-position: -2px -2px;}
.footer .sprite-icon2 {width: 20px;height: 20px;margin-right:5px;background-position: -2px -27px;}


/* 隐藏极验 */
.geetest_feedback,.geetest_copyright,.geetest_panel_footer_logo,.geetest_panel_footer_copyright{display: none !important;}

/* toast弹框 */
.toast{position:absolute;width:100%;height:100%;top:0;left:0;text-align: center;display: none;z-index:9999;}
.toast span{display:inline-block;margin:25% auto 0px;height:48px;line-height:48px;padding:0 16px;background: rgba(0,0,0,0.8);background:#2b2b2b\9;color:#EEE;font-size:14px;border-radius: 6px;}

.yybox{font-size:14px;margin-top:20px;overflow:hidden;display: none;}
.yybox .yybtn{float:right;color:#E03236;}
.yybox .yybtn[disabled=true],.yybox .yybtn[disabled=disabled],.yybox .yybtn.disabled{color:#ccc;cursor: not-allowed;text-decoration: none}
.yyDialog{position: fixed;top:0;left:0;width: 100%;height: 100%;display: none;z-index: 999;}
.yyDialog .mask{position: absolute;top:0;left:0;width: 100%;height: 100%;background: #000000;opacity: 0.4;filter: alpha(opacity=40);}
.yyDialog .content{position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:306px;height:172px;background: #FFFFFF;border-radius: 6px;text-align: center;}
.yyDialog .content .title{padding-top:20px;font-size: 18px;color: #000000;line-height:28px;font-weight: 600;}
.yyDialog .content p{margin-top:15px;font-size: 14px;color: #222222;line-height: 18px;}
.yyDialog .content .btns{margin-top:26px;}
.yyDialog .content .cancel,
.yyDialog .content .confirm{display:inline-block;width:106px;height:36px;line-height:36px;margin:0 6px;background: #FFFFFF;border-radius: 2px;font-size: 14px;}
.yyDialog .content .cancel{border: 1px solid #CCCCCC;color: #222222;}
.yyDialog .content .confirm{border: 1px solid #E03236;color: #E03236;}

