@charset "utf-8";
body{padding-top: 0; background: #fff;}
.login-wrap{width: 100%; color: #fff; text-align: center;}
.login-top{height: 190px; padding-top: 40px;  background-color: #2e333e; }

.login-top .logo{ margin: 0 auto;width: 118px; height: 40px; }
.login-top .logo img{width: 100%; height: 100%;}

.login-top .wrap{margin: 0 auto;height: 186px;position: relative; width: 700px ; border-bottom: 4px solid #c7c7c7;}
.login-top .wrap-no-bottom{height: 190px; border: none;}
.login-top .rg-lo{margin-top: 44px; line-height: 1; }
.login-top p.olduser{font-size: 16px; }
.login-top .rg-lo a{color: #fff;}
.login-top .rg-lo a.active,.login-top .rg-lo a:hover{color: #04b38f;}
.login-top .rg-lo .divider{padding: 0 16px; font-size: 16px; color: #fff;}

.login-top .progress{position: absolute; left: 0; bottom: -45px; height: 66px; width: 700px;}
.login-top .progress li{height: 66px; position: absolute; text-align: center; color: #333; line-height: 1;}
.login-top .progress li.first{left: -33px;}
.login-top .progress li.second{left: 321px;}
.login-top .progress li.third{right: -33px;}
.login-top .progress li .circle{display: block; margin: 0 auto 10px auto;width: 42px; height: 42px; line-height: 42px; border-radius: 50%; background: #04b38f; color: #fff; font-size: 18px; font-weight: bold;}
.login-top .progress li .circle-un{background: #c7c7c7;}
.login-top .progress li .circle>img{position: relative; top: -1px; width: 16px; height: 15px;}

/*一般盒子*/
.common-box{margin: 115px auto 0 auto; width: 500px;;border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5 ; border-bottom: 1px solid #e3e3e3; background: #f9f9f9; border-radius: 2px;}

/*微信盒子*/
.wx-box{width: 285px;; color: #333; position: relative;}
.wx-box a{color: #04b38f;}
.wx-box .wx-box-main{margin: 0 auto; width: 100%;height: 304px; padding-top: 36px; background: #f9f9f9; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5 ; border-bottom: 1px solid #e3e3e3;}
.wx-box .wx-box-main p{margin-top: 24px; text-align: center; }
.wx-box .wx-box-side{margin-top: 22px; color: #999;width: 400px; position: absolute; left: -53px;}

/*手机注册盒子*/
.phone-box .main-box{padding-top: 42px; border-bottom: 1px solid #dcdcdc; color: #333;}
.phone-box .side-box{height: 58px;}

.phone-box .main-box .avater{margin-bottom: 37px;}
.phone-box .main-box .avater>img{width: 83px; height: 83px; border-radius:4px;}
.phone-box .main-box .form{height: 190px; margin-bottom: 32px;}
.phone-box .main-box .form2line form{padding-top: 26px;}
.phone-box .main-box .form .inputbox{height: 40px; margin-bottom: 28px;position: relative;}
.phone-box .main-box .form label{height: 40px; line-height: 40px;margin-right: 10px;width: 120px;float: left; text-align: right; vertical-align: middle;}
.phone-box .main-box .form input{float: left; width: 304px;height: 38px; line-height: 38px; border: 1px solid #dcdcdc; background: #fff; text-indent: 26px;}
.phone-box .main-box .form input.error{background: #fff4f0; border: 1px solid #ff4800;}
.phone-box .main-box .form input.check{background: #f9fff3; border: 1px solid #88ca43;}
.phone-box .main-box .form img.check{position: absolute; top: 8px; right: 30px;}
.phone-box .main-box .form p.error{position: absolute; bottom: -20px; left: 130px; color: #ff4800; font-size: 12px;}
.phone-box .main-box .form img.error{position: absolute; top: 8px; right: 30px;}
.phone-box .main-box .form input.i-btn{width: 190px; margin-right: 8px;}
.phone-box .main-box .form  .btn{display: block; float: left;width: 105px; height: 40px; background: #f5a82a; color: #fff; text-align: center; line-height: 40px;}
.phone-box .side-box .btn{display: block; margin: 24px auto 0 auto;width: 180px; height: 40px; line-height: 40px; background: #04b38f; color: #fff; border-radius: 6px;}
/*完成注册盒子*/
.phone-box  .welcome{margin-bottom: 80px;}
.phone-box  .welcome>img{margin-bottom: 22px;}
.phone-box  .welcome>p{color: #333; line-height: 1;}

.phone-box .email{padding-left: 90px; text-align: left; margin-bottom: 32px;}
.phone-box .email>p{margin-bottom: 10px; color: #999; line-height: 1;}
.phone-box .email input{margin-right: 10px; width: 218px; height: 38px; line-height: 38px; border: 1px solid #dcdcdc; background: #fff; text-indent: 14px;}


/*登录盒子*/
.login-box{padding-top: 72px!important; }
.login-box .login-btn{margin-top: 42px; margin-bottom: 10px;}
.login-box .login-btn .fl{margin-left: 140px; float: left;}
.login-box .login-btn .fl input{margin-right: 4px; position: relative; top: 1px;}
.login-box .login-btn .fr{float: right;margin-right: 56px;}
.login-box .login-btn .fr a{color: #04b38f;}
.phone-box .login-box .form .inputbox{margin-bottom: 28px;}


/*找回密码*/
.fps-box .main-box .form{margin-bottom: 0; height: 110px;}
.fps-box .main-box .form .inputbox{position: relative;}
.fps-box .main-box .inputbox .yzm-inputbox{width: 154px; padding-right: 150px;}
.fps-box .inputbox .yzm{position: absolute;top: 0; left: 291px; font-size: 0;}
.fps-box .inputbox .yzm .yzm-pic{margin-right: 6px; }
.fps2-box .main-box .form{height: 180px;}
.fps2-box .main-box .form .fmail{position: relative; top: 36px;} 
.cfps-box .main-box .form img{margin-bottom: 20px;}
.fps2-box .main-box .form img{margin-bottom: 0; width: 48px; height: 48px; margin-right: 12px; vertical-align: middle;}
.fps2-box .main-box .form .fp-btn{display: inline-block;margin-left: 24px; width: 103px; height: 38px; line-height: 38px; border: 1px solid #c9c9c9; text-align: center;}
.fps2-box .main-box .form .phone-yzm{padding-left: 100px; margin-top: 36px; position: relative;}
.fps2-box .main-box .form .phone-yzm img.error{width: 20px; height: 20px; top: 11px; right: 50px}
.fps2-box .main-box .form .phone-yzm p.error{left: 104px; bottom: -60px;}
.zfps-box .main-box .form{height: 162px;}

/*协议*/
.gray{background:#eaeff3;}
.xy-wrap{padding-top: 100px;}
.xy-container{ border:1px solid #dce4ea; background:#fff; position:relative; z-index:1000;}
.xy-container .xy-content{ padding:33px 48px 0 56px; font-size:16px;}
.xy-container .xy-content p.title{ font-size:24px; font-weight:bold; text-align:center; margin-bottom:3px; }
.xy-container .xy-content p.time{ border-bottom:1px solid #eaeff3; text-align:right; line-height:34px;font-size:14px; margin-bottom:10px;position:relative; left:-4px;}
.xy-container .xy-content p{ line-height:24px; margin-bottom:8px; color:#666;}
.xy-container .xy-content h2{margin-bottom:10px; font-weight:bold; margin-top:24px;}
.xy-container .xy-content .xy-team{ text-align:right; color:#666; margin:70px 0 65px 0;}
.xy-container .xy-content span.more{ margin-left:30px; display:inline-block;}
.xy-container .xy-content i{ margin-left:-5px; font-style:normal;}

/* 其他登录方式*/

.o-login{text-align: center;margin-top: 22px; color: #04b38f; }
.o-login a{color: #04b38f;}