* {
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: #fff;
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
var,
dl,
dt,
dd,
ol,
ul,
li,
button {
    margin: 0;
    padding: 0;
    border: 0;
}

a,
button,
input,
select,
textarea,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[onclick] {
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

td,
th,
ul,
ol {
    padding: 0;
    list-style: none;
}

body {
    font: .14rem/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100% !important;
    -webkit-touch-callout: none;
    -webkit-user-select: text;
    -webkit-touch-callout: none;
    word-break: break-all;
    word-wrap: break-word;
}

/*foot*/
.foot {
    height: 100%;
    font-size: 0.20rem;
    color: #cccccc;
    text-align: center;
    background: #000000;
    padding: 0.18rem 0 0.18rem 0;
    line-height: 0.30rem;
}
.section-foot {
  height: 1.2rem;
}
.section-foot #afooter {
    height: 100%;
}


@font-face {
    font-family: "Morganite";
    src:
        url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/Morganite-Black.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "helveticanowtext";
    src:
        url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/helveticanowtext-bold-demo.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}
.ff-helveticanowtext{
    font-family: "helveticanowtext";
}

@font-face {
    font-family: "zywyh";
    src:
        url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/zywyh.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "AlibabaPuHuiTi-3-115-Black";
    src:
        url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/AlibabaPuHuiTi-3-115-Black.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "AlibabaPuHuiTi-3-105-Heavy";
    src:
        url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/AlibabaPuHuiTi-3-105-Heavy.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "AlibabaPuHuiTi-3-95-extrabold";
    src:
        url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/AlibabaPuHuiTi-3-95-ExtraBold.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "AlibabaPuHuiTi-3-55-Regular";
    src:
        url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/AlibabaPuHuiTi-3-55-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}
.ff-al-black {
    font-family: "AlibabaPuHuiTi-3-115-Black";
}
.ff-al-heavy {
    font-family: "AlibabaPuHuiTi-3-105-Heavy";
}
.ff-al-extrabold {
    font-family: "AlibabaPuHuiTi-3-95-extrabold";
}
.ff-al-regular {
    font-family: "AlibabaPuHuiTi-3-55-Regular";
}
/* 首页 */
html,body {
    height: 100%;
}
.container {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.container-swiper {
    width: 100%;
    height: 100%;
}
.wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.wrap .mySwiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.wrap > .mySwiper > .swiper-wrapper{
    display: block;
    position: relative;
    height: auto;
}

.login div,
.login p {
    display: inline;
}

.login a {
    color: #001a7d;
}

.main-wrap {
    position: relative;
}

.section-box-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
/*video pop*/

.pop.pop-video {
    background: rgba(0, 0, 0, 0.8);
}

.pop-video-bd {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7rem;
    height: 4.02rem;
    background: linear-gradient(to right, #797979, #454545);
    box-sizing: border-box;
    outline: none;
}

.pop-video .pop-close {
    display: block;
    width: .50rem;
    height: .50rem;
    position: absolute;
    top: -0.6rem;
    right: 0;
    text-indent: -9999px;
}
.pop-video .pop-close2 {
    right: 0 !important;
}

.pop-video .video-play {
    width: 100%;
    height: 100%;
    background: #000;
    border: .02rem solid transparent;
    position: relative;
    z-index: 2;
}


.video-play {
    width: 100%;
    height: 100%;
    position: relative;
}
.pop-video-box {
    height: 100%;
    background: #000;
}

#video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    overflow: hidden;
    z-index: 99;
}

#video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 头图 */
.section-head {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/head-page-bg.jpg) no-repeat center top;
    background-size: 100% auto;
}
.section-head .main-wrap {
    height: 100%;
}
.logo {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/logo.png) no-repeat center center / 100%;
    width: 2.96rem;
    height: .49rem;
    position: absolute;
    left: 50%;
    margin-left: -1.48rem;
    top: 0.3rem;
    z-index: 2;
}
.head-slogan {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/head-page-slogan.png) no-repeat center center / 100%;
    width: 4.99rem;
    height: 2.84rem;
    position: absolute;
    left: 50%;
    margin-left: -2.5rem;
    top: 9rem;
}
.head-subtitle {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/head-page-subtitle.png) no-repeat center center / 100%;
    width: 100%;
    height: .49rem;
    position: absolute;
    left: 0;
    top: 12.5rem;
    z-index: 2;
}
/* .section-head .scrolldown {
    position: absolute;
    bottom: .10rem;
    left: 50%;
    width: 2rem;
    margin-left: -1rem;
    flex-direction: column-reverse;
    transform-origin: 50% 100%;
}
.section-head .scrolldown-icon {
    margin: 0 auto;
}
.section-head .scrolldown-text {
    color: #fff;
    opacity: 0.4;
    text-align: center;
    font-size: .2rem;
    background: none;
    margin: 0 auto;
} */
.section-head .scrolldown-text {
    font-size: 0;
}
/* 合作计划 */
.section-plan {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/page-plan-bg.jpg) no-repeat center center;
    background-size: cover;
}
.section-plan .main-wrap {
    padding-top: 0.6rem;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-plan .plan-title {
    width: 5.8rem;
    color: #fff;
    font-size: .64rem;
    line-height: 1.1;
    margin: 0 auto;
}
.section-plan .plan-desc {
    /* width: 5.8rem; */
    color: #fff;
    /* font-size: .16rem; */
    width: 7.25rem;
    font-size: 0.2rem;
    transform: scale(0.8);
    transform-origin: 50% 0%;
    margin: .1rem auto 0;
}
.section-plan .plan-desc p {
    margin-top: .20rem;
}
.section-plan .plan-btn {
    display: block;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/page-plan-btn.png) no-repeat center top / 100%;
    width: 3.58rem;
    height: .62rem;
    line-height: .62rem;
    color: #1d1b30;
    font-size: .33rem;
    text-align: center;
    margin: .3rem auto 0;
}
.section-plan .plan-cards {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/page-plan-cards.png) no-repeat center center / 100%;
    width: 7.02rem;
    height: 3.42rem;
    margin: -0.2rem auto 0;
}
.section-plan .plan-gapline {
    display: none;
}
.plan-zb-desc {
    color: #fff;
    text-align: center;
}
.plan-zb-desc-tit {
    width: 5.8rem;
    font-size: .32rem;
    margin: .40rem auto 0;
}
.plan-zb-desc-txt {
    /* font-size: 0.16rem; */
    width: 7.25rem;
    font-size: 0.2rem;
    transform: scale(0.8);
    transform-origin: 50% 0%;
    margin: 0 auto;
}
.plan-zb-desc-txt strong {
    display: block;
}
.plan-zb-desc p span {
    background: #4879b3;
    margin-left: .30rem;
    padding-left: .05rem;
}
.plan-zb-img {
    width: 100%;
    height: 1.93rem;
    margin: 0 auto 0;
    position: relative;
}
.plan-zb-img .swiper {
    width: 100%;
    height: 100%;
}
.plan-zb-img img {
    width: 100%;
    height: 100%;
}
.plan-zb-img-pagination.swiper-pagination-bullets {
    height: 0.08rem;
    text-align: center;
    position: absolute;
    bottom: -0.2rem;
    left: 0;
    width: 100%;
    z-index: 10
}
.plan-zb-img-pagination.swiper-pagination-bullets::before {
    display: block;
    content: '';
    width: 1.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    border-top: rgba(255,255,255,0.6) dashed 1px;
    -webkit-mask: linear-gradient(to right, transparent 0%, #fff 20%, #fff 80%, transparent 100%);
}
.plan-zb-img-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;
    vertical-align: top;
    width: 0.08rem;
    height: 0.08rem;
    background-color: #fff;
    border-radius: 50%;
    opacity: 1;
    position: relative;
    z-index: 2;
}
.plan-zb-img-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #24ffff;
}
/* 色卡介绍 */
.section-plan-intro {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    transform: translate3d(0,0,0);
    display: none;
}
.section-plan-intro .plan-title {
    width: 6.6rem;
    font-size: 0.6rem;
    text-align: center;
}
.plan-intro-desc {
    width: 6.10rem;
    height: 2rem;
    color: #fff;
    font-size: .25rem;
    line-height: 1.5;
    margin: .3rem auto 0;
}
.plan-intro-card-list {
    display: flex;
    align-items: flex-end;
    margin: .3rem auto 0;
}
.plan-intro-card-list li {
    opacity: 0.5;
    width: 1.10rem;
    /* height: 1.10rem; */
    margin-right: .06rem;
}
.plan-intro-card-list li a em {
    display: block;
    color: #fff;
    font-size: .26rem;
    text-align: center;
    margin-top: .10rem;
}
.plan-intro-card-list li a span {
    display: block;
    width: 1.10rem;
    height: 1.10rem;
    border: #fff solid .05rem;
    box-sizing: border-box;
}
.plan-intro-card-list li em {
    font-style: normal;
}
.plan-intro-card-list li.on {
    opacity: 1;
    width: 1.38rem;
    /* height: 1.38rem; */
}
.plan-intro-card-list li.on a span {
    width: 1.38rem;
    height: 1.38rem;
}
.card-1 {
    background: linear-gradient(to bottom, #5aff62, #58c6ff);
}
.card-2 {
    background: #fcb600;
}
.card-3 {
    background: #ff7700;
}
.card-4 {
    background: #ef28c1;
}
.card-5 {
    background: #9879da;
}
.section-plan-intro .plan-intro-back {
    margin-top: .60rem;
}

.plan-intro-card {
    width: 4.26rem !important;
    height: 6.23rem !important;
    margin: 0.2rem auto 0;
    box-sizing: border-box;
    flex: none;
}
.plan-intro-card .card-dnf {
    font-size: 0.44rem;
}
.plan-intro-card .card-name {
    font-size: 0.38rem;
}
.plan-intro-card .card-created {
    width: calc(2.11rem * 0.8);
    height: calc(.64rem * 0.8);
    margin-top: 0.2rem;
}
.card {
    width: 5.81rem;
    height: 8.48rem;
    background: #fff;
    color: #000000;
}
.card-color {
    width: 100%;
    /* height: 6.01rem; */
    height: 70.87%;
}
.card-dnf {
    font-size: .55rem;
    line-height: 1;
    margin-top: .2rem;
    margin-left: .2rem;
}
.card-name {
    font-size: .50rem;
    line-height: 1;
    margin-left: .2rem;
}
.card-created {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-created.png) no-repeat center center / 100%;
    width: 2.11rem;
    height: .64rem;
    margin-top: .3rem;
    margin-left: .2rem;
}
.deco-texts {
    display: flex;
    width: 5.69rem;
    position: absolute;
    left: 50%;
    margin-left: -2.85rem;
    top: 0.4rem;
    z-index: 2;
}
.deco-texts.half-width {
    width: 9.42rem;
}
.deco-texts.half-width i:nth-child(3){
    margin-left: 6.88rem;
}
.deco-texts.half-width2 {
    width: 7.20rem;
}
.deco-texts.half-width2 i:nth-child(3){
    margin-left: 4.66rem;
}
.deco-texts i {
    display: block;
    height: .17rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/deco-text.png) no-repeat;
    background-size: 5.69rem .13rem;
    flex: none;
}
.deco-texts i:nth-child(1) {
    background-position: 0 0;
    width: 1.10rem;
}
.deco-texts i:nth-child(2) {
    background-position: -1.1rem 0;
    width: 1.25rem;
    margin-left: 0;
}
.deco-texts i:nth-child(3) {
    background-position: -2.35rem 0;
    width: 3.8rem;
    margin-left: 0;
}

