@import url("./toast.css");

html,
body {
    height: 100%;
    background-size: 100% 80%;
}

.logintitlebox {
    padding: 1.07rem 0.375rem 0;
}

.logintitlebox div:first-child {
    font-size: 0.25rem;
    font-weight: 600;
    /* color: #333333; */
    color:#333333;
}

.logintitlebox div:last-child {
    font-size: 0.15rem;
    color: #999999;
    padding-top: 0.1rem;
}

.phoneloginmodebox {
    padding: 1.5rem 0.375rem;
    display: none;
}

.phonebox {
    display: flex;
    align-items: center;
    width: 3rem;
    height: 0.44rem;
    /* background-color: #F5F5F5; */
    /* border-radius: 0.5rem; */
    border-bottom:#E3DFE0 1px solid;
}

.phonebox input {
    width: 50%;
    padding-left: 0.15rem;
}

.shoujiimgbox {
    width: 0.11rem;
    height: 0.17rem;
    padding-left: 0.21rem;
}

.shoujiimgbox img {
    width: 100%;
    height: 100%;
}

input {
    /* background-color: #F5F5F5; */
    /* padding-left: 0.13rem; */
    background-color: transparent;
    width: 70%;
    font-size: 0.16rem;
    
    color: black;
}

/* .yanzhengmabox {
    margin-top: 0.15rem;
}

.yanzhengmabox input {
    width: 50%;
}

 */


.yzmimgbox {
    width: 0.125rem;
    height: 0.155rem;
    padding-left: 0.21rem;
}

.yzmimgbox img {
    width: 100%;
    height: 100%;
}

.sendyzm {
    width: 0.8rem;
    font-size: 0.14rem;
    color: #DBA68A;
    /* padding-right: 0.2rem; */
}

#again {
    font-size: 0.14rem;
    color: #cccccc;
    padding-right: 0.2rem;
    width: 0.7rem;
    text-align: center;
}

.phoneconfirm {
    width: 3rem;
    height: 0.44rem;
    /* background-color: #DBA68A; */
    background-color: #FE644A;
    color: #ffffff;
    font-size: 0.16rem;
    text-align: center;
    line-height: 0.44rem;
    border-radius: 0.5rem;
    margin-top: 0.3rem;
}

.cardtablogin,
.phonetablogin {
    font-size: 0.13rem;
    /* color: #4D4D4D; */
    color:#FE644A;
    text-align: right;
    padding-top: 0.15rem;
}

.cardNologinmodebox {
    padding: 2.19rem 0.375rem;
    /* display: none; */
}

.cardbox,
.passwordbox
/* ,
.yanzhengmabox */
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 3rem;
    height: 0.44rem;
    /* background-color: #F5F5F5; */
    /* border-radius: 0.5rem; */
    border-bottom: #E3DFE0 1px solid;
}

.cardnoimgbox {
    width: 0.14rem;
    height: 0.12rem;
    padding-left: 0.195rem;
}

.cardnoimgbox img {
    width: 100%;
    height: 100%;
}

.saoyisaoimgbox {
    width: 0.16rem;
    height: 0.16rem;
    padding-right: 0rem;
}

.saoyisaoimgbox img {
    width: 100%;
    height: 100%;
}

.passwordbox {
    margin-top: 0.15rem;
}

.passwordimgbox {
    width: 0.125rem;
    height: 0.155rem;
    padding-left: 0.195rem;
}

.passwordimgbox img {
    width: 100%;
    height: 100%;
}

.viewimgbox {
    width: 0.2rem;
    height: 0.16rem;
    /* padding-right: 0.2rem; */
}

.viewimgbox img {
    width: 100%;
    height: 100%;
}

.cardyzmimgbox {
    width: 0.13rem;
    height: 0.15rem;
    padding-left: 0.19rem;
}

.cardyzmimgbox img {
    width: 100%;
    height: 100%;
}

.codeimgbox {
    width: 0.76rem;
    height: 0.23rem;
    padding-right: 0.2rem;
}


.codeimgboxs {
    width: 0.8rem;
    height: 0.23rem;
    /* padding-right: 0.2rem; */
    color: #FE644A;
}

