@charset "utf-8";

:root{
	--main_color: #18E2B3;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

a {
    text-decoration: none;
    color: initial;
}
body * {
    box-sizing: border-box;
    flex-shrink: 0;
    line-height: inherit;
}
body {
    font-family:'Noto Sans', Microsoft YaHei,Arial,sans-serif;
	font-weight: normal;
    font-size: 12px;
}
body,h1,h2,h3,h4,h5,h6,p ,ul,ol,dd,table,input,textarea,dl{padding: 0;margin:0;}
input {
    background-color: transparent;
    border: 0;
}
button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    background-color: transparent;
}
ul,li{list-style: none;}
img{
    max-width: 100%;
    vertical-align: top;
}
input:focus,textarea:focus,select:focus{outline: none;}
textarea{resize:none;}
.clear:after{content: "";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
.clear{zoom:1;}
.left{
    float: left;
}
.right{
    float: right;
}

.login_svg1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.36rem;
}
.login_bg {
    background: url(../images/login_bg.jpg);
    min-height: 100vh;
    width: 100%;
    position: relative;
    background-size: cover;
}

.login_svg2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 3.6rem;
}
.login_img {
    position: absolute;
    width: 8.66rem;
    top: 0.2rem;
    left: .8rem;
}
.login_form {
    position: absolute;
    width: 5.6rem;
    border-radius: .4rem;
    border: 0.07rem solid #FFF;
    background: linear-gradient(167deg, #E5FFFB -2.74%, #FFF 53.27%, #F4FFFC 108.54%);
    padding: .7rem .4rem;
    right: 3rem;
    top: 2rem;
}

.login_h2 {
    font-size: .4rem;
}

.login_h2 span {
    color: #18E2B3;
    font-size: .48rem;
    font-weight: bold;
    margin-bottom: .1rem;
}

.wsnn_login-prompt {
    color: #C2CCD3;
    font-size: .24rem;
    margin-bottom: .57rem;
    margin-top: .1rem;
}

.wsnn_login-prompt a {
    color: #18E2B3;
}


.wsnn_input-group{position:relative;margin-bottom:0.3rem;height:0.7rem;}
.wsnn_input-icon{position:absolute;left:0.18rem;top:50%;transform:translateY(-50%);width:0.24rem;height:0.24rem;display:flex;align-items:center;justify-content:center;z-index:2;}
.wsnn_form-input{position:absolute;width:100%;height:100%;padding:0 0.6rem;border: 0.01rem solid #C2CCD3;border-radius:0.12rem;font-size:0.16rem;transition:all 0.3s;background: transparent;z-index:1;}
.wsnn_form-input:focus{border-color:var(--main_color);outline:none;box-shadow:0 0 0.1rem rgba(167, 91, 21, 0.3);}
.wsnn_get-code-btn{position:absolute;right:0.1rem;top:50%;transform:translateY(-50%);height:0.5rem;padding:0 0.15rem;background:none;color:var(--main_color);border:none;border-radius:0.25rem;font-size:0.16rem;cursor:pointer;transition:all 0.3s;font-family:"Source Han Sans CN";z-index:2;}
.wsnn_get-code-btn:hover{color:var(--main_color);}
.wsnn_get-code-btn:disabled{color:#c5b7a9;cursor:not-allowed;}
.wsnn_next-btn{width:100%;height:0.7rem;background:var(--main_color);color:white;border:none;border-radius:0.12rem;font-size:0.28rem;cursor:pointer;transition:all 0.3s;border-radius: .5rem;background: linear-gradient(92deg, #AF18E2 1.3%, #1463D7 60.24%, #7F45FF 107%);}
.wsnn_next-btn:hover{/* background: var(--main_color); */transform:translateY(-0.03rem);}
.wsnn_prev-btn{width:48%;height:0.7rem;background:#f1f1f1;color: #ffffff;border:none;border-radius:0.35rem;font-size:0.28rem;margin-top:0.2rem;cursor:pointer;transition:all 0.3s;float:left;border-radius: 12px;background: #A09BA2;}
.wsnn_prev-btn:hover{background: #e3e3e3;color: #000;}
.wsnn_register-btn{width:48%;height:0.7rem;background:#A75B15;color:white;border:none;border-radius:0.35rem;font-size:0.28rem;margin-top:0.2rem;cursor:pointer;transition:all 0.3s;float:right;border-radius: .12rem;background: linear-gradient(92deg, #AF18E2 1.3%, #1463D7 60.24%, #7F45FF 107%);}
.wsnn_register-btn:hover{transform:translateY(-0.03rem);}
.wsnn_btn-container{overflow:hidden;}
.wsnn_agreement{display:flex;align-items:center;margin:0.2rem 0;padding:0 0.1rem;cursor:pointer;}
.wsnn_agreement-check{display:flex;align-items:center;margin-right:0.1rem;cursor:pointer;}
.wsnn_agreement-text{font-size:0.16rem;color:#A39689;}
.wsnn_agreement-text a{color:var(--main_color);text-decoration:none;transition:all 0.3s;}
.wsnn_agreement-text a:hover{text-decoration:underline;}
.wsnn_form-step{display:none;}
.wsnn_form-step.active{display:block;}
.wsnn_password-strength{height:0.1rem;background:#f1f1f1;border-radius:0.05rem;margin-top:0.1rem;overflow:hidden;position:relative;}
.wsnn_strength-meter{height:100%;width:0;background:#e74c3c;transition:width 0.3s, background 0.3s;}
.wsnn_strength-text{font-size:0.14rem;color:#A39689;margin-top:0.05rem;text-align:right;}
.wsnn_input-icon svg{height:auto;max-width:100%;}
@media screen and (max-width: 980px){
.wsnn_get-code-btn{font-size:.2rem;}
.wsnn_form-input{font-size:.2rem;}
.wsnn_agreement-text{font-size:.2rem;}
.wsnn_strength-text{font-size:.2rem;margin-top:0.15rem;}
}

.wsnn_alert-message {
    font-size: 0.2rem;
    color: #666;
    margin-top: 0.2rem;
}

.wsnn_alert-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:101;align-items:center;justify-content:center;}
.wsnn_alert-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.wsnn_alert-content{width:5rem;background:white;border-radius:0.15rem;padding:0.4rem;text-align:center;box-shadow:0 0.1rem 0.3rem rgba(0, 0, 0, 0.2);}
.wsnn_alert-title{font-size:0.24rem;color:#333;font-weight:500;}
.wsnn_alert-btn{background: linear-gradient(92deg, #AF18E2 1.3%, #1463D7 60.24%, #7F45FF 107%);color:white;border:none;padding:0.1rem 0.4rem;border-radius:0.1rem;font-size:0.2rem;cursor:pointer;transition:all 0.3s;margin-top:0.3rem;}
.wsnn_alert-btn:hover{/* background: #54128a; */}
@media screen and (max-width: 980px){
.wsnn_alert-title{font-size:.28rem;}
.login_img {
    display: none;
}
.login_form {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border: none;
}
}

a.wjmm {
    font-size: 21px;
    style="display: flex;margin-top: 19px;";
    display: flex;
    margin-top: 19px;
}

svg.icon {}