/* 纪录片 */
.section-film {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/page-plan-bg.jpg) no-repeat center center;
    background-size: cover;
}
.section-film .main-wrap {
    padding-top: .40rem;
    box-sizing: border-box;
}
.section-film .film-title {
    width: 6.10rem;
    color: #fff;
    font-size: .76rem;
    line-height: 1.1;
    margin: 0 auto;
}
.section-film .film-desc {
    width: 6.10rem;
    font-size: .3rem;
    color: #fff;
    margin: .50rem auto 0;
}
.film-deco {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/film-deco.png) no-repeat center center / 100%;
    width: 4.65rem;
    height: .93rem;
    position: absolute;
    left: 2.40rem;
    top: 12rem;
}
.film-video {
    width: 7.5rem;
    height: 4.22rem;
    background: linear-gradient(to right, #797979, #454545);
    margin-top: .6rem;
    position: relative;
}
.film-video-box {
    height: 100%;
    background: url(https://puui.qpic.cn/vpic_cover/q3092tdzab0/q3092tdzab0_hz.jpg/640) no-repeat center top / 100%;
    position: relative;
}
.film-video-box::after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.6);
}
.film-video-btn {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/film-btn.png) no-repeat center center / 100%;
    width: 3.01rem;
    height: .52rem;
    line-height: .52rem;
    text-align: center;
    color: #000;
    font-size: .28rem;
    position: absolute;
    left: 0.5rem;
    bottom: -0.8rem;
    z-index: 2;
}
.film-video-icon {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/film-video.png) no-repeat center center / 100%;
    width: 1.17rem;
    height: 1.17rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.58rem;
    margin-top: -.58rem;
    animation: breath 2s ease infinite alternate;
    z-index: 2;
}
@keyframes breath {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}


