body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a,a:hover{text-decoration:none}
img{border:0}
body{box-sizing: border-box; background: #08182e; padding-top: 50px;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
ul li{list-style:none;}

/***底部***/
#afooter {position: relative;padding: 30px 0;text-align: center;font: normal 12px/19px Tahoma;z-index: 10;background-color: #111;}
#afooter, #afooter a {color: #c0c0c0;text-decoration: none;}
#afooter a:hover{ color: #fff;}

@-moz-document url-prefix(){*{scrollbar-width:none;}}

.mob_show { display: none !important; }

/* 字体包 */
@font-face { font-family: "Tungsten"; src: url(//game.gtimg.cn/images/val/act/a20250702anniversary/font/Tungsten-Bold.otf); font-display: block;}


body{overflow-y: auto; min-width: 1200px;}
body::-webkit-scrollbar {width:8px;height:8px;background-color:#ff4259; border-radius:4px;}
body::-webkit-scrollbar-thumb{background-color:#ff4259; border: 1px solid #ff4259; border-radius:4px;}
body::-webkit-scrollbar-track{background-color:#13092d; border: 1px solid #ff4259; border-radius:4px;}


.wrapper-scale{position: relative; overflow: hidden;}
.wrapper-scale .wrapper{ transform-origin: 0 0;}
.wrapper *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.wrapper{position:relative; overflow:hidden; width: 100%; transition:opacity .2s cubic-bezier(.215,.61,.355,1); opacity: 0;}
.wrapper .main{width: 1750px; margin: 0 auto; position: relative; z-index: 2;}
.wrapper img{display: block;}


.spr{ background:url(//game.gtimg.cn/images/val/act/a20250702anniversary/spr.png) no-repeat;}
.spr.award-box {width:118px; height:116px; background-position: -1435px -358px}
.spr.award-box2 {width:118px; height:116px; background-position: -1315px -485px}
.spr.btn-change {width:125px; height:30px; background-position: -1489px -318px}
.spr.btn1 {width:367px; height:71px; background-position: -1196px -10px}
.spr.btn2 {width:367px; height:71px; background-position: -1196px -91px}
.spr.btn3 {width:126px; height:41px; background-position: -1182px -434px}
.spr.btn4 {width:297px; height:65px; background-position: -1182px -283px}
.spr.btn5 {width:438px; height:101px; background-position: -1182px -172px}
.spr.btn6 {width:930px; height:91px; background-position: -10px -163px}
.spr.btn7 {width:500px; height:76px; background-position: -696px -701px}
.spr.btn7.gray {width:500px; height:76px; background-position: -696px -615px}
.spr.btn8 {width:243px; height:66px; background-position: -1182px -358px}
.spr.p2-next {width:58px; height:39px; background-position: -1318px -434px}
.spr.p2-num {width:59px; height:35px; background-position: -1443px -533px}
.spr.p2-pagin {width:140px; height:25px; background-position: -1489px -283px}
.spr.p2-prev {width:58px; height:39px; background-position: -1443px -484px}
.spr.p2-task {width:476px; height:228px; background-position: -696px -264px}
.spr.p3-arr {width:18px; height:39px; background-position: -1511px -484px}
.spr.p3-dj {width:142px; height:159px; background-position: -1206px -615px}
.spr.p3-item {width:340px; height:459px; background-position: -346px -264px}
.spr.p4-bt {width:1176px; height:143px; background-position: -10px -10px}
.spr.p4-cur {width:320px; height:25px; background-position: -346px -733px}
.spr.p4-item {width:326px; height:490px; background-position: -10px -264px}
.spr.p5-next {width:37px; height:81px; background-position: -1573px -10px}
.spr.p5-prev {width:37px; height:81px; background-position: -1563px -358px}
.spr.stage-box {width:182px; height:66px; background-position: -950px -163px}
.spr.v8-item {width:609px; height:103px; background-position: -696px -502px}


.btn-box a.spr { display: block; position: relative; }
.btn-box a.spr.gray { pointer-events: none; filter: grayscale(1); }
.btn-box a.spr span { text-align: center; font-weight: bold; letter-spacing: 6px; padding-left: 6px; position: absolute; top: 50%; left: 50%; }
.btn-box a.spr:hover { filter: brightness(1.1); }
.btn-box a.spr span.gray-txt { display: none; }
.btn-box a.spr.gray span.normal-txt { display: none; }
.btn-box a.spr.gray span.gray-txt { display: block; }

.part-title-box { width: 100%; height: auto; margin: 0 auto; position: relative; }
.part-title-box .part-title { width: 100%; height: auto; display: flex; justify-content: space-between; align-items: center; position: relative; }
.part-title-box .part-title p { font-size: 78px; line-height: 90px; color: #fff; font-weight: bold; padding-right: 8px; flex-grow: 0; }
.part-title-box .part-title i.title-line { width: auto; height: 1px; background: #ff395266; margin: 4px 24px 0; position: relative; pointer-events: none; flex-grow: 1; }
.part-title-box .part-title i.title-line:after { content: ''; width: 3px; height: 3px; background: #ff395266; position: absolute; left: 0; top: -1px; }
.part-title-box .part-title i.tit-star { width: 88px; height: 30px; background: #ff3952d4; mask: url(//game.gtimg.cn/images/val/act/a20250702anniversary/tit-star.png) no-repeat 0 0/100% 100%; flex-grow: 0; pointer-events: none; }
.part-title-box .part-subtit { width: 100%; height: auto; font-size: 26px; line-height: 32px; margin-top: 18px; }
.part-title-box .part-subtit i { color: #ff3951; font-style: normal; display: inline-block; vertical-align: top; margin-right: 10px; }
.part-title-box .part-subtit p { color: #e0dddd; display: inline-block; vertical-align: top; }
.part-title-box .part-subtit span { font-weight: bold; }

.wrapper { background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/head-bg.jpg) no-repeat 50% 0/1920px 1080px, url(//game.gtimg.cn/images/val/act/a20250702anniversary/bg1.jpg) no-repeat 50% 1079px/1920px 955px, url(//game.gtimg.cn/images/val/act/a20250702anniversary/bg2.jpg) no-repeat 50% 2033px/1920px 922px, url(//game.gtimg.cn/images/val/act/a20250702anniversary/bg3.jpg) no-repeat 50% 2954px/1920px 848px, url(//game.gtimg.cn/images/val/act/a20250702anniversary/bg4.jpg) no-repeat 50% 3801px/1920px 999px, url(//game.gtimg.cn/images/val/act/a20250702anniversary/bg5.jpg) no-repeat 50% 4799px/1920px 908px, url(//game.gtimg.cn/images/val/act/a20250702anniversary/bg6.jpg) no-repeat 50% 5706px/1920px 870px; }

.head { width: 100%; height: 1080px; position: relative; z-index: 2;}
.part1 { width: 100%; height: 955px; padding-top: 140px; margin-top: -1px; position: relative; z-index: 1; }
.part2 { width: 100%; height: 922px; padding-top: 82px; margin-top: -1px; position: relative; }
.part3 { width: 100%; height: 848px; padding-top: 40px; margin-top: -1px; position: relative; }
.part4 { width: 100%; height: 999px; padding-top: 84px; margin-top: -1px; position: relative; }
.part5 { width: 100%; height: 908px; padding-top: 80px; margin-top: -1px; position: relative; }
.part6 { width: 100%; height: 870px; padding-top: 82px; margin-top: -1px; position: relative; }
.part-main { width: 1600px; height: 100%; position: relative; margin: 0 auto; }

.head .act-time { width: 100%; height: auto; font-size: 24px; line-height: 30px; color: #1d071f; text-align: center; font-weight: bold; padding-left: 20px; position: absolute; left: 0; bottom: 74px; }
.head .login-box { width: 100%; height: auto; font-size: 24px; line-height: 30px; text-align: center; color: #fff; position: absolute; left: 0; bottom: -82px; }
.head .login-box a { color: #fc3850; }
.head .login-box a:hover{color: #fff;}


.part1 .part-title-box .part-subtit { font-size: 24px; }
.part1 .stage-box { font-size: 20px; line-height: 22px; color: #ff3951; text-align: center; padding-top: 12px; position: absolute; bottom: -4px; right: 0; }
.part1 .p1-box { width: 1660px; height: auto; font-size: 0; text-align: center; margin: 60px 0 0 -30px; }
.part1 .p1-list { width: 100%; height: auto; }
.part1 .p1-list li { width: 292px; height: 372px; display: inline-block; vertical-align: top; margin: 0 18px; position: relative; transition: all .3s; }
.part1 li .back { width: 100%; height: 100%; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/card-back.jpg) no-repeat 0 0/100%; position: absolute; top: 0; left: 0; z-index: 1; transition: opacity .3s; }
.part1 li .back a.btn-select { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.part1 li .face { width: 100%; height: 100%; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/card-face.jpg) no-repeat 0 0/100%; position: absolute; top: 0; left: 0; z-index: 2; transform: rotateY(-180deg); opacity: 0; transition: opacity .3s; pointer-events: none; padding-top: 18px; }
.part1 li.three .face { background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/card-face2.jpg) no-repeat 0 0/100%; }

.part1 li .award-list { width: 100%; height: 274px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.part1 li .award-list .award-box { margin: 7px; position: relative; }
.part1 li.three .award-list .award-box { background-position: -1315px -485px; }
.part1 li .award-list .img-box { width: 100%; height: 100%; position: relative; }
.part1 li .award-list .img-box img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.part1 li .award-list p { width: 100%; height: auto; font-size: 16px; line-height: 20px; color: #fff; text-align: center; position: absolute; left: 0; bottom: 8px; }
.part1 li a.btn-change { width: 125px; height: 30px; font-size: 20px; line-height: 30px; color: #fff; text-align: center; position: absolute; bottom: 36px; left: 50%; margin-left: -62.5px; }
.part1 li a.btn-change:after { content: ''; width: 80px; height: 1px; background: #ffffff9e; position: absolute; bottom: 0; left: 50%; margin-left: -40px; }
.part1 li a.btn-change:hover:after { opacity: 0; }

.part1 .p1-list li:hover { margin-top: -20px; filter: brightness(1.1); }
/* .part1 li:hover .face { background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/card-face2.jpg) no-repeat 0 0/100%; }
.part1 li:hover .award-list .award-box { background-position: -1025px -364px; } */

.part1 .p1-list li.on { transform: rotateY(-180deg); }
.part1 li.on .back { opacity: 0; pointer-events: none; }
.part1 li.on .face { opacity: 1; pointer-events: all; }

.part1 .btn-box { width: 100%; height: auto; margin-top: 56px; }
.part1 .btn-box a { width: 367px; height: 71px; display: inline-block; vertical-align: top; margin: 0 22px; }
.part1 .btn-box a span { width: 352px; height: 58px; font-size: 24px; line-height: 58px; color: #fff; margin: -29px 0 0 -176px; }
.part1 .btn-box a.btn2 span { color: #120034; }


.part2 .part-title-box .part-title p { padding-right: 18px; }
.part2 .part-title-box .part-title i.title-line { background: #ffffff66; }
.part2 .part-title-box .part-title i.title-line:after { background: #ffffff66; }
.part2 .part-title-box .part-title i.tit-star { background: #ffffffd4; }

.part2 .p2-box { width: 100%; height: auto; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 40px; }
.part2 .p2-l { width: 1040px; height: 582px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/p2-task.jpg) no-repeat 0 0/100%; padding-top: 32px; }
.part2 .p2-sw { width: 1008px; height: 500px; margin: 0 auto; overflow: hidden; position: relative; z-index: 1; }
.part2 .p2-sw li { width: 476px; height: 228px; margin: 0 14px 21px; position: relative; }
.part2 .p2-sw li.gray { filter: grayscale(1); pointer-events: none; }
.part2 .p2-sw .task-tips { min-width: 102px; height: 30px; background: #fff; font-size: 22px; line-height: 30px; color: #ff3951; font-style: normal; text-align: center; padding: 0 10px 0 26px; clip-path: polygon(0 0, 100% 0, 100% 100%, 21% 100%); position: absolute; top: 0; right: 0; z-index: 2; }
.part2 .p2-sw .img-box { width: 100%; height: 174px; overflow: hidden; position: relative; z-index: 1; }
.part2 .p2-sw .img-box:after { content: ''; width: 477px; height: 174px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/p2-bd.png) no-repeat 0 0/100%; position: absolute; top: 0; left: 0; z-index: 2; }
.part2 .p2-sw .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 38%; position: relative; z-index: 1; }
.part2 .p2-sw .task-bottom { width: 100%; height: 54px; display: flex; justify-content: space-between; align-items: center; padding: 0 22px 0 10px; position: relative; }
.part2 .task-bottom .task-desc { width: 310px; height: auto; display: flex; justify-content: space-between; align-items: flex-start; }
.part2 .task-bottom p { width: 286px; height: auto; font-size: 17px; line-height: 20px; color: #ededed; text-align: justify; position: relative; }
.part2 .task-bottom i { font-size: 18px; line-height: 18px; color: #fb293e; font-style: normal; }
.part2 .task-bottom p span { float: right; }
.part2 .task-bottom a.spr { width: 126px; height: 41px; font-size: 18px; line-height: 41px; color: #ededed; text-align: center; display: block; position: relative; pointer-events: none; }
.part2 .task-bottom a.spr.active { pointer-events: all; }
.part2 .task-bottom a.spr.gray { filter: grayscale(1); }
.part2 .task-bottom a.spr:hover { filter: brightness(1.1); }
.part2 .task-bottom a.spr span.active-txt { display: none; }
.part2 .task-bottom a.spr span.gray-txt { display: none; }
.part2 .task-bottom a.spr.active span.active-txt { display: block; }
.part2 .task-bottom a.spr.active span.normal-txt { display: none; }
.part2 .task-bottom a.spr.active span.gray-txt { display: none; }
.part2 .task-bottom a.spr.gray span.gray-txt { display: block; }
.part2 .task-bottom a.spr.gray span.normal-txt { display: none; }
.part2 .task-bottom a.spr.gray span.active-txt { display: none; }

.part2 .p2-switch { width: 100%; height: auto; display: flex; justify-content: center; align-items: center; margin-top: -8px; position: relative; z-index: 2; }
.part2 .p2-switch a { width: 58px; height: 39px; }
.part2 .p2-switch a:hover { filter: brightness(1.1); }
.part2 .p2-switch a.swiper-button-disabled { pointer-events: none; filter: grayscale(1); }
.part2 .p2-switch .p2-pagin { width: 140px; height: 25px; font-size: 18px; line-height: 25px; color: #0d0d0d; text-align: center; padding-left: 4px; margin: 0 32px; }

.part2 .p2-r { width: 500px; height: auto; margin-top: -2px; }
.part2 .p2-r .rule-tit { width: 100%; height: auto; font-size: 42px; line-height: 44px; color: #030b1a; font-weight: bold; margin-bottom: 30px; }
.part2 .p2-r .scroll-box { width: 100%; height: 510px; overflow: hidden; overflow-y: auto; }
.part2 .p2-r .scroll-box::-webkit-scrollbar {width:2px;height:2px;}
.part2 .p2-r .scroll-box::-webkit-scrollbar-track-piece {background-color:#12082573;}
.part2 .p2-r .scroll-box::-webkit-scrollbar-thumb {background-color:#120825;}
.part2 .p2-r li { width: 480px; height: auto; padding-left: 80px; margin-top: 20px; position: relative; }
.part2 .p2-r li:nth-child(1) { margin: 0; }
.part2 .p2-r li i { font-size: 24px; line-height: 35px; color: #ece8e1; text-align: center; font-style: normal; position: absolute; top: 0; left: 0; font-family: "Tungsten"; }
.part2 .p2-r li .rule-q { width: 100%; height: auto; font-size: 20px; line-height: 28px; color: #030b1a; font-weight: bold; text-align: justify; }
.part2 .p2-r li .rule-a { width: 100%; height: auto; font-size: 20px; line-height: 28px; color: #030b1a; text-align: justify; margin-top: 4px; }


.part3 .p3-box { width: 1632px; height: auto; margin: 34px 0 0 -16px; }
.part3 .p3-sw { width: 100%; height: 480px; padding-top: 12px; }
.part3 .p3-sw li { padding-top: 32px; margin: 0 16px; position: relative; }
.part3 .p3-sw li i.p3-num { width: 34px; height: 34px; background: #ff3952; font-size: 28px; line-height: 34px; color: #ededed; font-style: normal; text-align: center; position: absolute; top: -12px; left: 20px; font-family: "Tungsten"; }
.part3 .p3-sw .dj-list { width: 100%; height: 175px; display: flex; justify-content: center; align-items: center; margin-bottom: 44px; }
.part3 .p3-sw .dj-box { width: 142px; height: 159px; margin: 8px; position: relative; }
.part3 .p3-sw .dj-box:nth-child(1):hover { filter: brightness(1.1); }
.part3 .p3-sw .dj-box .btn-select2 { width: 100%; height: 100%; border: 1px solid #8a00ff; background: #1f024b80; font-size: 18px; line-height: 34px; color: #e0dddd; text-align: center; padding-top: 120px; position: absolute; top: 0; left: 0; }
.part3 .p3-sw .dj-box.on .btn-select2 { opacity: 0; }
.part3 .p3-sw .dj-box .btn-select2:before { content: ''; width: 6px; height: 56px; background: #8a00ff; position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -3px; }
.part3 .p3-sw .dj-box .btn-select2:after { content: ''; width: 56px; height: 6px; background: #8a00ff; position: absolute; top: 50%; left: 50%; margin: -3px 0 0 -28px; }
.part3 .p3-sw .dj-box .p3-dj { width: 142px; height: 159px; padding-bottom: 6px; position: absolute; top: 0; left: 0; }
.part3 .p3-sw .dj-box:nth-child(1) .p3-dj { opacity: 0; pointer-events: none; }
.part3 .p3-sw .dj-box.on .p3-dj { opacity: 1; }
.part3 .p3-sw .dj-box .p3-dj i { width: 110px; height: 24px; font-size: 16px; line-height: 24px; color: #fff; text-align: center; font-style: normal; background: #8a03fd; clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%); padding-right: 10px; position: absolute; top: 1px; left: 1px; z-index: 2; }
.part3 .p3-sw .dj-box .img-box { width: 100%; height: 100%; position: relative; z-index: 1; }
.part3 .p3-sw .dj-box .img-box img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.part3 .p3-sw .dj-box p { width: 100%; height: auto; font-size: 19px; line-height: 26px; color: #ece8e1; text-align: center; position: absolute; left: 0; bottom: 8px; z-index: 2; }
.part3 .p3-sw .dj-box.gray { pointer-events: none; }
.part3 .p3-sw .dj-box.gray .p3-dj i { opacity: 0; }
.part3 .p3-sw .dj-date { width: 100%; height: auto; font-size: 18px; line-height: 30px; color: #fe3952; text-align: justify; padding: 0 44px; }
.part3 .p3-sw .dj-desc { width: 100%; height: 70px; font-size: 22px; line-height: 30px; color: #ece8e1; text-align: center; display: flex; justify-content: center; align-items: center; padding: 0 22px; }
.part3 .p3-sw .btn-box { width: 100%; height: auto; margin-top: 14px; }
.part3 .p3-sw .btn-box a { margin: 0 auto; }
.part3 .p3-sw .btn-box a span { width: 282px; height: 52px; font-size: 26px; line-height: 52px; color: #fff; margin: -26px 0 0 -141px; }
.part3 .p3-sw .btn-box a span.undone-txt { display: none; }
.part3 .p3-sw .btn-box a.undone { pointer-events: none; opacity: .8; }
.part3 .p3-sw .btn-box a.undone span.undone-txt { display: block; }
.part3 .p3-sw .btn-box a.undone span.normal-txt { display: none; }
.part3 .p3-sw .btn-box a.undone span.gray-txt { display: none; }
.part3 .p3-switch { width: 230px; height: auto; display: flex; justify-content: flex-start; align-items: center; margin: 36px auto 0 16px; }
.part3 .p3-switch span { font-size: 22px; line-height: 30px; color: #ffffff; margin-left: 14px; }


.part4 .part-title-box .part-subtit i { color: #251121; }
.part4 .part-title-box .part-subtit p { color: #251121; }
.part4 .part-title-box .part-title i.title-line { background: #ffffff66; }
.part4 .part-title-box .part-title i.title-line:after { background: #ffffff66; }
.part4 .part-title-box .part-title i.tit-star { background: #ffffffd4; }
.part4 .p4-box { width: 100%; height: auto; margin-top: 22px; }
.part4 .line-box { width: 1590px; height: 1px; background: #030b1a78; margin: 0 auto; position: relative; z-index: 2; }
.part4 .line-box i { position: absolute; top: -7px; left: 50%; margin-left: -160px; pointer-events: none; }
.part4 .line-box:before { content: ''; width: 3px; height: 3px; background: #030b1a91; position: absolute; top: -1px; left: -1px; }
.part4 .line-box:after { content: ''; width: 3px; height: 3px; background: #030b1a91; position: absolute; top: -1px; right: -1px; }
.part4 .line-box i { position: absolute; }
.part4 .p4-list { width: 1630px; height: auto; font-size: 0; text-align: center; margin: 20px 0 0 -15px; position: relative; z-index: 1; }
.part4 .p4-list li { display: inline-block; vertical-align: top; margin: 0 -4px; position: relative; }
/* .part4 .p4-list li.cur:before { content: ''; width: 320px; height: 25px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/spr.png) no-repeat; background-position: -496px -325px; position: absolute; left: 50%; top: -28px; margin-left: -160px; z-index: 2; } */
.part4 .p4-list li.cur:after { content: ''; width: 100%; height: 508px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/p4-item.on.png) no-repeat 0 0/100%; position: absolute; left: -1px; bottom: 0; z-index: 1; }
.part4 .p4-list .p4-num { width: 100%; height: auto; font-size: 24px; line-height: 30px; color: #ededed8a; text-align: justify; font-family: "Tungsten"; font-style: normal; padding: 0 42px; position: absolute; top: 25px; left: 0; z-index: 2; }
.part4 .p4-list .img-box { width: 80%; height: 200px; position: absolute; top: 100px; left: 10%; z-index: 2; }
.part4 .p4-list .img-box img { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.part4 .p4-list .item-name { width: 100%; height: auto; position: absolute; padding: 0 42px; top: 350px; left: 0; z-index: 2; }
.part4 .p4-list .item-name p { font-size: 28px; line-height: 40px; color: #fff; font-weight: bold; text-align: justify; }
.part4 .p4-list .item-name span { display: block; font-size: 18px; line-height: 22px; color: #fff; text-align: justify; }

.part4 .p4-bottom { width: 100%; height: auto; margin-top: 20px; position: relative; }
.part4 .p4-bottom .p4-bt { padding: 28px 0 0 45px; position: relative; }
.part4 .p4-bottom .bt-tit { width: 700px; height: auto; font-size: 42px; line-height: 50px; color: #ece8e1; text-align: justify; font-weight: bold; }
.part4 .p4-bottom .bt-subtit { width: 700px; height: auto; font-size: 21px; line-height: 28px; color: #ff3951; text-align: justify; padding-left: 25px; margin-top: 8px; }
.part4 .p4-bottom .bt-desc { width: 280px; height: 30px; background: #422c40; border-right: 3px solid #ff3951; position: absolute; bottom: 38px; right: 60px; }
.part4 .p4-bottom .bt-desc span { width: 110px; height: 100%; border: 1px solid #ece8e19e; background: #210821; font-size: 17px; line-height: 30px; color: #ece8e1ad; text-align: center; position: absolute; left: 0; top: 0; }
.part4 .p4-bottom .bt-desc span.bt-num { width: 170px; height: 50px; font-size: 48px; line-height: 50px; color: #ece8e1; font-family: "Tungsten"; border: 0; background: none; position: absolute; left: auto; right: 0; top: -10px; }
.part4 .p4-bottom .btn-box { width: 438px; height: 101px; position: absolute; right: 0; bottom: 0; }
.part4 .p4-bottom .btn-box a.btn-prob { font-size: 24px; height: 30px; color: #fff; text-decoration: underline; position: absolute; right: 160px; top: -48px; }
.part4 .p4-bottom .btn-box a.btn-prob:hover { text-decoration: none; }
.part4 .p4-bottom .btn-box a.btn-record { font-size: 24px; height: 30px; color: #fff; text-decoration: underline; position: absolute; right: 0; top: -48px; }
.part4 .p4-bottom .btn-box a.btn-record:hover { text-decoration: none; }
.part4 .p4-bottom .btn-box a.btn5.gray { filter: grayscale(1) brightness(0.9); }
.part4 .p4-bottom .btn-box a.btn5 span { width: 431px; height: 100px; font-size: 32px; line-height: 100px; color: #210821; margin: -50px 0 0 -212px; }

/* .part5 .p5-box { width: 100%; height: auto; margin-top: 64px; }
.part5 .p5-sw { width: 1374px; height: 640px; margin: 0 auto; position: relative; z-index: 1; }
.part5 .p5-sw li { opacity: .6; }
.part5 .p5-sw li.swiper-slide-active { opacity: 1; }
.part5 .p5-sw .img-box { width: 1130px; height: auto; margin: 0 auto; position: relative; }
.part5 .p5-sw li.swiper-slide-active .img-box:after { content: ''; width: 1133px; height: 638px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/p5-bd.png) no-repeat 0 0/100%; position: absolute; top: 50%; left: 50%; margin: -319px 0 0 -566.5px; }
.part5 .p5-switch { width: 1385px; height: 0; margin: -370px auto 0; position: relative; z-index: 2; }
.part5 .p5-switch a { width: 50px; height: 100px; position: relative; }
.part5 .p5-switch a:hover { filter: brightness(1.1); }
.part5 .p5-switch a i { position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -18px; pointer-events: none; }
.part5 .p5-switch a.btn-prev { float: left; }
.part5 .p5-switch a.btn-next { float: right; } */

.part5 .p5-box { width: 100%; height: auto; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 40px; }
.part5 .p5-box .p5-l { width: 930px; height: auto; }
.part5 .p5-box .img-box { width: 928px; height: 495px; margin: 0 auto; position: relative; }
.part5 .p5-box .img-box::after { content: ''; width: 930px; height: 497px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/p5-bd.png) no-repeat 0 0/100%; position: absolute; top: 50%; left: 50%; margin: -248.5px 0 0 -465px; pointer-events: none; z-index: 2; }
.part5 .p5-box .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; position: relative; z-index: 1; }
.part5 .p5-l .btn-box { width: 100%; height: auto; margin-top: 24px; }
.part5 .p5-l .btn-box a span { width: 914px; height: 74px; font-size: 32px; line-height: 74px; color: #120034; margin: -37px 0 0 -457px; }
.part5 .p5-box .p5-r { width: 610px; height: auto; }
.part5 .p5-r .v8-item { display: block; margin: 0 auto 24px; position: relative; }
.part5 .p5-r .v8-item i { font-size: 36px; line-height: 40px; color: #0b071275; font-style: normal; font-family: "Tungsten"; position: absolute; top: 50%; left: 24px; margin-top: -20px; }
.part5 .p5-r .v8-item p { width: 100%; height: auto; font-size: 34px; line-height: 40px; color: #ece8e1; font-weight: bold; text-align: center; padding-left: 26px; position: absolute; left: 0; top: 20px; }
.part5 .p5-r .v8-item span { width: 100%; height: auto; font-size: 18px; line-height: 24px; color: #fff; text-align: center; padding-left: 26px; position: absolute; left: 0; bottom: 14px; }


.part6 .part-title-box .part-title i.title-line { background: #ffffff66; }
.part6 .part-title-box .part-title i.title-line:after { background: #ffffff66; }
.part6 .part-title-box .part-title i.tit-star { background: #ffffffd4; }
.part6 .part-title-box .part-subtit i { color: #251121; }
.part6 .part-title-box .part-subtit p { color: #251121; }
.part6 .p6-box { width: 100%; height: auto; display: flex; justify-content: space-between; align-items: flex-start; margin-top: 32px; }
.part6 .p6-box .p6-l { width: 1040px; height: auto; }
.part6 .p6-box .img-box { width: 1038px; height: 524px; margin: 0 auto; position: relative; }
.part6 .p6-box .img-box::after { content: ''; width: 1040px; height: 526px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/p6-bd.png) no-repeat 0 0/100%; position: absolute; top: 50%; left: 50%; margin: -263px 0 0 -520px; pointer-events: none; z-index: 2; }
.part6 .p6-box .img-box img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 100%; position: relative; z-index: 1; }
.part6 .p6-r { width: 500px; height: auto; }
.part6 .p6-r .rule-tit { width: 100%; height: auto; font-size: 42px; line-height: 44px; color: #030b1a; font-weight: bold; margin-bottom: 26px; }
.part6 .p6-r .scroll-box { width: 100%; height: auto; }
.part6 .p6-r li { width: 100%; height: auto; padding-left: 80px; margin-top: 36px; position: relative; }
.part6 .p6-r li:nth-child(1) { margin: 0; }
.part6 .p6-r li i { font-size: 24px; line-height: 35px; color: #ece8e1; text-align: center; font-style: normal; position: absolute; top: 0; left: 0; font-family: "Tungsten"; }
.part6 .p6-r li .rule-q { width: 100%; height: auto; font-size: 20px; line-height: 28px; color: #030b1a; font-weight: bold; text-align: justify; }
.part6 .p6-r li .rule-a { width: 100%; height: auto; font-size: 20px; line-height: 30px; color: #030b1a; text-align: justify; position: relative; top: 4px; }
.part6 .p6-r .btn-box { width: 100%; height: auto; font-size: 0; margin-top: 16px; }
.part6 .p6-r .btn-box a { display: inline-block; vertical-align: top; }
.part6 .p6-r .btn-box a.btn7 { margin-bottom: 44px; }
.part6 .p6-r .btn-box a:last-child { margin-left: 14px; }
.part6 .p6-r .btn-box a.btn7 span { width: 488px; height: 62px; font-size: 28px; line-height: 62px; color: #fff; margin: -31px 0 0 -244px; }
.part6 .p6-r .btn-box a.btn7 i { width: 100%; height: auto; font-size: 18px; line-height: 22px; color: #120825; text-align: center; font-style: normal; position: absolute; left: 0; bottom: -32px; }
.part6 .p6-r .btn-box a.btn7 i.gray-txt2 { display: none; }
.part6 .p6-r .btn-box a.btn7.gray i.normal-txt2 { display: none; }
.part6 .p6-r .btn-box a.btn7.gray i.gray-txt2 { display: block; }
.part6 .p6-r .btn-box a.btn8 span { width: 230px; height: 54px; font-size: 22px; line-height: 54px; color: #210821; margin: -27px 0 0 -115px; }



/* 弹窗 */
.pop-spr{ background:url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop-spr.png) no-repeat;}
.pop-spr.award-box {width:145px; height:145px; background-position: -10px -10px}
.pop-spr.pop-btn1 {width:353px; height:61px; background-position: -10px -321px}
.pop-spr.pop-btn2 {width:265px; height:61px; background-position: -165px -10px}
.pop-spr.pop-btn3 {width:265px; height:61px; background-position: -165px -81px}
.pop-spr.pop-btn4 {width:339px; height:68px; background-position: -10px -165px}
.pop-spr.pop-btn5 {width:339px; height:68px; background-position: -10px -243px}
.pop-spr.pop-close {width:36px; height:36px; background-position: -359px -152px}
.pop-spr.tit-icon {width:22px; height:19px; background-position: -359px -198px}


.pop, .pop * { box-sizing: border-box; }
.pop { position: relative; display: none; outline: none; }
.pop a.pop-close { display: block; position: absolute; top: -56px; right: 0; transition: all .3s; }
.pop a.pop-close:hover { transform: rotate(-180deg); }
.pop .pop-cont { width: 100%; height: 100%; position: relative; }
.pop .pop-tit-box { width: 100%; height: auto; display: flex; justify-content: center; align-items: center; }
.pop .pop-tit-box i { width: 22px; height: 19px; margin: 0 15px; }
.pop .pop-tit-box p { font-size: 44px; line-height: 50px; color: #fff; font-weight: bold; text-align: center; }
.pop .scroll-box { overflow: hidden; overflow-y: auto; }
.pop .scroll-box::-webkit-scrollbar { width: 5px; height: 5px; }
.pop .scroll-box::-webkit-scrollbar-track-piece { background-color: #2e005b; }
.pop .scroll-box::-webkit-scrollbar-thumb { background-color: #fe3952; }

.btn-box a.pop-spr { display: block; position: relative; }
.btn-box a.pop-spr.gray { pointer-events: none; filter: grayscale(1); }
.btn-box a.pop-spr span { text-align: center; font-weight: bold; letter-spacing: 6px; padding-left: 6px; position: absolute; top: 50%; left: 50%; }
.btn-box a.pop-spr:hover { filter: brightness(1.1); }
.btn-box a.pop-spr span.gray-txt { display: none; }
.btn-box a.pop-spr.gray span.normal-txt { display: none; }
.btn-box a.pop-spr.gray span.gray-txt { display: block; }

.pop .btn-box .pop-btn1 { margin: 0 auto; }


.pop2 { width: 700px; height: 704px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop3-bg.png) no-repeat 0 0/100%; }
.pop2 .pop-cont { padding-top: 46px; }
.pop2 .pop-bag-list { width: 656px; height: 424px; padding-top: 6px; margin: 30px auto 0; }
.pop2 .pop-bag-list ul { width: 618px; height: auto; font-size: 0; text-align: left; margin: 0 auto; }
.pop2 .pop-bag-list li { width: 186px; height: 237px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop-bag-bg1.png) no-repeat 0 0/100%; display: inline-block; vertical-align: top; margin: 0 10px 20px; position: relative; }
.pop2 .pop-bag-list li { pointer-events: none; }
.pop2 .pop-bag-list li.three { background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop-bag-bg2.png) no-repeat 0 0/100%; }
/* .pop2 .pop-bag-list li.ed { pointer-events: none; } */
.pop2 .pop-bag-list li.new::before { content: ''; width: 83px; height: 28px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop-aw-new.png) no-repeat 0 0/100%; position: absolute; top: 0; right: -2px; }
.pop2 .pop-bag-list li::after { content: ''; width: 97px; height: 29px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop-aw-unpick.png) no-repeat 0 0/100%; position: absolute; left: 50%; bottom: 15px; margin-left: -48.5px; z-index: 3; pointer-events: none; }
.pop2 .pop-bag-list li.ed::after { background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop-aw-ed.png) no-repeat 0 0/100%; }
.pop2 .pop-bag-list li.cur::after { width: 198px; height: 249px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop-aw-picked.png) no-repeat 0 0/100%; bottom: -6px; margin-left: -99px; }
.pop2 .pop-bag-list li i { width: 100%; height: auto; font-size: 12px; line-height: 20px; color: #ffffffb5; text-align: center; font-style: normal; position: absolute; top: 2px; left: 0; }
.pop2 .pop-bag-list li i::before { content: ''; width: 4px; height: 1px; background: #ffffffb5; display: inline-block; vertical-align: middle; margin: 0 5px; }
.pop2 .pop-bag-list li i::after { content: ''; width: 4px; height: 1px; background: #ffffffb5; display: inline-block; vertical-align: middle; margin: 0 5px; }
.pop2 .pop-bag-list li a.btn-pick { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; }
.pop2 .award-list { width: 292px; height: 258px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: absolute; top: 16px; left: 50%; margin-left: -146px; transform: scale(.64); transform-origin: 50% 0; }
.pop2 .award-list .award-box { margin: 6px; position: relative; }
.pop2 .award-list .img-box { width: 100%; height: 100%; position: relative; }
.pop2 .award-list .img-box img { width: auto; height: 120%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -40%); }
.pop2 .btn-box { width: 100%; height: auto; margin-top: 34px; }
.pop2 .btn-box a.pop-btn1 span { width: 342px; height: 52px; font-size: 24px; line-height: 52px; color: #fff; margin: -26px 0 0 -171px; }

.pop3 .pop-bag-list li { pointer-events: all; }
.pop3 .pop-bag-list li:hover { filter: brightness(1.1); }

.pop4 .pop-bag-list li { pointer-events: all; }
.pop4 .pop-bag-list li:hover { filter: brightness(1.1); }
.pop4 .pop-cont { padding-top: 46px; }
.pop4 .pop-tit-box p { font-size: 38px; line-height: 44px; }
.pop4 .btn-box { margin-top: 28px; }

.pop5 { width: 700px; height: 700px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop5-bg.png) no-repeat 0 0/100%; }
.pop5 .pop-cont { padding-top: 46px; }
.pop5 .pop-dj-list { width: 656px; height: 440px; padding-top: 6px; margin: 18px auto 0; }
.pop5 .pop-dj-list ul { width: 636px; height: auto; font-size: 0; text-align: left; margin: 0 auto; }
.pop5 .pop-dj-list li { display: inline-block; vertical-align: top; margin: 0 7px 14px; position: relative; }
.pop5 .pop-dj-list li:hover { filter: brightness(1.1); }
.pop5 .pop-dj-list li.cur::after { content: ''; width: 154px; height: 154px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop-aw-bd.png) no-repeat 0 0/100%; position: absolute; left: 50%; top: 50%; margin: -77px 0 0 -77px; z-index: 3; pointer-events: none; }
.pop5 .award-box .img-box { width: 100%; height: 100%; position: relative; }
.pop5 .award-box .img-box img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.pop5 .award-box p { width: 100%; height: auto; font-size: 18px; line-height: 20px; color: #ece8e1; text-align: center; position: absolute; left: 0; bottom: 6px; }
.pop5 .pop-dj-list li a.btn-pick { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; }
.pop5 .btn-box { width: 100%; height: auto; margin-top: 30px; }
.pop5 .btn-box a.pop-btn1 span { width: 342px; height: 52px; font-size: 24px; line-height: 52px; color: #fff; margin: -26px 0 0 -171px; }

.pop6 { width: 700px; height: 700px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop5-bg.png) no-repeat 0 0/100%; }
.pop6 .pop-cont { padding-top: 56px; }
.pop6 .text-tip { width: 100%; height: auto; font-size: 28px; line-height: 42px; color: #fff; text-align: center; }
.pop6 .text-tip p { width: 88%; margin: 0 auto; }
.pop6 .input-list { width: 564px; height: auto; font-size: 0; margin: 26px auto 0; }
.pop6 .input-item { width: 100%; height: 44px; background: #8900fc3b; font-size: 0; margin-bottom: 20px; position: relative; }
.pop6 .input-item span { width: 125px; height: 100%; display: inline-block; vertical-align: top; font-size: 24px; line-height: 44px; color: #ff3951; text-align: center; font-weight: bold; position: relative; }
.pop6 .input-item span::after { content: ''; width: 2px; height: 26px; background: #8800fd9e; position: absolute; top: 50%; right: -2px; margin-top: -13px; pointer-events: none; }
.pop6 .input-item input { width: 380px; height: 100%; display: inline-block; vertical-align: top; font-size: 20px; line-height: 40px; color: #7e6f90; outline: none; background-color: transparent; border: none; padding: 0 36px; }
.pop6 .input-item input::placeholder { color: #7e6f90; }
.pop6 .input-item.pop-select-box { height: 134px; padding: 5px 0 0 125px; }
.pop6 .input-item.pop-select-box span { line-height: 134px; position: absolute; bottom: 0; left: 0; }
.pop6 .input-item.pop-select-box span::after { height: 106px; margin-top: -53px; }
.pop6 .input-item select { width: 380px; display: block; height: 40px; cursor: pointer; font-size: 20px; line-height: 40px; color: #7e6f90;  padding: 0 36px; outline: none; -webkit-appearance: none; background-color: transparent; border: none; box-sizing: border-box; -webkit-font-smoothing: antialiased; transform: translateZ(0); opacity: 1; }
.pop6 .btn-box { width: 100%; height: auto; margin-top: 30px; }
.pop6 .btn-box a.pop-btn1 span { width: 342px; height: 52px; font-size: 24px; line-height: 52px; color: #fff; margin: -26px 0 0 -171px; }


/* 中奖记录 S */
.record { width: 700px; height: 469px; padding-top: 67px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop-record.png) no-repeat; background-size: 100% 100%;}
.record table { display: block; width: 616px; height: 254px; margin: 40px auto 5px; font-size: 0; overflow: hidden;}
.record thead,.record tbody { display: block; }
.record table td { text-align: center; line-height: 26px; font-size: 18px; color: #eeedeb; display: inline-block; vertical-align: top; padding: 13px 0; box-sizing: border-box;}
.record tbody tr { display: block; border-bottom: 1px solid #0f0125; box-sizing: border-box;}
.record thead tr { display: block;}
.record thead td { height: 40px; padding: 5px 0; color: #333333;}
.record table td { width: 33.3%; vertical-align: middle;}
.record table td a { color: #0f0125; text-decoration: underline;}
.record table td a:hover { color: #f7f6ff;}
.record thead td { font-size: 22px; color: #000018; line-height: 30px; background: #ff3951;}
.record .btn-group { text-align: center; font-size: 0;}
.record .btn-group a { display: inline-block; vertical-align: top; position: relative;}
.record tbody { height: 212px; overflow-y: auto;}
.record tbody::-webkit-scrollbar { width: 3px; height: 3px; background-color: transparent;}
.record tbody::-webkit-scrollbar-thumb { background-color:#fe3952; border: none; border-radius: 0;}
.record tbody::-webkit-scrollbar-track { background-color: #2e005b; border: none; border-radius: 0;}
/* 中奖记录 E */

/* 恭喜获得XXX S */
.obtain { width: 700px; height: 506px; padding-top: 57px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop-obtain.png) no-repeat; background-size: 100% 100%;}
.obtain .pop-title { display: none;}
.obtain img { height: 138px; width: auto; display: block; margin: 42px auto 47px;}
.obtain .title-tip { line-height: 38px; color: #ebe3de; font-size: 27px; text-align: center;}
.obtain .text-tip { width: 100%; height: 51px;}
.obtain .text-tip p { width: 566px;height: auto;margin: 0 auto 0;line-height: 30px;color: #ece8e1;font-size: 20px;text-align: center;}
.obtain .btn-text { width: 350px; margin: 0 0 0 0;line-height: 27px;color: #333333;font-size: 18px;text-align: center;}
.obtain .btn-group { width: 357px; margin: 0 auto;}
.obtain .btn-box a.pop-btn1 span { width: 342px; height: 52px; font-size: 24px; line-height: 52px; color: #fff; margin: -26px 0 0 -171px; }
/* 恭喜获得XXX E */

.pop1{background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/s-pop1.png) no-repeat 0 0/100%; width: 700px; height: 329px; padding-top: 35px;}
.pop1 .text-tip{font-size: 24px; line-height: 30px; display:flex; display:-webkit-flex; align-items:center; justify-content:center; color: #ece8e1; padding: 0 50px; height: 140px; text-align: center;}
.pop1 .btn-list{font-size: 0; text-align: center;}
.pop1 .btn-list a{display: inline-block; vertical-align: top; *zoom:1; *display: inline; margin: 0 10px; color: #ffffff; font-size: 22px; line-height: 61px; font-weight: bold;}
.pop1 .btn-list a.pop-btn3{ color: #18003c;}
.pop1 .btn-list a:hover,.pop-word .pop-btn1:hover,.pop-bind-qq .pop-btn1:hover,.pop-confirm-qq .pop-btn1:hover{ filter: brightness(1.1);}
.pop1 .btn-box a.pop-btn1 span { width: 342px; height: 52px; font-size: 24px; line-height: 52px; color: #fff; margin: -26px 0 0 -171px; }

.pop-word{background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/s-pop2.png) no-repeat 0 0/100%; width: 700px; height: 387px; padding-top: 58px;}
.pop-word .input-box{width: 496px; height: 58px; line-height: 58px; border: 2px solid #ff3951; margin: 45px auto;}
.pop-word .input-box input{display: block; width: 100%; height: 100%; color: #ff3951; font-size: 24px; overflow: hidden; background: rgba(15,1,36,.58); border: none; line-height: 52px; text-align: center;}
.pop-word .pop-btn1{display: block; margin: 0 auto; color: #fff; font-size: 24px; text-align: center; line-height: 61px;}

.pop-bind-qq{width: 700px; height: 659px; background:url(//game.gtimg.cn/images/val/act/a20250702anniversary/s-pop3.png) 50% 0 no-repeat; background-size: 100% 100%; text-align: center; padding-top: 54px;}
.pop-bind-qq .qb-box{width: 137px; height: 114px; background:url(//game.gtimg.cn/images/val/act/a20250702anniversary/s-qb.png) 50% 0 no-repeat; background-size: 100% 100%; margin: 0 auto;}
.pop-bind-qq .qb-box-num{color: #ece8e1; font-size: 20px; line-height: 30px; text-align: center; margin-top: 6px;}
.pop-bind-qq .qb-box-num span{color: #fff; font-weight: bold; margin: 0 2px;}
.pop-bind-qq .input-box{width: 566px; margin: 33px auto 0; padding-left: 143px; background: rgba(15,1,36,.58); position: relative; border: 1px solid #ff3951;}
.pop-bind-qq .input-box p{position: absolute; left: 0; top: 0; width: 125px; bottom: 0; display:flex; display:-webkit-flex; align-items:center; justify-content:center; font-size: 22px; font-weight: bold; color: #fb2f44;}
.pop-bind-qq .input-box p:after{content: '';position: absolute; right: 0; top: 10px; bottom: 10px; width: 2px; background: #b09fa3;}
.pop-bind-qq .input-box input{display: block; height: 48px; width: 100%; background-color: transparent; outline: none; border-radius: 0; border: none; appearance:none; -webkit-appearance:none; font-size: 22px; line-height: 45px; color: #ff3951;}
.pop-bind-qq ul{width: 566px; margin: 33px auto; text-align: justify; color: #fff; opacity: .82; font-size: 18px; line-height: 32px;}
.pop-bind-qq li:nth-last-of-type(1){padding-bottom: 0;}
.pop-bind-qq .pop-btn1{display: block; margin: 0 auto; color: #fff; font-size: 24px; text-align: center; line-height: 61px;}

.pop-confirm-qq{width: 700px; height: 387px; background:url(//game.gtimg.cn/images/val/act/a20250702anniversary/s-pop2.png) 50% 0 no-repeat; background-size: 100% 100%; text-align: center; padding-top: 30px;}
.pop-confirm-qq .qb-box-num{color: #fff; font-size: 20px; line-height: 30px; text-align: center; margin-top: 16px;}
.pop-confirm-qq .qb-box-num span{color: #fb2f44; font-weight: bold; margin: 0 2px;}
.pop-confirm-qq .input-box{width: 500px; margin: 30px auto 40px; padding-left: 143px; background: rgba(15,1,36,.58); position: relative; border: 1px solid #ff3951;}
.pop-confirm-qq .input-box span{position: absolute; left: 0; top: 0; width: 125px; bottom: 0; display:flex; display:-webkit-flex; align-items:center; justify-content:center; font-size: 22px; font-weight: bold; color: #fb2f44;}
.pop-confirm-qq .input-box span:after{content: '';position: absolute; right: 0; top: 10px; bottom: 10px; width: 2px; background: #b09fa3;}
.pop-confirm-qq .input-box p{display: block; height: 45px; width: 100%; background-color: transparent; outline: none; border-radius: 0; border: none; appearance:none; -webkit-appearance:none; font-size: 22px; line-height: 45px; color: #ff3951;}
.pop-confirm-qq .pop-text{width: 500px; margin: 30px auto 0; color: #ece8e1; opacity: .88; font-size: 18px; line-height: 32px;}
.pop-confirm-qq .pop-btn1{display: block; margin: 0 auto; color: #fff; font-size: 24px; text-align: center; line-height: 61px;}  



.pop7 { width: 720px; height: 800px; }
.pop7 .share-img-box { width: 542px; height: auto; margin: 0 auto; }
.pop7 .share-img-box img { width: 100%; height: auto; }
.pop7 .btn-box { width: 100%; height: auto; margin-top: 30px; }
.pop7 .btn-box a { display: inline-block; vertical-align: top; margin: 0 8px; }
.pop7 .btn-box a span { width: 328px; height: 60px; font-size: 24px; line-height: 60px; color: #fff; margin: -30px 0 0 -164px; }
.pop7 .btn-box a.pop-btn5 span { color: #18003c; }


/* 生成分享图 */
.create-box, .create-box * { box-sizing: border-box; }
.create-box { width: 542px; height: 689px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop-share1.jpg) no-repeat 0 0/100%; position: fixed; top: -99999px; z-index: -99; }
.create-box.three { background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop-share2.jpg) no-repeat 0 0/100%; }
.create-box .create-tit { width: 100%; height: auto; padding: 50px 44px 0; }
.create-box .create-tit .tit-desc { display: inline-block; vertical-align: middle; font-size: 32px; line-height: 40px; color: #fff; font-weight: bold; }
.create-box .create-tit .player-name { display: inline-block; vertical-align: middle; font-size: 34px; line-height: 40px; color: #fff; font-weight: bold; }
.create-box .create-tit .player-name span { font-size: 25px; line-height: 30px; color: #dfd1e1; margin-left: 10px; }
.create-box .create-tit .tit-desc2 { width: 100%; height: auto; font-size: 20px; line-height: 30px; color: #dfd1e1; text-align: justify; }
.create-box .create-tit .create-time { width: 100%; height: auto; font-size: 18px; line-height: 24px; color: #dfd1e1; text-align: justify; padding: 0 18px; }
.create-box .create-award-list { width: 100%; height: 364px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: absolute; top: 154px; left: 0; }
.create-box .create-award-list .award-box { width: 167px; height: 164px; margin: 8px 9px; position: relative; }
.create-box .create-award-list .img-box { width: 100%; height: 100%; position: absolute; }
.create-box .create-award-list .img-box img { width: auto; height: 100%; position: absolute; top: 50%; left: 50%; margin: -82px 0 0 -84px; }
.create-box .create-award-list p { width: 100%; height: auto; font-size: 18px; line-height: 22px; color: #fff; text-align: center; position: absolute; left: 0; bottom: 6px; }
.create-box .code-box { width: 116px; height: 116px; padding: 6px; position: absolute; left: 118px; bottom: 22px; }
.create-box .code-box img { width: 100%; height: auto; }

/* 生成中提示 */
.loading-mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000c; pointer-events: none; z-index: 99; display: none; }
.loading-mask.show { display: block; }
.loading-mask .loading-cont { width: 500px; height: 500px; position: absolute; top: 50%; left: 50%; margin: -250px 0 0 -250px; }
.loading-mask .loading-tips { width: 100%; height: auto; font-size: 30px; line-height: 40px; color: #fff; text-align: center; font-weight: bold; position: absolute; top: 50%; transform: translateY(-50%); }

.dom2img-result { position: fixed; top: -99999px; opacity: 0; }

.pop8 { width: 700px; height: 469px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop-record.png) no-repeat 0 0/100%; padding-top: 46px; }
.pop8 .pop-tit-box p { font-size: 38px; line-height: 45px; }
.pop8 .code-box { width: 244px; height: 244px; border: 1px solid #8900fd3d; background: #8900fd66; padding: 8px; margin: 34px auto 0; }
.pop8 .code-box img { width: 100%; height: auto; }

.pop9 { width: 700px; height: 521px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop9-bg.png) no-repeat 0 0/100%; padding-top: 60px; }
.pop9 .pop-cont { width: 615px; height: 397px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/pop9-img.png) no-repeat 0 0/100%; margin: 0 auto; }

/* 侧边栏 */
.side-nav { width: 140px; height: 300px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/side-box.jpg) no-repeat 0 0/100%; padding-top: 30px; position: fixed; right: 0; top: 50%; margin-top: -50px; pointer-events: none; opacity: 0; transform-origin: 100% 0; transition: all .3s; z-index: 9; }
.side-nav.active { opacity: 1; margin-top: -130px; pointer-events: all; }
.side-nav li { width: 100%; height: 49px; font-size: 24px; line-height: 49px; color: #fff; text-align: center; margin-bottom: 14px; position: relative; cursor: pointer; }
.side-nav li:hover { background: #ff3951; }
.side-nav li.cur { background: #ff3951; }
.side-nav li.cur::after { content: ''; width: 20px; height: 49px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/i-sideon.png) no-repeat 0 0/100%; position: absolute; top: 0; left: -8px; }

.pop-share{background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/s-pop3.png) no-repeat 0 0/100%; width: 700px; height: 659px; padding-top: 48px;}
.pop-share .share-tips{font-size: 24px; line-height: 30px; display:flex; display:-webkit-flex; align-items:center; justify-content:center; color: #ece8e1; padding: 0 50px; height: 110px; text-align: center;}
.pop-share .btn-box .link{width: 560px; height: 61px; line-height: 59px; border: 1px solid #ff3951; margin: 0 auto 20px;}
.pop-share .btn-box input{display: block; width: 100%; height: 100%; color: #ff3951; font-size: 24px; overflow: hidden; background: rgba(15,1,36,.58); border: none; line-height: 52px; text-align: center;}
.pop-share .pop-btn2{display: block; color: #fff; font-size: 24px; text-align: center; line-height: 61px; margin: 0 auto;}
.pop-share .img-box{width: 200px; height: 200px; display: block; margin: 20px auto 30px;}
.pop-share .img-box img{width: 100%; height: 100%; -webkit-touch-callout: default;}