.part-4 .part4-title .tit, .wrapper .part2-list .part2-list-card .tag, .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: 5rem 5rem; background-position: -99.99rem -99.99rem; }
html, body, div, p, ul, li, dl, dt, dd, em, i, span, a, img, input, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
a, img, input { border: none; }
body { font: 0.14rem/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; text-size-adjust: 100% !important; }
a { text-decoration: none; }
ul, li { list-style: none; }
a, img:not(#shareImg, #shareImg2, #exchangeImg) { -webkit-touch-callout: none; }
b, i, em { font-style: initial; font-weight: initial; }
img[src=""] { opacity: 0; }
html, body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
body { background-color: #000000; }
html { font-size: 50px; font-size: 13.33333333vw; overflow-y: scroll; }
body, html { width: 100%; height: 100%; }
a, input, img, select, textarea { outline: none; }
input::-webkit-search-cancel-button { display: none; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity: 0; }
img[src=""] { opacity: 0; }
img[alt] { color: white; }
.pc-show, [m-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; }
* { -webkit-text-size-adjust: 100% !important; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.qConnectLogin { z-index: 969; }

/* reset end */

/* foot */
#afooter { position: relative; padding: 0.26rem 0; text-align: center; font: normal 0.18rem/0.2rem Tahoma; z-index: 10; background-color: #000000; display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#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: 0.22rem; line-height: 1.5; letter-spacing: 0.01rem; 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; }
html[scroll-lock-enabled=true] > body { overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 777; }
.wrapper { width: 7.5rem; height: 100%; margin: 0 auto; }
.wrapper .part-swiper { width: 100%; height: 16.24rem; overflow: hidden; }
.wrapper .part-swiper.part-swiper4 { height: 24rem; }
.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: 7.5rem; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; margin-left: -0.1rem; }
.wrapper .part-1 { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/bg1.jpg?v=eBNWEkNGH4"); background-size: cover; background-position: center center; background-size: cover; background-position: center top; }
.wrapper .part-2 { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/bg2.jpg"); background-size: cover; background-position: center center; }
.wrapper .part-2.bg2 { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/bg2_2.jpg"); background-size: cover; background-position: center center; }
.wrapper .part-3 { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/bg33.jpg?v=eBNWEkNGH4"); background-size: cover; background-position: center center; background-position-y: 50%; }
.wrapper .part-4 { background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/bg4.jpg"); background-size: cover; background-position: center center; }
.wrapper .part-footer { height: auto !important; }
.wrapper .part1-login-wrap { width: 100%; height: 4rem; position: relative; }
.wrapper .nav-list { 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-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 6.95rem; margin: 0.12rem auto 0; }
.wrapper .nav-list .nav-item { width: 1.43rem; height: 1.15rem; font-size: 0; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/nav-spr.png"); background-size: 8rem 9.5rem; background-position: -99.99rem -99.99rem; }
.wrapper .nav-list .nav-item.cur { width: 1.49rem; height: 1.2rem; }
.wrapper .nav-list .nav-item.item1 { background-position: 0 -1.28rem; }
.wrapper .nav-list .nav-item.item1.cur { background-position: 0 0; }
.wrapper .nav-list .nav-item.item2 { background-position: -1.82rem -1.28rem; }
.wrapper .nav-list .nav-item.item2.cur { background-position: -1.82rem 0; }
.wrapper .nav-list .nav-item.item3 { background-position: -3.65rem -1.28rem; }
.wrapper .nav-list .nav-item.item3.cur { background-position: -3.65rem 0; }
.wrapper .nav-list .nav-item.item4 { background-position: -5.47rem -1.28rem; }
.wrapper .nav-list .nav-item.item4.cur { background-position: -5.46rem 0; }
.wrapper .part1-text { color: #ece8e1; font-size: 0.62rem; width: 100%; height: 1.41rem; line-height: 1.17; text-align: center; font-weight: bold; margin: 0.53rem auto 0; }
.wrapper .reward-box { width: 100%; height: 4.8rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; }
.wrapper .reward-box img { width: 7.5rem; height: 4.8rem; 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 .btn-group { width: 6.9rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; height: 0.7rem; margin: 0.08rem auto 0; }
.wrapper .btn-group .btn { width: 3.08rem; height: 0.7rem; font-size: 0.2994rem; font-weight: bold; line-height: 0.7rem; letter-spacing: 0.05rem; text-align: center; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/nav-spr.png"); background-size: 8rem 9.5rem; background-position: 0 -2.57rem; 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-position: -3.13rem -2.57rem; }
.wrapper .btn-group .btn.space { font-size: 0.25rem; letter-spacing: 0.03rem; }
.wrapper .btn-group .btn.btn-lq { margin-left: auto; }
.wrapper .part1-warn { width: 85%; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; word-wrap: break-word; margin: 0.23rem 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: 0.2rem; color: #ced3e1; }
.wrapper .part1-warn .ask { background-position: -3.98rem -1.84rem; width: 0.22rem; height: 0.21rem; margin-left: 0.07rem; -ms-flex-negative: 0; flex-shrink: 0; }
.wrapper .part1-warn .ask:hover + .float-box { opacity: 1; }
.wrapper .part1-warn .float-box { width: 1.73rem; height: 2.02rem; 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 { width: 100%; height: 3.25rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/part2-icon1.png"); background-size: 100% 100%; margin-top: 0.5rem; }
.wrapper .part-2 .right-box { width: 100%; position: relative; }
.wrapper .part-2 .card-share-btn { background-position: -1.79rem -1.82rem; width: 1.26rem; height: 0.4rem; line-height: 0.4rem; position: absolute; top: -0.18rem; right: 0.3rem; 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; }
.wrapper .part-2 .card-share-btn span { letter-spacing: 0.06rem; padding-left: 0.18rem; }
.wrapper .part-2 .part2-txt { color: white; width: 100%; text-align: center; font-size: 0.8rem; line-height: 1; font-weight: 700; letter-spacing: 0.01rem; font-family: "Microsoft YaHei"; position: absolute; bottom: 3.38rem; z-index: 4; }
.wrapper .part-2 .part2-txt2 { color: #ece7e1; width: 100%; height: 1.62rem; text-align: center; font-size: 0.76rem; line-height: 1.07; font-weight: 700; letter-spacing: 0.01rem; font-family: "Microsoft YaHei"; margin-top: 0.12rem; position: relative; margin-bottom: 0.1rem; }
.wrapper .part-2 .part2-txt2::after, .wrapper .part-2 .part2-txt2::before { content: ""; width: 1.12rem; height: 0.45rem; position: absolute; top: 40%; z-index: 1; }
.wrapper .part-2 .part2-txt2::before { background-position: -1.29rem -3.69rem; left: -0.44rem; }
.wrapper .part-2 .part2-txt2::after { background-position: -2.59rem -3.69rem; right: -0.44rem; }
.wrapper .part-2 .part2-apng { width: 100%; height: 13.34rem; position: absolute; top: 0; left: 0; z-index: 2; }
.wrapper .part-2 .part2-apng img { width: 7.5rem; }
.wrapper .part-2 .btn-open { position: absolute; left: 0; right: 0; bottom: 1.52rem; 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 { margin: 0 auto; }
.wrapper .part-2 .part2-tip { color: rgba(255, 255, 255, 0.7); font-size: 0.2rem; letter-spacing: 0.01rem; line-height: 1.32; position: absolute; bottom: 0.55rem; left: 50%; width: 80%; 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: -2.43rem -2.41rem; width: 0.13rem; height: 0.17rem; position: absolute; top: 0.04rem; left: 0.63rem; z-index: 1; }
.wrapper .part-2 .part2-tip2 { width: 6.9rem; color: #ffffff; font-size: 0.24rem; letter-spacing: 0.01rem; line-height: 1.32; font-weight: bold; padding: 0 0.21rem; margin: 0.14rem auto 0; position: relative; }
.wrapper .part-2 .part2-tip2::after { content: ""; background-position: -2.1rem -2.63rem; width: 0.19rem; height: 0.17rem; position: absolute; top: 0.06rem; left: -0.13rem; z-index: 1; }
.wrapper .part-2 .part2-p1 { font-size: 0.2rem; color: #bebfbe; width: 100%; padding-left: 0.34rem; line-height: 1.04; }
.wrapper .part-2 .part2-p1 span { color: #ffffff; font-size: 0.2rem; }
.wrapper .part-2 .part2-p2 { padding-left: 0.48rem; font-size: 0.2rem; color: #bebfbe; line-height: 1.22; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; }
.wrapper .part-2 .part2-p2::before { content: ""; background-position: -2.1rem -2.63rem; width: 0.19rem; height: 0.17rem; position: absolute; top: 0.06rem; left: 0.22rem; z-index: 1; }
.wrapper .part-2 .part2-p2 span { color: #ffffff; -ms-flex-negative: 0; flex-shrink: 0; font-size: 0.2rem; }
.letting-down-wrap { width: 100%; height: 0.66rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/letting-down-wrap.png"); background-size: 100% 100%; position: fixed; bottom: 0.3rem; 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: 0.3rem; 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: -1.91rem -2.41rem; width: 0.23rem; height: 0.14rem; margin: 0 0.12rem; }
.letting-down-wrap .letting-down span { color: #ff4655; letter-spacing: 0.05rem; font-size: 0.18rem; 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 .part2-list { width: 6.3rem; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin: 0.57rem 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: 2.04rem; height: 3.94rem; position: relative; }
.wrapper .part2-list .part2-list__item:nth-child(3n-1) { margin: 0 auto; }
.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(n+4) { margin-top: 0.6rem; }
.wrapper .part2-list .part2-list__item:nth-child(3n) .hover-con .card-info_hover { left: initial; right: 1.98rem; }
.wrapper .part2-list .part2-list__item:nth-child(3n).show { z-index: 11; }
.wrapper .part2-list .part2-list__item.show .part2-list-card { opacity: 1; }
.wrapper .part2-list .part2-list__item.show .hover-con { display: block; }
.wrapper .part2-list .part2-list__item .hover-con { position: absolute; top: 0.51rem; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1.98rem; height: 1.89rem; text-align: center; z-index: 2; padding-top: 1.06rem; -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: 0.28rem; color: #000000; text-align: center; line-height: 0.28rem; 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: 1.98rem; top: 0.44rem; width: 2.8rem; height: 1.89rem; 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: 0.21rem; color: #ff4655; line-height: 1; text-align: left; font-weight: 700; padding-top: 0.14rem; }
.wrapper .part2-list .part2-list__item .hover-con .card-info_hover .card-info-tit::before { content: ""; position: absolute; bottom: -0.1rem; left: 0.1rem; width: 1.77rem; height: 0.03rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/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: 0.3rem; color: #d9d9d9; font-weight: 400; line-height: 1.4; text-align: left; margin-left: 0.26rem; margin-top: 0.15rem; -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.52); -moz-transform: scale(0.52); -ms-transform: scale(0.52); transform: scale(0.52); }
.wrapper .part2-list .part2-list__item .hover-con .card-info_hover .card-info-texts p { font-family: "Microsoft YaHei"; font-size: 0.3rem; 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: -0.37rem; top: 0.14rem; margin-top: -0.075rem; width: 0.19rem; height: 0.15rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/part4-icon4.png"); background-size: 100% 100%; }
.wrapper .part2-list .part2-list-card { width: 100%; height: 4rem; padding-top: 0.34rem; 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: -0.87rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/card-item-bg1_on.png"); background-size: 100% 100%; width: 100%; height: 5.53rem; 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: 0.72rem; height: 0.37rem; 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: -3.16rem -2.27rem; }
.wrapper .part2-list .part2-list-card .tag.tag_done { display: block; background-position: -3.15rem -1.82rem; }
.wrapper .part2-list .part2-list-card img { width: 1.16rem; height: 2.77rem; margin: 0 auto 0.18rem; display: block; }
.wrapper .part2-list .part2-list-card .card-text { width: 100%; text-align: center; color: #75f6fa; line-height: 1; margin-bottom: 0.06rem; font-size: 0.16rem; opacity: 0; }
.wrapper .part2-list .part2-list-card .card-name { width: 100%; text-align: center; color: #f4efe9; line-height: 1; font-size: 0.2rem; font-weight: bold; opacity: 0; }
.wrapper .part2-list .btn-sure, .wrapper .part2-list .btn-change { width: 100%; height: 0.35rem; line-height: 0.35rem; text-align: center; color: #000000; background-color: #f3ef99; font-size: 0.18rem; 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 { width: 2rem; height: 0.3rem; margin: 0.64rem auto 0; }
.wrapper .btn-all-change.gray { pointer-events: all; background-color: #111822; }
.wrapper .btn-all-change.gray .txt { color: #fd4553; }
.wrapper .btn-all-change .txt { display: block; width: 2rem; height: 0.3rem; font-size: 0.2rem; letter-spacing: 0.01rem; text-indent: 0.01rem; line-height: 0.3rem; }
.wrapper .btn-all-change i::before, .wrapper .btn-all-change i::after { width: 2.08rem; height: 0.16rem; margin-left: -1.05rem; }
.wrapper .btn-all-change i::before { top: -0.04rem; }
.wrapper .btn-all-change i::after { bottom: -0.04rem; }
.wrapper .wish-tips { position: absolute; bottom: -2rem; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 7.5rem; height: 16.24rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/m/mask-frame1.png"); background-size: 100% 100%; z-index: 8; display: none; }
.wrapper .wish-tips p { position: absolute; bottom: 4.5rem; left: 0; width: 100%; font-family: "Microsoft YaHei"; font-size: 0.24rem; color: #ece7e1; text-align: center; line-height: 1; }
.wrapper .wish-tips i { position: absolute; bottom: 3.02rem; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0.51rem; height: 0.79rem; 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(0.15rem); transform: translateX(-50%) translateY(0.15rem); }
}
@-moz-keyframes float {
	0%, 100% { -moz-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); }
	50% { -moz-transform: translateX(-50%) translateY(0.15rem); transform: translateX(-50%) translateY(0.15rem); }
}
@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(0.15rem); -moz-transform: translateX(-50%) translateY(0.15rem); transform: translateX(-50%) translateY(0.15rem); }
}
.wrapper, .wrapper .partSwiper { width: 100%; height: 100%; }
.wrapper .partSwiper { height: var(--app-height, 100%); }
.wrap { width: 7.5rem; height: 100%; margin: 0 auto; position: relative; z-index: 1; }
.wrap .cont { width: 6.95rem; margin: 0 auto; }
.wrap .header .cont { height: 100%; position: relative; }
.scale-con3, .scale-con { position: absolute; top: 50%; left: 50%; width: 100%; height: 13.34rem; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }
.scale-con3 { -webkit-transform: translate(-50%, -45%); -moz-transform: translate(-50%, -45%); -ms-transform: translate(-50%, -45%); transform: translate(-50%, -45%); }
.part3-main .scale-con { -webkit-transform-origin: center 58%; -moz-transform-origin: center 58%; -ms-transform-origin: center 58%; transform-origin: center 58%; }
.part1-main, .part3-main, .part4-main, .part2-main { width: 100%; height: 100%; }
.part4-main { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; z-index: 2; }
.part-4 .part4-title { width: 6.9rem; height: 0.5rem; margin: 0rem 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: -1.81rem -3.02rem; width: 3.49rem; height: 0.45rem; border-bottom: 1px solid #161826; }
.part-4 .part4-title p { color: #161826; font-size: 0.445rem; line-height: 1; height: 0.45rem; font-family: "Microsoft YaHei"; font-weight: bold; }
.part-4 .banner-scroll { width: 7.1rem; margin: 0.52rem auto 0; }
.part-4 .banner-scroll .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.part-4 .banner-scroll .swiper-slide { height: 3.17rem; -ms-flex-negative: 0; flex-shrink: 0; }
.part-4 .banner-scroll .swiper-slide:not(:last-child) { margin-bottom: 0.6rem; }
.part-4 .banner-scroll .banner-item { width: 6.9rem; height: 3.17rem; overflow: hidden; margin: 0 auto; }
.part-4 .banner-scroll .banner-item img { width: 6.9rem; height: 3.17rem; 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: initial; right: 0; width: 0.06rem; height: 100%; background-color: #7f8982; }
.part-4 .banner-scroll .swiper-pagination .swiper-pagination-progressbar-fill { background-color: #ff4655; width: 0.06rem; height: 100%; border-radius: 0.06rem; }
.loginContainer { color: white; width: 100%; text-align: center; padding: 0 0.4rem; position: absolute; bottom: 0.13rem; left: 0; z-index: 2; mix-blend-mode: difference; font-size: 0.2rem; }
.loginContainer * { color: white; font-size: 0.2rem; mix-blend-mode: difference; }
.loginContainer #zw_binded, .loginContainer #milo-qqlogin, .loginContainer #milo-logout { mix-blend-mode: difference; color: #f84554; }
.btn-common { display: block; width: 4.94rem; height: 0.84rem; position: relative; z-index: 12; text-align: center; line-height: 0.84rem; background-color: #ff4655; margin: 0 auto 0; }
.btn-common .txt { position: relative; font-weight: bold; font-size: 0.3rem; color: #ece8e1; letter-spacing: 0.05rem; text-indent: 0.1rem; z-index: 2; }
.btn-common .arrow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.btn-common .arrow::before, .btn-common .arrow::after { content: ""; position: absolute; width: 0.05rem; height: 0.05rem; }
.btn-common .arrow::before { background-color: #16122c; top: 0; left: 0; }
.btn-common .arrow::after { background-color: #ece7e1; bottom: 0; right: 0; }
.btn-common i::before, .btn-common i::after { content: ""; position: absolute; width: 5.1rem; height: 0.42rem; left: 50%; margin-left: -2.55rem; border: 1px solid #ece7e1; }
.btn-common i::before { top: -0.08rem; border-bottom: none; }
.btn-common i::after { bottom: -0.08rem; border-top: none; }
@-webkit-keyframes slide-tips {
	0%, 100% { -webkit-transform: translateY(0.04rem); transform: translateY(0.04rem); }
	50% { -webkit-transform: translateY(-0.08rem); transform: translateY(-0.08rem); }
}
@-moz-keyframes slide-tips {
	0%, 100% { -moz-transform: translateY(0.04rem); transform: translateY(0.04rem); }
	50% { -moz-transform: translateY(-0.08rem); transform: translateY(-0.08rem); }
}
@keyframes slide-tips {
	0%, 100% { -webkit-transform: translateY(0.04rem); -moz-transform: translateY(0.04rem); transform: translateY(0.04rem); }
	50% { -webkit-transform: translateY(-0.08rem); -moz-transform: translateY(-0.08rem); transform: translateY(-0.08rem); }
}
.pop { position: fixed !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; margin: initial !important; }
.pop .pop-close { position: absolute; top: -1.03rem; right: 0; width: 0.86rem; height: 0.86rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/close.png"); background-size: 100% 100%; }
.pop .pop-cont .pop-tit { font-size: 0.4rem; font-weight: bold; color: #161825; text-align: center; line-height: 0.4rem; letter-spacing: 0; margin-top: 0.5rem; }
.pop .pop-cont .pop-tit span { font-size: 0.4rem; 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: 6.38rem; height: 1.52rem; margin: 0.14rem auto 0.12rem; overflow: hidden; }
.pop .common-text .msg { width: 100%; height: auto; font-size: 0.26rem; color: #7f8982; line-height: 1.32; text-align: center; letter-spacing: 0; }
.pop .btn1 { position: relative; z-index: 4; display: block; width: 3.02rem; height: 0.72rem; margin-top: 0.59rem; background-color: #ff4655; -webkit-clip-path: polygon(0 0, 100% 0, 100% 0.6rem, calc(100% - 0.13rem) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 0.6rem, -moz-calc(100% - 0.13rem) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 0.6rem, calc(100% - 0.13rem) 100%, 0 100%); text-align: center; line-height: 0.72rem; font-size: 0.28rem; font-weight: bold; color: #ece7e1; margin: 0 auto; letter-spacing: 0.1rem; text-indent: 0.1rem; }
.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: 2.42rem; margin: 0 0.13rem; }
.pop .btn-box .btn-think { background-color: #161825; }
.pop-quit, .pop-common { width: 6.79rem; height: 3.99rem; 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: 6.79rem; height: 5.39rem; 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: 0.56rem; margin-top: 0.8rem; }
.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: 1.54rem; height: 1.54rem; 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: 1.36rem; height: 1.36rem; -o-object-fit: cover; object-fit: cover; }
.pop-invite .info-box { margin-left: 0.34rem; }
.pop-invite .user-info { font-size: 0.28rem; line-height: 0.28rem; color: #161825; }
.pop-invite .user-info span { color: #ff4655; font-weight: bold; margin-right: 0.08rem; }
.pop-invite .sub-tit { font-size: 0.55rem; line-height: 0.58rem; font-weight: bold; color: #161825; margin-top: 0.11rem; position: relative; width: 3.34rem; }
.pop-invite .sub-tit::after { content: ""; position: absolute; left: 0; bottom: -0.24rem; width: 3.86rem; height: 1px; background-color: #7f8982; }
.pop-invite .desc { font-size: 0.22rem; line-height: 0.22rem; margin-top: 0.39rem; position: relative; padding-left: 0.42rem; 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: 0.24rem; height: 0.22rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/icon1.png"); background-size: 100% 100%; }
.pop-invite .btn-box { margin-top: 1.13rem; }
.pop-invite .btn-box a { text-indent: 0; letter-spacing: normal; }
.pop-success { width: 6.79rem; height: 7.01rem; 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: 6.79rem; height: 100%; }
.pop-success .pop-cont .pop-tit { margin-top: 0.52rem; }
.pop-success .text { font-size: 0.24rem; line-height: 0.24rem; color: #7f8982; text-align: center; margin-top: 4.3rem; margin-bottom: 0.28rem; }
.pop-bind { width: 6.8rem; height: 5.6rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/pop-4_1.png"); background-size: 100% 100%; }
.pop-bind.pop-bind2 { width: 6.8rem; height: 5.65rem; 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: 0.28rem; margin-top: 0.28rem; }
.pop-bind .input-item { width: 5.36rem; height: 0.68rem; margin: 0 auto 0; background-color: #161616; border-radius: 0.04rem; font-size: 0.22rem; 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: 1.28rem; height: 0.68rem; line-height: 0.68rem; margin-right: 0.2rem; text-align: center; }
.pop-bind .input-item .label::after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 0.23rem; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #bebebe; }
.pop-bind .input-item input { width: 1.98rem; height: 0.68rem; line-height: 0.68rem; 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: 0.08rem; }
.pop-bind .input-item .get-code { width: 1.6rem; height: 0.51rem; line-height: 0.51rem; text-align: center; color: #161616; font-size: 0.2rem; background-color: #76f7fb; margin-left: 0.16rem; }
.pop-bind .input-item .get-code.disabled { pointer-events: none; background-color: #8d8d8d; color: #fff; }
.pop-bind .input-tips { width: 5.36rem; margin: 0 auto; color: #ff4655; font-family: "Microsoft YaHei"; font-size: 0.2rem; text-align: right; line-height: 1; margin-top: 0.05rem; height: 0.2rem; }
.pop-bind .input-tips.input-tips2 { font-size: 0.32rem; width: 6.1rem; text-align: left; margin: 0.15rem auto 0; text-indent: 0.48rem; height: 0.16rem; -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: 0.15rem; }
.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: 0.24rem auto 0; font-family: "Microsoft YaHei"; font-size: 0.22rem; line-height: 0.37rem; color: #7f8982; }
.pop-bind .tips .tip1 { font-family: "Microsoft YaHei"; line-height: 0.37rem; 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: 0.44rem; -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: 6.41rem; -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: 0.1rem; height: 0.35rem; }
.pop-bind .agreement-box .checked-box { position: relative; top: 0.1rem; margin-top: -0.07rem; width: 0.16rem; height: 0.16rem; 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: 11.9rem; margin-left: 0.1rem; font-family: "Microsoft YaHei"; font-size: 0.36rem; 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: 0.36rem; text-decoration: underline; }
.pop-bind .go-lobby { display: none; position: absolute; bottom: 0.58rem; left: 0.18rem; width: 1.32rem; height: 0.39rem; background-color: #ffffff; -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.07rem), calc(100% - 0.07rem) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 0.07rem), -moz-calc(100% - 0.07rem) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.07rem), calc(100% - 0.07rem) 100%, 0 100%); font-family: "Microsoft YaHei"; font-size: 0.2rem; color: #000000; text-align: center; line-height: 0.39rem; font-weight: 700; }
.pop-bind .unbind-btn { position: absolute; top: 5.33rem; right: 0.41rem; font-family: "Microsoft YaHei"; font-size: 0.2rem; line-height: 1; color: #ff4655; text-decoration: underline; }
.pop-bind .award-tips { margin-top: 0.1rem; margin-right: 0.44rem; color: #7f8982; font-family: "Microsoft YaHei"; font-size: 0.32rem; text-align: right; line-height: 1; height: 0.2rem; text-indent: 0.48rem; -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: 6.8rem; height: 4.4rem; 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: 0.28rem; }
.pop-unbind .input-item { width: 5.36rem; height: 0.68rem; margin: 0 auto 0; background-color: #161616; border-radius: 0.04rem; font-size: 0.22rem; 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: 1.28rem; height: 0.68rem; line-height: 0.68rem; margin-right: 0.2rem; text-align: center; }
.pop-unbind .input-item .label::after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 0.23rem; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #bebebe; }
.pop-unbind .input-item input { width: 1.98rem; height: 0.68rem; line-height: 0.68rem; 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: 0.08rem; }
.pop-unbind .input-item .get-code { width: 1.6rem; height: 0.51rem; line-height: 0.51rem; text-align: center; color: #161616; font-size: 0.2rem; background-color: #76f7fb; margin-left: 0.16rem; }
.pop-unbind .input-item .get-code.disabled { pointer-events: none; background-color: #8d8d8d; color: #fff; }
.pop-unbind .input-item .btn-bind { margin-top: 0.25rem; }
.pop-unbind .input-tips { width: 5.36rem; margin: 0 auto; color: #ff4655; font-family: "Microsoft YaHei"; font-size: 0.2rem; text-align: right; line-height: 1; margin-top: 0.05rem; height: 0.2rem; }
.pop-unbind .btn-bind { margin-top: 0.2rem; }
.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: 0.24rem auto 0; font-family: "Microsoft YaHei"; font-size: 0.22rem; line-height: 0.37rem; 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: 0.44rem; -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: 6.41rem; -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: 0.1rem; }
.pop-unbind .agreement-box .checked-box { position: relative; top: 0.1rem; margin-top: -0.07rem; width: 0.16rem; height: 0.16rem; 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: 11.9rem; margin-left: 0.1rem; font-family: "Microsoft YaHei"; font-size: 0.36rem; 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: 0.36rem; text-decoration: underline; }
.pop-unbind .go-lobby { display: none; position: absolute; bottom: 0.58rem; left: 0.18rem; width: 1.32rem; height: 0.39rem; background-color: #ffffff; -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.07rem), calc(100% - 0.07rem) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 0.07rem), -moz-calc(100% - 0.07rem) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.07rem), calc(100% - 0.07rem) 100%, 0 100%); font-family: "Microsoft YaHei"; font-size: 0.2rem; color: #000000; text-align: center; line-height: 0.39rem; 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: 9.76rem; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; z-index: 2; }
.pop-lottery .lottery-tit { position: absolute; font-size: 0.6rem; line-height: 0.6rem; color: #ffffff; text-align: center; top: 0.77rem; 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: 0.1rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; height: 8.42rem; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.pop-lottery .award-item { position: relative; width: 3.06rem; 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 0.09rem; }
.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 0.2rem rgba(172, 1, 1, 0.7); box-shadow: 0 0 0.2rem rgba(172, 1, 1, 0.7); }
.pop-lottery .award-item.rare .card-type { color: #f74453; }
.pop-lottery .award-item .card { display: block; width: 1.79rem; height: 4.27rem; margin: 2.11rem auto 0; -webkit-box-shadow: 0 0 0.2rem rgba(1, 50, 172, 0.7); box-shadow: 0 0 0.2rem rgba(1, 50, 172, 0.7); }
.pop-lottery .award-item .card-type { font-size: 0.2rem; line-height: 0.2rem; text-align: center; text-indent: -0.02rem; letter-spacing: -0.02rem; color: #75f6fa; margin-top: 0.33rem; }
.pop-lottery .award-item .card-name { font-size: 0.3rem; font-weight: bold; line-height: 0.3rem; text-indent: -0.02rem; letter-spacing: -0.01rem; color: #f4efe9; text-align: center; margin-top: 0.15rem; }
.pop-lottery .btn-accept { position: absolute; bottom: 0.6rem; 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: 0.16rem; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-family: "Microsoft YaHei"; font-size: 0.2rem; 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 { position: fixed !important; top: 50% !important; width: 100%; height: 13.34rem; }
.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: 6.79rem; margin: 0 auto 0; }
.pop-share .tit { font-size: 0.4rem; 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: 0.2rem; white-space: nowrap; color: #bcc0bd; font-size: 0.36rem; line-height: 0.4rem; text-align: center; margin-top: 0.1rem; }
.pop-share .pop-share-tit { font-size: 0rem; text-indent: -999em; color: #ece7e1; font-weight: bold; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 1.68rem; height: 0.19rem; margin: 0.2rem 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: 0.18rem; margin-top: 0.15rem; }
.pop-share .share-type .share-tit { display: none; }
.pop-share .share-type .type { font-size: 0.32rem; color: #ece7e1; line-height: 1; font-weight: 400; }
.pop-share .share-type .type:nth-child(n+3) { margin-left: 0.3rem; }
.pop-share .share-type .type span { font-size: 0.32rem; color: #ff4655; }
.pop-share .right-cont { position: relative; margin: 0.2rem auto 0; }
.pop-share .right-cont img { display: block; width: 5.34rem; height: 9.46rem; margin: 0 auto; }
.pop-share .share-tips { display: none; }
.pop-share .share-tips-m { position: absolute; top: 0; left: 0; width: 2.35rem; height: 0.48rem; background-color: #7f8982; -webkit-clip-path: polygon(0 0, 100% 0, 100% 0.4rem, 2.26rem 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 0.4rem, 2.26rem 100%, 0 100%); text-align: center; line-height: 0.48rem; color: #ece7e1; font-size: 0.2rem; }
.pop-share .pop-close { top: -0.62rem; right: 0.25rem; width: 0.54rem; height: 0.54rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/close3.png"); background-size: 100% 100%; }
.pop-share .share-link { position: relative; height: 0.41rem; width: 5.33rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/share-frame1.png"); background-size: 100% 100%; margin: 0.2rem auto 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 0.22rem; }
.pop-share .share-link .share-tit { position: relative; width: 0.91rem; 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: 0.32rem; color: #ece7e1; line-height: 1; font-weight: 400; }
.pop-share .share-link input { color: #ece7e1; width: 2.7rem; height: 100%; font-size: 0.2rem; line-height: 0.41rem; background: transparent; border: none; border-radius: 0; margin-left: 0.23rem; outline: none; }
.pop-share .copy-link { position: absolute; top: 0; right: 0; width: 1.32rem; height: 0.41rem; 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: 0.36rem; 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: 5.33rem; height: 0.46rem; margin: 0.2rem auto 0; }
.pop-share .share-platform .share-tit { position: relative; width: 1.14rem; height: 0.3rem; 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: 0.32rem; 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: 0.3rem; height: 0.24rem; }
.pop-share .share-platform .share-qq { width: 0.21rem; height: 0.24rem; }
.pop-share .share-platform .share-dy { width: 0.22rem; height: 0.25rem; }
.pop-share .share-platform .share-bz { width: 0.27rem; height: 0.24rem; }
.pop-share .share-platform .share-ks { width: 0.25rem; height: 0.27rem; }
.pop-share .share-platform .share-xhs { width: 0.5rem; height: 0.19rem; }
.pop-share .share-platform .share-wb { width: 0.28rem; height: 0.24rem; }
.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: 2.42rem; height: 0.73rem; font-family: "Microsoft YaHei"; font-size: 0.28rem; color: #ece7e1; text-align: center; line-height: 0.73rem; margin: 0.2rem auto 0; background-color: #ff4655; -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.13rem), calc(100% - 0.13rem) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 0.13rem), -moz-calc(100% - 0.13rem) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.13rem), calc(100% - 0.13rem) 100%, 0 100%); }
.pop-exchange { position: fixed !important; top: 50% !important; width: 100%; height: 13.34rem; }
.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: 6.79rem; margin: 0 auto 0; }
.pop-exchange .tit { font-size: 0.4rem; 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: 0.58rem; white-space: nowrap; color: #bcc0bd; font-size: 0.36rem; line-height: 0.44rem; text-align: center; margin-top: 0.1rem; }
.pop-exchange .pop-share-tit { font-size: 0rem; text-indent: -999em; color: #ece7e1; font-weight: bold; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 1.68rem; height: 0.19rem; margin: 0.2rem 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: 13.58rem; 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: 0.18rem; margin-top: 0.15rem; }
.pop-exchange .share-type.share-type2 { margin-top: 0.23rem; }
.pop-exchange .share-type .type { font-size: 0.32rem; color: #ece7e1; line-height: 1; font-weight: 400; }
.pop-exchange .share-type .type:nth-child(n+2) { margin-left: 0.3rem; }
.pop-exchange .share-type .type span { font-size: 0.32rem; color: #ff4655; }
.pop-exchange .right-cont { position: relative; margin: 0.2rem auto 0; }
.pop-exchange .right-cont img { display: block; width: 6.79rem; height: 3.82rem; margin: 0 auto; }
.pop-exchange .share-tips { display: none; }
.pop-exchange .share-tips-m { position: absolute; top: 0; left: 0; width: 2.35rem; height: 0.48rem; background-color: #7f8982; -webkit-clip-path: polygon(0 0, 100% 0, 100% 0.4rem, 2.26rem 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 0.4rem, 2.26rem 100%, 0 100%); text-align: center; line-height: 0.48rem; color: #ece7e1; font-size: 0.2rem; }
.pop-exchange .pop-close { top: 3.45rem; right: 0.36rem; width: 0.54rem; height: 0.54rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/close3.png"); background-size: 100% 100%; }
.pop-exchange .share-link { position: relative; height: 0.41rem; width: 5.33rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/share-frame2.png"); background-size: 100% 100%; margin: 0.2rem auto 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 0.22rem; -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% - 0.08rem), calc(100% - 0.08rem) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 0.08rem), -moz-calc(100% - 0.08rem) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.08rem), calc(100% - 0.08rem) 100%, 0 100%); }
.pop-exchange .share-link .share-tit { position: relative; width: 0.91rem; 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: 0.32rem; 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: 2.7rem; height: 100%; font-size: 0.16rem; line-height: 0.41rem; background: transparent; border: none; border-radius: 0; margin-left: 0.23rem; outline: none; }
.pop-exchange .copy-link { position: absolute; top: 0; right: 0; width: 1.32rem; height: 0.41rem; 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: 0.36rem; 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: 5.33rem; height: 0.46rem; margin: 0.2rem auto 0; }
.pop-exchange .share-platform .share-tit { position: relative; width: 1.14rem; height: 0.3rem; 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: 0.32rem; 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: 0.3rem; height: 0.24rem; }
.pop-exchange .share-platform .share-qq { width: 0.21rem; height: 0.24rem; }
.pop-exchange .share-platform .share-dy { width: 0.22rem; height: 0.25rem; }
.pop-exchange .share-platform .share-bz { width: 0.27rem; height: 0.24rem; }
.pop-exchange .share-platform .share-ks { width: 0.25rem; height: 0.27rem; }
.pop-exchange .share-platform .share-xhs { width: 0.5rem; height: 0.19rem; }
.pop-exchange .share-platform .share-wb { width: 0.28rem; height: 0.24rem; }
.pop-select { width: 6.7rem; height: 11.75rem; }
.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: 0.4rem; }
.pop-select .card-box li { position: relative; width: 2.16rem; height: 4.17rem; margin-bottom: 0.66rem; }
.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 0.2rem rgba(1, 50, 172, 0.7); box-shadow: 0 0 0.2rem 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 0.2rem rgba(172, 1, 1, 0.7); box-shadow: 0 0 0.2rem 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: 1.13rem; height: 2.7rem; margin: 0.38rem auto 0; }
.pop-select .card-box li .img-box img { width: 100%; height: 100%; }
.pop-select .card-box li .text1 { font-size: 0.14rem; line-height: 0.14rem; text-align: center; letter-spacing: -0.01rem; text-indent: -0.01rem; margin-top: 0.31rem; }
.pop-select .card-box li .text2 { font-size: 0.2rem; font-weight: bold; color: #f4efe9; letter-spacing: -0.01rem; text-indent: -0.01rem; text-align: center; line-height: 0.2rem; margin-top: 0.14rem; }
.pop-select .card-box li a { display: block; position: absolute; top: -moz-calc(100% + 0.04rem); top: calc(100% + 0.04rem); left: 0; display: block; width: 100%; height: 0.4rem; text-align: center; line-height: 0.4rem; overflow: hidden; font-size: 0.18rem; 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: 0.5rem; line-height: 0.5rem; color: #ece7e1; margin-top: 0.4rem; }
.pop-select .pop-close { top: 0; right: 0; }
.pop-select .tips { font-size: 0.2rem; line-height: 0.2rem; text-align: center; color: #bebfbe; margin-top: 0.42rem; }
.pop-select .tips span { color: #ffffff; font-weight: bold; }
.pop-change-guest { width: 7.5rem; height: 7.39rem; 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: 0.36rem; margin-top: 0.22rem; height: 0.8rem; text-align: center; line-height: 0.4rem; padding: 0 0.8rem; color: #ff4655; }
.pop-change-guest .change-card { margin-top: 0.18rem; }
.pop-change-guest .change-card .card-item { overflow: hidden; position: relative; width: 1.57rem; height: 3.15rem; 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: 1.01rem; height: auto; margin: 0.34rem auto 0; }
.pop-change-guest .change-card .card-name { font-size: 0.28rem; line-height: 0.28rem; color: #000; margin-top: 0.18rem; text-align: center; }
.pop-change-guest .btn-box { margin-top: 0.34rem; }
.pop-change-guest .btn-sure { width: 2.8rem !important; height: 0.56rem; font-size: 0.24rem; line-height: 0.56rem; overflow: visible; }
.pop-change-guest .btn-sure .bg { overflow: hidden; }
.pop-change-guest .btn-sure .bg::before { -webkit-clip-path: polygon(0.06rem 0, 100% 0, 100% 100%, 0 100%, 0 0.06rem, 0.06rem 0.06rem); clip-path: polygon(0.06rem 0, 100% 0, 100% 100%, 0 100%, 0 0.06rem, 0.06rem 0.06rem); }
.pop-change-guest .btn-sure::before, .pop-change-guest .btn-sure::after { content: ""; position: absolute; left: 50%; height: 0.28rem !important; width: 2.94rem !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: 0.65rem; }
.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: -0.08rem; border-bottom: 0; }
.pop-change-guest .btn-sure::after { bottom: -0.08rem; 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: 0.08rem; height: 0.08rem; }
.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: 2.8rem !important; height: 0.56rem; font-size: 0.24rem; overflow: visible; line-height: 0.56rem; margin-left: 0.39rem; }
.pop-change-guest .btn-think .bg { overflow: hidden; }
.pop-change-guest .btn-think .bg::before { -webkit-clip-path: polygon(0.06rem 0, 100% 0, 100% 100%, 0 100%, 0 0.06rem, 0.06rem 0.06rem); clip-path: polygon(0.06rem 0, 100% 0, 100% 100%, 0 100%, 0 0.06rem, 0.06rem 0.06rem); }
.pop-change-guest .btn-think::before, .pop-change-guest .btn-think::after { content: ""; position: absolute; left: 50%; height: 0.28rem !important; width: 2.94rem !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: 0.65rem; }
.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: -0.08rem; border-bottom: 0; }
.pop-change-guest .btn-think::after { bottom: -0.08rem; 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: 0.08rem; height: 0.08rem; }
.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: 0.18rem; color: #6b6b6b; text-align: center; line-height: 1; margin-top: 0.26rem; }
.pop-change-guest .tips2 { color: #ff3b48; text-align: center; margin-top: 0.06rem; font-size: 0.18rem; line-height: 0.18rem; }
.pop-change-guest .pop-close { top: -0.64rem; right: 0.4rem; width: 0.54rem; height: 0.54rem; 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: 6.79rem; height: 4.39rem; 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: 0.5rem; line-height: 0.5rem; margin-top: 0.5rem; }
.pop-login .login-box { width: 5.78rem; 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: 0.36rem auto 0; }
.pop-login .login-box a { width: 2.53rem; height: 2.43rem; background-color: #7f8982; border-radius: 0.04rem; }
.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: 1.43rem; height: 1.16rem; margin: 0.38rem auto 0; fill: #ece7e1; }
.pop-login .login-box span { display: block; width: 100%; height: 0.51rem; background-color: #c1c9c3; margin-top: 0.38rem; text-align: center; line-height: 0.51rem; color: #000; font-size: 0.26rem; }
.pop-login .qq_login svg { width: 0.99rem; height: 1.17rem; margin: 0.36rem auto 0; }
.pop-login .qq_login span { margin-top: 0.38rem; }
.pop-reward-text { width: 6.79rem; height: 4.49rem; 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: 3rem; }
.pop-reward-text.rewardttip .pop-txtlist { width: 6.5rem; }
.pop-reward-text.rewardttip .pop-tit { margin-bottom: 0.26rem; }
.pop-reward-text.rewardttip .pop-txtlist li { font-size: 0.23rem; }
.pop-reward-text .pop-tit { font-size: 0.4999rem; color: #161825; width: 100%; text-align: center; line-height: 1; margin-top: 0.3rem; margin-bottom: 0.16rem; }
.pop-reward-text .pop-txtlist { width: 6.32rem; margin: 0 auto; }
.pop-reward-text .pop-txtlist.center li { text-align: center; }
.pop-reward-text .pop-txtlist li { font-size: 0.23rem; color: #7f8982; line-height: 1.45; letter-spacing: 0; }
.pop-reward-text .pop-txtlist li:not(:last-child) { margin-bottom: 0.1rem; }
.pop-blind-card { width: 6.92rem; height: 2.88rem; 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: 0.3rem; line-height: 0.4rem; color: #ffffff; font-weight: 700; padding-left: 0.24rem; margin-top: 0.54rem; }
.pop-blind-card .card-info { font-family: "Microsoft YaHei"; font-size: 0.2rem; line-height: 0.3rem; color: #ece8e1; font-weight: 400; margin-left: 0.24rem; width: 3.61rem; margin-top: 0.4rem; }
.pop-blind-card .blind-card-img { position: absolute; top: 50%; right: 0.85rem; margin-top: -2.045rem; width: 1.68rem; height: 4.09rem; }
.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: -6.67rem; width: 100%; height: 13.34rem; }
.part-hall .hall-tit { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-family: "Microsoft YaHei"; font-size: 0.7rem; color: #000000; line-height: 1; font-weight: 700; margin-left: 0.3rem; }
.part-hall .hall-tit::before { content: ""; display: block; width: 0.22rem; height: 0.22rem; background-color: #000000; -webkit-clip-path: polygon(0 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 100%, 0 100%); margin-bottom: 0.4rem; }
.part-hall .dec { position: relative; width: 5.72rem; margin-left: 0.74rem; margin-top: 0.33rem; }
.part-hall .dec::before { content: ""; position: absolute; top: 0.18rem; left: -0.36rem; margin-top: -0.14rem; width: 0.24rem; height: 0.22rem; 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: 0.18rem; color: #000000; line-height: 1.6; font-weight: 400; }
.part-hall .banner { width: 5.08rem; height: 8.42rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/hall-banner.png"); background-size: 100% 100%; margin-top: 0.63rem; margin-left: 0.56rem; }
.part-hall .role { position: absolute; left: 3.16rem; top: 2.64rem; width: 7.83rem; height: 9.23rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/part-hall-role1.png"); background-size: 100% 100%; }
.part-hall .btn-link { margin-top: 0.7rem; }
.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: 7.5rem; height: 7.39rem; 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: 0.5rem; text-align: center; line-height: 0.5rem; font-weight: bold; margin-top: 0.4rem; }
.pop-select-card .change-card { margin-top: 0.3rem; }
.pop-select-card .change-card .card-item { overflow: hidden; position: relative; width: 1.57rem; height: 3.15rem; 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: 1.01rem; height: auto; margin: 0.34rem auto 0; }
.pop-select-card .change-card .card-name { font-size: 0.28rem; line-height: 0.28rem; color: #000; margin-top: 0.18rem; text-align: center; }
.pop-select-card .btn-box { margin-top: 0.34rem; }
.pop-select-card .btn-sure { width: 2.8rem !important; height: 0.56rem; font-size: 0.24rem; line-height: 0.56rem; overflow: visible; }
.pop-select-card .btn-sure .bg { overflow: hidden; }
.pop-select-card .btn-sure .bg::before { -webkit-clip-path: polygon(0.06rem 0, 100% 0, 100% 100%, 0 100%, 0 0.06rem, 0.06rem 0.06rem); clip-path: polygon(0.06rem 0, 100% 0, 100% 100%, 0 100%, 0 0.06rem, 0.06rem 0.06rem); }
.pop-select-card .btn-sure::before, .pop-select-card .btn-sure::after { content: ""; position: absolute; left: 50%; height: 0.28rem !important; width: 2.94rem !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: 0.65rem; }
.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: -0.08rem; border-bottom: 0; }
.pop-select-card .btn-sure::after { bottom: -0.08rem; 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: 0.08rem; height: 0.08rem; }
.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: 2.8rem !important; height: 0.56rem; font-size: 0.24rem; overflow: visible; line-height: 0.56rem; margin-left: 0.39rem; }
.pop-select-card .btn-think .bg { overflow: hidden; }
.pop-select-card .btn-think .bg::before { -webkit-clip-path: polygon(0.06rem 0, 100% 0, 100% 100%, 0 100%, 0 0.06rem, 0.06rem 0.06rem); clip-path: polygon(0.06rem 0, 100% 0, 100% 100%, 0 100%, 0 0.06rem, 0.06rem 0.06rem); }
.pop-select-card .btn-think::before, .pop-select-card .btn-think::after { content: ""; position: absolute; left: 50%; height: 0.28rem !important; width: 2.94rem !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: 0.65rem; }
.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: -0.08rem; border-bottom: 0; }
.pop-select-card .btn-think::after { bottom: -0.08rem; 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: 0.08rem; height: 0.08rem; }
.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: 0.18rem; color: #ff3b48; text-align: center; line-height: 1; margin-top: 0.28rem; }
.pop-select-card .pop-close { top: -0.64rem; right: 0.4rem; width: 0.54rem; height: 0.54rem; 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: 5.41rem; }
.zw .logo { position: absolute; top: 0.2rem; right: 0.15rem; width: 2.17rem; height: 0.61rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/m/logo.png"); background-size: 100% 100%; }
.zw .btn-reserve { bottom: 1.43rem; }
.zw .pt1-login-bar { position: absolute; left: 0; bottom: 4.96rem; width: 100%; display: block; font-family: "Microsoft YaHei"; font-size: 0.22rem; 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: 2.62rem; }
.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: 0.4rem; height: 1.5rem; font-family: "Microsoft YaHei"; font-size: 0.24rem; color: #f94453; text-align: center; line-height: 0.3rem; font-weight: 700; margin: 0 auto 0; background-color: #111822; -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.08rem), calc(100% - 0.08rem) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 0.08rem), -moz-calc(100% - 0.08rem) 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 0.08rem), calc(100% - 0.08rem) 100%, 0 100%); }
.pop-qrcode { width: 6.79rem; height: 7.01rem; background-image: url("//game.gtimg.cn/images/codev/act/a20250530alliance/dialog/qrcode-bg1.png"); background-size: 100% 100%; padding-top: 0.65rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pop-qrcode .qrcode-tit { font-family: "Microsoft YaHei"; font-size: 0.32rem; color: #161825; line-height: 1; text-align: center; }
.pop-qrcode .qrcode-url { position: relative; width: 5.11rem; height: 0.75rem; background-color: rgba(181, 184, 177, 0.5); margin: 0.61rem auto 0; -webkit-clip-path: polygon(0 0.19rem, 0.19rem 0, 100% 0, 100% calc(100% - 0.19rem), calc(100% - 0.19rem) 100%, 0% 100%); clip-path: polygon(0 0.19rem, 0.19rem 0, 100% 0, 100% -moz-calc(100% - 0.19rem), -moz-calc(100% - 0.19rem) 100%, 0% 100%); clip-path: polygon(0 0.19rem, 0.19rem 0, 100% 0, 100% calc(100% - 0.19rem), calc(100% - 0.19rem) 100%, 0% 100%); }
.pop-qrcode .qrcode-url input { outline: none; background-color: transparent; border: none; width: 2.9rem; height: 100%; font-family: "Microsoft YaHei"; font-size: 0.24rem; color: #3a3a3a; font-weight: 700; text-indent: 0.24rem; }
.pop-qrcode .qrcode-url .copy-qrcode-btn { position: absolute; right: 0; top: 0; width: 1.98rem; height: 0.75rem; background-color: #ff4655; -webkit-clip-path: polygon(0 0.19rem, 0.19rem 0, 100% 0, 100% calc(100% - 0.19rem), calc(100% - 0.19rem) 100%, 0% 100%); clip-path: polygon(0 0.19rem, 0.19rem 0, 100% 0, 100% -moz-calc(100% - 0.19rem), -moz-calc(100% - 0.19rem) 100%, 0% 100%); clip-path: polygon(0 0.19rem, 0.19rem 0, 100% 0, 100% calc(100% - 0.19rem), calc(100% - 0.19rem) 100%, 0% 100%); font-family: "Microsoft YaHei"; font-size: 0.28rem; color: #ece7e1; font-weight: 700; text-align: center; line-height: 0.75rem; }
.pop-qrcode .qrcode-img { width: 3.1rem; height: 3.1rem; margin: 0.64rem auto 0; background-color: #b5b8b1; }
.pop-qrcode .qrcode-img img { width: 3.1rem; height: 3.1rem; 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; }