/* section1 */
.section1{
    position: relative;
}
.section1 .main-wrap {
    width: 7.50rem;
    height: 100%;
    position: relative;
    z-index: 20;
    margin: 0 auto;
}


.main-time{
  width: 3.26rem;
  height: 1.41rem;
  position: absolute;
  left: 50%;
  top: 7.04rem;
  margin: 0 0 0 -1.54rem;
  z-index: 50;
}

.section-bg-x {
  background-size: 100% auto !important;
}

/* 公共组件弹窗 */
.milo-alert-frame { z-index: 99999 !important; }

.section1 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/login-page.jpg) no-repeat;
    background-size: 100% auto;
    width: 7.5rem;
    height: 100%;
    /* height: 16.24rem; */
    position: relative;
    /* padding-top: 1.2rem; */
}
.section1 .main-wrap {
    height: 100%;
    padding-top: .01rem;
    box-sizing: border-box;
}


.login-box {
    font-size: .21rem;
    color: #ffffff;
    position: absolute;
    left: 0;
    bottom: 1.88rem;
    width: 100%;
    text-align: center;
    z-index: 20;
}
.section1 .login-box {
    bottom: auto;
    width: auto;
    right: .2rem;
    top: 0.15rem;
}

.login-box a {
    color: #ffffff;
}

.homepage-title {
    display: block;
    font-size: .76rem;
    line-height: .86rem;
    color: #ffffff;
    margin: .6rem 0 0 .85rem;
}

.subtitle {
    font-size: .33rem;
    line-height: .43rem;
    color: #ffffff;
    margin: .3rem 0 0  0.93rem;
}

.homepage-text {
    font-size: .23rem;
    line-height: .3rem;
    color: #ffffff;
    margin: .3rem 0 0  0.93rem;
}

