.footer{display: none;}

a{color: #c2c4d7;}
.blank{height:530px}
.mask{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 1000;
    opacity: 0.49;
}
.goIndex{position:absolute;top:0;width:100%;height:100%;}
.dialog{position:absolute;top:0;width:100%;height:100%;display: flex;justify-content: center;padding-top:140px}
.dialog-title{font-size:34px;text-align: center;font-weight:700;}
.dialog-message{font-size: 32px;margin: 20px 0 40px;}
.dialog-content{ 
    z-index:1001;
    width:460px;
    height:460px;
    background-color:#ffffff;
    border-radius:20px;
    top: 12%;
}
.login .logo{width:175px;height:78px;margin:0 auto;margin-top:20px;margin-bottom:30px;}
.login-tab{
    margin: 0 auto;
    
    width:350px;
    display: flex;
    justify-content:space-around;
    color:#858da8;
    font-size:18px;
    font-family: PingFangSC-Semibold, PingFang SC;
    color: #C2C4D7;}
.login-tab .on{color:var(--defaultColor)}

#wxlogin,#login-tab-1,#login-tab-2{cursor: pointer;}

#wxlogin{display: block;}
.wxlogin{margin:0 auto;text-align: center;font-size: 18px;font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #C2C4D7;}
.wxlogin img{width:100px;height:100px;margin:60px 0 30px 0}

#userlogin{display: none;}
#userlogin, #wxlogin{margin:0 auto;width:380px}
#userlogin input{border:0;font-size:16px;width:100%}
.userlogin-mobile{display: flex;align-items: center; margin:30px 0 15px 0; }
.userlogin-mobile-code{
    width:100px;
    display: flex;
    align-items: center;
    justify-content: space-between; 
    padding-left:10px;
    height: 40px;
    border: 2px solid var(--defaultColor);
    border-radius: 7px;
    position: relative;
}
.userlogin-mobile-code-input{display: none;flex:1}
.userlogin-mobile .phone-code-div2{
    border-radius: 5px;
    display:none;
    color:#666;
    position: absolute;
    top:40px; 
    font-size: 16px;
    background-color: #fff;border:1px solid var(--defaultColor);
    padding:5px 0;
    width:110px;
    left: 0;
}
.userlogin-mobile .phone-code-div2 .phone-selectcode{padding:8px 10px;cursor: pointer;}
.userlogin-mobile .phone-code-div2 .phone-selectcode:hover{background-color:var(--greyColor);}
.code-jiange{margin:0 15px}
.phone-div{padding:0 15px; border:1px solid var(--greyColor);height:40px;flex:1;border-radius: 5px;display: flex;align-items: center;}
.userlogin-mobile-code-add{color:var(--defaultColor);font-size: 18px;font-weight: 700;margin-top:-3px;width:20px}
.userlogin-mobile-code-value{color:var(--defaultColor);font-size: 16px;font-weight: 700;flex:1}
.show-drop{width:25px;height:40px;line-height: 40px;cursor: pointer;}
.show-drop img{width:8px;height:8px;margin-left:5px}
.pwsdiv{
    border:1px solid var(--greyColor);
    margin-top:15px;
    display: flex;
    justify-items: center;
    height:40px;
    padding:0 15px;
    border-radius: 5px;
}
.userlogin-btn{
    margin-top:15px;
    width: 380px;
    height: 52px;
    background-color: var(--defaultColor);
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 52px;
    border-radius: 7px;
    cursor: pointer;
}
.userlogin-other{width: 380px;display: flex;justify-content: space-between;margin-top:15px;font-family: PingFangSC-Semibold;
    color: #c2c4d7;}

.register  #userlogin{display: block;}
.register .dialog-content{height:750px}
.register .userlogin-mobile{margin-top:0}

.userlogin-checkcode{
    margin-bottom:15px;border:1px solid var(--greyColor);
    margin-top:10px;
    display: flex;
    justify-items: center;
    height:40px;
    padding:0 15px;
    border-radius: 5px;}
.userlogin-checkcode{display: flex;justify-content: space-between;align-items: center;}
.userlogin-checkcode input{border:1px;height:35px;line-height: 35px;width:100px;font-size:16px;border:1px solid var(--greyColor);}
.get-code{
    background-color: var(--defaultColor);
    color: #fff;
    padding: 7px 10px;
    text-align: center;
    width: 150px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 4px;
}
#userlogin .userlogin-checkcode input{width:150px}
.get-code2{
    display: none;
    background-color: #999;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    width: 150px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 4px;
}
.get-code2 span{color:var(--defaultColor)}
#userlogin #tmp_phone_code{color:var(--defaultColor);}
.inter-code{
    display: flex;justify-content: space-between;justify-items: center;
    padding-left:0px;
    padding-right:0px;
}
.inter-code img{border-radius: 5px;}
#userlogin  input.vercode{width:140px;border-radius: 5px;}
.pwddiv{display: flex;justify-content: space-between;}
.pwddiv .pwsdiv{width:48%}


.login-tab-btn {
    margin: 0 auto;
    width:380px;
}

.login-tab-btn .menu-btn {
    text-align: center;
    padding: 8px 0;
    margin-bottom: 10px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 16px;
    color: #243451;
}

.login-tab-btn .menu-btn img {
    width: auto;
    max-width: 30px;
    height: 25px;
}
.login-tab-btn .wechat-btn {
    background-color: #00C764;
    color: #fff;
}

.login-tab-btn .order-search-btn {
    border: 1px solid var(--greyColor);
    color: #243451;
}

.login-tab-btn .google-btn {
    background-color: #3563ae;
    color: #fff;
}

.login-tab-btn .divider {
  display: flex;
  align-items: center;
  text-align: center;
  color: #aaa;
  font-size: 15px;
  margin: 15px 0 10px 0;
}

.login-tab-btn .divider::before,
.login-tab-btn .divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #ccc;
}

.login-tab-btn .divider span {
  padding: 0 10px;
}