@charset "utf-8";
/* CSS Document */
@import url("../font/iconfont.css");
.iconfont{ font-size: inherit;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { width: 100%; height: 100%; }
html, body, div, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, img, textarea, iframe, table, th, td { margin: 0; padding: 0;  font-size: 100%;}
img { border: none; vertical-align: middle; }
ol, ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6{ font-weight: bold; font-size: 100%; }
body, input, select, button, textarea { font-size: 16px; font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif; outline: none; }
.normal, em, i { font-style: normal; font-weight: normal; }
body { min-width: 1000px; line-height: 24px; cursor: default; }
table { border-collapse: collapse; border-spacing: 0; }
input,button{ appearance: none;}
input,.lTips,.iconfont,button,a,.regBox p,.verifyimg{ transition: all 0.25s ease;}
a{ text-decoration: none; color: inherit;}
.fl{ float: left;}
.fr{ float: right;}

.mtable{ height: 100%; width: 100%; display: table; overflow: hidden;}
.mtd{ display: table-cell; vertical-align: middle; text-align: center;}
.main{border-radius: 5px; text-align: left; overflow: hidden; display: inline-block;box-shadow: 10px 15px 50px rgba(0,0,0,.1);}

.login{ height: 618px; width: 1180px; margin:100px 0 20px;}
.adPic{ float: left; width: 616px; height: 100%;  background: #fff;}
.lBox{ float: right; width:564px; height: 100%; padding: 84px; position: relative; background: #fff; }
.lBox h2{ font-size:28px; border-left:5px solid;padding-left: 15px; color: #444;}
.lBox li{ height: 70px; margin-top:20px; padding-top: 10px; position: relative;}
.lBox li i.linghtColor{ position: absolute; left:0; line-height: 60px; width: 40px; display: block; font-size: 24px; text-align: center; color: inherit; z-index: 9;}
.lTips{ position: absolute; left:0; z-index: 9; cursor: text; top: 30px; padding-left: 50px; font-size: 18px; line-height:20px;}
.lBox li.active .lTips{ top:0; font-size: 13px;}
.lBox input{ width: 100%; height:60px; padding-left: 50px; line-height: 60px; border: none; background: none; font-size: 24px; position:relative; z-index: 1; border-bottom: 2px solid;letter-spacing: 1px;}
.lBox input:focus{ border-bottom-color: inherit; color: inherit;}
.sumbitBtn{ margin-top: 10px; line-height: 56px; width: 100%; text-align: center; color: #fff; border-radius:100px; border: none; font-size: 24px; cursor: pointer;}
.lRegBtn{ margin-top: -7px;}
.login .verifyimg{ top: 15px;}
.lBox .links{ padding-top: 0;}
.links a,.lRegBtn,.regTit div .rLoginBtn{ padding: 4px 15px; border-radius: 100px; display: inline-block; border: 2px solid transparent;}
.links a:hover,.lRegBtn:hover{ background: rgba(0,0,0,0.05);}
.links a:active,.lRegBtn:active{ border-color:inherit;}
.errorMess{ position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); text-align: center;
    background: rgba(0,0,0,0.64); color: #fff; padding:14px 20px; line-height: 20px; font-size:14px; border-radius: 8px;  z-index: 3;}
@keyframes error{
    0%{transform: translateY(-120%); top: 0;}
    33%{transform: translateY(-8%); top: 0;}
    66%{transform: translateY(-18%); top: 0;}
    100%{transform: translateY(-14%); top: 0;}
}

.reg{ width: 640px; margin: 50px 0;}
.regTit{ padding:30px 30px 20px; font-size: 14px; position: relative;}
.regTit h2{ font-size: 28px; font-weight: normal; line-height: 100%;}
.regTit p{opacity: 0.6;}
.regTit div{ display: inline-block; text-align: left; padding-left: 65px; overflow: hidden; white-space: nowrap;}
.regTit .icon-people_fill,.regTit .icon-zhongzhimima{ float: left; height: 50px; width: 50px; background: #fff; border-radius: 50%; font-size: 28px; line-height: 50px; margin-left: -65px; text-align: center;}
.regTit .rLoginBtn{ color: #fff; position: absolute; top: 35px; right:20px;}
.regTit .rLoginBtn:hover{ background: rgba(255,255,255,0.2);}
.regTit .rLoginBtn:active{ border-color:inherit;}
.regBox{background: #fff; overflow: hidden; position: relative;}
.regBox input{ width: 100%; height: 50px; font-size: 20px; border:1px solid transparent; border-radius:3px; letter-spacing:1px; position: relative;}
.regBox input:focus{ background:transparent; z-index: 1;}
.regBox input.active{ color: #272b3e;}
.regBox li{ position: relative; }
.regBox p{ position: absolute; display: inline-block; top:50%; z-index: 1; transform: translateY(-50%)}
.regBox p.rName{ font-size: 20px; left: 30px; cursor: text;}
.regBox p.tips{ opacity: 0; right: 0; color: #999; border-radius:100px; font-size: 14px;}
.regBox li.active .tips{ opacity:0.8; right: 20px;}
.regBox li.active .rName{ opacity: 0; left: 0;}
.regBox li.active .getCode{ opacity: 1; right: 0;}
.getCode[disabled],.getCode[disabled]:hover,.getCode[disabled]:active{ background: #aaa;}
.verifyimg{ height: 48px; width: 200px; cursor: pointer; border-radius:0 25px 25px 0; position: absolute; right:1px; top:1px; z-index: 2;}
.reg .sumbitBtn{ border-radius: 3px;}

.header{ padding:10px 0; overflow: hidden; background:rgba(255,255,255,0.9); position: fixed; left: 0; top: 0; width: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.05); z-index: 999;}
.header .warp{ max-width: 1180px; margin: 0 auto;}
.header li{ float: left; line-height: 52px; margin-left:30px;}
.header li a{ padding: 0 10px; display: block;}
.header li a:hover{ color: #666;}
/*主题*/
body { background:#272b3e url(../img/bg.jpg) center center no-repeat; background-attachment: fixed; /*background-image: linear-gradient(45deg, #243349 0%, #272b3e 100%);*/ background-size: cover; color: #3eb94e; }
.fontColor,.regTit .icon-people_fill,.regTit .icon-zhongzhimima{color:#3eb94e}
.linghtColor,.lBox li.active i{ color: #bbb;}
.lBox input{ border-bottom-color:#aad1b9;}

.sumbitBtn,.getCode{ background:#3eb94e;}
/*.sumbitBtn:hover,.getCode:hover{ background: #45c956; box-shadow:5px 5px 35px rgba(62,185,78,.6);}*/
/*.sumbitBtn:active,.getCode:active{ background: #38a847; box-shadow:5px 5px 25px rgba(62,185,78,.4);}*/

.regTit{ background:#3eb94e; background-image: linear-gradient(135deg, #48c18a 0%, #009efd 100%); color: #fff;}
.regBox input{ background: #f5f5f5; padding: 0 30px;}
.regBox input:focus,.regBox input.active{ border-color: #aaa;}
.regBox input:focus{ color: #3eb94e;}


input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; }
input[type=text]:focus, input[type=password]:focus, textarea:focus {-webkit-box-shadow: 0 0 0 1000px white inset; }

.rightTips{ margin:50px auto 0;}
.rightTips span{ display: block; margin:0 auto 30px; line-height: 120px; width: 120px; height: 120px; border-radius: 50%; background: #3eb94e; overflow: hidden; position: relative;}
.rightTips span:before{ content:""; display: block; position: absolute; right: 0; top: 0; width: 100%; bottom: 0; background: inherit; z-index: 1;}
.rightTips i{text-align: center; transform: scaleY(0.9); color: #fff; font-size:80px; font-weight: bold; display:block;}
.rightText{ text-align: center; margin-bottom: 80px;}
.rightTips span{ animation: rtips 0.8s 0.2s ease forwards; transform: scale(0);}
@keyframes rtips{
    0%{ transform: scale(0);}
    33%{ transform: scale(1.1);}
    66%{ transform: scale(0.95);}
    100%{transform: scale(1);}
}
.rightTips span:before{ animation: rspan 1s 0.4s ease forwards;}
@keyframes rspan{
    0%{ width: 100%;}
    100%{ width:0%;}
}

/*--2024-2-21新版注册样式开始--*/
.content-box{
    height: 100%;
    width: 100%;
    display: flex;
}
.content-box .left-box{
    height: 100%;
    width: 50%;
    background: url("../img/left_bg.png") no-repeat;
    background-size: cover !important;
}

.content-box .left-box .logo-image{
    cursor: pointer;margin-top: 52px;margin-left: 65px;margin-bottom: 120px;width:317px; height: 38px; vertical-align: top; display: inline-block;opacity: 0; background: url(../aliImg/logo.png)  no-repeat;background-size: cover ;
}
.content-box .left-box .logo-image a{
    padding-top: 38px;
    display: block;
}
.content-box .left-box .page-text{
    margin-left: 125px;
    line-height: 1.6;
}
.content-box .left-box .page-text .page-title{
    font-size: 48px;
    color: #0A1119;
    font-weight: 500;
}
.content-box .left-box .page-text .page-subTitle{
    color: rgba(10,17,25,0.6);
    font-size: 24px;
}
.content-box .right-box{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #fff;
}
.content-box .right-box .help-box a:hover{
    opacity: 0.8;transition: all 0.3s;color: #FF6A00;
}
.content-box .right-box .page-text{
    display: flex;margin-bottom: 35px;
}
.content-box .right-box  .help-box{
    position: absolute;
    right: 38px;
    top: 60px;
    color: #222;
}
.content-box .right-box .page-text .page-title{
    font-size: 32px;margin-right: 20px;color: #0A1119;
}
.content-box .right-box .page-text .page-subTitle{
    font-size: 20px;color: rgba(10,17,25,0.6);
}
.content-box .right-box .login-model{
    width: 484px;height: 756px;padding: 32px 46px 42px 46px;background: #FFFFFF;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.06);border-radius: 16px 16px 16px 16px;
}
.content-box .right-box .login-model h4{
    font-size: 20px;
    margin-bottom: 23px;
    color: #222222;
}
.content-box .right-box .login-model ul li{
    position: relative;
    margin-top: 10px;width: 100%;height: 100%;border-radius: 8px 8px 8px 8px;overflow: hidden;
}
.content-box .right-box .login-model ul li input{
    font-size: 14px;width: 100%;height: 56px;border: 0;background: #F7F8FA;padding: 18px 23px;caret-color:#FF6A00;
}
.content-box .right-box .login-model ul li input:focus {
    color: #FF6A00;
}
.content-box .right-box .login-model ul .linkTo-login{
    color: #222;
    margin-bottom: 12px;text-align: right;
}
.content-box .right-box .login-model ul .linkTo-login:hover{
    opacity: 0.8;
}
.content-box .right-box .login-model .sumbitBtn{
    cursor: pointer;border: 0;background:#FF6A00;font-size: 20px;font-weight: bold;color: #fff;width: 100%;height: 56px;border-radius: 8px 8px 8px 8px;
}
.content-box .right-box .login-model .flex_center_between{
    margin-bottom: 40px;margin-top: 18px;display: flex;align-items: center;justify-content: space-between;font-size: 14px;
}
.content-box .right-box .login-model .flex_center_between .sign-in{
    color:#4B81F7 ;
}
.content-box .right-box .login-model .flex_center_between .grey{
    color: #666;
}
.content-box .right-box .login-model .flex_center_between a:hover{
    opacity: 0.8;transition: all 0.3s;
}
.content-box  .getCode {
    position: absolute;
    top: 0;
    right: 0px;
    min-width: 120px;
    border: none;
    height: 100%;
    padding: 0 20px;
    line-height: 1.6;
    border-radius: 3px;
    color: #FF6A00;
    cursor: pointer;
    z-index: 1;
    height: 100%;
    background: none !important;
}
.content-box  .getCode:hover{
    opacity: 0.8;
}
.content-box  input::-webkit-input-placeholder {
    color: #666666;
    font-size: 16px;
}
.content-box input[name="color"]::-webkit-input-placeholder { /* WebKit browsers */
    color: red;
    font-size:15px;

}
.content-box .verifyimg{ height: 40px; width: 120px; cursor: pointer; border-radius:0 25px 25px 0; position: absolute; right:3px; top:5px; z-index: 2;}
.content-box input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #F7F8FA inset; }
.content-box input[type=text]:focus, input[type=password]:focus, textarea:focus {-webkit-box-shadow: 0 0 0 1000px #F7F8FA inset; }
/*2024-2-21新版注册样式结束*/

/*--2024-2-21新版找回密码样式开始--*/
.sign-box{
    background: url("../img/sign-in-page.png") no-repeat;
}
.sign-box .sign-content{
    width: 484px;
    position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
    background: none;
    z-index: 10;
}
.sign-box .sign-content .page-text{
    width: 100%;
}
.sign-box .sign-content .login-model{
    width: 100%;
    height: 520px;
}
.sign-box .sign-content .login-model h4{
    margin-bottom: 0;
}
.sign-box .sign-content .login-model ul li {
    margin-top: 32px;
}
.sign-box .sign-content .login-model ul .sumbitBtn{
    margin-top: 56px;
}
/*2024-2-21新版找回密码样式结束*/