.codeimgbox img {
    width: 100%;
    height: 100%;
}

.cardconfirm {
    width: 3rem;
    height: 0.44rem;
    /* background-color: #DBA68A; */
    background-color:#FE644A;
    /* color: #ffffff; */
    color:#F0F0F0;
    font-size: 0.16rem;
    text-align: center;
    line-height: 0.44rem;
    border-radius: 0.5rem;
    margin-top: 0.15rem;
}


.cardvoucherloginmodebox {
    padding: 1.19rem 0.375rem;
    display: none;
}

.cardvoucherbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 3rem;
    height: 0.44rem;
    background-color: #F5F5F5;
    border-radius: 0.5rem;
}


.cardvoucherimgbox {
    width: 0.14rem;
    height: 0.12rem;
    padding-left: 0.195rem;
}

.cardvoucherimgbox img {
    width: 100%;
    height: 100%;
}


.xjtimgbox {
    width: 0.095rem;
    height: 0.045rem;
    padding-right: 0.2rem;
}

.xjtimgbox img {
    width: 100%;
    height: 100%;
}

.cardvoucherconfirm {
    width: 3rem;
    height: 0.44rem;
    background-color: #DBA68A;
    color: #ffffff;
    font-size: 0.16rem;
    text-align: center;
    line-height: 0.44rem;
    border-radius: 0.5rem;
    margin-top: 1.39rem;
}

.zzc {
    width: 90%;
    height: 1200px;
    background: #333333;
    position: fixed;
    top: 0;
    left: 5%;
    z-index: 1000;
    opacity: 0.6;
    display: none;
}

.icon-guanbi1 {
    color: #ffffff;
    position: fixed;
    top: 0.1rem;
    right: 0.3rem;
}

.zzc-box {
    width: 3rem;
    position: fixed;
    top: 55%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1000;
    /* overflow:hidden; */
    /* background-color: #fff; */
    border-radius: 0.1rem;
    text-align: center;
    display: none;
}


.aaa {
    position: relative;
    height: 100%;
}

.bbb {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

.swiper-container {
    width: 95%;
    height: 100%;
}

.swiper-slide {
    /* text-align: center; */
    font-size: 18px;
    background: #fff;
    color: #ffffff;
    /* Center slide text vertically */
    /* display: -webkit-box; */
    /* display: -ms-flexbox; */
    /* display: -webkit-flex; */
    display: flex;
    /* -webkit-box-pack: center; */
    /* -ms-flex-pack: center; */
    /* -webkit-justify-content: center; */
    /* justify-content: center; */
    justify-content: space-between;
    /* -webkit-box-align: center; */
    /* -ms-flex-align: center; */
    /* -webkit-align-items: center; */
    /* align-items: center; */
    transition: 300ms;
    transform: scale(0.8);
}

.swiper-slide-active,
.swiper-slide-duplicate-active {
    transform: scale(1);
}

.cardleftbox {
    padding: 0.1rem;
    font-size: 0.12rem;
}

.cardlogoimgbox {
    width: 0.57rem;
    height: 0.445rem;
}

.cardlogoimgbox img {
    /*     width: 0.57rem;
    height: 0.445rem; */
    width: 100%;
    height: 100%;
}

.cardno {
    padding-top: 0.1rem;
}

.riqi {
    display: flex;
    padding-top: 0.1rem;
}

.shuoming {
    display: flex;
    padding-top: 0.25rem;
}

.cardrightbox {
    padding: 0.1rem;
    font-size: 0.12rem;
}

.kaleixing {
    display: flex;
    justify-content: flex-end;
}

.yue {
    /* position: absolute; */
    padding-top: 1rem;
}


.bigger {
    /* border: 1px solid white; */
}

.locationHole {
    /* width: 15px; */
    /* margin-top: 25px; */
    /* margin-left: 995px; */
    /* height: 200px; */
    /* margin-bottom: 25px; */
    /* border: 1px solid violet; */
    position: fixed;
    right: 0.25rem;
    top: 49%;

}

.locationHole ul li {
    width: 0.07rem;
    height: 0.07rem;
    background-color: white;
    border-radius: 50%;
    /*     margin-top: 5px;
    margin-bottom: 5px; */
    margin: 0.07rem 0;
    list-style: none;
    opacity: 0.5;
}



.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 98%;
    border-radius: 0.1rem;
}


