/* .module-rights .module-title {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/rights/title7.png') no-repeat;
    background-size: 6.9rem 0.8rem;
}

.warp-1 .module-rights .module-title {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/rights/title1.png') no-repeat;
    background-size: 6.9rem 0.8rem;
}

.warp-2 .module-rights .module-title {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/rights/title2.png') no-repeat;
    background-size: 6.9rem 0.8rem;
}

.warp-3 .module-rights .module-title {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/rights/title3.png') no-repeat;
    background-size: 6.9rem 0.8rem;
}

.warp-4 .module-rights .module-title {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/rights/title4.png') no-repeat;
    background-size: 6.9rem 0.8rem;
}

.warp-8 .module-rights .module-title {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/rights/title8.png') no-repeat;
    background-size: 6.9rem 0.8rem;
} */

.module-rights {
    background: #F9DECD;
}

.warp-0 .module-rights {
    background: #F9DECD;
}

.warp-1 .module-rights {
    background: #DDEAFC;
}

.warp-2 .module-rights {
    background: #FFE4C2;
}

.warp-3 .module-rights {
    background: #E3DBF5;
}

.warp-4 .module-rights {
    background: #0A1134;
}

.warp-8 .module-rights {
    background: #0C081B;
}

.rights-container {
    width: 7.5rem;
    border-radius: 0.24rem;
}

.rights-list-box {
    width: 100%;
    border-radius: 0.24rem;
    overflow: hidden;
    z-index: 2;
    position: relative;
}


.rights-list-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/rights/rightList7.png') no-repeat;
    background-size: 100% 100% !important; /* 修改为完全填充 */
    background-position: center;
    z-index: -1;
}

.warp-1 .rights-list-box::before {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/rights/rightList1.png') no-repeat;
    background-size: 100% 100% !important; /* 修改为完全填充 */
    background-position: center;
}

.warp-2 .rights-list-box::before {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/rights/rightList2.png') no-repeat;
    background-size: 100% 100% !important; /* 修改为完全填充 */
    background-position: center;
}

.warp-3 .rights-list-box::before {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/rights/rightList3.png') no-repeat;
    background-size: 100% 100% !important; /* 修改为完全填充 */
    background-position: center;
}

.warp-4 .rights-list-box::before {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/rights/rightList4.png') no-repeat;
    background-size: 100% 100% !important; /* 修改为完全填充 */
    background-position: center;
}

.warp-8 .rights-list-box::before {
    background: url('https://qqt-res.cmicrwx.cn/2016tyjf/xhmqqthy/res/wap/newZq/img/rights/rightList8.png') no-repeat;
    background-size: 100% 100% !important; /* 修改为完全填充 */
    background-position: center;
}


