.signup-page{background: url(../../image/44/sgin-inout.jpg) no-repeat center;background-size: 100%;}
.signup-page .sgin-bj{position: absolute;top: 0;left:50%;-webkit-transform: translate(-50%,-0%);}
.signup-page .container{min-height: 1000px;position: relative;width:70%;margin: auto;}
.signup-page .to-sign{font-size: 18px;font-weight: 600;letter-spacing:1px;margin-bottom: 20px;}
.signup-page .sin-bj{background: #fff;width:600px;height:auto;position: absolute;top:50%;left:8%;-webkit-transform: translate(0%,-56%);padding: 40px;box-shadow: 10px 10px 20px rgb(34 25 25 / 20%);}
.signup-page .logon{background: var(--btn-black);width: 100px;text-align: center;height:30px;line-height:26px;border-radius: 50px;opacity: .8;}
.signup-page .logon:hover{opacity: 1;}
.signup-page .logon .return{color: #fff;font-size: 14px;font-weight: 500;}
.signup-page .logon i{font-weight: 600;padding-right: 10px;}
.forgotmain .step{height:90px;}
.forgotmain .step li{line-height:32px;color:#666;float:left;position:relative;text-align:center;width:25%;border-bottom:2px solid #ddd;height:24px;}
.forgotmain .step li b{margin:auto;font-size:15px;color:#666;border-radius:40px;background:#F1F1F1;line-height:35px;width:45px;height:45px;border:6px solid #fff;display:block;}
.forgotmain .step .active{color: #000;}
.forgotmain .step .active b{ background: var(--btn-black);color: #fff;}

.forgot-password{margin:auto;width:100%;padding:60px 0px;padding-bottom: 0;}
.forgot-password .t-title {font-weight:bold;font-size:16px;padding-bottom: 5px;}
.forgot-password .red {color: #EF6F81;}
.forgot-password  li { margin-bottom: 20px;position: relative;text-align: left;}
.forgot-password  li .red{color:#EF6F81}
.forgot-password .form-control{height:40px;line-height:20px;width:100%}
.forgot-password .btn-m {width: 100%;text-align: center;position:relative;margin-top: 26px;}
.forgot-password .btn-m .tips{top: -44px;}

.forgot-password .btn-m .loader-inner i {margin-top:9px; font-size: 24px;color:#666}
.forgot-password .btn-m .btn {width: 100%;margin: auto;height: 44px;font-size: 16px; margin-top: 0px;padding: 0;}

.forgot-password .btn-m .countdown{line-height: 45px;width: 100%;background: #b4b4b4;color: #fff;cursor: default;position: absolute;top: 0px;opacity: 1;left: 0px;}
.forgot-password .btn-m .loader-inner{display:none;position: absolute;top:-1px;opacity: 1;cursor:default;background:#fff;height: 48px;}
.forgot-password .btn-m .btn .btn-preloader{display: block;}
.forgot-password .ant-tip{text-align: center;padding-bottom:16px;font-weight:bold;font-size: 15px;width: 104%;}
.forgot-password .tip-anc{text-align: center;color:#EF6F81;font-weight:bold;font-size: 22px;}

.forgot-password .cold-btn { position: absolute; right:0px;top: 24px;}
.forgot-password .cold-btn .btn { background: #4560ab;color: #fff;height: 25px;line-height: 23px; top:10px;  right: 10px; border-radius: 5px; font-size: 12px;  padding: 0px 15px;position:relative}
.forgot-password .cold-btn .countdown{padding: 16px 12px; font-weight: bold;color: #8f8f8f; font-size: 11px;}

.forgotmain .maill-step li {width: 23.3%;}
.forgotmain .mobile-success {text-align:center;padding-bottom:30px;}
.forgotmain .mobile-success .ico{width:60px;margin:auto;height:60px;text-align:center;border:3px solid #208d33;line-height:66px;border-radius:60px}
.forgotmain .mobile-success .ico i{font-size:30px;color:#208d33;}
.forgotmain .mobile-success p{font-size:20px;color:#208d33;text-align:center;padding:20px 0px;line-height: 25px;}
.forgotmain .mobile-success .btn{margin:auto;padding:5px 42px;}
.forgotmain .substance{ color: rgb(61 163 3 / 60%) }
.forgotmain .error-expired{ color:#F27474 }
.forgotmain  .inputwarp{padding-left:140px;position:relative;padding-top:22px}
.forgotmain  .inputwarp .word-h{height: 35px;}

.forgotmain .emailtip {border-top:1px dashed #ddd;margin-top: 20px;}
.forgotmain .emailtip .title{font-weight:bold;padding-top:30px;}
.forgotmain .emailtip p{padding:4px 0px;color:#666}

.forgotmain .select dt{line-height:26px;padding: 6px 12px;border: 1px solid #ddd;height: 40px;}
.forgotmain .select dt:hover{border: 1px solid var(--btn-black);}
.forgotmain .select i{padding-right:4px; color: #000;font-weight:normal;}
.forgotmain .select dd{ background:#fff;width:100%;  box-shadow: 0 6px 12px rgba(0,0,0,.175);border-radius:5px; position: absolute;left:0px;top: 39px;z-index: 99;}
.forgotmain .select dd span{display:block;line-height:30px;font-size: 14px; width:100%;padding-left:14px}
.forgotmain .select dd span:hover{background:#f5f5f5}
.forgotmain .select dd li{margin-bottom:0px;padding: 5px 6px;font-size:12px;z-index:3}
.forgotmain .select dd  ul{padding:0px;}
.forgotmain .select .caret{position:absolute;right:12px;top:20px}
.forgotmain .select {position: relative;margin: 0px;cursor: pointer;}

@media screen and (max-width:768px){
  .signup-page .container{width: auto;}
}

@media screen and (max-width:980px){
  .signup-page .sin-bj.security{width: 100%;left: auto;}
  .signup-page .container{width: 100%;min-height: 741px;}
}