body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video{ display: inline-block;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
a{text-decoration:none; -webkit-tap-highlight-color:transparent;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-overflow-scrolling: touch; width:100%;}
img{border: 0; -webkit-touch-callout: none;}
body{-webkit-text-size-adjust: 100%; width:100%; background: #08182e; font-size: 12px;}

/***底部***/
#afooter {position: relative;padding: 20px 0;text-align: center;background-color: #101d2c; font-size: 20px; line-height: 28px;}
#afooter, #afooter a {color: #c0c0c0;text-decoration: none;}

.wrapper *{box-sizing: border-box;}

.pc_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;}

.spr{ background:url(//game.gtimg.cn/images/val/act/a20250702anniversary/m/spr.png) no-repeat;}
.spr.award-box {width:118px; height:116px; background-position: -138px -535px}
.spr.award-box2 {width:118px; height:116px; background-position: -266px -535px}
.spr.btn-change {width:113px; height:26px; background-position: -471px -678px}
.spr.btn1 {width:317px; height:63px; background-position: -586px -749px}
.spr.btn2 {width:317px; height:63px; background-position: -586px -822px}
.spr.btn3 {width:126px; height:41px; background-position: -10px -678px}
.spr.btn4 {width:237px; height:53px; background-position: -670px -385px}
.spr.btn5 {width:650px; height:82px; background-position: -10px -103px}
.spr.btn6 {width:650px; height:73px; background-position: -10px -286px}
.spr.btn7 {width:650px; height:73px; background-position: -10px -452px}
.spr.btn7.gray {width:650px; height:73px; background-position: -10px -369px}
.spr.btn8 {width:315px; height:66px; background-position: -146px -661px}
.spr.p2-next {width:58px; height:39px; background-position: -586px -580px}
.spr.p2-num {width:59px; height:35px; background-position: -586px -535px}
.spr.p2-pagin {width:140px; height:25px; background-position: -422px -611px}
.spr.p2-prev {width:58px; height:39px; background-position: -586px -629px}
.spr.p2-task {width:566px; height:228px; background-position: -10px -749px}
.spr.p3-arr {width:18px; height:39px; background-position: -394px -611px}
.spr.p3-dj {width:118px; height:128px; background-position: -10px -535px}
.spr.p3-item {width:273px; height:365px; background-position: -670px -10px}
.spr.p4-bt {width:650px; height:81px; background-position: -10px -195px}
.spr.p4-cur {width:217px; height:25px; background-position: -586px -895px}
.spr.p4-item {width:221px; height:291px; background-position: -670px -448px}
.spr.p5-next {width:22px; height:46px; background-position: -917px -385px}
.spr.p5-prev {width:22px; height:46px; background-position: -917px -441px}
.spr.stage-box {width:182px; height:66px; background-position: -394px -535px}
.spr.v8-item {width:650px; height:83px; background-position: -10px -10px}

.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 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: 650px; 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: 56px; line-height: 62px; 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: 22px; line-height: 32px; text-align: justify; padding-left: 26px; margin-top: 22px; position: relative; }
.part-title-box .part-subtit i { color: #ff3951; font-style: normal; position: absolute; top: 0; left: 0; }
.part-title-box .part-subtit p { color: #ffffffad; }
.part-title-box .part-subtit span { font-weight: bold; color: #fff; }

.wrapper { background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/m/head-bg.jpg) no-repeat 50% 0/750px 777px, url(//game.gtimg.cn/images/val/act/a20250702anniversary/m/bg1.jpg) no-repeat 50% 776px/750px 1170px, url(//game.gtimg.cn/images/val/act/a20250702anniversary/m/bg2.jpg) no-repeat 50% 1946px/750px 1315px, url(//game.gtimg.cn/images/val/act/a20250702anniversary/m/bg3.jpg) no-repeat 50% 3260px/750px 660px, url(//game.gtimg.cn/images/val/act/a20250702anniversary/m/bg4.jpg) no-repeat 50% 3919px/750px 1190px, url(//game.gtimg.cn/images/val/act/a20250702anniversary/m/bg5.jpg) no-repeat 50% 5108px/750px 1155px, url(//game.gtimg.cn/images/val/act/a20250702anniversary/m/bg6.jpg) no-repeat 50% 6262px/750px 1060px; overflow: hidden; }

.head { width: 100%; height: 777px; position: relative; z-index: 2;}
.part1 { width: 100%; height: 1170px; padding-top: 104px; margin-top: -1px; position: relative; z-index: 1; }
.part2 { width: 100%; height: 1315px; padding-top: 52px; margin-top: -1px; position: relative; }
.part3 { width: 100%; height: 660px; padding-top: 36px; margin-top: -1px; position: relative; }
.part4 { width: 100%; height: 1190px; padding-top: 50px; margin-top: -1px; position: relative; }
.part5 { width: 100%; height: 1155px; padding-top: 30px; margin-top: -1px; position: relative; }
.part6 { width: 100%; height: 1060px; padding-top: 54px; margin-top: -1px; position: relative; }
.part-main { width: 100%; height: 100%; position: relative; margin: 0 auto; }

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


.part1 .part-title-box .part-title p { width: 460px; }
.part1 .part-title-box .part-title i.title-line { display: none; }
.part1 .part-title-box .part-title i.tit-star { display: none; }
.part1 .stage-box { font-size: 20px; line-height: 22px; color: #ff3951; text-align: center; padding: 12px 12px 0; position: absolute; top: 58px; right: 0; }
.part1 .p1-box { width: 100%; height: auto; font-size: 0; text-align: center; margin: 22px 0 0; }
.part1 .p1-list { width: 100%; height: auto; }
.part1 .p1-list li { width: 206px; height: 262px; display: inline-block; vertical-align: top; margin: 0 9px 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: 292px; height: 258px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; transform: scale(.71); transform-origin: 50% 0; position: absolute; left: 50%; top: 18px; margin-left: -146px; }
.part1 li .award-list .award-box { margin: 6px; position: relative; }
.part1 li.three .award-list .award-box { background-position: -266px -535px; }
.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: 48%; left: 50%; transform: translate(-50%, -50%); }
.part1 li .award-list p { width: 100%; height: auto; font-size: 18px; line-height: 20px; color: #fff; text-align: center; position: absolute; left: 0; bottom: 6px; }
.part1 li a.btn-change { font-size: 18px; line-height: 26px; color: #fff; text-align: center; position: absolute; bottom: 21px; left: 50%; margin-left: -57px; }

/* .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: -1041px -10px; } */

.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: 10px; }
.part1 .btn-box a { display: inline-block; vertical-align: top; margin: 0 8px 16px; }
.part1 .btn-box a span { width: 302px; height: 50px; font-size: 22px; line-height: 50px; color: #fff; margin: -27px 0 0 -151px; }
.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; margin-top: 32px; }
.part2 .p2-l { width: 650px; height: 582px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/m/p2-task.jpg) no-repeat 0 0/100%; padding-top: 32px; margin: 0 auto; }
.part2 .p2-sw { width: 582px; height: 488px; margin: 0 auto; overflow: hidden; position: relative; z-index: 1; }
.part2 .p2-sw li { margin: 0 8px 16px; position: relative; }
.part2 .p2-sw li.gray { filter: grayscale(1); pointer-events: none; }
.part2 .p2-sw .task-tips { min-width: 102px; height: 32px; 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: 567px; height: 174px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/m/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: 364px; height: auto; display: flex; justify-content: space-between; align-items: flex-start; }
.part2 .task-bottom p { width: 340px; height: auto; font-size: 18px; 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 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: 4px; position: relative; z-index: 2; }
.part2 .p2-switch a.swiper-button-disabled { pointer-events: none; filter: grayscale(1); }
.part2 .p2-switch .p2-pagin { font-size: 18px; line-height: 25px; color: #0d0d0d; text-align: center; margin: 0 36px; }

.part2 .p2-r { width: 650px; height: auto; margin: 35px auto 0; }
.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: 430px; 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: 630px; height: auto; padding-left: 80px; margin-top: 26px; 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; }


.part3 .part-title-box .part-subtit { margin-top: 12px; }
.part3 .part-title-box .part-title i.title-line { display: none; }
.part3 .part-title-box .part-title i.tit-star { display: none; }
.part3 .p3-box { width: 100%; height: auto; margin-top: 40px; }
.part3 .p3-sw { width: 670px; height: 370px; margin: 0 auto; }
.part3 .p3-sw li { padding-top: 22px; margin: 0 10px; position: relative; }
.part3 .p3-sw li i.p3-num { width: 28px; height: 28px; background: #ff3952; font-size: 22px; line-height: 28px; color: #ededed; font-style: normal; text-align: center; position: absolute; top: -10px; left: 15px; font-family: "Tungsten"; }
.part3 .p3-sw .dj-list { width: 100%; height: 144px; display: flex; justify-content: center; align-items: center; margin-bottom: 28px; }
.part3 .p3-sw .dj-box { width: 118px; height: 128px; margin: 8px; position: relative; }
.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: 90px; 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: 5px; height: 44px; background: #8a00ff; position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -2.5px; }
.part3 .p3-sw .dj-box .btn-select2:after { content: ''; width: 44px; height: 5px; background: #8a00ff; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -22px; }
.part3 .p3-sw .dj-box .p3-dj { 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: 18px; 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: 18px; line-height: 20px; color: #ece8e1; text-align: center; position: absolute; left: 0; bottom: 10px; 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 40px; }
.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: 4px; }
.part3 .p3-sw .btn-box a { margin: 0 auto; }
.part3 .p3-sw .btn-box a span { width: 226px; height: 42px; font-size: 22px; line-height: 42px; color: #fff; margin: -23px 0 0 -113px; }
.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: 20px auto 0 50px; }
.part3 .p3-switch span { font-size: 22px; line-height: 30px; color: #ffffff; margin-left: 14px; }

.part4 .part-title-box .part-title i.title-line { display: none; }
.part4 .part-title-box .part-title i.tit-star { display: none; }
.part4 .part-title-box .part-subtit { margin-top: 16px; }
.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: 650px; height: 1px; background: #030b1a78; margin: 0 auto; position: relative; z-index: 2; }
.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; left: 50%; top: -7px; margin-left: -108px; }
.part4 .p4-list { width: 100%; height: auto; font-size: 0; text-align: center; margin: 12px 0 0; position: relative; z-index: 1; }
.part4 .p4-list li { display: inline-block; vertical-align: top; margin: 0 -2px 7px; position: relative; }
.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: 22px; line-height: 30px; color: #ededed8a; text-align: justify; font-family: "Tungsten"; font-style: normal; padding: 0 22px; position: absolute; top: 18px; left: 0; z-index: 2; }
.part4 .p4-list .img-box { width: 80%; height: 200px; position: absolute; top: 18px; 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 22px; top: 200px; left: 0; z-index: 2; }
.part4 .p4-list .item-name p { font-size: 20px; line-height: 30px; 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: 18px; position: relative; }
.part4 .p4-bottom .p4-bt { padding: 14px 0 0 20px; margin: 0 auto; position: relative; }
.part4 .p4-bottom .bt-tit { width: 100%; height: auto; font-size: 24px; line-height: 30px; color: #ece8e1; text-align: justify; font-weight: bold; }
.part4 .p4-bottom .bt-subtit { width: 100%; height: auto; font-size: 18px; line-height: 28px; color: #ff3951; text-align: justify; padding-left: 22px; }
.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: 18px; 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: 100%; height: auto; font-size: 0; text-align: center; margin-top: 16px; }
.part4 .p4-bottom .btn-box a.btn-record { font-size: 20px; height: 30px; color: #fff; text-decoration: underline; display: inline-block; margin: 10px 20px 0; }
.part4 .p4-bottom .btn-box a.btn-prob { font-size: 20px; height: 30px; color: #fff; text-decoration: underline; display: inline-block; margin: 10px 20px 0; }
.part4 .p4-bottom .btn-box a.btn5 { margin: 0 auto; }
.part4 .p4-bottom .btn-box a.btn5.gray { filter: grayscale(1) brightness(0.9); }
.part4 .p4-bottom .btn-box a.btn5 span { width: 634px; height: 66px; font-size: 28px; line-height: 66px; color: #210821; margin: -33px 0 0 -317px; }

/* .part5 .part-title-box .part-title i.title-line { background: #ffffff66; }
.part5 .part-title-box .part-title i.title-line:after { background: #ffffff66; }
.part5 .part-title-box .part-title i.tit-star { background: #ffffffd4; }
.part5 .p5-box { width: 100%; height: auto; margin-top: 38px; }
.part5 .p5-sw { width: 100%; height: 320px; 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: 554px; height: auto; margin: 0 auto; position: relative; }
.part5 .p5-sw .img-box img { width: 100%; height: auto; position: relative; z-index: 1; }
.part5 .p5-sw li.swiper-slide-active .img-box:after { content: ''; width: 557px; height: 314px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/p5-bd.png) no-repeat 0 0/100%; position: absolute; top: 50%; left: 50%; margin: -157px 0 0 -278px; z-index: 2; }
.part5 .p5-switch { width: 680px; height: 0; margin: -214px auto 0; position: relative; z-index: 2; }
.part5 .p5-switch a { width: 50px; height: 100px; position: relative; }
.part5 .p5-switch a i { position: absolute; top: 50%; left: 50%; margin: -23px 0 0 -11px; 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; margin-top: 34px; }
.part5 .p5-box .p5-l { width: 100%; height: auto;  }
.part5 .p5-box .img-box { width: 650px; height: 348px; margin: 0 auto; position: relative; }
.part5 .p5-box .img-box::after { content: ''; width: 652px; height: 349px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/p5-bd.png) no-repeat 0 0/100% 100%; position: absolute; top: 50%; left: 50%; margin: -174px 0 0 -326px; 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: 26px; }
.part5 .p5-l .btn-box a { margin: 0 auto; }
.part5 .p5-l .btn-box a span { width: 636px; height: 60px; font-size: 26px; line-height: 60px; color: #120034; margin: -30px 0 0 -318px; }
.part5 .p5-box .p5-r { width: 100%; height: auto; margin-top: 25px; }
.part5 .p5-r ul { width: 650px; height: auto; margin: 0 auto; }
.part5 .p5-r .v8-item { display: block; margin: 0 auto 20px; 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: 28px; line-height: 32px; color: #ece8e1; font-weight: bold; text-align: center; padding-left: 18px; position: absolute; left: 0; top: 14px; }
.part5 .p5-r .v8-item span { width: 100%; height: auto; font-size: 18px; line-height: 24px; color: #fff; text-align: center; padding-left: 18px; position: absolute; left: 0; bottom: 10px; }


.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; margin-top: 12px; }
.part6 .p6-box .p6-l { width: 100%; height: auto; }
.part6 .p6-box .img-box { width: 650px; height: 328px; margin: 0 auto; position: relative; }
.part6 .p6-box .img-box::after { content: ''; width: 652px; height: 330px; background: url(//game.gtimg.cn/images/val/act/a20250702anniversary/p6-bd.png) no-repeat 0 0/100% 100%; position: absolute; top: 50%; left: 50%; margin: -165px 0 0 -326px; 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: 100%; height: auto; margin: 35px auto 0; }
.part6 .p6-r .rule-tit { width: 650px; height: auto; font-size: 42px; line-height: 44px; color: #030b1a; font-weight: bold; margin: 0 auto 25px; }
.part6 .p6-r .scroll-box { width: 650px; height: auto; margin: 0 auto; }
.part6 .p6-r li { width: 100%; height: auto; padding-left: 80px; margin-top: 22px; 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: 28px; color: #030b1a; text-align: justify; }

.part6 .p6-r .btn-box { width: 100%; height: auto; font-size: 0; text-align: center; margin-top: 36px; }
.part6 .p6-r .btn-box a { display: inline-block; vertical-align: top; margin: 0 10px 36px; }
.part6 .p6-r .btn-box a.btn7 span { width: 636px; height: 60px; font-size: 26px; line-height: 60px; color: #fff; margin: -30px 0 0 -318px; }
.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: -26px; }
.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: 200%; height: auto; font-size: 24px; line-height: 40px; color: #ffffffb5; text-align: center; font-style: normal; position: absolute; top: 2px; left: 0; transform: scale(.5); transform-origin: 0 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; font-size: 0; text-align: center; margin-top: 50px; position: absolute; }
.pop7 .btn-box i { width: 100%; height: auto; font-size: 20px; line-height: 30px; color: #fff8; text-align: center; font-weight: bold; font-style: normal; display: block; position: absolute; top: -40px; }
.pop7 .btn-box a { display: inline-block; vertical-align: top; margin: 0 8px; }
.pop7 .btn-box a.btn-save { pointer-events: none; }
.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; }

.pop7 .share-img-box img{-webkit-touch-callout: default;}

.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;}