.reward-text {
    font-size: .28rem;
    color: #ffffff;
    margin: 7.2rem 0 0  0.93rem;
}

.reward-text2 {
    font-size: .2rem;
    color: #ffffff;
    margin: .20rem 0 0 0.93rem;
}

.reward-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: .2rem 0 0  0.93rem;
}

.reward-box p {
    color: #fff;
    font-size: .2rem;
    line-height: 1.2;
    margin-right: .2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.reward-img {
    width: .58rem;
    height: .58rem;
    border: #fff solid .02rem;
    box-sizing: border-box;
}

.sw-box {
    position: absolute;
    left: 0.93rem;
    top: 4.2rem;
}

.sw1-card {
    width: 6.41rem;
    height: 8.08rem;
    /* width: 5.62rem; */
    /* height: 7.08rem; */
    transform-origin: 0 0;
    transform: scale(0.877);
    margin: 0 auto 0;
    position: relative;
    overflow: hidden;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-1.png) no-repeat center top / 100%;
}
.sw1-card::before {
    display: block;
    content: '';
    background: #fff;
    width: 100%;
    height: 1rem;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom-left-radius: .20rem;
    border-bottom-right-radius: .20rem;
}
.sw1-card .sum-role {
    width: 4rem;
    height: 5.56rem;
}
.card-logo {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-logo.png) no-repeat center center / 100%;
    width: 3.93rem;
    height: .56rem;
    position: absolute;
    left: 50%;
    top: 6.50rem;
    margin-left: -1.96rem;
}

/* .swiper-button-prev {
    display: inline-block;
    width: .48rem;
    height: .65rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/prev-btn.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    position: absolute;
    top: 50%;
    left: -1rem;
    transform: translateY(-50%)
}

.swiper-button-next {
    display: inline-block;
    width: .48rem;
    height: .65rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/netx-btn.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    position: absolute;
    top: 50%;
    right: -1rem;
    transform: translateY(-50%)
} */

.login-btn {
    display: block;
    width: 2.26rem;
    height: .69rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/login-page-btn.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    margin-left: -1.30rem;
    bottom: -.02rem;
    transform: scale(1.3);
    transform-origin: 50% 100%;
}

.login-btn p {
    font-size: .43rem;
    font-weight: bold;
    line-height: .69rem;
    text-align: center;
    background-image: linear-gradient(to bottom, #58fa84, #58decc, #58c6ff 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.part1-bottom-text {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/part1-bottom-text.png) no-repeat;
    background-size: 100% 100%;
    width: 5.66rem;
    height: 0.13rem;
    position: absolute;
    top: 1rem;
    left: 50%;
    margin-left: -2.83rem;
}
.scrolldown, .scrollup {
    position: absolute;
    left: 50%;
    width: 3rem;
    margin-left: -1.5rem;
    bottom: 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.scrolldown-icon {
    background: url('https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/scrolldown-icon.png') no-repeat center /  100%;
    width: .4rem;
    height: .69rem;
    margin-bottom: .20rem;
    animation: arrow-up 1.5s 0.5s ease-in-out alternate infinite forwards;
}
@keyframes arrow-up {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(.10rem);
    }
}
.scrolldown-text {
    background: url('https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/scrolldown-text.png') no-repeat center / 100%;
    width: 0.93rem;
    height: .18rem;
}
.scrollup-icon {
    background: url('https://game.gtimg.cn/images/dnf/cp/a20250611dnf/scrollup-icon.png') no-repeat center / 100%;
    width: .39rem;
    height: .64rem;
    margin-bottom: .20rem;
    animation: arrow-up 1.5s 0.5s ease-in-out alternate infinite forwards;
}
.scrollup-text {
    color: #fff;
    text-align: center;
    font-size: .2rem;
    background: none;
    margin: 0 auto;
    letter-spacing: .04rem;
}
/* 骞歌繍鑹? */

.section2 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/color-page.jpg) no-repeat;
    background-size: 100% auto;
    width: 7.5rem;
    height: 100%;
    position: relative;
    box-sizing: border-box;
}

.section2 .scale-box {
    height: 100%;
    padding-bottom: 3.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.color-title {
    font-size: .48rem;
    color: #5afd66;
    text-align: center;
}

.sw-box2 {
    width: 100%;
    margin: .10rem auto 0;
    position: relative;
}

.color-text {
    width: 5.8rem;
    font-size: .19rem;
    color: #ffffff;
    text-align: center;
    margin: .3rem auto 0;
}

.sw-box2 {
    margin-top: .5rem;
}

.colorpage-swip {
    width: 7.5rem;
    height: 4.72rem;
    margin: 0rem auto 0;

    position: relative;
}

.colorpage-swip .swiper-slide {
  filter: brightness(0.6);
}
.colorpage-swip .swiper-slide-active {
  filter: brightness(1);
}
.swiper-button-next2 {
    display: inline-block;
    width: .79rem;
    height: 1.09rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/netx-btn2.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    position: absolute;
    top: 50%;
    right: 0.6rem;
    transform: translateY(-50%)
}

.swiper-button-prev2 {
    display: inline-block;
    width: .79rem;
    height: 1.09rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/prev-btn2.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    position: absolute;
    top: 50%;
    left: 0.6rem;
    transform: translateY(-50%)
}


.colorpage-swip .card {
    width: 4.39rem;
    height: 6.43rem;
}
.colorpage-swip .card-dnf {
    font-size: .38rem;
}
.colorpage-swip .card-name {
    font-size: .36rem;
}
.colorpage-swip .card-created {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-created.png) no-repeat center center / 100%;
    width: 1.56rem;
    height: .48rem;
    margin-top: .20rem;
}