/* .yanzhengmabox {
    margin-top: 0.15rem;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    width: 3rem;
    height: 0.44rem;
    border-bottom: #E3DFE0 1px solid;
        
} */



.yanzhengmabox {
    margin-top: 0.15rem;
    display: flex; /* 去掉 !important */
    align-items: center; /* 去掉 !important */
    justify-content: space-between;
    width: 3rem;
    height: 0.44rem;
    border-bottom: #E3DFE0 1px solid;
    /* display: none; /* 初始隐藏（关键） */ */
}

#yzm {
    height: 0.44rem !important;
    line-height: 0.44rem !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 1 !important; /* 让输入框自动填充剩余空间 */
    color: black !important;

}


.yzms {
    height: 0.44rem !important;
    line-height: 0.44rem !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 1 !important; /* 让输入框自动填充剩余空间 */
    color: black !important;
    padding-left: 0.15rem;

}


/* 隐藏状态 */
.hidden {
  display: none;
}

/* 显示状态（默认，可省略） */
.visible {
  display: block; /* 或 inline-block/flex 等，根据布局需求 */
}


.codeimgbox {
    width: 0.76rem;
    height: 0.44rem !important;
    padding-right: 0.2rem;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end;
}

#imgVerify {
    max-height: 0.23rem;
    vertical-align: middle !important;
}



.yinsiquanbox {
    /* 关键：启用flex布局让子元素横向排列 */
    display: flex;
    /* 垂直方向居中对齐 */
    align-items: center;
    /* 可选：添加一点间距 */
    margin: 0.18rem 0;
    padding-left: 0.175rem; /* 与其他输入框左对齐 */
}

/* 调整选择框图片大小和间距 */
.xuanzhongimgbox {
    width: 0.17rem; /* 根据实际图片大小调整 */
    height: 0.15rem;
    margin-right: 0.1rem; /* 图片和文字之间的间距 */
}

.xuanzhongimgbox img {
    width: 100%;
    height: 100%;
    vertical-align: middle; /* 图片自身垂直居中 */
}

/* 文字样式调整 */
.yinsiquanbox p {
    font-size: 0.13rem; /* 适当调整字体大小 */
    color: #666666; /* 文字颜色 */
    margin: 0; /* 清除默认margin */
    line-height: 1; /* 行高与文字大小一致 */
}

