#app {
    width: 100%;
    height: 100vh;
    overflow: scroll;
    box-sizing: border-box;
    padding-bottom: 120px;
}
body{
    /*overflow-x: hidden;*/
}
* {
    user-select: text !important;
    line-height: inherit;
    box-sizing: border-box !important;
}
/*六大特权*/
.majorPrivileges_box{
    width: 1200px;
    margin: 0 auto;
}
.major_title{
    color: #ECCA9F;
    font-size: 42px;
    font-weight: 700;
    margin: 60px 0;
}
.major_type{
    display: flex;
    justify-content: space-between;
}
.major_num{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.major_content{
    font-size: 14px;
    color: #ECCA9F;
    font-weight: 700;
    margin-top: 16px;
}
/*会员钻石*/
.member_box{
    display: flex;
    justify-content: center;
    width: 1200px;
    margin: 0 auto;
    margin-top: 128px;
}
.member_info{
    width: 270px;
    height: 564px;
    border-radius: 10px;
    background: rgba(24, 27, 33, 0.9);
    position: relative;
    padding: 0 16px;
    box-sizing: border-box;
    margin-right: 50px;
}
.member_level{
    position: absolute;
    top: -80px;
    left: 50%;
    transform: translate(-50%,0);
}
.member_info{
   padding-top: 60px;
}
.member-content{
    margin-top: 60px;
    text-align: left;
}
.openOnce{
    background: linear-gradient(to right, #00E0C1, #02816F);
    border-radius: 10px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #333333;
    font-weight: 700;
    margin-top: 20px;
    cursor: pointer;
}
.opentwo{
    background: linear-gradient(to right, #EDEEEF, #5D6979);
}
.openthree{
    background: linear-gradient(to right, #ECCA9F, #D6AB66);
}
.openfour{
    background: linear-gradient(to right, #B7ACF5, #55519B);
}
.member_list{
    text-align: left;
    color: rgba(255, 255, 255, 0.5);

}
.member_list li{
    font-size: 14px;
    margin-top: 16px;
    width: 100%;
}
/* 这个类用来显示一个对号 */
.checkmark {
    display: inline-block;
    position: relative;
}

.checkmark:after {
    content: '✔'; /* 使用对号符号 */
    position: absolute;
    right: 0;  /* 调整对号的位置 */
    top: -2px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}

/* 这个类用来显示去除线 */
.strikethrough {
    text-decoration: line-through;
    color: rgba(255, 255, 255, 0.5);  /* 可选：设置去除线文字的颜色 */
}
.range{
    text-align: left;
    margin: 36px auto 0 auto;
    width: 1200px;
    color: #fff;
}
.rangeTitle{
    font-weight: 700;
    color: #fff;
}
.pay_type{
    margin-top: 8px;
    font-weight: 600;
    display: flex;
    padding-left: 28%;
    align-items: center;
    width: 200px;
    height: 40px;
    color: #D6AC67;
    border-radius: 10px;
    border: 1px solid #D6AC67;
}
/*登录弹窗*/
.annualLoginModal{
   border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 630px;
}
.loginTabbar{
    padding: 0 24px;
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    background: linear-gradient(to right, #ECCA9F, #D6AB66);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.loginSoon{
    width: 120px;
    height: 40px;
    margin-right: 20px;
    line-height:40px ;
    text-align: center;
    color: #ECCA9F;
    background-color: #333333;
    border-radius: 10px;
    cursor: pointer;
}
/*会员弹出内容*/
.pay_level{
    width: 100%;
    height: calc(100% - 100px);
    display: flex;
    justify-content: space-between;
}
/*二维码*/
.pay_box{
    width: 280px;
    height: 100%;
    background-color: #fbf3ea;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pay_money{
    font-weight: 600;
    font-size: 48px;
    color: transparent;
    margin-top: 20px;
    -webkit-background-clip: text;
    background-image: linear-gradient(to left, #0A0A0A, #D6AB67);  /* 字体渐变颜色 */
}
.pay_scan{
    margin: 24px 0;
    width: 200px;
    height: 200px;
    border-radius: 10px;
    border: 1px solid #ECCA9F;
}
/*会员内容*/
.level_box{
    width: 100%;
    display: flex;
    padding: 24px;
}
.level_money{
    width: 216px;
    height: 188px;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 10px;
    color: #333333 !important;
    font-weight: 600;
    font-size: 48px;
    cursor: pointer;
    margin-right: 16px;

}
.level_money .pay_money {
    color: #333333 !important;
}
.active{
    background-color: #F9F9F9;

    color: transparent;
    -webkit-background-clip: text;
    background-image: linear-gradient(to left, #0A0A0A, #D6AB67);
}
.activeBorder{
    border: 3px solid #ddb577;
}
.swiper{
    width: 100%;
}
.vip_title{
    font-weight: 600;
    color: #333333;
    text-align: left;
    margin-top: 20px;
}
.major_type{
    margin-top: 24px;
    display: grid;
    row-gap: 24px; /* 设置行之间的间隔为 24px */
    grid-template-columns: repeat(3, 1fr); /* 每行 3 列，宽度均匀分配 */
}
.major_num{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.major_content{
    color: #999999;
    font-size: 14px;
    margin-top: 8px;
}
.confirm{
    color: #ffffff;
    width: 80px;
    border-radius: 4px;
    cursor: pointer;
    padding: 10px 24px;
    display: flex;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to left, #ECCA9F, #D6AB66);
}