.color-ts {
    font-size: .23rem;
    text-align: center;
    color: #ffffff;
    margin: .3rem auto 0;
}

/* 閫夋嫨鏂囨 */
/* .sw-box3 {
    transform: scale(0.9);
} */

.section3 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/color-page.jpg) no-repeat;
    background-size: 100% 100%;
    width: 7.5rem;
    height: 100%;
    position: relative;
}
.section3 .main-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.section3 .color-text {
  margin-top: 0;
}
.textpage-swip {
    width: 8rem;
    height: 5.75rem;
    margin: 0.3rem 0 0 -.25rem;
    position: relative;
    /* transform: scale(0.9); */
}

.swiper-button-next3 {
    display: inline-block;
    width: .79rem;
    height: 1.09rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/netx-btn2.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    position: absolute;
    top: 42%;
    right: 0rem;
    transform: translateY(-50%)
}

.swiper-button-prev3 {
    display: inline-block;
    width: .79rem;
    height: 1.09rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/prev-btn2.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    position: absolute;
    top: 42%;
    left: 0rem;
    transform: translateY(-50%)
}

/* .colorpage-swip .swiper-slide {
    width: 15.6rem !important;
    height: 6.5rem !important;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
} */

.sw-box3 {
    width: 100%;
    margin: .0 auto 0;
    position: relative;
}
.sw-box3 .swimg {
    display: block;
    width: 4.53rem;
    height: 5.76rem;
    margin: 0 auto;
    padding-top: .01rem;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.sw-box3 .swimg1 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/color-swbg.png) no-repeat;
    background-size: 100% 100%;
}

.sw-box3 .swimg2 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/color-swbg2.png) no-repeat;
    background-size: 100% 100%;
}

.sw-box3 .swimg3 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/color-swbg3.png) no-repeat;
    background-size: 100% 100%;
}

.sw-box3 .swimg4 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/color-swbg4.png) no-repeat;
    background-size: 100% 100%;
}

.sw-box3 .swimg5 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/color-swbg5.png) no-repeat;
    background-size: 100% 100%;
}

.sw3-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 85%;
    text-align: center;
    color: #000000;
    font-size: .4rem;
    line-height: 1.2;
    font-family: "zywyh";
    margin: 0 auto;
}
.sw3-other-texts {
    width: 3.80rem;
    height: 4rem;
    margin: .1rem auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-family: "zywyh";
}
.sw3-other-texts a {
    display: block;
    width: 5.50rem;
    padding: 0 .10rem;
    box-sizing: border-box;
    color: #fff;
    opacity: 0.2;
    font-size: .30rem;
    line-height: 1.2;
}
.sw3-next, .sw3-prev {
    display: inline-block;
    width: .79rem;
    height: 1.09rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/netx-btn2.png) no-repeat;
    background-size: 100% 100%;
    z-index: 99;
    position: absolute;
    left: 50%;
    top: 3.6rem;
    transform: translate(-50%, 0)  rotate(90deg);
}
.sw3-prev {
    top: .2rem;
    background-image: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/prev-btn2.png);
}

/* 骞歌繍鏁板瓧 */
.section4 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/color-page.jpg) no-repeat;
    background-size: 100% 100%;
    width: 7.5rem;
    height: 100%;
    position: relative;
}
.section4 .scale-box {
    height: 100%;
    padding-bottom: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section4 .scale-box .sum-box {
    flex: none;
}

.sum-box {
    width: 5.18rem;
    height: 6.53rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-1.png) no-repeat;
    background-size: 100% 100%;
    margin: .3rem auto 0;
    position: relative;
    padding-top: .01rem;
}
.sum-box.swimg1 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-1.png) no-repeat;
    background-size: 100% 100%;
}
.sum-box.swimg2 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-2.png) no-repeat;
    background-size: 100% 100%;
}

.sum-box.swimg3 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-3.png) no-repeat;
    background-size: 100% 100%;
}

.sum-box.swimg4 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-4.png) no-repeat;
    background-size: 100% 100%;
}

.sum-box.swimg5 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-5.png) no-repeat;
    background-size: 100% 100%;
}

.sum-role {
    display: block;
    width: 3.03rem;
    height: 4.48rem;
    object-fit: contain;
    object-position: right top;
    position: absolute;
    right: .1rem;
    top: .1rem;
}
.sum-text {
    width: 2rem;
    height: 3rem;
    font-size: .58rem;
    color: #ffffff;
    line-height: 1.1;
    margin: .5rem 0 .5rem .2rem;
    position: relative;
    z-index: 2;
}