.right-family-box {
    height: 1.56rem;
    width: 100%;
    display: none;
    z-index: 1;
    position: relative;
    margin-top: -0.74rem;
    background: linear-gradient(143deg, #FFD0B3 0%, rgba(255, 216, 195, 0.91) 55%, #FFC39E 100%);
    flex-direction: column;
    border-radius: 0.24rem;
    overflow: hidden;
}

.warp-1 .right-family-box {
    background: linear-gradient(143deg, rgba(188, 223, 255, 0.81) 0%, rgba(192, 218, 255, 0.91) 48%, #A5CBFF 100%);
}

.warp-2 .right-family-box {
    background: linear-gradient(143deg, rgba(255, 213, 170, 0.81) 0%, rgba(255, 226, 159, 0.91) 48%, rgba(255, 192, 127, 0.82) 100%);
}

.warp-3 .right-family-box {
    background: linear-gradient(143deg, #D6C7F8 0%, #E4D2FD 47%, #D1B8F7 100%);
}

.warp-4 .right-family-box {
    background: linear-gradient(142deg, #15175E 0%, #283670 48%, #1C1676 100%);
}

.warp-8 .right-family-box {
    background: linear-gradient(143deg, #33102B 0%, #44263F 48%, #242060 100%);
}


.right-family-box-item-top {
    height: 0.74rem;
    width: 100%;
}

.right-family-box-item {
    height: 0.82rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.right-family-left {
    display: flex;
    align-items: center;
    color: #333;
    font-size: 0.24rem;
    font-weight: 400;
}

.warp-4 .right-family-left {
    color: #fff;
    opacity: 0.7;
}

.warp-8 .right-family-left {
    color: #fff;
    opacity: 0.7;
}

.family-icon {
    width: 0.44rem;
    height: 0.46rem;
    margin-right: 0.12rem;
    margin-left: 0.18rem;
}

.family-share-btn {
    background-image: linear-gradient(134deg, rgba(255, 241, 198, 1) 0, rgba(255, 237, 192, 1) 44.672265%, rgba(244, 199, 144, 1) 100%);
    border-radius: 0.20rem;
    height: 0.4rem;
    margin-right: 0.18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #784810;
    font-weight: 600;
    font-size: 0.22rem;
    padding: 0 0.11rem 0 0.15rem;
}

.family-share-right-icon {
    width: 0.08rem;
    height: 0.15rem;
    margin-left: 0.06rem;
}

.rights-list1 {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    min-height: 0.2rem;
}

/* 清除滚动条 */
.rights-list1::-webkit-scrollbar {
    width: 0px;
    display: none;
}

.rights-list1::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 1);
    display: none;

}

.rights-list1::-moz-scrollbar {
    width: 0px;
    display: none;

}

.rights-list1::-moz-scrollbar-thumb {
    display: none;

    border-radius: 0px;
    background-color: rgba(0, 0, 0, 1);
}

.guarantee-right-list-box {
    width: 2.25rem;
    height: 100%;
    flex: 0 0 auto;
}


.rights-list1-list1 {
    width: 2.68rem;
    height: 4.12rem;
    margin-left: 0.18rem;
    margin-top: 0.2rem;
    flex: 0 0 auto;
    position: relative;
    margin-bottom: 0.18rem;
    border-radius: 0.18rem !important;
    overflow: hidden;
}

.rights-list1-list1:last-child {
    margin-right: 0.18rem;
}

.rights-list1-list1-bg-img,
.rights-list1-list2-bg-img {
    width: 100%;
    height: 100%;
}

.rights-list1-list1-twoItem {
    width: 100%;
    height: 2rem;
    margin-bottom: 0.12rem;
    background: gold;
}

.rights-list1-list1-twoItem:last-child {
    margin-bottom: 0;
}

.rights-list1-list2 {
    width: 2.3rem;
    height: 4.12rem;
    margin-left: 0.18rem;
    margin-top: 0.2rem;
    flex: 0 0 auto;
    position: relative;
    margin-bottom: 0.18rem;
    border-radius: 0.18rem !important;
    overflow: hidden;
}

.rights-list1-list2:last-child {
    margin-right: 0.18rem;
}

.rights-list1-list2-twoItem {
    width: 100%;
    height: 2rem;
    margin-bottom: 0.12rem;
    position: relative;
    border-radius: 0.18rem;
    overflow: hidden;
    /* background: gold; */
}

.rights-list1-list2-twoItem:last-child {
    margin-bottom: 0;
}

.rights-list1-list1-bottom {
    width: 100%;
    height: 0.72rem;
    background: rgba(35, 36, 56, 0.34);
    backdrop-filter: blur(0.20rem);
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    font-size: 0.22rem;
    padding-bottom: 0.16rem;
    color: white;
    padding-left: 0.2rem;
    border-radius: 0.18rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.rights-list1-list1-bottom-num {
    font-size: 0.42rem;
    /* font-weight: bold; */
    background: linear-gradient(34.78737254083488deg, #F5F0E1 0%, #FFE09C 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    /* 标准写法，增强兼容性 */
    padding-right: 0.04rem;
    font-family: 'DIN-Condensed-Bold';
    font-weight: bold;
}

.train-num {
    margin-left: 0.16rem;
}

.rights-list1-list1-bottom-small {
    margin-bottom: 0.06rem;
}


/* 只配置3个情况下 */
.rights-list1-list3 {
    width: 3.51rem;
    height: 4.12rem;
    margin-left: 0.18rem;
    margin-top: 0.2rem;
    flex: 0 0 auto;
    position: relative;
    border-radius: 0.18rem;
    overflow: hidden;
    position: relative;
    margin-bottom: 0.18rem;

}

.rights-list1-list4 {
    width: 3.51rem;
    height: 4.12rem;
    margin-left: 0.12rem;
    margin-top: 0.2rem;
    flex: 0 0 auto;
    position: relative;
    border-radius: 0.18rem;
    overflow: hidden;
    position: relative;
    margin-bottom: 0.18rem;
    overflow: hidden;
}

.rights-list1-list4:last-child {
    margin-right: 0rem;
}

/*  */
.right-list-title {
    font-size: 0.28rem;
    color: white;
    position: absolute;
    top: 0.24rem;
    left: 0.18rem;
    font-family: "PingFang SC", sans-serif;
    font-weight: 500;
    /* 对应苹方中黑体 */
}

.right-list-desc {
    font-size: 0.22rem;
    color: rgba(255, 255, 255, 0.7);
    top: 0.7rem;
    left: 0.18rem;
    position: absolute;
    height: 0.3rem;
    line-height: 0.3rem;
    font-family: "PingFang SC", sans-serif;
    font-weight: normal;
    /* 对应苹方中黑体 */
    /* display: flex; */
    /* align-items: flex-end; */
}

.right-list-desc span {
    background: linear-gradient(34.78737254083488deg, #F5F0E1 0%, #FFE09C 100%);
    font-size: 0.36rem;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-weight: bold;
    font-family: 'DIN-Condensed-Bold';
}

.right-list-btn {
    width: 1.05rem;
    height: 0.40rem;
    background: linear-gradient(132deg, #FFEDC0 0%, #F9D7A4 100%);
    border-radius: 0.2rem;
    /* top: 1.16rem; */
    left: 0.18rem;
    position: absolute;
    display: flex;
    align-items: center;
    font-size: 0.22rem;
    font-weight: 600;
    color: rgba(50, 15, 15, 1);
    padding-left: 0.15rem;
    padding-right: 0.1rem;
}

.right-list-btn .icon-jiaoBiao {
    top: -0.2rem;
    left: 0.8rem;
}

.right-list-btn .icon-jiaoBiao-img {
    top: -0.2rem;
    left: 0.8rem;
}

.right-list-btn .icon-jiaoBiao-dian {
    top: -0.1rem;
    left: 0.8rem;
}

.right-list-btn-icon {
    width: 0.09rem;
    height: 0.16rem;
}


.rights-list1-list1 .right-list-btn,
.rights-list1-list3 .right-list-btn {
    top: 1.24rem;
}

.rights-list1-list2-twoItem .right-list-btn {
    bottom: 0.22rem;
}

.rights-list-bottom {
    width: 100%;
    padding: 0 0.18rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.2rem;
    box-sizing: border-box;
    position: relative;
}

.rights-list-bottom2 {
    width: 100%;
    padding: 0 0.18rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.2rem;
    box-sizing: border-box;
    position: relative;
    display: none;
}


.rights-list-bottom-item {
    width: 3.51rem;
    height: 2rem;
    position: relative;
    border-radius: 0.18rem;
    overflow: hidden;
}

.rights-list-bottom-item-title {
    position: absolute;
    font-size: 0.32rem;
    font-weight: 500;
    left: 0.18rem;
    top: 0.2rem;
    color: white;
}

.rights-list-bottom-item-desc {
    position: absolute;
    font-size: 0.22rem;
    top: 0.7rem;
    left: 0.18rem;
    color: white;
    opacity: 0.8;
}

.rights-list-bottom-item-btn {
    width: 1.06rem;
    height: 0.4rem;
    background: linear-gradient(134deg, #FFF1C6 0%, #FFEDC0 45%, #F4C790 100%);
    border-radius: 0.2rem;
    position: absolute;
    bottom: 0.2rem;
    left: 0.18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.22rem;
    color: #000;
    font-weight: 600;
}

.rights-btn-icon {
    width: 0.2rem;
    height: 0.2rem;
}

.rights-btn-icon img {
    width: 100%;
    height: 100%;
}

.rights-list-bottom-item-img {
    width: 100%;
    height: 100%;
}

.rights-list-bottom-swiper {
    width: 100%;
    height: 100%;
}

.rights-list-bottom-swiper2 {
    width: 100%;
    height: 100%;
}

.rights-list-bottom-slide {
    width: 100%;
    height: 100%;
    position: relative;
}

.rights-list-bottom-row {
    width: 3.51rem;
    height: 0.06rem;
    position: absolute;
    right: 0.18rem;
    top: 1.85rem;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rights-row-bar {
    width: 0.08rem;
    height: 0.06rem;
    background: #FFFFFF;
    opacity: 0.18;
    border-radius: 0.16rem;
    margin-right: 0.03rem;
    transition: 0.2s;
}

.rights-row-bar-active {
    width: 0.14rem;
    background: white;
    opacity: 1;
}

/* 已解锁btn */
.right-yjs-btn {
    min-width: 1.15rem;
    height: 0.4rem;
    border-radius: 0.4rem;
    border: 1px solid rgba(255, 255, 255, 0.35);
    opacity: 0.8;
    color: white;
    font-weight: 600;
    font-size: 0.22rem;
    position: absolute;
    text-align: center;
    line-height: 0.4rem;
    left: 0.18rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rights-list1-list1 .right-yjs-btn,
.rights-list1-list3 .right-yjs-btn {
    top: 1.16rem;
}

.rights-list1-list2 .right-yjs-btn,
.rights-list1-list4 .right-yjs-btn {
    bottom: 0.22rem;
}

/* 未解锁 */
.right-djs-btn {
    min-width: 1.15rem;
    height: 0.4rem;
    border-radius: 0.2rem;
    border: 0.02rem solid rgba(255, 255, 255, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 0.22rem;
    position: absolute;
    text-align: center;
    line-height: 0.4rem;
    left: 0.18rem;
    padding: 0 0.14rem;
}

.right-djs-btn-icon {
    width: 0.15rem;
    height: 0.2rem;
    margin-left: 0.04rem;
}

.rights-list1-list1 .right-djs-btn,
.rights-list1-list3 .right-djs-btn {
    top: 1.16rem;
}

.rights-list1-list2 .right-djs-btn,
.rights-list1-list4 .right-djs-btn {
    bottom: 0.22rem;
}