/* 链接样式（可选） */
.yinsiquanbox p span {
    color: #FE644A; /* 协议文字颜色 */
    /* margin: 0 0.05rem; */
}












       /* 触发弹窗的文字样式 */
        .privacy-policy {
            color: #0066cc;
            cursor: pointer;
            text-decoration: underline;
        }

        /* 弹窗遮罩层 */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 10000;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* 弹窗容器 */
        .modal-container {
            width: 90%;
            max-width: 600px;
            background-color: #fff;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            position: relative;
            max-height: 80vh; /* 限制弹窗最大高度为视口的80% */
            transform: translateY(20px);
            transition: transform 0.3s ease;
        }

        .modal-overlay.active .modal-container {
            transform: translateY(0);
        }

        /* 弹窗标题栏 */
        .modal-header {
            padding: 16px 20px;
            border-bottom: 1px solid #eee;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: sticky;
            top: 0;
            background-color: #fff;
            z-index: 10;
        }

        .modal-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
        }

        /* 关闭按钮 */
        .modal-close {
            background: none;
            border: none;
            font-size: 24px;
            cursor: pointer;
            color: #999;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: background-color 0.2s;
        }

        .modal-close:hover {
            background-color: #f5f5f5;
            color: #333;
        }

        /* 弹窗内容区域（支持滚动） */
        .modal-content {
            padding: 20px;
            max-height: calc(80vh - 110px); /* 减去标题栏和底部按钮的高度 */
            overflow-y: auto; /* 启用垂直滚动 */
            font-size: 14px;
            color: #666;
            line-height: 1.8;
        }

        /* 章程内容样式优化 */
        .modal-content h3 {
            font-size: 16px;
            color: #333;
            margin: 16px 0 8px;
            font-weight: 600;
        }

        .modal-content p {
            margin-bottom: 12px;
        }

        .modal-content .chapter {
            margin-bottom: 20px;
        }

        .modal-content .article {
            margin-bottom: 8px;
            padding-left: 4px;
        }

        /* 底部按钮区域 */
        .modal-footer {
            padding: 16px 20px;
            border-top: 1px solid #eee;
            text-align: right;
            position: sticky;
            bottom: 0;
            background-color: #fff;
        }

        .modal-confirm {
            padding: 8px 20px;
            background-color: #0066cc;
            color: white;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 14px;
            transition: background-color 0.2s;
        }

        .modal-confirm:hover {
            background-color: #0052a3;
        }
        
        
        
        
        
        
        
              /* 服务协议弹窗样式 */
                .agreement-modal {
                    position: fixed;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background: rgba(0, 0, 0, 0.5);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                   z-index: 10000;
                   opacity: 0;
                   visibility: hidden;
                    padding: 20px;
                }
        
                .agreement-container {
                    width: 100%;
                    max-width: 700px;
                    background: #fff;
                    border-radius: 12px;
                    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
                    max-height: 90vh;
                    overflow: hidden;
                    display: flex;
                    flex-direction: column;
                }
        
                .agreement-header {
                    padding: 18px 24px;
                    border-bottom: 1px solid #f0f0f0;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    background: #fafafa;
                }
        
                .agreement-title {
                    font-size: 18px;
                    font-weight: 600;
                    color: #333;
                    margin: 0;
                }
        
                .agreement-close {
                    background: none;
                    border: none;
                    font-size: 24px;
                    cursor: pointer;
                    color: #999;
                    width: 36px;
                    height: 36px;
                    border-radius: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    transition: all 0.2s;
                }
        
                .agreement-close:hover {
                    background: #f5f5f5;
                    color: #333;
                }
        
                .agreement-content {
                    padding: 24px;
                    flex: 1;
                    overflow-y: auto;
                    font-size: 15px;
                    line-height: 2;
                    color: #555;
                }
        
                .agreement-content h3 {
                    font-size: 17px;
                    color: #222;
                    margin: 25px 0 15px;
                    font-weight: 600;
                    margin-top: 30px;
                }
        
                .agreement-content h3:first-child {
                    margin-top: 0;
                }
        
                .agreement-content p {
                    margin-bottom: 16px;
                    text-align: justify;
                }
        
                .agreement-content ol {
                    padding-left: 20px;
                    margin-bottom: 16px;
                }
        
                .agreement-content li {
                    margin-bottom: 12px;
                }
        
                .agreement-footer {
                    padding: 16px 24px;
                    border-top: 1px solid #f0f0f0;
                    text-align: right;
                    background: #fafafa;
                }
        
                .agreement-confirm {
                    padding: 10px 24px;
                    background: #FE644A;
                    color: white;
                    border: none;
                    border-radius: 6px;
                    cursor: pointer;
                    font-size: 15px;
                    transition: background 0.3s;
                }
        
                .agreement-confirm:hover {
                    background: #e8543a;
                }
        
                /* 触发按钮样式*/
                .agreement-trigger {
                    color: #FE644A;
                    cursor: pointer;
                    text-decoration: underline;
                }
                
                
                
/* 切换按钮样式（文字靠右） */
.switch-btn {
    
    padding-top: 0.08rem;
    background: transparent;
    color: #FE644A;
    border-radius: 0.04rem;
    font-size: 0.14rem;
    cursor: pointer;
    transition: all 0.3s;
    width: 3rem; /* 与输入框宽度一致，确保对齐 */
    height: 0.44rem; /* 与输入框高度一致 */
    text-align: right; /* 文字靠右对齐 */
    /* 去除默认按钮样式影响 */
    display: block;
    box-sizing: border-box;
}