.sum-mz {
    font-size: .23rem;
    color: #ffffff;
    margin: .1rem 0 0 .2rem;
    position: relative;
    z-index: 2;
}
.sum-card-logo {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-logo.png) no-repeat center center / 100%;
    width: 2.29rem;
    height: .33rem;
    position: absolute;
    left: .25rem;
    bottom: .70rem;
}
.sum-btm {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: .60rem;
    padding: 0 .25rem;
    box-sizing: border-box;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.sum-cname {
    font-size: .25rem;
}
.sum-name {
    font-size: .30rem;
}
.sum-left-box {
    width: 5.18rem;
    height: 4.2rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/sum-leftbg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0rem;
    left: 50%;
    transform: translateX(-50%);
}
.sum-right-box {
    display: none;
}
.bor-right{
    width: .23rem;
    height: 5.52rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/sum-bg-right.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0rem;
    top: 47%;
    transform: translateY(-50%);
}
.bor-left{
    width: .23rem;
    height: 5.52rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/sum-bg-left.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0rem;
    top: 47%;
    transform: translateY(-50%);
}
.sum-lucky {
    font-family: "Morganite" !important;
    font-size: 3.5rem;
    color: #ffffff;
    text-align: center;
    margin-top: -1.75rem;
}

.sum-btn {
    display: block;
    width: 3.62rem;
    height: .77rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/sum-btn.png) no-repeat;
    background-size: 100% 100%;
    font-size: .27rem;
    line-height: .77rem;
    color: #ffffff;
    box-sizing: border-box;
    text-align: center;
    position: absolute;
    bottom: 0.52rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.sum-btn span {
    font-size: .18rem;
    line-height: .24rem;
}

.sum-time {
    font-size: .29rem;
    line-height: 1;
    position: absolute;
    right: .1rem;
    top: 11.4rem;
    color: #000000;
}

.sum-month {
    font-family: "Morganite" !important;
    font-size: 1.37rem;
    line-height: 1;
    position: absolute;
    right: .1rem;
    top: 10.25rem;
    color: #ff7500;
}

.section5 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/color-page.jpg) no-repeat;
    background-size: 100% 100%;
    width: 7.5rem;
    height: 100%;
    position: relative;
    padding-top: 1.2rem;
}
.section5 .scale-box {
    height: 100%;
}


.sum-box.share-box {
    width: 6.41rem;
    /* height: 8.08rem; */
    height: 12.70rem;
    margin: .40rem auto 0;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-1-lg.png) no-repeat;
    background-size: 100% 100%;
}

.sum-box.share-box.swimg1 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-1-lg.png) no-repeat;
    background-size: 100% 100%;
}
.sum-box.share-box.swimg2 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-2-lg.png) no-repeat;
    background-size: 100% 100%;
}

.sum-box.share-box.swimg3 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-3-lg.png) no-repeat;
    background-size: 100% 100%;
}

.sum-box.share-box.swimg4 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-4-lg.png) no-repeat;
    background-size: 100% 100%;
}

.sum-box.share-box.swimg5 {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/card-5-lg.png) no-repeat;
    background-size: 100% 100%;
}
.sum-box.share-box .sum-role {
    width: 6.2rem;
    height: 9.7rem;
    border-top-left-radius: 3%;
    border-top-right-radius: 3%;
}
.sum-box.share-box .sum-mz {
    font-size: .29rem;
}
.sum-box.share-box .sum-text {
    font-size: .70rem;
    width: 3rem;
    height: 8rem;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.sum-box.share-box .sum-card-logo {
    width: 2.84rem;
    height: .41rem;
    left: .28rem;
    bottom: 1rem;
}
.sum-box.share-box .sum-btm {
    padding: 0 .10rem 0 .28rem;
    height: .76rem;
}
.sum-box.share-box .sum-cname {
    font-size: .31rem;
}
.sum-box.share-box .sum-name {
    font-size: .38rem;
}

.share-btn {
    display: block;
    font-size: .31rem;
    color: #ffffff;
    text-align: center;
    line-height: 1.82rem;
    width: 3.14rem;
    height: 1.28rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/share-btn.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1rem;
}
.share-btn.generate-btn {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/generate-btn.png) no-repeat center center / 100% ;
    width: 3.62rem;
    height: 0.77rem;
    line-height: 0.77rem;
    bottom: .8rem;
}

.share-btn2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: .7rem;
}


/* 瀵艰埅鏍? */
.nav,
.nav-yc {
    transition: all 0.5s ease;
}


.nav {
    width: 1.18rem;
    height: 5.2rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/nav.png) no-repeat;
    background-size: 100% 100%;
    position: fixed;
    top: -6rem;
    right: .3rem;
    /* 初始状态在屏幕外 */
    display: block;
    /* 确保.nav总是块级元素 */
    z-index: 99;
}

.nav-yc {
    width: 1.44rem;
    height: .3rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/nav2.png) no-repeat;
    background-size: 100% auto;
    position: fixed;
    right: .2rem;
    top: 0;
    z-index: 99;
}

