@charset "UTF-8";
.part-4 .part4-title .tit, .wrapper .part2-list .part2-list-card .tag, .wrapper .part-3 .part3-tip::before, .wrapper .part-3 .part3-tip::after, .letting-down-wrap .letting-down .icon, .wrapper .part-2 .part2-p2::before, .wrapper .part-2 .part2-tip2::after, .wrapper .part-2 .part2-tip::after, .wrapper .part-2 .part2-txt2::after, .wrapper .part-2 .part2-txt2::before, .wrapper .part-2 .card-share-btn, .wrapper .part1-warn .ask { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/spr.png"); background-size: 500px 500px; background-position: -9999px -9999px; }
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, sans-serif; -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard syntax */ }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em, b { font-style: normal; }
a { text-decoration: none; color: #fff; }
img { border: 0; }
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; }
body { overflow-x: hidden; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
img[src=""] { opacity: 0; }
img[alt] { color: white; }
.pc-show, [pc-hide], *[hidden=true], *[hidden] { display: none !important; }
a:not(.gray, .on, .active, .brightness, .disabled, .selected, .banner-item > a):hover { -webkit-filter: brightness(1.1); filter: brightness(1.1); }
.hide, .hid { text-indent: -9999px; font-size: 0px; overflow: hidden; width: 0px; height: 0px; opacity: 0; }
.disabled { pointer-events: none; }
.lazyload { opacity: 0; }
img.lazyloaded { opacity: 1; -webkit-transition: opacity 650ms linear; -moz-transition: opacity 650ms linear; transition: opacity 650ms linear; }
.qConnectLogin { z-index: 969; }
input[type=number] { -moz-appearance: textfield; }
#afooter { position: relative; padding: 30px 0; text-align: center; font: normal 12px/19px Tahoma; z-index: 10; background-color: #191219; display: block !important; }
#afooter, #afooter a { color: #c0c0c0; text-decoration: none; }
.dia *, .pop *, .wrap *, .wrap *::after, .wrap *::before { outline: 0; background-repeat: no-repeat; background-size: 100% auto; background-position: center top; font-style: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 22px; line-height: 1.5; letter-spacing: 1px; color: rgba(255, 255, 255, 0.7); }
@font-face { font-family: "akzidenzgrotesk"; src: url("//game.gtimg.cn/images/codev/act/a20250530alliance/font/akzidenzgrotesk-medium.otf") format("truetype"); font-style: normal; font-weight: normal; }
.btn-common { display: block; position: relative; --bg-color: #ff4655; width: 548px; height: 110px; line-height: 110px; text-align: center; color: white; letter-spacing: 5px; text-indent: 10px; font-size: 40.5px; font-weight: bold; background-color: var(--bg-color); margin: 0 auto 0; }
.btn-common::before, .btn-common::after { content: ""; position: absolute; left: 50%; height: 56px; width: 568px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: 1px solid white; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.btn-common .txt { position: absolute; z-index: 4; display: block; width: 548px; height: 110px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.btn-common::before { top: -10px; border-bottom: 0; }
.btn-common::after { bottom: -10px; border-top: 0; }
.btn-common .arrow { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; z-index: 2; }
.btn-common .arrow::before, .btn-common .arrow::after { position: absolute; content: ""; width: 8px; height: 8px; }
.btn-common .arrow::before { top: 0; left: 0; background-color: #17132e; }
.btn-common .arrow::after { right: 0; bottom: 0; background-color: #ece7e1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.btn-common .arrow i { width: 102%; height: 102%; background-color: #ece8e1; position: absolute; left: -1%; top: -1%; -webkit-transform: translateX(-120%) skew(-15deg); -moz-transform: translateX(-120%) skew(-15deg); -ms-transform: translateX(-120%) skew(-15deg); transform: translateX(-120%) skew(-15deg); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.gray { pointer-events: none; -webkit-filter: grayscale(1.1); filter: grayscale(1.1); }
.btn-common2 { position: relative; display: block; width: 560px; height: 105px; line-height: 105px; text-align: center; font-size: 35px; letter-spacing: 10px; text-indent: 10px; }
.btn-common2:hover .bg::after { -webkit-transform: translateX(0) skew(0); -moz-transform: translateX(0) skew(0); -ms-transform: translateX(0) skew(0); transform: translateX(0) skew(0); }
.btn-common2 .txt { position: relative; z-index: 2; color: #ece7e1; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.btn-common2 .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.btn-common2 .bg::before, .btn-common2 .bg::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.btn-common2 .bg::before { background-color: #ff4655; -webkit-clip-path: polygon(0 0, 100% 0, 100% 82px, calc(100% - 24px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 82px, -moz-calc(100% - 24px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 82px, calc(100% - 24px) 100%, 0 100%); }
.btn-common2 .bg::after { width: 102%; height: 102%; background-color: #000; position: absolute; left: -1%; top: -1%; -webkit-transform: translateX(-120%) skew(-15deg); -moz-transform: translateX(-120%) skew(-15deg); -ms-transform: translateX(-120%) skew(-15deg); transform: translateX(-120%) skew(-15deg); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.wrapper { width: 2560px !important; height: 100%; margin: 0 auto; position: relative; }
.wrapper .part-swiper { width: 100%; height: 1440px; }
.wrapper .part-swiper.slide1 { height: 2880px; }
.wrapper .part-swiper .part-1, .wrapper .part-swiper .part-2, .wrapper .part-swiper .part-3, .wrapper .part-swiper .part-4 { position: relative; overflow: hidden; width: 100%; height: 100%; }
.wrapper .part-swiper .part-1 img, .wrapper .part-swiper .part-2 img, .wrapper .part-swiper .part-3 img, .wrapper .part-swiper .part-4 img { width: 750px; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; margin-left: -10px; }
.wrapper .part-1 { height: 2880px !important; background-image: url(//game.gtimg.cn/images/codev/act/a20250530alliance/pc/bg1.jpg?v=eBNWEkNGH4), url(//game.gtimg.cn/images/codev/act/a20250530alliance/pc/bg1_2.jpg?v=eBNWEkNGH4); background-size: 100% 1440px; background-position: center top, 0 1440px; }
.wrapper .part-2 { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/pc/bg2.jpg"); background-size: cover; background-position: center center; }
.wrapper .part-2.bg2 { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/pc/bg2_2.jpg"); background-size: cover; background-position: center center; }
.wrapper .part-3 { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/pc/bg33.jpg?v=eBNWEkNGH4"); background-size: cover; background-position: center center; }
.wrapper .part-4 { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/pc/bg4.jpg"); background-size: cover; background-position: center center; }
.wrapper .part-footer { height: auto !important; }
.wrapper .part1-login-wrap { width: 100%; height: 1510px; position: relative; }
.wrapper .part1-login-wrap .btn-golottery { width: 415px; height: 95px; line-height: 95px; text-align: center; font-size: 40px; letter-spacing: 4px; font-family: "Microsoft YaHei"; font-weight: bold; color: white; display: block; margin: 0 auto; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/pc/btn.png"); background-size: 100% 100%; }
.wrapper .nav-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 333px; height: 478px; position: absolute; right: 0; top: 1980px; z-index: 3; }
.wrapper .nav-list .nav-item { width: 263px; height: 113px; font-size: 0; cursor: pointer; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/nav-spr.png"); background-size: 800px 950px; background-position: -9999px -9999px; }
.wrapper .nav-list .nav-item:not(:last-child) { margin-bottom: 8px; }
.wrapper .nav-list .nav-item:hover, .wrapper .nav-list .nav-item.cur { width: 333px; }
.wrapper .nav-list .nav-item.item1 { background-position: -373px -461px; }
.wrapper .nav-list .nav-item.item1:hover, .wrapper .nav-list .nav-item.item1.cur { background-position: 0 -461px; }
.wrapper .nav-list .nav-item.item2 { background-position: -373px -582px; }
.wrapper .nav-list .nav-item.item2:hover, .wrapper .nav-list .nav-item.item2.cur { background-position: 0 -582px; }
.wrapper .nav-list .nav-item.item3 { background-position: -373px -704px; }
.wrapper .nav-list .nav-item.item3:hover, .wrapper .nav-list .nav-item.item3.cur { background-position: 0 -704px; }
.wrapper .nav-list .nav-item.item4 { background-position: -373px -826px; }
.wrapper .nav-list .nav-item.item4:hover, .wrapper .nav-list .nav-item.item4.cur { background-position: 0 -826px; }
.wrapper .part1-text { color: #ece8e1; font-size: 114.66px; width: 100%; height: 141px; line-height: 1.17; text-align: center; font-weight: bold; letter-spacing: 2px; margin: 53px auto 50px; }
.wrapper .reward-box { width: 100%; height: 480px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; }
.wrapper .reward-box img { width: 750px; height: 480px; display: block; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; -webkit-transition: opacity 280ms ease-out; -moz-transition: opacity 280ms ease-out; transition: opacity 280ms ease-out; }
.wrapper .reward-box img.cur { opacity: 1; }
.wrapper .reward-boxpc { width: 1880px; height: 754px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/pc/reward-spr.png"); background-size: 100% 100%; background-size: 1880px 100%; margin: 0 auto; position: relative; }
.wrapper .reward-boxpc .propname { color: #f84554; font-size: 38px; line-height: 1; position: absolute; font-weight: bold; top: 555px; font-family: "Microsoft YaHei"; }
.wrapper .reward-boxpc .propname.prop1 { left: 162px; }
.wrapper .reward-boxpc .propname.prop2 { left: 650px; }
.wrapper .reward-boxpc .propname.prop3 { left: 1090px; }
.wrapper .reward-boxpc .special-box { position: absolute; top: 0; right: 0; z-index: 1; width: 395px; height: 100%; }
.wrapper .reward-boxpc .special-box .special-item { display: none; }
.wrapper .reward-boxpc .special-box .special-item.active { display: block; }
.wrapper .reward-boxpc .special-box img, .wrapper .reward-boxpc .special-box .special-item { width: 100%; height: 100%; }
.wrapper .reward-boxpc .special-box .prop4 { color: #f84554; font-size: 38px; line-height: 1; width: 100%; text-align: center; position: absolute; font-weight: bold; top: 555px; font-family: "Microsoft YaHei"; }
.wrapper .reward-boxpc .special-box .prop4 span { font-family: "Microsoft YaHei"; color: #f84554; font-weight: bold; font-size: 26px; }
.wrapper .btn-group { width: 920px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 94px; margin: 110px auto 45px; }
.wrapper .btn-group .btn { width: 410px; height: 94px; font-size: 39.81px; font-weight: bold; line-height: 94px; letter-spacing: 5px; text-align: center; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/pc/btn.png"); background-size: 100% 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.wrapper .btn-group .btn.gray { color: #ece8e1; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/pc/btn_gray.png"); background-size: 100% 100%; }
.wrapper .btn-group .btn.space { font-size: 25px; letter-spacing: 3px; }
.wrapper .btn-group .btn.btn-lq { margin-left: auto; }
.wrapper .part1-warn { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin: 0px auto 0; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 24px; color: #ced3e1; text-indent: 28px; }
.wrapper .part1-warn .ask { background-position: -398px -184px; width: 22px; height: 21px; margin-left: 7px; cursor: pointer; margin-top: 5px; }
.wrapper .part1-warn .ask:hover + .float-box { opacity: 1; }
.wrapper .part1-warn .float-box { width: 173px; height: 202px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/float-box.png"); background-size: 100% 100%; position: absolute; bottom: -0.65%; right: 23.8%; z-index: 1; opacity: 0; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }
.wrapper .part-2 .part2-icon1 { display: none; }
.wrapper .part-2 .right-box { width: 100%; position: relative; }
.wrapper .part-2 .card-share-btn { background-position: -179px -182px; width: 126px; height: 40px; line-height: 40px; position: absolute; top: 160px; right: 290px; z-index: 45; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }
.wrapper .part-2 .card-share-btn span { letter-spacing: 6px; padding-left: 18px; }
.wrapper .part-2 .part2-txt { color: white; width: 100%; text-align: center; font-size: 114.61px; line-height: 1; font-weight: 700; letter-spacing: 14px; font-family: "Microsoft YaHei"; position: absolute; bottom: 328px; z-index: 4; text-indent: 70px; }
.wrapper .part-2 .part2-txt2 { color: #ece7e1; width: 100%; height: 132px; text-align: center; font-size: 114.66px; line-height: 1.17; font-weight: 700; font-family: "Microsoft YaHei"; margin-top: 124px; position: relative; letter-spacing: 2px; margin-bottom: 25px; }
.wrapper .part-2 .part2-txt2::after, .wrapper .part-2 .part2-txt2::before { content: ""; width: 112px; height: 45px; position: absolute; top: 40%; z-index: 1; }
.wrapper .part-2 .part2-txt2::before { background-position: -129px -369px; left: -44px; }
.wrapper .part-2 .part2-txt2::after { background-position: -259px -369px; right: -44px; }
.wrapper .part-2 .part2-apng { width: 750px; height: 1334px; position: absolute; top: 9%; left: 50%; -webkit-transform: translateX(-50%) scale(1.3) rotate(7deg); -moz-transform: translateX(-50%) scale(1.3) rotate(7deg); -ms-transform: translateX(-50%) scale(1.3) rotate(7deg); transform: translateX(-50%) scale(1.3) rotate(7deg); z-index: 2; }
.wrapper .part-2 .part2-apng img { width: 750px; }
.wrapper .part-2 .btn-open { position: absolute; left: 0; right: 0; bottom: 112px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.wrapper .part-2 .btn-open span { font-size: 40.6px; margin: 0 auto; line-height: 2.4; letter-spacing: 12px; }
.wrapper .part-2 .part2-tip { color: rgba(255, 255, 255, 0.7); font-size: 24px; letter-spacing: 1px; line-height: 1.32; position: absolute; bottom: 265px; left: 50%; width: 23.5%; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; }
.wrapper .part-2 .part2-tip::after { content: ""; background-position: -243px -241px; width: 13px; height: 17px; position: absolute; top: 8px; left: 29px; z-index: 1; }
.wrapper .part-2 .part2-tip2 { width: 690px; color: #ffffff; font-size: 24px; letter-spacing: 1px; line-height: 1.32; font-weight: bold; padding: 0 21px; margin: 14px auto 0; position: relative; }
.wrapper .part-2 .part2-tip2::after { content: ""; background-position: -210px -263px; width: 19px; height: 17px; position: absolute; top: 6px; left: -13px; z-index: 1; }
.wrapper .part-2 .part2-p1 { font-size: 22px; color: #bebfbe; width: 100%; padding-left: 930px; line-height: 35px; position: relative; z-index: 35; }
.wrapper .part-2 .part2-p1 span { color: #ffffff; font-size: 20px; }
.wrapper .part-2 .part2-p2 { padding-left: 949px; font-size: 21px; color: #bebfbe; line-height: 35px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; z-index: 35; }
.wrapper .part-2 .part2-p2::before { content: ""; background-position: -210px -263px; width: 19px; height: 17px; position: absolute; top: 6px; left: 22px; z-index: 1; }
.wrapper .part-2 .part2-p2 span { color: #ffffff; -ms-flex-negative: 0; flex-shrink: 0; font-size: 20px; }
.letting-down-wrap { width: 100%; height: 66px; position: absolute; font-size: 24px; top: 1340px; left: 0; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.letting-down-wrap.white { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.letting-down-wrap.white * { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.letting-down-wrap .letting-down { bottom: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-animation: slide-tips 1s infinite ease-in-out; -moz-animation: slide-tips 1s infinite ease-in-out; animation: slide-tips 1s infinite ease-in-out; }
.letting-down-wrap .letting-down .icon { background-position: -191px -241px; width: 23px; height: 14px; margin: 0 12px; }
.letting-down-wrap .letting-down span { color: #ff4655; letter-spacing: 5px; font-size: 18px; font-weight: 600; font-family: "Microsoft YaHei"; }
.wrapper .part-3 .part3-main .scale-con { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/bg3_inner.png?veBNWEkNGH4"); background-size: 100% 100%; background-position: center top; }
.wrapper .part-3 .part3-text { color: #ece8e1; font-size: 114.66px; width: 100%; height: 122px; line-height: 1; text-align: center; font-weight: bold; margin: 138px auto 30px; }
.wrapper .part-3 .part3-tip { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto 895px; color: #bebfbe; font-size: 46px; position: relative; text-align: center; line-height: 1; }
.wrapper .part-3 .part3-tip::after { content: ""; background-position: -439px -178px; width: 26px; height: 37px; position: absolute; left: -45px; top: 17.6%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0.78; }
.wrapper .part-3 .part3-tip::before { content: ""; background-position: -439px -178px; width: 26px; height: 37px; position: absolute; right: -45px; top: 17.6%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0.78; }
.wrapper .part-3 .btn-expectation { width: 415px; height: 95px; line-height: 95px; text-align: center; font-size: 40px; letter-spacing: 4px; font-family: "Microsoft YaHei"; font-weight: bold; color: white; display: block; margin: 0 auto; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/pc/btn_gray.png"); background-size: 100% 100%; }
.wrapper .part2-list { width: 2078px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin: 57px auto 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }
.wrapper .part2-list .part2-list__item { width: 332px; height: 639px; position: relative; cursor: pointer; }
.wrapper .part2-list .part2-list__item:not(:first-child) { margin-left: 15px; }
.wrapper .part2-list .part2-list__item:nth-child(1) { z-index: 8; }
.wrapper .part2-list .part2-list__item:nth-child(2) { z-index: 7; }
.wrapper .part2-list .part2-list__item:nth-child(3) { z-index: 6; }
.wrapper .part2-list .part2-list__item:nth-child(4) { z-index: 5; }
.wrapper .part2-list .part2-list__item:nth-child(5) { z-index: 4; }
.wrapper .part2-list .part2-list__item:nth-child(6) { z-index: 3; }
.wrapper .part2-list .part2-list__item:nth-child(7) { z-index: 2; }
.wrapper .part2-list .part2-list__item:nth-child(8) { z-index: 1; }
.wrapper .part2-list .part2-list__item:nth-child(9) { z-index: 0; }
.wrapper .part2-list .part2-list__item:nth-child(6n) .hover-con .card-info_hover { left: -120%; }
.wrapper .part2-list .part2-list__item:hover, .wrapper .part2-list .part2-list__item.show { z-index: 18; }
.wrapper .part2-list .part2-list__item:hover .part2-list-card, .wrapper .part2-list .part2-list__item.show .part2-list-card { opacity: 1; }
.wrapper .part2-list .part2-list__item:hover .hover-con, .wrapper .part2-list .part2-list__item.show .hover-con { display: block; }
.wrapper .part2-list .part2-list__item .hover-con { position: absolute; top: 88px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 388px; height: 364px; text-align: center; z-index: 2; padding-top: 221px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; }
.wrapper .part2-list .part2-list__item .hover-con .open-btn { display: inline-block; font-family: "Microsoft YaHei"; font-size: 28px; color: #000000; text-align: center; line-height: 28px; font-weight: 700; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
.wrapper .part2-list .part2-list__item .hover-con .card-info_hover { position: absolute; left: 392px; top: 50px; width: 460px; height: 305px; background-color: rgba(0, 0, 0, 0.7); z-index: 10; pointer-events: none; }
.wrapper .part2-list .part2-list__item .hover-con .card-info_hover .card-info-tit { position: relative; font-family: "Microsoft YaHei"; font-size: 47px; color: #ff4655; line-height: 1; text-align: left; font-weight: 700; padding-top: 22px; }
.wrapper .part2-list .part2-list__item .hover-con .card-info_hover .card-info-tit::before { content: ""; position: absolute; top: 90px; left: 25px; right: 0; width: 420px; height: 11px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/pc/split-line1.png"); background-size: 100% 100%; }
.wrapper .part2-list .part2-list__item .hover-con .card-info_hover .card-info-texts { width: 200%; position: relative; font-family: "Microsoft YaHei"; font-size: 18px; color: #d9d9d9; font-weight: 400; line-height: 28px; text-align: left; margin-left: 55px; margin-top: 45px; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.82); -moz-transform: scale(0.82); -ms-transform: scale(0.82); transform: scale(0.82); }
.wrapper .part2-list .part2-list__item .hover-con .card-info_hover .card-info-texts p { font-family: "Microsoft YaHei"; font-size: 30px; color: #d9d9d9; font-weight: 400; line-height: 1.4; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.82); -moz-transform: scale(0.82); -ms-transform: scale(0.82); transform: scale(0.82); }
.wrapper .part2-list .part2-list__item .hover-con .card-info_hover .card-info-texts::before { content: ""; position: absolute; left: -37px; top: 14px; margin-top: -7.5px; width: 19px; height: 15px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/part4-icon4.png"); background-size: 100% 100%; }
.wrapper .part2-list .part2-list-card { width: 332px; height: 639px; padding-top: 34px; opacity: 0.3; }
.wrapper .part2-list .part2-list-card::before { content: ""; position: absolute; left: 0; top: 0; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/card-item-bg1.png"); background-size: 100% 100%; width: 100%; height: 100%; z-index: -1; }
.wrapper .part2-list .part2-list-card.flip { opacity: 1; }
.wrapper .part2-list .part2-list-card.flip .card-text, .wrapper .part2-list .part2-list-card.flip .card-name { opacity: 1; }
.wrapper .part2-list .part2-list-card.flip + .btn-change { display: block; }
.wrapper .part2-list .part2-list-card.flip .part2-list-card { opacity: 1; }
.wrapper .part2-list .part2-list-card.flip::before { content: ""; position: absolute; left: 0; top: -141px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/card-item-bg1_on.png"); background-size: 100% 100%; width: 100%; height: 935px; z-index: -1; }
.wrapper .part2-list .part2-list-card.flip.only::before { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/card-item-bg1_on2.png"); background-size: 100% 100%; }
.wrapper .part2-list .part2-list-card .tag { width: 72px; height: 37px; position: absolute; top: -4.5%; right: -12.5%; z-index: 14; pointer-events: none; display: none; font-size: 0; }
.wrapper .part2-list .part2-list-card .tag.tag_await { display: block; background-position: -316px -227px; }
.wrapper .part2-list .part2-list-card .tag.tag_done { display: block; background-position: -315px -182px; }
.wrapper .part2-list .part2-list-card img { width: 209px; height: 500px; margin: 0 auto 18px; display: block; }
.wrapper .part2-list .part2-list-card .card-text { width: 100%; text-align: center; color: #75f6fa; line-height: 1; margin-bottom: 17px; font-size: 19px; opacity: 0; }
.wrapper .part2-list .part2-list-card .card-name { width: 100%; text-align: center; color: #f4efe9; line-height: 1; font-size: 24px; font-weight: bold; opacity: 0; }
.wrapper .part2-list .btn-sure, .wrapper .part2-list .btn-change { width: 100%; height: 35px; line-height: 35px; text-align: center; color: #000000; background-color: #f3ef99; font-size: 18px; font-weight: bold; display: none; }
.wrapper .part2-list .btn-sure.cancel, .wrapper .part2-list .btn-change.cancel { pointer-events: all; background-color: #111822; color: #fd4553; }
.wrapper .part2-list .btn-sure.gray, .wrapper .part2-list .btn-change.gray { -webkit-filter: grayscale(1); filter: grayscale(1); color: #ece8e1; pointer-events: none; }
.wrapper .part2-list .btn-sure.show, .wrapper .part2-list .btn-change.show { display: block !important; }
.wrapper .btn-all-change { margin: 120px auto 0; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; position: relative; z-index: 44; }
.wrapper .btn-all-change.gray { pointer-events: all; background-color: #111822; }
.wrapper .btn-all-change.gray .txt { color: #fd4553; }
.wrapper .btn-all-change .txt { font-size: 40.6px; margin: 0 auto; line-height: 2.4; }
.wrapper .btn-all-change i::before, .wrapper .btn-all-change i::after { width: 208px; height: 16px; margin-left: -105px; }
.wrapper .btn-all-change i::before { top: -4px; }
.wrapper .btn-all-change i::after { bottom: -4px; }
.wrapper .wish-tips { position: absolute; bottom: -93px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 2560px; height: 1334px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/pc/mask-frame1.png"); background-size: 100% 100%; z-index: 8; display: none; }
.wrapper .wish-tips p { position: absolute; bottom: 410px; left: 0; width: 100%; font-family: "Microsoft YaHei"; font-size: 24px; color: #ece7e1; text-align: center; line-height: 1; }
.wrapper .wish-tips i { position: absolute; bottom: 260px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 51px; height: 79px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/m/arrow-tips.png"); background-size: 100% 100%; -webkit-animation: float 2s ease-in-out infinite; -moz-animation: float 2s ease-in-out infinite; animation: float 2s ease-in-out infinite; }
@-webkit-keyframes float {
	0%, 100% { -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); }
	50% { -webkit-transform: translateX(-50%) translateY(15px); transform: translateX(-50%) translateY(15px); }
}
@-moz-keyframes float {
	0%, 100% { -moz-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); }
	50% { -moz-transform: translateX(-50%) translateY(15px); transform: translateX(-50%) translateY(15px); }
}
@keyframes float {
	0%, 100% { -webkit-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); }
	50% { -webkit-transform: translateX(-50%) translateY(15px); -moz-transform: translateX(-50%) translateY(15px); transform: translateX(-50%) translateY(15px); }
}
.loginContainer { color: #ffffff; width: 100%; text-align: center; padding: 0 40px; position: absolute; bottom: -18px; left: 0; z-index: 2; font-size: 32px; }
.loginContainer * { color: #ffffff; font-size: 32px; font-family: "Microsoft YaHei"; }
.loginContainer #zw_binded, .loginContainer #milo-qqlogin, .loginContainer #milo-logout { font-family: "Microsoft YaHei"; color: #f84554; }
.wrapper, .wrapper .partSwiper { width: 100%; height: 100%; }
.wrapper .partSwiper { height: var(--app-height, 100%); }
.part1-main, .part3-main, .part4-main, .part2-main { width: 100%; height: 100%; }
.part-4 { width: 100%; position: relative; }
.part-4 .part4-title { width: 2135px; height: 60px; margin: 125px auto 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.part-4 .part4-title .tit { background-position: -183px -108px; width: 1711px; height: 65px; border-bottom: 1px solid #161826; }
.part-4 .part4-title p { color: #161826; font-size: 75px; line-height: 1; height: 76px; font-family: "Microsoft YaHei"; font-weight: bold; }
.part-4 .banner-scroll { margin-top: 50px; margin-left: 213px; height: 1110px; overflow: hidden; z-index: 4; }
.part-4 .banner-scroll .swiper-slide { width: 2134px; }
.part-4 .banner-scroll .swiper-slide::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 975px; background-color: rgba(42, 34, 42, 0.7); opacity: 1; }
.part-4 .banner-scroll .swiper-slide.swiper-slide-active::before { opacity: 0; }
.part-4 .banner-scroll .swiper-slide:not(:last-child) { margin-bottom: 60px; }
.part-4 .banner-scroll .banner-item { width: 2134px; height: 975px; overflow: hidden; margin: 0 auto; }
.part-4 .banner-scroll .banner-item img { width: 2134px; height: 975px; display: block; margin: 0 auto; }
.part-4 .banner-scroll a { width: 100%; height: 100%; display: block; margin: 0 auto; }
.part-4 .banner-scroll .swiper-pagination { left: 0; text-align: left; }
.part-4 .banner-scroll .swiper-pagination .swiper-pagination-bullet { border-radius: 0 !important; background-color: #7f8982 !important; width: 53px !important; height: 7px !important; -webkit-transition: all 0.3s !important; -moz-transition: all 0.3s !important; transition: all 0.3s !important; opacity: 1 !important; }
.part-4 .banner-scroll .swiper-pagination .swiper-pagination-bullet-active { opacity: 1 !important; width: 125px !important; background-color: #ff4655 !important; }
.part-4 .swiper-prev, .part-4 .swiper-next { position: absolute; top: 582px; width: 66px; height: 271px; z-index: 10; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.part-4 .swiper-prev:hover, .part-4 .swiper-next:hover { background-color: #ff4655; }
.part-4 .swiper-prev::after, .part-4 .swiper-next::after { position: absolute; content: ""; top: 116px; width: 24px; height: 42px; }
.part-4 .swiper-prev { left: 148px; -webkit-clip-path: polygon(100% 0, 100% 100%, 0 206px, 0 68px); clip-path: polygon(100% 0, 100% 100%, 0 206px, 0 68px); background-color: #7f8982; }
.part-4 .swiper-prev::after { left: 23px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/nav-icon1.png"); background-size: 100% 100%; }
.part-4 .swiper-next { right: 148px; -webkit-clip-path: polygon(0 0, 0 100%, 100% 206px, 100% 68px); clip-path: polygon(0 0, 0 100%, 100% 206px, 100% 68px); background-color: #7f8982; }
.part-4 .swiper-next::after { right: 20px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/nav-icon2.png"); background-size: 100% 100%; }
@-webkit-keyframes slide-tips {
	0%, 100% { -webkit-transform: translateY(4px); transform: translateY(4px); }
	50% { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
}
@-moz-keyframes slide-tips {
	0%, 100% { -moz-transform: translateY(4px); transform: translateY(4px); }
	50% { -moz-transform: translateY(-8px); transform: translateY(-8px); }
}
@keyframes slide-tips {
	0%, 100% { -webkit-transform: translateY(4px); -moz-transform: translateY(4px); transform: translateY(4px); }
	50% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); }
}
.pop { position: fixed !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%) scale(var(--zoomVal, 1)) !important; -moz-transform: translate(-50%, -50%) scale(var(--zoomVal, 1)) !important; -ms-transform: translate(-50%, -50%) scale(var(--zoomVal, 1)) !important; transform: translate(-50%, -50%) scale(var(--zoomVal, 1)) !important; margin: initial !important; }
.pop .pop-close { position: absolute; top: -103px; right: 0; width: 86px; height: 86px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/close.png"); background-size: 100% 100%; }
.pop .pop-cont .pop-tit { font-size: 40px; font-weight: bold; color: #161825; text-align: center; line-height: 40px; letter-spacing: 0; margin-top: 50px; }
.pop .pop-cont .pop-tit span { font-size: 40px; font-weight: bold; color: #161825; }
.pop .common-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 638px; height: 152px; margin: 14px auto 12px; overflow: hidden; }
.pop .common-text .msg { width: 100%; height: auto; font-size: 26px; color: #7f8982; line-height: 1.32; text-align: center; letter-spacing: 0; }
.pop .btn1 { position: relative; z-index: 4; display: block; width: 302px; height: 72px; margin-top: 59px; background-color: #ff4655; -webkit-clip-path: polygon(0 0, 100% 0, 100% 60px, calc(100% - 13px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 60px, -moz-calc(100% - 13px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 60px, calc(100% - 13px) 100%, 0 100%); text-align: center; line-height: 72px; font-size: 28px; font-weight: bold; color: #ece7e1; margin: 0 auto; letter-spacing: 10px; text-indent: 10px; }
.pop .btn-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.pop .btn-box a { width: 242px; margin: 0 13px; }
.pop .btn-box .btn-think { background-color: #161825; }
.pop-quit, .pop-common { width: 679px; height: 399px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/pop-1.png"); background-size: 100% 100%; }
.pop-quit .btn-box a { text-indent: 0; letter-spacing: normal; }
.pop-invite { width: 679px; height: 539px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/pop-2.png"); background-size: 100% 100%; }
.pop-invite .invite-info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; margin-left: 56px; margin-top: 80px; }
.pop-invite .avatar-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 154px; height: 154px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/team-bg.png"); background-size: 100% 100%; }
.pop-invite .avatar-box img { display: block; width: 136px; height: 136px; -o-object-fit: cover; object-fit: cover; }
.pop-invite .info-box { margin-left: 34px; }
.pop-invite .user-info { font-size: 28px; line-height: 28px; color: #161825; }
.pop-invite .user-info span { color: #ff4655; font-weight: bold; margin-right: 8px; }
.pop-invite .sub-tit { font-size: 55px; line-height: 58px; font-weight: bold; color: #161825; margin-top: 11px; position: relative; width: 334px; }
.pop-invite .sub-tit::after { content: ""; position: absolute; left: 0; bottom: -24px; width: 386px; height: 1px; background-color: #7f8982; }
.pop-invite .desc { font-size: 22px; line-height: 22px; margin-top: 39px; position: relative; padding-left: 42px; color: #7f8982; letter-spacing: 0; }
.pop-invite .desc::before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 22px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/icon1.png"); background-size: 100% 100%; }
.pop-invite .btn-box { margin-top: 113px; }
.pop-invite .btn-box a { text-indent: 0; letter-spacing: normal; }
.pop-success { width: 679px; height: 701px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/pop-3.png"); background-size: 100% 100%; }
.pop-success .pop-cont { overflow: hidden; width: 679px; height: 100%; }
.pop-success .pop-cont .pop-tit { margin-top: 52px; }
.pop-success .text { font-size: 24px; line-height: 24px; color: #7f8982; text-align: center; margin-top: 430px; margin-bottom: 28px; }
.pop-bind { width: 680px; height: 560px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/pop-4_1.png"); background-size: 100% 100%; }
.pop-bind.pop-bind2 { width: 680px; height: 565px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/pop-4.png"); background-size: 100% 100%; }
.pop-bind.pop-bind2 .go-lobby { display: block; }
.pop-bind .pop-cont { width: 100%; height: 100%; overflow: hidden; }
.pop-bind .pop-cont .pop-tit { margin-bottom: 28px; margin-top: 28px; }
.pop-bind .input-item { width: 536px; height: 68px; margin: 0 auto 0; background-color: #161616; border-radius: 4px; font-size: 22px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #bebebe; }
.pop-bind .input-item .label { position: relative; width: 128px; height: 68px; line-height: 68px; margin-right: 20px; text-align: center; }
.pop-bind .input-item .label::after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 23px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #bebebe; }
.pop-bind .input-item input { width: 198px; height: 68px; line-height: 68px; border: none; background: transparent; color: #fff; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.pop-bind .input-item input::-webkit-input-placeholder { color: #8d8d8d; }
.pop-bind .input-item input:-moz-placeholder { color: #8d8d8d; }
.pop-bind .input-item input::-moz-placeholder { color: #8d8d8d; }
.pop-bind .input-item input:-ms-input-placeholder { color: #8d8d8d; }
.pop-bind .input-item input::-ms-input-placeholder { color: #8d8d8d; }
.pop-bind .input-item input::placeholder { color: #8d8d8d; }
.pop-bind .input-item:nth-of-type(5) { margin-top: 8px; }
.pop-bind .input-item .get-code { width: 160px; height: 51px; line-height: 51px; text-align: center; color: #161616; font-size: 20px; background-color: #76f7fb; margin-left: 16px; }
.pop-bind .input-item .get-code.disabled { pointer-events: none; background-color: #8d8d8d; color: #fff; }
.pop-bind .input-tips { width: 536px; margin: 0 auto; color: #ff4655; font-family: "Microsoft YaHei"; font-size: 20px; text-align: right; line-height: 1; margin-top: 5px; height: 20px; }
.pop-bind .input-tips.input-tips2 { font-size: 32px; width: 610px; text-align: left; margin: 15px auto 0; text-indent: 48px; height: 16px; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
.pop-bind .btn-bind { margin-top: 15px; }
.pop-bind .tips { position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 24px auto 0; font-family: "Microsoft YaHei"; font-size: 22px; line-height: 37px; color: #7f8982; }
.pop-bind .tips .tip1 { font-family: "Microsoft YaHei"; line-height: 37px; color: #7f8982; }
.pop-bind .tips p { white-space: nowrap; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; font-size: 44px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
.pop-bind .agreement-box { position: relative; left: 641px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; height: 35px; }
.pop-bind .agreement-box .checked-box { position: relative; top: 10px; margin-top: -4px; width: 16px; height: 16px; border: 1px solid #7f8982; border-radius: 50%; }
.pop-bind .agreement-box .checked-box.active { background-color: #f84554; border: 1px solid currentColor; }
.pop-bind .agreement-box .checked-box .ceheck-ipt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; cursor: pointer; margin: 0; }
.pop-bind .agreement-box label { width: 1190px; margin-left: 10px; font-family: "Microsoft YaHei"; font-size: 36px; color: #7f8982; line-height: 1.2; cursor: pointer; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
.pop-bind .agreement-box label a { color: #ff4655; font-size: 36px; text-decoration: underline; }
.pop-bind .go-lobby { display: none; position: absolute; bottom: 58px; left: 18px; width: 132px; height: 39px; background-color: #ffffff; -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 7px), -moz-calc(100% - 7px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%); font-family: "Microsoft YaHei"; font-size: 20px; color: #000000; text-align: center; line-height: 39px; font-weight: 700; }
.pop-bind .unbind-btn { position: absolute; top: 533px; right: 41px; font-family: "Microsoft YaHei"; font-size: 20px; line-height: 1; color: #ff4655; text-decoration: underline; }
.pop-bind .award-tips { margin-top: 10px; margin-right: 44px; color: #7f8982; font-family: "Microsoft YaHei"; font-size: 32px; text-align: right; line-height: 1; height: 20px; text-indent: 48px; -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
.pc { display: none !important; }
.pop-unbind { width: 680px; height: 440px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/pop-4_3.png"); background-size: 100% 100%; }
.pop-unbind .pop-cont { width: 100%; height: 100%; overflow: hidden; }
.pop-unbind .pop-cont .pop-tit { margin-bottom: 28px; }
.pop-unbind .input-item { width: 536px; height: 68px; margin: 0 auto 0; background-color: #161616; border-radius: 4px; font-size: 22px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #bebebe; }
.pop-unbind .input-item .label { position: relative; width: 128px; height: 68px; line-height: 68px; margin-right: 20px; text-align: center; }
.pop-unbind .input-item .label::after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 23px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #bebebe; }
.pop-unbind .input-item input { width: 198px; height: 68px; line-height: 68px; border: none; background: transparent; color: #fff; outline: none; }
.pop-unbind .input-item input::-webkit-input-placeholder { color: #8d8d8d; }
.pop-unbind .input-item input:-moz-placeholder { color: #8d8d8d; }
.pop-unbind .input-item input::-moz-placeholder { color: #8d8d8d; }
.pop-unbind .input-item input:-ms-input-placeholder { color: #8d8d8d; }
.pop-unbind .input-item input::-ms-input-placeholder { color: #8d8d8d; }
.pop-unbind .input-item input::placeholder { color: #8d8d8d; }
.pop-unbind .input-item:nth-of-type(4) { margin-top: 8px; }
.pop-unbind .input-item .get-code { width: 160px; height: 51px; line-height: 51px; text-align: center; color: #161616; font-size: 20px; background-color: #76f7fb; margin-left: 16px; }
.pop-unbind .input-item .get-code.disabled { pointer-events: none; background-color: #8d8d8d; color: #fff; }
.pop-unbind .input-item .btn-bind { margin-top: 25px; }
.pop-unbind .input-tips { width: 536px; margin: 0 auto; color: #ff4655; font-family: "Microsoft YaHei"; font-size: 20px; text-align: right; line-height: 1; margin-top: 5px; height: 20px; }
.pop-unbind .btn-bind { margin-top: 20px; }
.pop-unbind .tips { position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 24px auto 0; font-family: "Microsoft YaHei"; font-size: 22px; line-height: 37px; color: #7f8982; }
.pop-unbind .tips p { white-space: nowrap; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; font-size: 44px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
.pop-unbind .agreement-box { position: relative; left: 641px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 10px; }
.pop-unbind .agreement-box .checked-box { position: relative; top: 10px; margin-top: -7px; width: 16px; height: 16px; border: 1px solid #7f8982; border-radius: 50%; }
.pop-unbind .agreement-box .checked-box.active { background-color: #f84554; }
.pop-unbind .agreement-box .checked-box .ceheck-ipt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; cursor: pointer; margin: 0; }
.pop-unbind .agreement-box label { width: 1190px; margin-left: 10px; font-family: "Microsoft YaHei"; font-size: 36px; color: #7f8982; line-height: 1.2; cursor: pointer; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
.pop-unbind .agreement-box label a { color: #ff4655; font-size: 36px; text-decoration: underline; }
.pop-unbind .go-lobby { display: none; position: absolute; bottom: 58px; left: 18px; width: 132px; height: 39px; background-color: #ffffff; -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 7px), -moz-calc(100% - 7px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7px), calc(100% - 7px) 100%, 0 100%); font-family: "Microsoft YaHei"; font-size: 20px; color: #000000; text-align: center; line-height: 39px; font-weight: 700; }
.pop-lottery { width: 100%; height: 100vh; }
.pop-lottery .lottery-cont { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 1217px; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; z-index: 2; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/pop6.png"); background-size: cover; }
.pop-lottery .lottery-tit { position: absolute; font-size: 60px; line-height: 60px; color: #ffffff; text-align: center; top: 77px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 3; letter-spacing: 0; font-weight: bold; }
.pop-lottery .award-box { position: absolute; top: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; height: 842px; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.pop-lottery .award-item { position: relative; width: 306px; height: 100%; z-index: 0; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/light1_m.png"); background-size: 100% 100%; margin: 0 9px; }
.pop-lottery .award-item.rare { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/light2_m.png"); background-size: 100% 100%; }
.pop-lottery .award-item.rare .card { -webkit-box-shadow: 0 0 20px rgba(172, 1, 1, 0.7); box-shadow: 0 0 20px rgba(172, 1, 1, 0.7); }
.pop-lottery .award-item.rare .card-type { color: #f74453; }
.pop-lottery .award-item .card { display: block; width: 179px; height: 427px; margin: 211px auto 0; -webkit-box-shadow: 0 0 20px rgba(1, 50, 172, 0.7); box-shadow: 0 0 20px rgba(1, 50, 172, 0.7); }
.pop-lottery .award-item .card-type { font-size: 20px; line-height: 20px; text-align: center; text-indent: -2px; letter-spacing: -2px; color: #75f6fa; margin-top: 33px; }
.pop-lottery .award-item .card-name { font-size: 30px; font-weight: bold; line-height: 30px; text-indent: -2px; letter-spacing: -1px; color: #f4efe9; text-align: center; margin-top: 15px; }
.pop-lottery .btn-accept { position: absolute; bottom: 240px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #000; }
.pop-lottery .lottery-tips { position: absolute; bottom: 16px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-family: "Microsoft YaHei"; font-size: 20px; color: #bebfbe; text-align: center; line-height: 1.4; font-weight: 700; white-space: nowrap; }
.poster-box .share-code { position: absolute; width: 157px; height: 157px; left: 56px; bottom: 82px; }
.poster-box .share-userinfo { position: absolute; right: 57px; bottom: 187px; text-align: right; font-size: 51px; color: #ece7e1; font-weight: bold; }
.poster-box .share-userinfo span { color: #f74453; margin-right: 10px; }
.share-poster { position: fixed; top: 0; right: -99999px; width: 1920px; height: 1080px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/share/bg.jpg"); background-size: 100% 100%; }
.exchange-poster { position: fixed; top: -2000px; right: -99999px; width: 1920px; height: 1080px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/share/bg.jpg"); background-size: 100% 100%; }
.pop-share { width: 100%; height: 1334px; }
.pop-share .pop-cont { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.pop-share .left-cont { width: 679px; margin: 0 auto 0; }
.pop-share .tit { font-size: 40px; line-height: 1; font-weight: bold; color: #ff4655; text-align: center; }
.pop-share .sub-tit { position: relative; left: 50%; -webkit-transform: translateX(-50%) scale(0.5); -moz-transform: translateX(-50%) scale(0.5); -ms-transform: translateX(-50%) scale(0.5); transform: translateX(-50%) scale(0.5); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 20px; white-space: nowrap; color: #bcc0bd; font-size: 36px; line-height: 40px; text-align: center; margin-top: 10px; }
.pop-share .pop-share-tit { font-size: 0px; text-indent: -999em; color: #ece7e1; font-weight: bold; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 168px; height: 19px; margin: 20px auto 0; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/share-tit1.png"); background-size: 100% 100%; }
.pop-share .share-type { position: relative; left: 50%; -webkit-transform: translateX(-50%) scale(0.5); -moz-transform: translateX(-50%) scale(0.5); -ms-transform: translateX(-50%) scale(0.5); transform: translateX(-50%) scale(0.5); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; width: 300%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 18px; margin-top: 15px; }
.pop-share .share-type .share-tit { display: none; }
.pop-share .share-type .type { font-size: 32px; color: #ece7e1; line-height: 1; font-weight: 400; }
.pop-share .share-type .type:nth-child(n+3) { margin-left: 30px; }
.pop-share .share-type .type span { font-size: 32px; color: #ff4655; }
.pop-share .right-cont { position: relative; margin: 20px auto 0; }
.pop-share .right-cont img { display: block; width: 534px; height: 946px; margin: 0 auto; }
.pop-share .share-tips { display: none; }
.pop-share .share-tips-m { position: absolute; top: 0; left: 0; width: 235px; height: 48px; background-color: #7f8982; -webkit-clip-path: polygon(0 0, 100% 0, 100% 40px, 226px 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 40px, 226px 100%, 0 100%); text-align: center; line-height: 48px; color: #ece7e1; font-size: 20px; }
.pop-share .pop-close { top: -62px; right: 25px; width: 54px; height: 54px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/close3.png"); background-size: 100% 100%; }
.pop-share .share-link { position: relative; height: 41px; width: 533px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/share-frame1.png"); background-size: 100% 100%; margin: 20px auto 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 22px; }
.pop-share .share-link .share-tit { position: relative; width: 91px; height: 100%; }
.pop-share .share-link .share-tit span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0.5); -moz-transform: translate(-50%, -50%) scale(0.5); -ms-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); white-space: nowrap; font-size: 32px; color: #ece7e1; line-height: 1; font-weight: 400; }
.pop-share .share-link input { color: #ece7e1; width: 270px; height: 100%; font-size: 20px; line-height: 41px; background: transparent; border: none; border-radius: 0; margin-left: 23px; outline: none; }
.pop-share .copy-link { position: absolute; top: 0; right: 0; width: 132px; height: 41px; text-align: center; overflow: hidden; color: #05060d; }
.pop-share .copy-link .txt { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0.5); -moz-transform: translate(-50%, -50%) scale(0.5); -ms-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); white-space: nowrap; font-size: 36px; color: #ffffff; line-height: 1; }
.pop-share .share-platform { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 533px; height: 46px; margin: 20px auto 0; }
.pop-share .share-platform .share-tit { position: relative; width: 114px; height: 30px; border: 1px solid #6a726c; }
.pop-share .share-platform .share-tit span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0.5); -moz-transform: translate(-50%, -50%) scale(0.5); -ms-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); white-space: nowrap; font-size: 32px; color: #6a726c; line-height: 1; font-weight: 400; }
.pop-share .share-platform a:hover svg { fill: #ff4655; }
.pop-share .share-platform a svg { width: 100%; height: 100%; fill: #7f8982; }
.pop-share .share-platform .share-wx { width: 30px; height: 24px; }
.pop-share .share-platform .share-qq { width: 21px; height: 24px; }
.pop-share .share-platform .share-dy { width: 22px; height: 25px; }
.pop-share .share-platform .share-bz { width: 27px; height: 24px; }
.pop-share .share-platform .share-ks { width: 25px; height: 27px; }
.pop-share .share-platform .share-xhs { width: 50px; height: 19px; }
.pop-share .share-platform .share-wb { width: 28px; height: 24px; }
.pop-share .share-btn, .pop-exchange .share-btn { display: block; -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); width: 242px; height: 73px; font-family: "Microsoft YaHei"; font-size: 28px; color: #ece7e1; text-align: center; line-height: 73px; margin: 20px auto 0; background-color: #ff4655; -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 13px), -moz-calc(100% - 13px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%); }
.pop-exchange { width: 100%; height: 1334px; }
.pop-exchange .pop-cont { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.pop-exchange .left-cont { width: 679px; margin: 0 auto 0; }
.pop-exchange .tit { font-size: 40px; line-height: 1; font-weight: bold; color: #ff4655; text-align: center; }
.pop-exchange .sub-tit { position: relative; left: 50%; -webkit-transform: translateX(-50%) scale(0.5); -moz-transform: translateX(-50%) scale(0.5); -ms-transform: translateX(-50%) scale(0.5); transform: translateX(-50%) scale(0.5); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 58px; white-space: nowrap; color: #bcc0bd; font-size: 36px; line-height: 44px; text-align: center; margin-top: 10px; }
.pop-exchange .pop-share-tit { font-size: 0px; text-indent: -999em; color: #ece7e1; font-weight: bold; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 168px; height: 19px; margin: 20px auto 0; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/share-tit1.png"); background-size: 100% 100%; }
.pop-exchange .share-type { position: relative; left: 50%; -webkit-transform: translateX(-50%) scale(0.5); -moz-transform: translateX(-50%) scale(0.5); -ms-transform: translateX(-50%) scale(0.5); transform: translateX(-50%) scale(0.5); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; width: 1358px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 18px; margin-top: 15px; }
.pop-exchange .share-type.share-type2 { margin-top: 23px; }
.pop-exchange .share-type .type { font-size: 32px; color: #ece7e1; line-height: 1; font-weight: 400; }
.pop-exchange .share-type .type:nth-child(n+2) { margin-left: 30px; }
.pop-exchange .share-type .type span { font-size: 32px; color: #ff4655; }
.pop-exchange .right-cont { position: relative; margin: 20px auto 0; }
.pop-exchange .right-cont img { display: block; width: 679px; height: 382px; margin: 0 auto; }
.pop-exchange .share-tips { display: none; }
.pop-exchange .share-tips-m { position: absolute; top: 0; left: 0; width: 235px; height: 48px; background-color: #7f8982; -webkit-clip-path: polygon(0 0, 100% 0, 100% 40px, 226px 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 40px, 226px 100%, 0 100%); text-align: center; line-height: 48px; color: #ece7e1; font-size: 20px; }
.pop-exchange .pop-close { top: 345px; right: 36px; width: 54px; height: 54px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/close3.png"); background-size: 100% 100%; }
.pop-exchange .share-link { position: relative; height: 41px; width: 533px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/share-frame2.png"); background-size: 100% 100%; margin: 20px auto 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 22px; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 8px), -moz-calc(100% - 8px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); }
.pop-exchange .share-link .share-tit { position: relative; width: 91px; height: 100%; }
.pop-exchange .share-link .share-tit span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0.5); -moz-transform: translate(-50%, -50%) scale(0.5); -ms-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); white-space: nowrap; font-size: 32px; color: #ece7e1; line-height: 1; font-weight: 400; }
.pop-exchange .share-link .share-tit i { font-style: normal; }
.pop-exchange .share-link input { color: #ece7e1; width: 270px; height: 100%; font-size: 16px; line-height: 41px; background: transparent; border: none; border-radius: 0; margin-left: 23px; outline: none; }
.pop-exchange .copy-link { position: absolute; top: 0; right: 0; width: 132px; height: 41px; text-align: center; overflow: hidden; }
.pop-exchange .copy-link .txt { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0.5); -moz-transform: translate(-50%, -50%) scale(0.5); -ms-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); white-space: nowrap; font-size: 36px; color: #ece7e1; line-height: 1; }
.pop-exchange .share-platform { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 533px; height: 46px; margin: 20px auto 0; }
.pop-exchange .share-platform .share-tit { position: relative; width: 114px; height: 30px; border: 1px solid #6a726c; }
.pop-exchange .share-platform .share-tit span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0.5); -moz-transform: translate(-50%, -50%) scale(0.5); -ms-transform: translate(-50%, -50%) scale(0.5); transform: translate(-50%, -50%) scale(0.5); white-space: nowrap; font-size: 32px; color: #6a726c; line-height: 1; font-weight: 400; }
.pop-exchange .share-platform a:hover svg { fill: #ff4655; }
.pop-exchange .share-platform a svg { width: 100%; height: 100%; fill: #7f8982; }
.pop-exchange .share-platform .share-wx { width: 30px; height: 24px; }
.pop-exchange .share-platform .share-qq { width: 21px; height: 24px; }
.pop-exchange .share-platform .share-dy { width: 22px; height: 25px; }
.pop-exchange .share-platform .share-bz { width: 27px; height: 24px; }
.pop-exchange .share-platform .share-ks { width: 25px; height: 27px; }
.pop-exchange .share-platform .share-xhs { width: 50px; height: 19px; }
.pop-exchange .share-platform .share-wb { width: 28px; height: 24px; }
.pop-select { width: 670px; height: 1175px; }
.pop-select .pop-cont { width: 100%; height: 100%; overflow: hidden; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }
.pop-select .card-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; }
.pop-select .card-box li { position: relative; width: 216px; height: 417px; margin-bottom: 66px; }
.pop-select .card-box li[data-level="1"] { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/m/card-1.png"); background-size: 100% 100%; }
.pop-select .card-box li[data-level="1"] img { -webkit-box-shadow: 0 0 20px rgba(1, 50, 172, 0.7); box-shadow: 0 0 20px rgba(1, 50, 172, 0.7); }
.pop-select .card-box li[data-level="1"] .text1 { color: #75f6fa; }
.pop-select .card-box li[data-level="2"] { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/m/card-2.png"); background-size: 100% 100%; }
.pop-select .card-box li[data-level="2"] img { -webkit-box-shadow: 0 0 20px rgba(172, 1, 1, 0.7); box-shadow: 0 0 20px rgba(172, 1, 1, 0.7); }
.pop-select .card-box li[data-level="2"] a { color: #fff !important; background-color: #ff4655 !important; }
.pop-select .card-box li[data-level="2"] .text1 { color: #ff4655; }
.pop-select .card-box li .img-box { width: 113px; height: 270px; margin: 38px auto 0; }
.pop-select .card-box li .img-box img { width: 100%; height: 100%; }
.pop-select .card-box li .text1 { font-size: 14px; line-height: 14px; text-align: center; letter-spacing: -1px; text-indent: -1px; margin-top: 31px; }
.pop-select .card-box li .text2 { font-size: 20px; font-weight: bold; color: #f4efe9; letter-spacing: -1px; text-indent: -1px; text-align: center; line-height: 20px; margin-top: 14px; }
.pop-select .card-box li a { display: block; position: absolute; top: -moz-calc(100% + 4px); top: calc(100% + 4px); left: 0; display: block; width: 100%; height: 40px; text-align: center; line-height: 40px; overflow: hidden; font-size: 18px; color: #161826; background-color: #76f7fb; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }
.pop-select .card-box li a span { color: #161826; }
.pop-select .pop-cont .pop-tit { font-size: 50px; line-height: 50px; color: #ece7e1; margin-top: 40px; }
.pop-select .pop-close { top: 0; right: 0; }
.pop-select .tips { font-size: 20px; line-height: 20px; text-align: center; color: #bebfbe; margin-top: 42px; }
.pop-select .tips span { color: #ffffff; font-weight: bold; }
.pop-change-guest { width: 750px; height: 739px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/dia9.png"); background-size: 100% 100%; }
.pop-change-guest .pop-cont { width: 100%; height: 100%; }
.pop-change-guest .pop-cont .pop-tit { font-size: 36px; margin-top: 22px; height: 80px; text-align: center; line-height: 40px; padding: 0 80px; color: #ff4655; }
.pop-change-guest .change-card { margin-top: 18px; }
.pop-change-guest .change-card .card-item { overflow: hidden; position: relative; width: 157px; height: 315px; margin: 0 auto; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/card_bg.png"); background-size: 100% 100%; }
.pop-change-guest .change-card img { display: block; width: 101px; height: auto; margin: 34px auto 0; }
.pop-change-guest .change-card .card-name { font-size: 28px; line-height: 28px; color: #000; margin-top: 18px; text-align: center; }
.pop-change-guest .btn-box { margin-top: 34px; }
.pop-change-guest .btn-sure { width: 280px !important; height: 56px; font-size: 24px; line-height: 56px; overflow: visible; }
.pop-change-guest .btn-sure .bg { overflow: hidden; }
.pop-change-guest .btn-sure .bg::before { -webkit-clip-path: polygon(6px 0, 100% 0, 100% 100%, 0 100%, 0 6px, 6px 6px); clip-path: polygon(6px 0, 100% 0, 100% 100%, 0 100%, 0 6px, 6px 6px); }
.pop-change-guest .btn-sure::before, .pop-change-guest .btn-sure::after { content: ""; position: absolute; left: 50%; height: 28px !important; width: 294px !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: 1px solid rgba(255, 70, 85, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.pop-change-guest .btn-sure:hover::before, .pop-change-guest .btn-sure:hover::after { height: 65px; }
.pop-change-guest .btn-sure:hover .txt { color: #000000; }
.pop-change-guest .btn-sure:hover .arrow::after { background-color: #fff; }
.pop-change-guest .btn-sure:hover .arrow i { -webkit-transform: translateX(0) skew(0); -moz-transform: translateX(0) skew(0); -ms-transform: translateX(0) skew(0); transform: translateX(0) skew(0); }
.pop-change-guest .btn-sure::before { top: -8px; border-bottom: 0; }
.pop-change-guest .btn-sure::after { bottom: -8px; border-top: 0; }
.pop-change-guest .btn-sure .arrow { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; z-index: 2; }
.pop-change-guest .btn-sure .arrow::before, .pop-change-guest .btn-sure .arrow::after { position: absolute; content: ""; width: 8px; height: 8px; }
.pop-change-guest .btn-sure .arrow::before { top: 0; left: 0; background-color: #17132e; }
.pop-change-guest .btn-sure .arrow::after { right: 0; bottom: 0; background-color: #ece8e1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.pop-change-guest .btn-sure .arrow i { width: 102%; height: 102%; background-color: #ece8e1; position: absolute; left: -1%; top: -1%; -webkit-transform: translateX(-120%) skew(-15deg); -moz-transform: translateX(-120%) skew(-15deg); -ms-transform: translateX(-120%) skew(-15deg); transform: translateX(-120%) skew(-15deg); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; }
.pop-change-guest .btn-think { width: 280px !important; height: 56px; font-size: 24px; overflow: visible; line-height: 56px; margin-left: 39px; }
.pop-change-guest .btn-think .bg { overflow: hidden; }
.pop-change-guest .btn-think .bg::before { -webkit-clip-path: polygon(6px 0, 100% 0, 100% 100%, 0 100%, 0 6px, 6px 6px); clip-path: polygon(6px 0, 100% 0, 100% 100%, 0 100%, 0 6px, 6px 6px); }
.pop-change-guest .btn-think::before, .pop-change-guest .btn-think::after { content: ""; position: absolute; left: 50%; height: 28px !important; width: 294px !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: 1px solid rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.pop-change-guest .btn-think:hover::before, .pop-change-guest .btn-think:hover::after { height: 65px; }
.pop-change-guest .btn-think:hover .txt { color: #000000; }
.pop-change-guest .btn-think:hover .arrow::after { background-color: #fff; }
.pop-change-guest .btn-think:hover .arrow i { -webkit-transform: translateX(0) skew(0); -moz-transform: translateX(0) skew(0); -ms-transform: translateX(0) skew(0); transform: translateX(0) skew(0); }
.pop-change-guest .btn-think::before { top: -8px; border-bottom: 0; }
.pop-change-guest .btn-think::after { bottom: -8px; border-top: 0; }
.pop-change-guest .btn-think .arrow { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; z-index: 2; }
.pop-change-guest .btn-think .arrow::before, .pop-change-guest .btn-think .arrow::after { position: absolute; content: ""; width: 8px; height: 8px; }
.pop-change-guest .btn-think .arrow::before { top: 0; left: 0; background-color: #17132e; }
.pop-change-guest .btn-think .arrow::after { right: 0; bottom: 0; background-color: #ece8e1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.pop-change-guest .btn-think .arrow i { width: 102%; height: 102%; background-color: #ece8e1; position: absolute; left: -1%; top: -1%; -webkit-transform: translateX(-120%) skew(-15deg); -moz-transform: translateX(-120%) skew(-15deg); -ms-transform: translateX(-120%) skew(-15deg); transform: translateX(-120%) skew(-15deg); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; }
.pop-change-guest .tips { font-family: "Microsoft YaHei"; font-size: 18px; color: #6b6b6b; text-align: center; line-height: 1; margin-top: 26px; }
.pop-change-guest .tips2 { color: #ff3b48; text-align: center; margin-top: 6px; font-size: 18px; line-height: 18px; }
.pop-change-guest .pop-close { top: -64px; right: 40px; width: 54px; height: 54px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/close3.png"); background-size: 100% 100%; }
.bg-video { display: none; }
.milo_ltc_bd a { background-size: 235px 47px; }
.pop-login { width: 679px; height: 439px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/pop-8.png?v=eBNWEkNGH4"); background-size: 100% 100%; }
.pop-login .pop-cont .pop-tit { font-size: 50px; line-height: 50px; margin-top: 50px; }
.pop-login .login-box { width: 578px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin: 36px auto 0; }
.pop-login .login-box a { width: 253px; height: 243px; background-color: #7f8982; border-radius: 4px; }
.pop-login .login-box a:hover { background-color: #ff4655; }
.pop-login .login-box a:hover span { background-color: #d34853; color: #fff; }
.pop-login .login-box svg { display: block; width: 143px; height: 116px; margin: 38px auto 0; fill: #ece7e1; }
.pop-login .login-box span { display: block; width: 100%; height: 51px; background-color: #c1c9c3; margin-top: 38px; text-align: center; line-height: 51px; color: #000; font-size: 26px; }
.pop-login .qq_login svg { width: 99px; height: 117px; margin: 36px auto 0; }
.pop-login .qq_login span { margin-top: 38px; }
.pop-reward-text { width: 679px; height: 449px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/pop-8.png?v=eBNWEkNGH4"); background-size: 100% 100%; }
.pop-reward-text.rewardttip { height: 300px; }
.pop-reward-text.rewardttip .pop-tit { margin-bottom: 26px; }
.pop-reward-text .pop-tit { font-size: 49.99px; color: #161825; width: 100%; text-align: center; line-height: 1; margin-top: 30px; margin-bottom: 16px; }
.pop-reward-text .pop-txtlist { width: 614px; margin: 0 auto; }
.pop-reward-text .pop-txtlist.center li { text-align: center; }
.pop-reward-text .pop-txtlist li { font-size: 23px; color: #7f8982; line-height: 1.45; letter-spacing: 0; }
.pop-reward-text .pop-txtlist li:not(:last-child) { margin-bottom: 10px; }
.pop-blind-card { width: 692px; height: 288px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/pop9.png"); background-size: 100% 100%; }
.pop-blind-card .card-tit { font-family: "Microsoft YaHei"; font-size: 30px; line-height: 40px; color: #ffffff; font-weight: 700; padding-left: 24px; margin-top: 54px; }
.pop-blind-card .card-info { font-family: "Microsoft YaHei"; font-size: 20px; line-height: 30px; color: #ece8e1; font-weight: 400; margin-left: 24px; width: 361px; margin-top: 40px; }
.pop-blind-card .blind-card-img { position: absolute; top: 50%; right: 85px; margin-top: -204.5px; width: 168px; height: 409px; }
.part-hall { width: 100%; height: 100%; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/part-hall.jpg"); background-size: 100% 100%; }
.part-hall .content { position: absolute; left: 0; top: 50%; margin-top: -667px; width: 100%; height: 1334px; }
.part-hall .hall-tit { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-family: "Microsoft YaHei"; font-size: 70px; color: #000000; line-height: 1; font-weight: 700; margin-left: 30px; }
.part-hall .hall-tit::before { content: ""; display: block; width: 22px; height: 22px; background-color: #000000; -webkit-clip-path: polygon(0 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 100%, 0 100%); margin-bottom: 40px; }
.part-hall .dec { position: relative; width: 572px; margin-left: 74px; margin-top: 33px; }
.part-hall .dec::before { content: ""; position: absolute; top: 18px; left: -36px; margin-top: -14px; width: 24px; height: 22px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/part3-icon3.png"); background-size: 100% 100%; }
.part-hall .dec p { font-family: "Microsoft YaHei"; font-size: 18px; color: #000000; line-height: 1.6; font-weight: 400; }
.part-hall .banner { width: 508px; height: 842px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/hall-banner.png"); background-size: 100% 100%; margin-top: 63px; margin-left: 56px; }
.part-hall .role { position: absolute; left: 316px; top: 264px; width: 783px; height: 923px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/part-hall-role1.png"); background-size: 100% 100%; }
.part-hall .btn-link { margin-top: 70px; }
.part-hall .btn-link i::before, .part-hall .btn-link i::after { border: 1px solid #000000; }
.part-hall .btn-link i::before { border-bottom: none; }
.part-hall .btn-link i::after { border-top: none; }
.pop-select-card { width: 750px; height: 739px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/dia9.png"); background-size: 100% 100%; }
.pop-select-card .pop-cont .pop-tit { color: #ff4655; font-size: 50px; text-align: center; line-height: 50px; font-weight: bold; margin-top: 40px; }
.pop-select-card .change-card { margin-top: 30px; }
.pop-select-card .change-card .card-item { overflow: hidden; position: relative; width: 157px; height: 315px; margin: 0 auto; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/card_bg.png"); background-size: 100% 100%; }
.pop-select-card .change-card img { display: block; width: 101px; height: auto; margin: 34px auto 0; }
.pop-select-card .change-card .card-name { font-size: 28px; line-height: 28px; color: #000; margin-top: 18px; text-align: center; }
.pop-select-card .btn-box { margin-top: 34px; }
.pop-select-card .btn-sure { width: 280px !important; height: 56px; font-size: 24px; line-height: 56px; overflow: visible; }
.pop-select-card .btn-sure .bg { overflow: hidden; }
.pop-select-card .btn-sure .bg::before { -webkit-clip-path: polygon(6px 0, 100% 0, 100% 100%, 0 100%, 0 6px, 6px 6px); clip-path: polygon(6px 0, 100% 0, 100% 100%, 0 100%, 0 6px, 6px 6px); }
.pop-select-card .btn-sure::before, .pop-select-card .btn-sure::after { content: ""; position: absolute; left: 50%; height: 28px !important; width: 294px !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: 1px solid rgba(255, 70, 85, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.pop-select-card .btn-sure:hover::before, .pop-select-card .btn-sure:hover::after { height: 65px; }
.pop-select-card .btn-sure:hover .txt { color: #000000; }
.pop-select-card .btn-sure:hover .arrow::after { background-color: #fff; }
.pop-select-card .btn-sure:hover .arrow i { -webkit-transform: translateX(0) skew(0); -moz-transform: translateX(0) skew(0); -ms-transform: translateX(0) skew(0); transform: translateX(0) skew(0); }
.pop-select-card .btn-sure::before { top: -8px; border-bottom: 0; }
.pop-select-card .btn-sure::after { bottom: -8px; border-top: 0; }
.pop-select-card .btn-sure .arrow { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; z-index: 2; }
.pop-select-card .btn-sure .arrow::before, .pop-select-card .btn-sure .arrow::after { position: absolute; content: ""; width: 8px; height: 8px; }
.pop-select-card .btn-sure .arrow::before { top: 0; left: 0; background-color: #17132e; }
.pop-select-card .btn-sure .arrow::after { right: 0; bottom: 0; background-color: #ece8e1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.pop-select-card .btn-sure .arrow i { width: 102%; height: 102%; background-color: #ece8e1; position: absolute; left: -1%; top: -1%; -webkit-transform: translateX(-120%) skew(-15deg); -moz-transform: translateX(-120%) skew(-15deg); -ms-transform: translateX(-120%) skew(-15deg); transform: translateX(-120%) skew(-15deg); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; }
.pop-select-card .btn-think { width: 280px !important; height: 56px; font-size: 24px; overflow: visible; line-height: 56px; margin-left: 39px; }
.pop-select-card .btn-think .bg { overflow: hidden; }
.pop-select-card .btn-think .bg::before { -webkit-clip-path: polygon(6px 0, 100% 0, 100% 100%, 0 100%, 0 6px, 6px 6px); clip-path: polygon(6px 0, 100% 0, 100% 100%, 0 100%, 0 6px, 6px 6px); }
.pop-select-card .btn-think::before, .pop-select-card .btn-think::after { content: ""; position: absolute; left: 50%; height: 28px !important; width: 294px !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border: 1px solid rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.pop-select-card .btn-think:hover::before, .pop-select-card .btn-think:hover::after { height: 65px; }
.pop-select-card .btn-think:hover .txt { color: #000000; }
.pop-select-card .btn-think:hover .arrow::after { background-color: #fff; }
.pop-select-card .btn-think:hover .arrow i { -webkit-transform: translateX(0) skew(0); -moz-transform: translateX(0) skew(0); -ms-transform: translateX(0) skew(0); transform: translateX(0) skew(0); }
.pop-select-card .btn-think::before { top: -8px; border-bottom: 0; }
.pop-select-card .btn-think::after { bottom: -8px; border-top: 0; }
.pop-select-card .btn-think .arrow { position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; z-index: 2; }
.pop-select-card .btn-think .arrow::before, .pop-select-card .btn-think .arrow::after { position: absolute; content: ""; width: 8px; height: 8px; }
.pop-select-card .btn-think .arrow::before { top: 0; left: 0; background-color: #17132e; }
.pop-select-card .btn-think .arrow::after { right: 0; bottom: 0; background-color: #ece8e1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.pop-select-card .btn-think .arrow i { width: 102%; height: 102%; background-color: #ece8e1; position: absolute; left: -1%; top: -1%; -webkit-transform: translateX(-120%) skew(-15deg); -moz-transform: translateX(-120%) skew(-15deg); -ms-transform: translateX(-120%) skew(-15deg); transform: translateX(-120%) skew(-15deg); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease; }
.pop-select-card .tips { font-family: "Microsoft YaHei"; font-size: 18px; color: #ff3b48; text-align: center; line-height: 1; margin-top: 28px; }
.pop-select-card .pop-close { top: -64px; right: 40px; width: 54px; height: 54px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/close3.png"); background-size: 100% 100%; }
.pt1-login-bar { display: none; }
.hd-other-con { display: none; }
.zw .slogan { bottom: 541px; }
.zw .logo { position: absolute; top: 20px; right: 15px; width: 217px; height: 61px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/m/logo.png"); background-size: 100% 100%; }
.zw .btn-reserve { bottom: 143px; }
.zw .pt1-login-bar { position: absolute; left: 0; bottom: 496px; width: 100%; display: block; font-family: "Microsoft YaHei"; font-size: 22px; line-height: 1.2; text-align: center; color: #ffffff; text-align: center; z-index: 10; }
.zw .pt1-login-bar a { color: #efd513; }
.zw .part-1 .award { bottom: 262px; }
.hd-other-con { position: fixed; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; z-index: 12; }
.hd-other-con .rule-btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 150px; font-family: "Microsoft YaHei"; font-size: 24px; color: #f94453; text-align: center; line-height: 30px; font-weight: 700; margin: 0 auto 0; background-color: #111822; -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 8px), -moz-calc(100% - 8px) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); }
.pop-qrcode { width: 679px; height: 701px; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/qrcode-bg1.png"); background-size: 100% 100%; padding-top: 65px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pop-qrcode .qrcode-tit { font-family: "Microsoft YaHei"; font-size: 32px; color: #161825; line-height: 1; text-align: center; }
.pop-qrcode .qrcode-url { position: relative; width: 511px; height: 75px; background-color: rgba(181, 184, 177, 0.5); margin: 61px auto 0; -webkit-clip-path: polygon(0 19px, 19px 0, 100% 0, 100% calc(100% - 19px), calc(100% - 19px) 100%, 0% 100%); clip-path: polygon(0 19px, 19px 0, 100% 0, 100% -moz-calc(100% - 19px), -moz-calc(100% - 19px) 100%, 0% 100%); clip-path: polygon(0 19px, 19px 0, 100% 0, 100% calc(100% - 19px), calc(100% - 19px) 100%, 0% 100%); }
.pop-qrcode .qrcode-url input { outline: none; background-color: transparent; border: none; width: 290px; height: 100%; font-family: "Microsoft YaHei"; font-size: 24px; color: #3a3a3a; font-weight: 700; text-indent: 24px; }
.pop-qrcode .qrcode-url .copy-qrcode-btn { position: absolute; right: 0; top: 0; width: 198px; height: 75px; background-color: #ff4655; -webkit-clip-path: polygon(0 19px, 19px 0, 100% 0, 100% calc(100% - 19px), calc(100% - 19px) 100%, 0% 100%); clip-path: polygon(0 19px, 19px 0, 100% 0, 100% -moz-calc(100% - 19px), -moz-calc(100% - 19px) 100%, 0% 100%); clip-path: polygon(0 19px, 19px 0, 100% 0, 100% calc(100% - 19px), calc(100% - 19px) 100%, 0% 100%); font-family: "Microsoft YaHei"; font-size: 28px; color: #ece7e1; font-weight: 700; text-align: center; line-height: 75px; }
.pop-qrcode .qrcode-img { width: 310px; height: 310px; margin: 64px auto 0; background-color: #b5b8b1; }
.pop-qrcode .qrcode-img img { width: 310px; height: 310px; display: block; }
.exchangeImgDom { position: fixed; left: 9999em; top: 0; width: 1920px; height: 1080px; z-index: 99; }
.exchangeImgDom .exchangeImg_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.exchangeImgDom .exchangeImg_name { position: absolute; left: 493px; top: 918px; font-family: "Microsoft YaHei"; font-size: 48px; color: #faf6ea; font-weight: 700; }
.exchangeImgDom .exchangeImg_qrcode { position: absolute; top: 879px; left: 1713px; width: 200px; height: 200px; }
.exchangeImgDom .exchangeImg_rxt { position: absolute; left: 100px; top: 929px; width: 325px; height: 120px; }