/* .switch-btn:hover {
    background: #FE644A;
    color: white;
} */




.cardPwdYZ {
  display: flex;         /* 启用Flexbox布局 */
  align-items: center;   /* 垂直居中对齐 */
  gap: 0.1rem;             /* 元素之间的间距 */
  /* 可根据需要添加其他样式，如宽度、padding等 */
  width: fit-content;    /* 让容器适应内容宽度 */
  border-bottom: #E3DFE0 1px solid;
}

/* 可以为输入框和验证码图片容器添加适当的样式 */
#yzm {
  /* 根据需要设置输入框宽度 */
  width: 2rem;
  padding: 0.6rem 1rem;
}

.codeimgbox {
  /* 确保图片容器不会压缩 */
  flex-shrink: 0;
}

#imgVerify {
  /* 确保图片正确显示 */
  height: 34px; /* 与输入框高度保持一致 */
  vertical-align: middle;
}

/* 新版登录页 */
html,
body {
    min-height: 100%;
    height: auto;
    background-color: #F7F8FA;
}

body {
    margin: 0;
    color: #111111;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}

.login-page,
.login-page input,
.login-page button {
    font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif;
}

.login-page {
    min-height: 100vh;
    min-height: 100dvh;
    padding-bottom: env(safe-area-inset-bottom);
    box-sizing: border-box;
    overflow: hidden;
    background: linear-gradient(155deg, #eaf4ff 0, #dcecff 23%, #eef0ff 42%, #ffffff 62%);
}

.login-hero {
    position: relative;
    height: 2.3rem;
    padding-top: env(safe-area-inset-top);
    box-sizing: content-box;
    overflow: hidden;
}

.login-hero-pattern {
    position: absolute;
    top: calc(env(safe-area-inset-top) + 0.28rem);
    left: 0.52rem;
    width: 2rem;
    height: 1.84rem;
    opacity: 0.55;
}

.login-hero-shop {
    position: absolute;
    right: 0.2rem;
    bottom: -0.08rem;
    width: 1.08rem;
    height: 1.13rem;
    object-fit: contain;
}

.login-welcome {
    position: relative;
    z-index: 1;
    padding: 0.88rem 0.22rem 0;
}

.login-welcome h1 {
    margin: 0;
    font-size: 0.21rem;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: 0.005rem;
}

.login-welcome p {
    margin: 0.05rem 0 0;
    color: #6f7177;
    font-size: 0.14rem;
    line-height: 1.5;
}

.login-panel {
    position: relative;
    z-index: 2;
    width: calc(100% - 0.32rem);
    min-height: 3.4rem;
    margin: -0.48rem auto 0;
    padding-bottom: 0;
    overflow: hidden;
    border-radius: 0.14rem 0.14rem 0 0;
    background: transparent;
    box-sizing: border-box;
}

.login-tabs {
    display: flex;
    height: 0.5rem;
    margin-bottom: 0;
    background: transparent;
}

.login-tab {
    position: relative;
    flex: 1;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #77787d;
    font-size: 0.17rem;
    font-weight: 600;
    line-height: 0.5rem;
    opacity: 1;
}

.login-tab:not(.active) {
    border-top: 1px solid rgba(255, 255, 255, 0.42);
    background: rgba(255, 255, 255, 0.18);
    color: rgba(75, 76, 82, 0.62);
    -webkit-backdrop-filter: blur(0.08rem) saturate(125%);
    backdrop-filter: blur(0.08rem) saturate(125%);
}

.login-tab.active {
    border-radius: 0.14rem 0.14rem 0 0;
    background: #ffffff;
    color: #111111;
    opacity: 1;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.login-tab.active::after {
    position: absolute;
    bottom: 0.08rem;
    left: 50%;
    width: 0.38rem;
    height: 0.025rem;
    border-radius: 0.02rem;
    background: #4f94ff;
    content: "";
    transform: translateX(-50%);
}

.login-form,
.phoneloginmodebox,
.cardNologinmodebox {
    display: none;
    padding: 0.28rem 0.16rem 0.32rem;
    background: #ffffff;
    box-sizing: border-box;
}

.login-form.active {
    display: block;
}

.phonebox,
.yanzhengmabox,
.cardbox,
.passwordbox,
.cardPwdYZ {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 0.16rem;
    border: 0;
}

.phonebox label,
.yanzhengmabox label,
.cardbox label,
.passwordbox label,
.cardPwdYZ label {
    display: block;
    margin: 0 0 0.06rem 0.02rem;
    color: #151515;
    font-size: 0.15rem;
    line-height: 0.22rem;
}

.login-input-box {
    display: flex;
    align-items: center;
    width: 100%;
    height: 0.44rem;
    padding: 0 0.14rem;
    border-radius: 0.08rem;
    background: #f5f7fb;
    box-sizing: border-box;
}

.login-input-box input,
#yzm {
    flex: 1;
    width: auto;
    min-width: 0;
    height: 100%;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: #222222;
    font-size: 0.16rem;
    line-height: normal;
}

.login-input-box input::placeholder {
    color: #b7b9bf;
}

.saoyisaoimgbox,
.viewimgbox {
    flex: 0 0 0.28rem;
    width: 0.28rem;
    height: 0.28rem;
    padding: 0;
    border: 0;
    background: transparent;
}

.saoyisaoimgbox img,
.viewimgbox img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.viewimgbox img[src*="login-eye-open.svg"] {
    width: 66.6667%;
    height: 66.6667%;
    margin: 16.6667% auto;
}

.codeimgboxs {
    flex: 0 0 auto;
    width: auto;
    height: 0.3rem;
    padding: 0 0 0 0.1rem;
    border: 0;
    background: transparent;
    color: #4f94ff;
    font-size: 0.13rem;
    line-height: 0.3rem;
}

.cardPwdYZ {
    display: none;
    opacity: 1 !important;
}

.cardPwdYZ[style*="display: flex"],
.cardPwdYZ[style*="display:flex"],
.cardPwdYZ[style*="display: block"],
.cardPwdYZ[style*="display:block"] {
    display: block !important;
}

.codeimgbox {
    display: flex !important;
    flex: 0 0 0.82rem;
    align-items: center !important;
    justify-content: flex-end;
    width: 0.82rem;
    height: 0.4rem !important;
    padding: 0;
}

#imgVerify {
    max-width: 0.82rem;
    max-height: 0.34rem;
    height: auto;
}

.login-submit,
.cardconfirm,
.phoneconfirm {
    display: block;
    width: 100%;
    height: 0.48rem;
    margin: 0.32rem 0 0;
    padding: 0;
    border: 0;
    border-radius: 0.24rem;
    background: #b8d3fb;
    color: #ffffff;
    font-size: 0.18rem;
    font-weight: 500;
    line-height: 0.48rem;
    text-align: center;
}

.login-submit.ready {
    background: #5d9dfb;
}

.yinsiquanbox {
    display: flex;
    align-items: center;
    margin: 0.14rem 0 0;
    padding: 0;
}

.xuanzhongimgbox {
    position: relative;
    flex: 0 0 0.18rem;
    width: 0.18rem;
    height: 0.18rem;
    margin: 0 0.08rem 0 0;
    padding: 0;
    border: 0.01rem solid #333333;
    border-radius: 50%;
    background: #ffffff;
    box-sizing: border-box;
}

.xuanzhongimgbox[aria-pressed="true"] {
    border-color: #5d9dfb;
    background: #5d9dfb;
    box-shadow: inset 0 0 0 0.04rem #ffffff;
}

.yinsiquanbox p {
    color: #666666;
    font-size: 0.13rem;
    line-height: 1.45;
}

.yinsiquanbox p span,
.agreement-trigger,
.privacy-link {
    color: #111111;
    text-decoration: none;
    cursor: pointer;
}

@media (max-height: 620px) {
    .login-hero {
        height: 1.95rem;
    }

    .login-welcome {
        padding-top: 0.58rem;
    }

    .login-hero-pattern {
        top: 0.08rem;
    }

    .login-panel {
        margin-top: -0.34rem;
    }
}