.nav-btn {
    width: 1.3rem;
    height: 1.07rem;
    padding-top: .1rem;
    box-sizing: border-box;
    font-size: .22rem;
    color: #000000;
    text-align: center;
    position: absolute;
    right: -0.05rem;
}

.nav-btn:nth-child(1) {
    top: .25rem;
}

.nav-btn:nth-child(2) {
    top: 1.45rem;
}

.nav-btn:nth-child(3) {
    top: 2.61rem;
}

.nav-btn:nth-child(4) {
    top: 3.9rem;
}

.nav-btn.on {
    width: 1.3rem;
    height: 1.07rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/netx-btn.png) no-repeat center center;
    background-size: 100% 100%;
}

/* 寮圭獥 */
.pop {
    outline: none;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10 !important;
}

.milo-alert-frame {
    z-index: 20 !important;
}


.pop-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}

.pop-close {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/pop-close.png) no-repeat;
    background-size: 100% 100%;
    width: .26rem;
    height: .26rem;
    display: block;
    position: absolute;
    top: -0.5rem;
    right: 0;
}
.pop-close2 {
    position: absolute;
    top: -.6rem;
    right: 0.6rem;
    display: flex;
}
.pop-close2:hover {
    text-decoration: none;
}
.pop-close2 span {
    color: #fff;
    font-size: .20rem;
}
.pop-close2 i {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/pop-close.png) no-repeat;
    background-size: 100% 100%;
    width: .26rem;
    height: .26rem;
    display: block;
    margin-left: .10rem;
}
.pop-btn {
    display: block;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/page-plan-btn.png) no-repeat center top / 100%;
    width: 3.58rem;
    height: .62rem;
    line-height: .62rem;
    color: #1d1b30;
    font-size: .33rem;
    text-align: center;
    margin-top: .55rem;
    margin-left: 1.18rem;
}
.pop-btn:hover {
    text-decoration: none;
}
.pop-share, .pop-msg {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/pop-tc.png) no-repeat;
    background-size: 100% 100%;
    width: 6.16rem;
    height: 4.79rem;
    padding-top: .01rem;
}

.pop-text {
    font-size: .4rem;
    line-height: .5rem;
    color: #000000;
    text-align: center;
    margin: .6rem auto 0;
}

.pop-share-box {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/tc-img.png) no-repeat;
    background-size: 100% 100%;
    width: 4.99rem;
    height: 1.21rem;
    margin: .5rem auto 0;
}

.pop-share-box a {
    display: block;
    width: 100%;
    height: 100%;
}

.pop-share .reward-box {
    justify-content: center;
    margin: .4rem auto 0;
}

/* .pop-share .reward-box img {
    width: 1.14rem;
    height: 1.14rem;
} */


.pop-record {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/pop-tc-lg.png) no-repeat center top / 100%;
    width: 7.14rem;
    height: 7.19rem;
}
.pop-record-title {
    color: #000;
    font-size: .50rem;
    text-align: center;
}
.pop-record-table {
    width: 6.65rem;
    margin: 0 auto;
}
.pop-record-table-scroller {
    height: 3rem;
    overflow: auto;
}
.pop-record-table-th, .pop-record-table-td {
    background: #5ce5ee;
    font-size: .2rem;
    display: flex;
    align-items: center;
    height: .51rem;
}
.pop-record-table-td {
    font-size: .18rem;
    background-color: rgba(92, 229, 238, 0.1);
}
.pop-record-table-td:nth-child(2n) {
    background-color: rgba(92, 229, 238, 0.3);
}
.pop-record-table-th p, .pop-record-table-td p {
    text-align: center;
    padding: 0 .10rem;
    box-sizing: border-box;
    flex: 1;
}
.pop-record .pop-btn {
    margin: .30rem auto 0;
}
.pop-record .pop-subtext {
    color: #000;
    font-size: .20rem;
    text-align: center;
    margin-top: .10rem;
}


/* 暂未开放 */
.pop-coming {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/page-plan-bg.jpg) no-repeat center center;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
}
.pop-coming-bd {
    width: 100%;
    height: 100%;
    position: relative;
}
.pop-coming-box {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/coming-box.png) no-repeat center center / 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 7.5rem;
    height: 2.88rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pop-coming-box p {
    color: #fff;
    font-size: .4rem;
    text-align: center;
}

.pop-coming .pop-close2 {
    top: 1rem;
    right: .50rem;
}


/* .page-swip .page-swip-box {
    height: 10.8rem;
    overflow: hidden;
} */


.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}


.share-guide {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 999;
    display: none;
}

