/* 通用 S */
.part1-banner .button-box a:hover,
.page1-part2 .equip a:hover,
.page1-part2 .equip-cards .equip-item.page1-spr.add-rp:hover,
.page1-part2 .page1-tabs .tab-item:not(.on):hover,
.task-list .card-bottom .page1-spr.complete.on:hover,
.locker-item .button-box a:hover,
.share-item .button-box a:hover,
.pop3 .button-box a:hover,
.pop4 .button-box a:hover,
.pop5 .button-box a:hover,
.pop6 .button-box a:hover,
.pop10 .copy-box a:hover,
.page1 .page1-part2 .rules-description:hover,
.task-list .task-title .operation-guide:hover
{ filter: brightness(1.18); }
/* 通用 E */

/* 精灵图 S */
.page1-spr{ background:url(//game.gtimg.cn/images/val/act/a20251230springfestival/page1/page1-spr.png) no-repeat;}
.page1-spr.add-rp{ width:285px; height:387px; background-position:-4px -4px;}
.page1-spr.already-icon{ width:173px; height:143px; background-position:-1445px -272px;}
.page1-spr.award-bg1{ width:124px; height:124px; background-position:-1651px -4px;}
.page1-spr.award-bg2{ width:124px; height:124px; background-position:-1651px -132px;}
.page1-spr.award-bg3{ width:150px; height:150px; background-position:-1291px -272px;}
.page1-spr.award-bg4{ width:130px; height:130px; background-position:-1622px -272px;}
.page1-spr.award-name{ width:214px; height:36px; background-position:-591px -462px;}
.page1-spr.buy-button.gray{ width:251px; height:63px; background-position:-259px -395px;}
.page1-spr.buy-button{ width:251px; height:63px; background-position:-514px -395px;}
.page1-spr.buy-button.purple{ width:251px; height:64px; background-position:-4px -395px;}
.page1-spr.complete.gray{ width:128px; height:43px; background-position:-1159px -394px;}
.page1-spr.complete.on{ width:128px; height:43px; background-position:-1251px -441px;}
.page1-spr.complete{ width:128px; height:43px; background-position:-1383px -426px;}
.page1-spr.down-button{ width:192px; height:44px; background-position:-809px -454px;}
.page1-spr.empty-button{ width:191px; height:56px; background-position:-769px -394px;}
.page1-spr.get-button{ width:191px; height:56px; background-position:-964px -394px;}
.page1-spr.gift-icon{ width:18px; height:17px; background-position:-33px -463px;}
.page1-spr.give-button1{ width:119px; height:44px; background-position:-1005px -454px;}
.page1-spr.give-button2{ width:119px; height:44px; background-position:-1128px -454px;}
.page1-spr.Preface-icon{ width:8px; height:5px; background-position:-4px -491px;}
.page1-spr.question-icon{ width:25px; height:24px; background-position:-4px -463px;}
.page1-spr.rp-bg1{ width:285px; height:386px; background-position:-582px -4px;}
.page1-spr.rp-bg2{ width:285px; height:386px; background-position:-871px -4px;}
.page1-spr.rp-bg3{ width:285px; height:387px; background-position:-293px -4px;}
.page1-spr.rp-bottom1{ width:166px; height:10px; background-position:-33px -484px;}
.page1-spr.rp-bottom2{ width:166px; height:10px; background-position:-55px -463px;}
.page1-spr.task-card{ width:487px; height:264px; background-position:-1160px -4px;}
.page1-spr.time-box{ width:328px; height:36px; background-position:-259px -462px;}
/* 精灵图 E */

.page1 { position: relative; }
.page1 .page1-part1 { overflow: hidden; width: 1920px; padding: 0 202px; height: 908px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page1/page1-bg1.jpg) no-repeat; background-size: 100% 100%; }
.page1 .page1-part2 { position: relative; padding: 76px 202px 0; width: 1920px; height: 2013px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page1/page1-bg2.jpg) no-repeat; background-size: 100% 100%; }
.page1 .page1-part1 .part1-banner { margin-top: 99px; width: 100%; display: flex; justify-content: space-between; align-items: center;}
.page1 .part1-banner .left { position: relative; width: 927px; height: 478px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page1/adv-pic1.png) no-repeat; background-size: 100% 100%; }
.part1-banner .left .page1-spr.time-box { display: flex; justify-content: start; align-items: center; position: absolute; bottom: 254px; left: 110px; }
.part1-banner .page1-spr.time-box span { margin-left: 12px; color: #130225; font-weight: bold; font-size: 19px; }
.part1-banner .page1-spr.time-box p { margin-left: 35px; color: #fff; font-size: 16px; }
.page1 .part1-banner .right { position: relative; width: 566px; height: 480px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page1/adv-pic2.png) no-repeat; background-size: 100% 100%; }
.part1-banner .right .gift-details { letter-spacing: 1px; color: #acaaa8; font-size: 16px; position: absolute; top: 105px; left: 29px; }
.part1-banner .gift-details > div { display: flex; justify-content: start; align-items: center}
.part1-banner .gift-details i { display: block; margin-right: 10px; }
.part1-banner .right .gift-price { position: absolute; bottom: 134px; left: 24px; }
.part1-banner .gift-price p { font-size: 53px; color: #f5442a; }
.part1-banner .right .button-box { position: absolute; bottom: 43px; left: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.part1-banner .button-box a { letter-spacing: 2px; font-weight: bold; display: none; justify-content: center; align-items: center; color: #fffdf3; font-size: 24px; }
.part1-banner .button-box .page1-spr.buy-button.gray { pointer-events: none; letter-spacing: 2px; font-weight: bold; display: none; justify-content: center; align-items: center; color: #fffdf3; font-size: 24px; }
.part1-banner .button-box.state1 a:first-of-type,
.part1-banner .button-box.state2 a:last-of-type,
.part1-banner .button-box.state3 .page1-spr.buy-button.gray { display: flex; }
.part1-banner .button-box p { color: #acaaa8; font-size: 16px; margin-top: 5px; }
.page1 .page1-part2 .rules-description { display: flex; justify-content: end; align-items: center; position: absolute; right: 207px; top: 166px;  }
.page1-part2 .rules-description p { color: #f54c2c; font-size: 22px; margin-left: 5px; letter-spacing: 1px; }
.page1 .page1-part2 .equip { margin-top: 65px; position: relative; width: 100%; }
.page1 .page1-part2 .equip-button { display: flex; position: absolute; right: 0; top: -95px; }
.page1-part2 .equip-button a { margin-left: 25px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 21px; font-weight: bold; letter-spacing: 1px; }
.page1 .page1-part2 .equip-cards { display: flex; justify-content: space-between; align-items: center; }
.page1-part2 .equip-cards .equip-item { position: relative; padding: 45px 0 0; }
.page1-part2 .equip-cards .equip-item.page1-spr.add-rp { padding: 0; }
.page1-part2 .equip-cards .equip-item.page1-spr.add-rp a { width: 100%; height: 100%; display: block; }
.equip-cards .equip-item .slot-box { height: 260px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.equip-cards .equip-item .page1-spr.down-button { color: #b3392a; font-size: 17px; font-weight: bold; letter-spacing: 1px; display: flex; justify-content: center; align-items: center; position: absolute; bottom: 17px; left: 50%; transform: translateX(-50%); }
.equip-cards .equip-item .page1-spr.award-bg1,
.equip-cards .equip-item .page1-spr.award-bg2 { line-height: 16px; margin: 0 3px 6px; font-size: 14px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.equip-cards .page1-spr.award-bg1 > div,
.equip-cards .page1-spr.award-bg2 > div { width: 95px; height: 70px; display: flex; justify-content: center; align-items: center; }
.equip-cards .page1-spr.award-bg1 img,
.equip-cards .page1-spr.award-bg2 img { height: 100%; width: 100%; object-fit: contain; }
.equip-cards .page1-spr.award-bg1 p { color: #fef5e5; margin-top: 7px; }
.equip-cards .page1-spr.award-bg2 p { color: #56161b; margin-top: 7px;  }
.equip-cards .equip-item .already-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 2; }
.equip-cards .equip-item .page1-spr.already-icon { position: absolute; left: 50%; transform: translateX(-50%); top: 95px; display: flex; justify-content: center; align-items: center; }
.equip-cards .page1-spr.already-icon p { margin: 6px 0 0; color: #4d0f16; font-size: 25px; font-weight: bold; letter-spacing: 2px; transform: rotate(338deg); }
.equip-cards .equip-item .page1-spr.rp-bottom1,
.equip-cards .equip-item .page1-spr.rp-bottom2 { position: absolute; left: 50%; transform: translateX(-50%); bottom: 15px; }
.page1 .page1-part2 .page1-tabs { padding: 8px; margin: 60px 0 50px; width: 100%; border: 1px solid #f54429; display: flex; justify-content: space-between; align-items: center; }
.page1-part2 .page1-tabs .tab-item { clip-path: polygon(0% 0%, 100% 0%, 100% 500%, 0% 82%); letter-spacing: 2px; width: 490px; height: 68px; background: #2d2439; display: flex; justify-content: center; align-items: center; color: #b6b3b9; font-size: 29px; font-weight: bold; }
.page1-part2 .page1-tabs .tab-item.on { color: #fff; background: #f54429}
.page1-tabs .tab-item p { background: #f54429; color: #fff; height: 35px; width: 35px; text-align: center; display: flex; justify-content: center; align-items: center; margin-left: 10px; clip-path: polygon(0% 50%, 50% 0%, 100% 50%, 50% 100%); font-size: 18px; font-weight: normal; }
.page1-tabs .tab-item.on p { background: #fff; color: #f54429; }
.page1 .page1-part2 .task-list { padding-bottom: 305px; overflow-y: auto; height: 1015px; display: flex; flex-wrap: wrap; width: 101%; justify-content: start; align-items: start; --fade-width: 25%; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) calc(100% - var(--fade-width)), rgba(0,0,0,0) 100%); mask-image: linear-gradient(to bottom, rgba(0,0,0,1) calc(100% - var(--fade-width)), rgba(0,0,0,0) 100%);  }
.page1 .page1-part2 .task-list::-webkit-scrollbar { width:6px; height:6px; background-color: transparent; }
.page1 .page1-part2 .task-list::-webkit-scrollbar-thumb{ background-color:#c83727; }
.page1 .page1-part2 .task-list::-webkit-scrollbar-track{ background-color: transparent; background-image: linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 1px, #7e7a82 1px, #7e7a82 calc(100% - 1px), rgba(0,0,0,0) calc(100% - 1px), rgba(0,0,0,0) 100%); background-repeat: no-repeat; }
.page1-part2 .task-list .task-item { position: relative; margin-bottom: 40px; margin-right: 27px; padding: 50px 36px 0; }
.page1-part2 .task-list .task-item:nth-of-type(3n) { margin-right: 0; }
.task-list .task-item h6 { color: #fff; font-size: 20px; position: absolute; right: 18px; top: 2px; font-weight: normal; letter-spacing: 2px; }
.task-list .task-title { width: 415px; position: absolute; display: flex; flex-direction: column; justify-content: start; align-items: start; }
.task-list .task-title > div { display: flex; }
.task-list .task-title span { align-self: start; color: #dd3b27; font-size: 24px; letter-spacing: -1px; }
.task-list .task-title p { line-height: 30px; word-break: break-word; color: #efecf1; font-size: 24px; font-weight: bold; margin-left: 5px; letter-spacing: 1px; }
.task-list .task-title > h3 { margin-left: 22px; color: #fff; font-size: 13px; opacity: 0.7; font-weight: normal; letter-spacing: 2px; }
.task-list .task-title .operation-guide { position: absolute; right: 102px; top: 35px; display: flex; justify-content: start; align-items: center; border-bottom: 1px solid #ea4029; }
.task-list .operation-guide p { margin: 0; font-weight: normal; color: #ea4029; font-size: 18px; line-height: normal; }
.page1-part2 .task-list .schedule-box { margin-top: 90px; }
.task-list .schedule-box .schedule-text { letter-spacing: 2px; color: #b19bc7; font-size: 17px; display: flex; justify-content: space-between; width: 100%; align-items: center; }
.task-list .schedule-text span { color: #cb382b; }
.task-list .schedule-box .schedule-bar { width: 100%; overflow: hidden; background: #808080; height: 6px; border-radius: 15px; margin-top: 6px; }
.task-list .schedule-bar i { display: block; width: 80%; height: 100%; background: #f54429; }
.page1-part2 .task-list .card-bottom { margin-top: 18px; display: flex; justify-content: space-between; align-items: center; }
.page1-part2 .task-list .page1-spr.award-name { padding: 0 30px 0 12px; display: flex; justify-content: space-between; align-items: center; color: #efdefe; font-size: 19px; }
.task-list .page1-spr.award-name span { display: flex; justify-content: start; align-items: center; }
.page1-spr.award-name span i { margin-right: 5px; }
.task-list .card-bottom a { letter-spacing: 1px; pointer-events: none; padding-left: 50px; display: flex; justify-content: start; align-items: center; font-size: 16px; color: #fff; }
.task-list .card-bottom .page1-spr.complete.on { pointer-events: auto; padding-left: 43px; }
.page1 .page1-part2 .locker { display: none; }
.page1 .page1-part2 .locker-list { padding-bottom: 305px; position: relative; height: 800px; width: 101%; display: flex; justify-content: start; align-items: center; flex-wrap: wrap; margin-top: 50px; overflow-y: auto; --fade-width: 25%; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) calc(100% - var(--fade-width)), rgba(0,0,0,0) 100%); mask-image: linear-gradient(to bottom, rgba(0,0,0,1) calc(100% - var(--fade-width)), rgba(0,0,0,0) 100%); }
.page1 .page1-part2 .locker-list::-webkit-scrollbar { width:6px; height:6px; background-color: transparent; }
.page1 .page1-part2 .locker-list::-webkit-scrollbar-thumb{ background-color:#c83727; }
.page1 .page1-part2 .locker-list::-webkit-scrollbar-track{ background-color: transparent; background-image: linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 1px, #7e7a82 1px, #7e7a82 calc(100% - 1px), rgba(0,0,0,0) calc(100% - 1px), rgba(0,0,0,0) 100%); background-repeat: no-repeat; }
.page1-part2 .locker-list .locker-item { position: relative; padding: 45px 0 0; margin-right: 20px; margin-bottom: 20px; }
.page1-part2 .locker-list .locker-item:nth-of-type(5n) { margin-right: 0; }
.locker-list .locker-item .slot-box { height: 260px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.locker-list .locker-item .page1-spr.award-bg1,
.locker-list .locker-item .page1-spr.award-bg2,
.locker-list .locker-item .page1-spr.award-bg3 { line-height: 16px; margin: 0 3px 6px; font-size: 14px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.locker-list .page1-spr.award-bg1 > div,
.locker-list .page1-spr.award-bg2 > div,
.locker-list .page1-spr.award-bg3 > div { width: 95px; height: 70px; display: flex; justify-content: center; align-items: center; }
.locker-list .page1-spr.award-bg1 img,
.locker-list .page1-spr.award-bg2 img,
.locker-list .page1-spr.award-bg3 img { height: 100%; width: 100%; object-fit: contain; }
.locker-list .page1-spr.award-bg1 p { color: #fef5e5; margin-top: 7px; }
.locker-list .page1-spr.award-bg2 p { color: #56161b; margin-top: 7px;  }
.locker-list .page1-spr.award-bg3 p { color: #fef5e4; margin-top: 7px;  }
.locker-list .locker-item .already-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 2; }
.locker-list .locker-item .page1-spr.already-icon { position: absolute; left: 50%; transform: translateX(-50%); top: 95px; display: flex; justify-content: center; align-items: center; }
.locker-list .page1-spr.already-icon p { margin: 6px 0 0; color: #4d0f16; font-size: 25px; font-weight: bold; letter-spacing: 2px; transform: rotate(338deg); }
.locker-list .locker-item .button-box { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; }
.locker-item .button-box a { margin: 0 6px; font-size: 17px; display: flex; justify-content: center; align-items: center; letter-spacing: 1px; font-weight: bold; }
.locker-item .button-box .page1-spr.give-button1 { color: #ed3f26; }
.locker-item .button-box .page1-spr.give-button2 { color: #572989; }
.page1 .page1-part2 .share { display: none; }
.page1 .page1-part2 .share-list { padding-bottom: 305px; position: relative; height: 800px; width: 101%; display: flex; justify-content: start; align-items: center; flex-wrap: wrap; margin-top: 50px; overflow-y: auto; --fade-width: 25%; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) calc(100% - var(--fade-width)), rgba(0,0,0,0) 100%); mask-image: linear-gradient(to bottom, rgba(0,0,0,1) calc(100% - var(--fade-width)), rgba(0,0,0,0) 100%); }
.page1 .page1-part2 .share-list::-webkit-scrollbar { width:6px; height:6px; background-color: transparent; }
.page1 .page1-part2 .share-list::-webkit-scrollbar-thumb{ background-color:#c83727; }
.page1 .page1-part2 .share-list::-webkit-scrollbar-track{ background-color: transparent; background-image: linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 1px, #7e7a82 1px, #7e7a82 calc(100% - 1px), rgba(0,0,0,0) calc(100% - 1px), rgba(0,0,0,0) 100%); background-repeat: no-repeat; }
.page1-part2 .share-list .share-item { position: relative; padding: 45px 0 0; margin-right: 20px; margin-bottom: 20px; }
.page1-part2 .share-list .share-item:nth-of-type(5n) { margin-right: 0; }
.share-list .share-item .slot-box { height: 260px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.share-list .share-item .page1-spr.award-bg1,
.share-list .share-item .page1-spr.award-bg2,
.share-list .share-item .page1-spr.award-bg3 { line-height: 16px; margin: 0 3px 6px; font-size: 14px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.share-list .page1-spr.award-bg1 > div,
.share-list .page1-spr.award-bg2 > div,
.share-list .page1-spr.award-bg3 > div { width: 95px; height: 70px; display: flex; justify-content: center; align-items: center; }
.share-list .page1-spr.award-bg1 img,
.share-list .page1-spr.award-bg2 img,
.share-list .page1-spr.award-bg3 img { height: 100%; width: 100%; object-fit: contain; }
.share-list .page1-spr.award-bg1 p { color: #fef5e5; margin-top: 7px; }
.share-list .page1-spr.award-bg2 p { color: #56161b; margin-top: 7px;  }
.share-list .page1-spr.award-bg3 p { color: #fef5e4; margin-top: 7px;  }
.share-list .share-item .already-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 2; }
.share-list .share-item .page1-spr.already-icon { position: absolute; left: 50%; transform: translateX(-50%); top: 95px; display: flex; justify-content: center; align-items: center; }
.share-list .page1-spr.already-icon p { margin: 6px 0 0; color: #4d0f16; font-size: 25px; font-weight: bold; letter-spacing: 2px; transform: rotate(338deg); }
.share-list .share-item .button-box { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; }
.share-list .button-box a { margin: 0 6px; font-size: 17px; display: flex; justify-content: center; align-items: center; letter-spacing: 1px; font-weight: bold; }
.share-list .button-box .page1-spr.give-button1 { color: #ed3f26; }
.share-list .button-box .page1-spr.give-button2 { color: #572989; }
.share-list .share-item .page1-spr.rp-bottom1,
.share-list .share-item .page1-spr.rp-bottom2 { position: absolute; left: 50%; transform: translateX(-50%); bottom: 15px; }

.pop3 { position: relative; width: 678px; height: 336px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/pop-bg4.png) no-repeat; background-size: 100% 100%; }
.pop3 p { color: #e9d8fe; font-size: 28px; width: 100%; text-align: center; margin-top: 110px; padding: 0 86px; letter-spacing: 2px; }
.pop3 span { color: #f54827; }
.pop3 .button-box { display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; bottom: 40px; }
.pop3 .button-box a { margin: 0 20px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 24px; letter-spacing: 1px; }

.pop4 { width: 550px; height: 602px; }
.pop4 .content-box { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.pop4 .packet { position: relative; padding: 52px 32px 0; width: 391px; height: 528px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page1/pop-packet1.png) no-repeat; background-size: 100% 100%; }
.pop4 .packet .text-box { color: #fceec6; }
.pop4 .text-box .source { display: flex; justify-content: start; align-items: end; }
.pop4 .text-box h3 { font-size: 23px; letter-spacing: 1px; font-weight: normal; }
.pop4 .text-box h4 { font-size: 23px; letter-spacing: 1px; color: #fff; font-weight: normal; margin: 0 3px; }
.pop4 .text-box h5 { font-size: 19px; letter-spacing: 1px; font-weight: normal; }
.pop4 .text-box p { font-size: 15px; letter-spacing: 1px; margin-top: -5px; }
.pop4 .text-box span { margin-top: -3px; font-size: 13px; display: flex; justify-content: start; align-items: center; }
.pop4 .text-box span::before { content: ''; display: inline-block; width: 9px; height: 3px; background: #fceec6; margin-right: 5px; clip-path: polygon(0% 0, 80% 0, 100% 50%, 80% 100%, 0% 100%); }
.pop4 .packet .prop-box { width: 100%; height: 245px; display: flex; justify-content: center; align-items: start; padding-top: 35px; }
.pop4 .page1-spr.award-bg5 { display: flex; flex-direction: column; align-items: center; justify-content: start; }
.pop4 .page1-spr.award-bg5 > div { margin-top: 30px; width: 76px; height: 77px; display: flex; justify-content: center; align-items: center; }
.pop4 .page1-spr.award-bg5 img { width: 100%; height: 100%; object-fit: contain; }
.pop4 .page1-spr.award-bg5 p { color: #fef5e5; font-size: 21px; margin-top: 3px; }
.pop4 .packet .scan { display: flex; justify-content: space-between; align-items: center; width: 100%; position: absolute; bottom: 21px; left: 0; padding: 0 64px; }
.pop4 .scan > div { width: 88px; height: 87px; display: flex; justify-content: center; align-items: center; }
.pop4 .scan img { width: 100%; height: 100%; object-fit: contain; }
.pop4 .scan p { color: #fdf0cf; font-size: 16px; letter-spacing: 1px; }
.pop4 .button-box { display: flex; justify-content: space-between; align-items: center; width: 100%;  }
.pop4 .button-box a { color: #fff; font-weight: bold; font-size: 20px; letter-spacing: 2px; display: flex; justify-content: center; align-items: center; }

.pop5 { width: 550px; height: 602px; }
.pop5 .content-box { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.pop5 .packet { position: relative; padding: 52px 32px 0; width: 389px; height: 526px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page1/pop-packet3.png) no-repeat; background-size: 100% 100%; }
.pop5 .packet .text-box { color: #fceec6; }
.pop5 .text-box .source { display: flex; justify-content: start; align-items: end; }
.pop5 .text-box h3 { font-size: 23px; letter-spacing: 1px; font-weight: normal; }
.pop5 .text-box h4 { font-size: 23px; letter-spacing: 1px; color: #fff; font-weight: normal; margin: 0 3px; }
.pop5 .text-box h5 { font-size: 19px; letter-spacing: 1px; font-weight: normal; }
.pop5 .text-box p { font-size: 15px; letter-spacing: 1px; margin-top: -5px; }
.pop5 .text-box span { margin-top: -3px; font-size: 13px; display: flex; justify-content: start; align-items: center; }
.pop5 .text-box span::before { content: ''; display: inline-block; width: 7px; height: 4px; background: #fceec6; margin-right: 5px; clip-path: polygon(0% 0, 80% 0, 100% 50%, 80% 100%, 0% 100%); }
.pop5 .packet .prop-box { width: 100%; height: 245px; display: flex; justify-content: space-between; align-items: start; padding: 40px 28px 0; }
.pop5 .page1-spr.award-bg4 { display: flex; flex-direction: column; align-items: center; justify-content: start; }
.pop5 .page1-spr.award-bg4 > div { margin-top: 10px; width: 76px; height: 77px; display: flex; justify-content: center; align-items: center; }
.pop5 .page1-spr.award-bg4 img { width: 100%; height: 100%; object-fit: contain; }
.pop5 .page1-spr.award-bg4 p { color: #fef5e5; font-size: 14px; letter-spacing: 1px; margin-top: 7px; line-height: 16px; text-align: center; padding: 0 5px; }
.pop5 .packet .scan { display: flex; justify-content: space-between; align-items: center; width: 100%; position: absolute; bottom: 21px; left: 0; padding: 0 64px; }
.pop5 .scan > div { width: 72px; height: 78px; display: flex; justify-content: center; align-items: center; }
.pop5 .scan img { width: 100%; height: 100%; object-fit: contain; }
.pop5 .scan p { color: #fdf0cf; font-size: 16px; letter-spacing: 1px; }
.pop5 .button-box { display: flex; justify-content: space-between; align-items: center; width: 100%;  }
.pop5 .button-box a { color: #fff; font-weight: bold; font-size: 20px; letter-spacing: 2px; display: flex; justify-content: center; align-items: center; }

.pop6 { width: 550px; height: 602px; }
.pop6 .content-box { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.pop6 .packet { position: relative; padding: 52px 32px 0; width: 389px; height: 526px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page1/pop-packet3.png) no-repeat; background-size: 100% 100%; }
.pop6 .packet .text-box { color: #fceec6; }
.pop6 .text-box .source { display: flex; justify-content: start; align-items: end; }
.pop6 .text-box h3 { font-size: 23px; letter-spacing: 1px; font-weight: normal; }
.pop6 .text-box h4 { font-size: 23px; letter-spacing: 1px; color: #fff; font-weight: normal; margin: 0 3px; }
.pop6 .text-box h5 { font-size: 19px; letter-spacing: 1px; font-weight: normal; }
.pop6 .text-box p { font-size: 15px; letter-spacing: 1px; margin-top: -5px; }
.pop6 .text-box span { margin-top: -3px; font-size: 13px; display: flex; justify-content: start; align-items: center; }
.pop6 .text-box span::before { content: ''; display: inline-block; width: 9px; height: 3px; background: #fceec6; margin-right: 5px; clip-path: polygon(0% 0, 80% 0, 100% 50%, 80% 100%, 0% 100%); }
.pop6 .packet .prop-box { margin-top: 10px; width: 100%; height: 245px; display: flex; justify-content: center; align-items: start; padding: 0 28px; flex-wrap: wrap; }
.pop6 .page1-spr.award-bg6 { margin: 0 4px 7px; display: flex; flex-direction: column; align-items: center; justify-content: start; }
.pop6 .page1-spr.award-bg6 > div { margin-top: 10px; width: 76px; height: 77px; display: flex; justify-content: center; align-items: center; }
.pop6 .page1-spr.award-bg6 img { width: 100%; height: 100%; object-fit: contain; }
.pop6 .page1-spr.award-bg6 p { font-weight: bold; color: #56161b; font-size: 14px; letter-spacing: 1px; margin-top: 5px; line-height: 14px; text-align: center; padding: 0 5px; }
.pop6 .packet .scan { display: flex; justify-content: space-between; align-items: center; width: 100%; position: absolute; bottom: 21px; left: 0; padding: 0 64px; }
.pop6 .scan > div { width: 72px; height: 78px; display: flex; justify-content: center; align-items: center; }
.pop6 .scan img { width: 100%; height: 100%; object-fit: contain; }
.pop6 .scan p { color: #fdf0cf; font-size: 16px; letter-spacing: 1px; }
.pop6 .button-box { display: flex; justify-content: space-between; align-items: center; width: 100%;  }
.pop6 .button-box a { color: #fff; font-weight: bold; font-size: 20px; letter-spacing: 2px; display: flex; justify-content: center; align-items: center; }

.pop7 { width: 678px; height: 460px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/pop-bg6.png) no-repeat; background-size: 100% 100%; }
.pop7 p { color: #e9d8fe; font-size: 28px; width: 100%; text-align: center; margin-top: 80px; padding: 0 50px; }
.pop7 span { color: #f54827; }
.pop7 .qr-box { margin: 15px auto 0; padding: 7px; width: 183px; height: 184px; display: flex; justify-content: center; align-items: center; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page1/qr-border.png) no-repeat; background-size: 100% 100%; }
.pop7 .qr-box img { width: 100%; height: 100%; object-fit: cover; }

.pop10 { width: 678px; height: 336px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/pop-bg4.png) no-repeat; background-size: 100% 100%; }
.pop10 > p { color: #efe2fe; font-size: 20px; letter-spacing: 1px; width: 100%; text-align: center; margin-top: 150px;padding: 0 20px; }
.pop10 .copy-box { margin-top: 50px; display: flex; justify-content: center; align-items: center; }
.pop10 .copy-box input { text-align: start; padding-left: 10px; line-height: 41px; letter-spacing: 1px; width: 400px; height: 41px; color: #2f0d55; font-size: 18px; border: 0; }
.pop10 .copy-box a { letter-spacing: 1px; margin-left: 6px; color: #fff; font-size: 20px; display: flex; justify-content: center; align-items: center; }

.pop11 { width: 626px; height: 487px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/pop-bg10.png) no-repeat; background-size: 100% 100%; }
.pop11.dia .title { font-size: 44px; }
.pop11 .rule-list { margin-top: 97px; padding: 0 50px; }
.pop11 .rule-list .rule-item { margin-bottom: 14px; display: flex; justify-content: start; align-self: center; }
.pop11 .rule-item h2 { margin-right: 12px; color: #ebe8e1; font-size: 20px; font-family: Tungsten, serif; background: #7f30d2; width: 45px; height: 23px; display: flex; justify-content: center; align-items: center; letter-spacing: 1px; clip-path: polygon(0% 0%, 100% 0%, 100% 65%, 0% 330%) }
.pop11 .rule-item span { color: #b7b3ba; font-size: 16px; flex: 1; }

.pop12 { width: 678px; height: 460px; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/pop-bg6.png) no-repeat; background-size: 100% 100%; }
.pop12 .advertising-box { width: 90%; margin: 116px auto 0; position: relative; }
.pop12 .advertising-box .swiper-container { margin: 0 auto; width: 440px; height: 278px; overflow: hidden; position: relative; }
.pop12 .swiper-container .advertising-border { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/page1/guidance-border.png) no-repeat; background-size: 100% 100%; }
.pop12 .swiper-container img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.pop12 .advertising-box .swiper-button-next,
.pop12 .advertising-box .swiper-button-prev { background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/index/arrows-icon.png) no-repeat; background-size: 100% 100%; width: 43px; height: 85px; }
.pop12 .advertising-box .swiper-button-prev { transform: rotateY(180deg); }
.pop12 .advertising-box .swiper-button-disabled {  opacity:1; background: url(//game.gtimg.cn/images/val/act/a20251230springfestival/index/arrows-icon.gray.png) no-repeat; background-size: 100% 100%; }
.pop12 .advertising-box .swiper-button-disabled.swiper-button-prev { transform: rotateY(0deg); }
.pop12 .advertising-box .swiper-button-disabled.swiper-button-next { transform: rotateY(180deg); }
.pop12 .advertising-box .swiper-pagination { left: 50%; transform: translateX(-50%); bottom: -38px; }
.pop12 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { margin: 0 2px; width: 109px; height: 9px; background: #f54126; border: 0; border-radius: 0; }
.pop12 .swiper-pagination .swiper-pagination-bullet { margin: 0 2px; width: 109px; height: 9px; border: 1px solid #decef2; border-radius: 0; opacity: 1; background: transparent; box-sizing: border-box; }