.share-guide p {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/share-guide.png) no-repeat center top / 100%;
    width: 1.91rem;
    height: 0.37rem;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    font-size: 0;
}
@media screen and (min-aspect-ratio: 375 / 800) {
    .section1 .scale-box > * {
        transform-origin: 50% 0%;
        transform: scale(0.95);
    }
    .homepage-title {
        margin-top: .6rem;
    }
    .subtitle {
        margin-top: .15rem;
    }
    .homepage-text {
        margin-top: .15rem;
    }
    .sw-box {
        top: 4rem;
    }
    .part1-bottom-text {
        top: 0.9rem;
    }
    .section1 .scale-box .reward-text {
        margin-top: 7.2rem;
    }
    .sum-lucky {
        font-size: 2.8rem;
        margin-top: -0.8rem;
    }
    .section5 {
        padding-top: 1rem;
    }
    .section5 .sum-box {
        transform-origin: 50% 0%;
        transform: scale(0.95);
    }
}
@media screen and (min-aspect-ratio: 375 / 770) {
    .head-slogan {
        top: 8.2rem;
    }
    .head-subtitle {
        top: 11.7rem;
    }
    .login-box {
        bottom: 1.38rem;
    }
    .section5 .sum-box {
        transform-origin: 50% 0%;
        transform: scale(0.9);
    }
    .pop-close2 {
        right: 0.9rem;
    }
}
@media screen and (min-aspect-ratio: 375 / 720) {
    .section-plan .plan-title {
        font-size: 0.5rem;
    }
    .section-plan .plan-title br {
        display: none;
    }
}
@media screen and (min-aspect-ratio: 375 / 700) {
    .section-head {
        background-position: center -0.8rem;
    }
    .head-slogan {
        top: 7.2rem;
    }
    .head-subtitle {
        top: 10.7rem;
    }
    .login-box {
        bottom: 1.38rem;
    }
    .section1 .scale-box > * {
        transform-origin: 50% 0%;
        transform: scale(0.9);
    }
    .homepage-title {
        margin-top: .6rem;
    }
    .subtitle {
        margin-top: .1rem;
    }
    .homepage-text {
        margin-top: .1rem;
    }
    .sw-box {
        top: 4rem;
    }
    .part1-bottom-text {
        top: 0.8rem;
    }
    .section1 .scale-box .reward-text {
        margin-top: 6.8rem;
    }
    .sum-lucky {
        font-size: 2.4rem;
        margin-top: 0;
    }
    .section5 {
        padding-top: .8rem;
    }
    .section4 .scale-box {
        padding-bottom: 3rem;
    }
    .section5 .sum-box {
        transform-origin: 50% 0%;
        transform: scale(0.8);
    }
    .pop-close2 {
        right: 1.2rem;
    }
}

@media screen and (min-aspect-ratio: 375 / 650) {
    .section-head {
        background-position: center -1.5rem;
    }
    .head-slogan {
        top: 6.2rem;
    }
    .head-subtitle {
        top: 9.7rem;
    }
    .login-box {
        bottom: 1.38rem;
    }
    .section4 .scale-box {
        padding-bottom: 2rem;
    }
    .section5 .sum-box {
        transform-origin: 50% 0%;
        transform: scale(0.7);
    }
    .pop-close2 {
        right: 1.5rem;
    }
}


/* 线下活动 */
.section-cqing {
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/m/page-plan-bg.jpg) no-repeat center center;
    background-size: cover;
}
.section-cqing .main-wrap {
    padding-top: 0.6rem;
    padding-bottom: 0.5rem;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section-cqing .cqing-title {
    width: 6.1rem;
    color: #fff;
    font-size: .76rem;
    line-height: 1.1;
    margin: 0 auto;
    white-space: nowrap;
}
.cqing-desc {
    width: 6.1rem;
    color: #fff;
    font-size: .25rem;
    margin: .30rem auto 0;
}
.cqing-logos {
    width: 6.1rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: .30rem auto 0;
}
.cqing-logos::before, .cqing-logos::after {
    content: '';
    height: 0.57rem;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/cqing-logos.png) no-repeat center top;
    background-size: auto 0.57rem;
}
.cqing-logos::before {
    width: 1.5rem;
    background-position: 0 0;
}
.cqing-logos::after {
    width: 2.5rem;
    background-position: -1.4rem 0;
}
.cqing-sw {
    width: 100%;
    margin-top: 0.5rem;
}
.cqing-item-detail {
    color: #fff;
    font-size: .22rem;
    margin-top: .3rem;
}
.cqing-pic {
    width: 100%;
    height: 4.2rem;
}
.cqing-pic img {
    width: 100%;
    height: 100%;
}
.cqing-item-detail p {
    width: 6.1rem;
    display: flex;
    margin: .20rem auto 0;
}
.cqing-loc, .cqing-wf, .cqing-tm {
    display: block;
    background: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/cqing-loc.png) no-repeat center center / 100%;
    width: .21rem;
    height: .25rem;
    margin-right: .10rem;
    margin-top: .08rem;
}
.cqing-wf {
    background-image: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/cqing-wf.png);
    background-size: .19rem auto;
}
.cqing-tm {
    background-image: url(https://game.gtimg.cn/images/dnf/cp/a20250611dnf/cqing-tm.png);
    background-size: .21rem auto;
}
.cqing-sw .swiper-pagination {
    bottom: 0.08rem;
}
.cqing-sw .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem;
    margin: 0 0.04rem;
}
.cqing-sw .swiper-pagination-bullet-active {
    background: rgba(0,0,0,0.4);
    opacity: 1;
}