@charset "UTF-8";

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: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

table {
    border-collapse: collapse;
}

a {
    text-decoration: none;
    outline: none;
}

ul,
li {
    list-style: none;
}

a,
img {
    -webkit-touch-callout: none;
}

html,
body {
    -webkit-user-select: none;
    user-select: none;
}

i,
em {
    font-style: normal;
}

.header {
    display: none !important;
}

/* reset end */
html {
    font-size: 50px;
    font-size: 13.33333333vw;
    /* 7.5rem === 100vw */
}

html,
body {
    width: 7.5rem;
    background: #000;
}

.wrapper {
    width: 7.5rem;
    overflow: hidden;
}

/*foot*/
#afooter{
    padding-bottom: 1.07rem;
}
.foot {
    font-size: 0.2rem;
    color: #cccccc;
    text-align: center;
    background: #000000;
    padding: 0.18rem 0 0.18rem 0;
    line-height: 0.3rem;
}

/* login */
.login-container {
    width: 100%;
    /* height: 0.6rem; */
    /* background: linear-gradient(to bottom, rgba(1, 10, 19, 0.7) 0%, rgba(1, 10, 19, 0.3) 100%); */
    line-height: 0.6rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    display: flex;
    align-items: center;
}

.loginbox {
    text-align: center;
    color: #bdbdbd;
    font-size: 0.28rem;
    line-height: 1.5;
    width: 100%;
    min-height: 0.9rem;
    padding: 0 0.2rem;
    box-sizing: border-box;
    z-index: 10;
    /* text-shadow: 0 0 5px #000000; */
}

.loginbox .center {
    text-align: center;
}

.loginbox a {
    color: #e35e18;
    white-space: nowrap;
    text-decoration: underline;
}

/* page style! */
@font-face {
    font-family: 'sellnum-1';
    src: url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.eot');
    src: url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.woff') format('woff'), url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.ttf') format('truetype'), url('//game.gtimg.cn/images/lol/common/sell/font/sellnum-1.svg') format('svg');
}

@font-face {
    font-family: "FZCANGYHJW";
    src: url(//game.gtimg.cn/images/lol/act/a20260712classic/fonts/FZCANGYHJW.ttf);
}

.djc-logo {
    display: block;
    width: 1.15rem;
    height: 0.34rem;
    position: absolute;
    left: 1.42rem;
    top: 0.2rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/djc.png) no-repeat center top/100%;
}

.part-nav {
    width: 100%;
    height: 1.07rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/part-nav-bg.png) no-repeat center top/100% 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 55;
    display: flex !important;
    justify-content: center;
    align-items: flex-start;
}

.part-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 100%;
    line-height: 1.1;
    text-align: center;
    font-size: 0.22rem;
    color: #878381;
    box-sizing: border-box;
    position: relative;
}
.part-nav a.on{
    font-weight: bold;
    color: #c1944c;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/part-nav-on.png) no-repeat;
    background-position: center 0.06rem;
    background-size: 0.33rem;
}


.lol-logo {
    display: block;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/lol-logo.png) no-repeat center top/100% 100%;
    width: 2.75rem;
    height: 1.11rem;
    position: absolute;
    top: 0.16rem;
    left: 50%;
    transform: translateX(-50%);
}

.section-main {
    width: 7.5rem;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}


.section {
    width: 100%;
    margin: -1px auto 0;
    box-sizing: border-box;
    position: relative;
}

.part {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}

.section0 {
    height: 17.44rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/bg0.jpg) no-repeat center top;
    background-size: cover;
}

.bg-parallax-content {
    display: none !important;
}

.p0-tips{
    writing-mode: vertical-lr;
    font-size: 0.16rem;
    color: #ffffff;
    opacity: 0.4;
    line-height: 1.2;
    position: absolute;
    left: 0.18rem;
    top: 8rem;
    z-index: 4;
    pointer-events: none;
    text-shadow: 0 0 0.05rem #000000;
}

.bgm-music{
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
}

.btn-bg-voice {
    display: block;
    width: 1.81rem;
    height: 0.56rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/voice-bg-off.png) no-repeat 0 0;
    background-size: 100% 100%;
    /* position: absolute; */
    position: fixed;
    top: 0.52rem;
    /* right: 0.26rem; */
    right: 0.2rem;
    z-index: 8;
}

.btn-bg-voice.on {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/voice-bg-on.png) no-repeat 0 0;
    background-size: 100% 100%;
}

/* .btn-bg-voice.float-r{
    top: auto;
    position: fixed;
    bottom: 1.3rem;
    right: 0.2rem;
} */

.part0 {
    width: 100%;
    height: 8.66rem;
    position: absolute;
    bottom: 0.3rem;
    left: 0;
}

.kv-count-down {
    width: 5.76rem;
    height: 2.85rem;
    margin: 0 auto 2rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/kv_count_down.png) no-repeat center top/100%;
    position: relative;
    left: -0.08rem;
}

.kv-count-down .count-text1 {
    width: 100%;
    font-size: 0.26rem;
    color: #ffedb9;
    line-height: 1.1;
    text-align: center;
    position: relative;
    top: -0.06rem;
}

.kv-count-down .count-text2 {
    width: 100%;
    font-size: 0.32rem;
    color: #e6d15f;
    line-height: 1;
    text-align: center;
    margin-top: -0.28rem;
    position: relative;
    left: 0.16rem;
}

.kv-count-down .count-text2 span {
    display: inline-block;
    font-size: 2.53rem;
    color: #fff3c5;
    font-family: 'sellnum-1';
}

.kv-count-down-end {
    display: none;
    width: 100%;
    padding-top: 0.85rem;
    font-size: 0.32rem;
    color: #ffc95c;
    text-align: center;
    line-height: 1.3;
}

.kv-count-down-end .text2 {
    font-size: 0.5rem;
    font-weight: bold;
    padding-top: 0.06rem;
}

.kv-count-down.end .kv-count-down-ing {
    display: none;
}

.kv-count-down.end .kv-count-down-end {
    display: block;
}


.kv-slogan {
    width: 7.5rem;
    height: 5.76rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/kv_slogan.png) no-repeat center top/100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.3rem;
}

.kv-btns-box {
    width: 7.08rem;
    height: 2rem;
    margin: 0 auto;
    display: flex;
    /* justify-content: flex-end; */
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
}

.btn-order-now {
    display: block;
    width: 5.66rem;
    height: 1.01rem;
    margin-bottom: 0.18rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_order_now.png) no-repeat 0 0;
    background-size: 100% 100%;
    font-size: 0.5rem;
    color: #ffffff;
    line-height: 1.01rem;
    text-align: center;
    font-weight: bold;
}

.btn-order-now.gray {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_order_now_gray.png) no-repeat 0 0;
    background-size: 100% 100%;
    color: #000000;
}

.btn-check-dangan {
    display: block;
    width: 5.65rem;
    height: 0.63rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_check_dangan.png) no-repeat 0 0;
    background-size: 100% 100%;
    box-sizing: border-box;
    font-size: 0.24rem;
    color: #ffefbf;
    line-height: 0.63rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    position: relative;
}

.dangan-icon {
    display: inline-block;
    width: 0.71rem;
    height: 0.76rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dangan-icon.png) no-repeat center center/100%;
    /* margin-right: 0.3rem; */
    position: absolute;
    left: 0.08rem;
    top: -0.04rem;
}

.dangan-icon::after {
    content: '';
    display: block;
    width: 0.17rem;
    height: 0.17rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dangan-point.png) no-repeat center center/100%;
    position: absolute;
    top: -0.05rem;
    right: -0.02rem;
}

.btn-download {
    /* display: block; */
    width: 1.21rem;
    height: 1.83rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_download.png) no-repeat 0 0;
    background-size: 100% 100%;
    box-sizing: border-box;
    font-size: 0.24rem;
    color: #ffefbf;
    line-height: 1.3;
    padding-top: 0.9rem;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0.07rem;
    display: none;
}

.section1 {
    height: 14.44rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/bg1.jpg) no-repeat center top;
    background-size: cover;
}

.part1 {
    width: 100%;
    height: auto;
    z-index: 2;
    padding-top: 4.27rem;
}
.part1::before {
    content: '';
    display: block;
    width: 6.45rem;
    height: 4.6rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/p1_float-img.png) no-repeat center top/100%;
    position: absolute;
    top: -0.64rem;
    left: 50%;
    transform: translateX(-54%);
    z-index: 4;
    pointer-events: none;
}

.p1-title {
    width: 6.35rem;
    height: 1.66rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/p1_title.png) no-repeat center top/100%;
    margin: 0 auto 0.68rem;
}

.p1-tit {
    width: 100%;
    height: 1.73rem;
    text-align: center;
    font-size: 0.4rem;
    line-height: 1.2;
}

.p1-text {
    width: 100%;
    font-size: 0.26rem;
    color: #000000;
    margin-top: -0.16rem;
}

.p1-vitality-num {
    width: 100%;
    font-size: 1.15rem;
    color: #e05300;
    font-family: 'sellnum-1';
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/vitality_num.png) no-repeat;
    background-position: center 53%;
    background-size: 6.62rem;
}

.vitality-progress-box {
    width: 20.54rem;
    height: 0.53rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/vitality_progress.png) no-repeat center top/100%;
    position: absolute;
    top: 4.61rem;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.vitality-progress-bar {
    width: 0%;
    height: 0.53rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    overflow: hidden;
}

.vitality-progress-bar::before {
    content: '';
    width: 20.54rem;
    height: 0.53rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/vitality_progress_bar.png) no-repeat center top/100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.vitality-award-list {
    width: 100%;
    height: 5.5rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    z-index: 3;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/vitality-award-list.png) no-repeat;
    background-size: 100%;
    background-position: 0 0.34rem;
}

.vitality-award-item {
    width: 2.34rem;
    height: auto;
    margin: 0 0 0.3rem;
    position: relative;
}

.vitality-num {
    width: 100%;
    font-family: 'sellnum-1';
    font-size: 0.5rem;
    line-height: 1.1;
    color: #000000;
    font-weight: bold;
    position: relative;
    text-align: center;
    margin-bottom: 0.13rem;
    box-sizing: border-box;
    padding-left: 0.18rem;
}

.vitality-num span {
    display: inline-block;
    font-size: 0.2rem;
    text-align: center;
    margin-left: 0.04rem;
    font-weight: normal;
    position: relative;
    top: -0.04rem;
}

.vitality-award-item.on .vitality-num {
    color: #e05300;
}

.vitality-award-item.got .vitality-num {
    color: #e05300;
}

.vitality-icon {
    width: 0.39rem;
    height: 0.39rem;
    margin: 0 auto 0.15rem;
    display: block;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/vitality-icon.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.vitality-award-item.on .vitality-icon {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/vitality-icon_on.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.vitality-award-item.got .vitality-icon {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/vitality-icon_on.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.vitality-award-box {
    width: 1.94rem;
    height: 2.75rem;
    margin: 0 auto;
    box-sizing: border-box;
}

.vitality-award-num {
    width: 0.75rem;
    height: 0.76rem;
    margin: 0 auto 0.14rem;
    font-family: 'sellnum-1';
    font-size: 0.3rem;
    line-height: 0.76rem;
    color: #000000;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/vitality_num_zs.png) no-repeat;
    background-size: 100%;
}

.vitality-award-text {
    width: 1.86rem;
    height: 0.36rem;
    margin: 0 auto;
    font-size: 0.2rem;
    color: #000000;
    text-align: center;
    box-sizing: border-box;
    line-height: 0.36rem;
    margin-bottom: 0.22rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/vitality_award_type.png) no-repeat;
    background-size: 100% 100%;
    padding-left: 0.26rem;
}

.vitality-award-item.on .vitality-award-text {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/vitality_award_type_on.png) no-repeat;
    background-size: 100%;
}

.vitality-award-item.got .vitality-award-text {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/vitality_award_type_on.png) no-repeat;
    background-size: 100%;
}

.vitality-award-img {
    width: 2rem;
    height: 2.6rem;
    margin: 0 auto 0.3rem;
}

.vitality-award-img1{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/vitality-award-img1.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.vitality-award-img2{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/vitality-award-img2.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.vitality-award-img3{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/vitality-award-img3.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.vitality-award-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.vitality-award-name {
    width: 100%;
    height: 0.42rem;
    font-size: 0.28rem;
    color: #000000;
    text-align: center;
    line-height: 1.2;
    position: relative;
}

.vitality-award-name3{
    top: -0.28rem;
}
.vitality-award-name span {
    width: 100%;
    font-size: 0.18rem;
    color: #6b6b6b;
    position: absolute;
    top: 0.44rem;
    left: 0;
}

/* .btn-get-award {
    display: block;
    width: 1.46rem;
    height: 0.4rem;
    margin: 0 auto;
    font-size: 0.2rem;
    color: #091e32;
    text-align: center;
    line-height: 0.4rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_get_award.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.vitality-award-item.on .btn-get-award {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_get_award_on.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.vitality-award-item.got .btn-get-award {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_get_award_got.png) no-repeat 0 0;
    background-size: 100% 100%;
    color: #ababab;
} */


.vitality-award-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.vitality-award-btns a {
    display: block;
    width: 3.11rem;
    height: 0.68rem;
    margin: 0 0.13rem;
    position: relative;
    font-size: 0.28rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.68rem;
    font-weight: bold;
}

.vitality-award-btns a.btn-order-now1 {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_order_now1.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.vitality-award-btns a.btn-order-now1.gray {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_order_now1_gray.png) no-repeat 0 0;
    background-size: 100% 100%;
    color: #000000;
}

.vitality-award-btns a.btn-vitality-award-get {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn-vitality-award-get.png) no-repeat 0 0;
    background-size: 100% 100%;
    color: #000000;
}

.vitality-award-btns a.btn-vitality-award-get.gray {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn-vitality-award-get-gray.png) no-repeat 0 0;
    background-size: 100% 100%;
    color: #ffffff;
    box-sizing: border-box;
    padding-left: 0.16rem;
    pointer-events: none;
    /* line-height: 0.6rem; */
}

.vitality-award-btns-bottom {
    width: 100%;
    height: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.36rem;
}

.vitality-award-btns-bottom a,
.vitality-award-btns-bottom .tips-text {
    display: block;
    width: 3.11rem;
    height: 0.4rem;
    margin: 0 0.13rem;
    font-size: 0.24rem;
    line-height: 0.4rem;
    color: #000000;
    text-align: center;
    text-decoration: underline;
    /* margin-right: 0.43rem; */
}

.vitality-award-btns-bottom .tips-text {
    text-decoration: none;
    font-weight: bold;
}

.vitality-award-btns-bottom .tips-text b {
    font-weight: bold;
}


.section2 {
    height: 28.63rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/bg2.jpg) no-repeat center top;
    background-size: cover;
}

.part2 {
    padding-top: 1rem;
}

.p2-title {
    width: 5.8rem;
    height: 0.95rem;
    margin: 0 auto 0.22rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p2_title.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.p2-text {
    width: 100%;
    text-align: center;
    font-size: 0.28rem;
    color: #bbbbbb;
    line-height: 1.2;
    margin-bottom: 0.7rem;
}

.mass-content {
    width: 6.47rem;
    height: 7.04rem;
    margin: 0 auto 0.36rem;
    text-align: center;
    font-size: 0.28rem;
    color: #bbbbbb;
    line-height: 1.2;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/mass_content.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
    box-sizing: border-box;
}

.mass-top {
    width: 100%;
    height: 4.85rem;
}

.mass-my-msg {
    width: 5.26rem;
    height: 2.14rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-left: 1.7rem;
    position: relative;
    left: 0.755rem;
    text-align: left;
}

.mass-my-img {
    width: 1.23rem;
    height: 1.25rem;
    object-fit: cover;
    object-position: top center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-45%);
}

.mass-my-img::after {
    content: '';
    display: block;
    width: 1.39rem;
    height: 1.38rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_my_border.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.mass-my-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    border-radius: 50%;
    overflow: hidden;
}

.mass-my-area {
    width: 100%;
    font-size: 0.3rem;
    color: #efe2b5;
    line-height: 1.2;
    margin-bottom: 0.16rem;
}

.mass-my-name {
    width: 98%;
    font-size: 0.36rem;
    color: #ffffff;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mass-my-name1 {
    width: 98%;
    font-size: 0.3rem;
    color: #ffffff;
    line-height: 1.2;
}


.btn-mass-record {
    display: block;
    width: auto;
    height: auto;
    font-size: 0.21rem;
    color: #cfcfcf;
    text-align: center;
    line-height: 0.3rem;
    text-decoration: underline;
    position: absolute;
    top: 0.55rem;
    right: 1.98rem;
}

.mass-my-code {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    flex-wrap: wrap;
    padding-top: 0.21rem;
}

.mass-my-code-text {
    width: 100%;
    font-size: 0.3rem;
    color: #cecece;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 0.08rem;
}

.mass-input-box {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.mass-input-box input {
    display: block;
    width: 4.73rem;
    height: 0.65rem;
    margin: 0 0.4rem 0.28rem;
    border: none;
    outline: none;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/mass_input.png) no-repeat 0 0;
    background-size: 100% 100%;
    font-size: 0.3rem;
    color: #ff6c20;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    line-height: 0.65rem;
    font-weight: bold;
    text-align: left;
    box-sizing: border-box;
}

.btn-mass-copy {
    display: block;
    width: 1.57rem;
    height: 0.65rem;
    font-size: 0.28rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.65rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_copy.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin-right: 0.18rem;
}

.btn-mass-fillin {
    display: block;
    width: 2.99rem;
    height: 0.65rem;
    font-size: 0.28rem;
    color: #000000;
    text-align: center;
    line-height: 0.65rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_fillin.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin-right: 0;
}


.mass-bottom {
    width: 100%;
    height: 2.1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-left: 2.07rem;
}

.mass-num {
    width: 1.58rem;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.23rem;
    color: #c0c0c0;
    line-height: 1.16;
    padding-top: 0.5rem;
}

.mass-num .text1 {
    color: #d7ba75;
}

.mass-num .text1 span {
    font-size: 0.83rem;
    color: #d7ba75;
    font-family: "sellnum-1";
}

.mass-num .text2 {
    margin-top: -0.06rem;
}

.mass-friend-swiper {
    width: 3.48rem;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0.14rem;
}

.mass-friend-swiper .swiper-slide {
    width: 1.74rem;
    height: 100%;
}

.mass-friend-item {
    width: 1.74rem;
    height: 2.07rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/mass_friend_bg.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
    box-sizing: border-box;
    padding-top: 0.3rem;
}

.mass-friend-item::after {
    content: "";
    display: block;
    width: 1px;
    height: 1.46rem;
    background-color: #656565;
    position: absolute;
    bottom: 0;
    right: -0.02rem;
}

.mass-friend-img {
    width: 0.9rem;
    height: 0.91rem;
    position: relative;
    margin: 0 auto 0.12rem;
}

.mass-friend-img::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_friend_border.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.mass-friend-img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
}

.mass-friend-tag {
    width: 1.04rem;
    height: 0.26rem;
    position: absolute;
    top: -0.02rem;
    right: -0.56rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_friend_tag.png) no-repeat 0 0;
    background-size: 100% 100%;
    z-index: 2;
    font-size: 0.18rem;
    color: #000000;
    line-height: 0.26rem;
    text-align: center;
}

.mass-friend-area {
    font-size: 0.24rem;
    color: #bababa;
    line-height: 1.1;
    margin-bottom: 0.08rem;
}

.mass-friend-name {
    font-size: 0.24rem;
    color: #efe2b5;
    line-height: 1.1;
}

.mass-bottom .swiper-button-prev::after,
.mass-bottom .swiper-button-next::after {
    display: none;
}

.mass-bottom .mass-friend-prev,
.mass-bottom .mass-friend-next {
    width: 0.54rem;
    height: 0.58rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_prev_l.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 1.4rem;
    margin-top: -0.25rem;
    z-index: 4;
}

.mass-bottom .mass-friend-next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: auto;
    right: 0.22rem;
}

.mass-bottom .mass-friend-prev.swiper-button-disabled,
.mass-bottom .mass-friend-next.swiper-button-disabled {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_prev.png) no-repeat 0 0;
    background-size: 100% 100%;
    opacity: 1;
}

.mass-not-text {
    width: 90%;
    height: auto;
    font-size: 0.26rem;
    color: #c0c0c0;
    line-height: 0.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.invite-progress-content {
    width: 100%;
}

.invite-award-text {
    width: 100%;
    height: 1.2rem;
    text-align: center;
    font-size: 0.36rem;
    color: #ffffff;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    box-sizing: border-box;
    padding-bottom: 0.2rem;
}

.invite-award-text b {
    color: #ff5e00;
    font-weight: bold;
}

.invite-award-text span {
    font-size: 1rem;
    font-family: 'sellnum-1';
    color: #ff5e00;
    position: relative;
    top: 0.15rem;
    margin: 0 0.1rem;
}

.invite-award-text1 {
    font-size: 0.28rem;
    color: #d7ba75;
    line-height: 1.1;
    width: 100%;
    height: 0.4rem;
    text-align: center;
    margin-top: -0.02rem;
    margin-bottom: 0.8rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/invite-award_text1.png) no-repeat center center;
    background-size: 6.48rem;
}

/* .invite-award-text1::before,
.invite-award-text1::after {
    content: '';
    display: block;
    width: 1.27rem;
    height: 0.12rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/invite-award_text1.png) no-repeat center center;
    background-size: 100% 100%;
    margin-right: 0.1rem;
}

.invite-award-text1::after {
    transform: rotate(180deg);
} */

.icon-what {
    display: inline-block;
    width: 0.27rem;
    height: 0.27rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/icon_what.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin-left: 0.06rem;
    position: relative;
    top: 0.04rem;
}

.btn-invit-what {
    display: inline-block;
    width: 0.27rem;
    height: 0.27rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/icon_what.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin-left: 0.06rem;
    position: relative;
    /* top: 0.02rem; */
}

.invite-award-list {
    width: 100%;
    height: 13.4rem;
    text-align: center;
    font-size: 0.26rem;
    color: #bbbbbb;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
}

/* .invite-award-list::after {
    content: '';
    display: block;
    width: 19.16rem;
    height: 0.02rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/invite-award_line.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 8.16rem;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
} */

.invite-award-item {
    width: 3.1rem;
    height: 4.03rem;
    margin: 0 0.24rem;
    position: relative;
}

.invite-award-list .invite-award-item:first-child {
    margin: 0 1rem 2.6rem;
}

.invite-award-img {
    width: 3.1rem;
    height: 4.03rem;
    position: relative;
}

.invite-award-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    overflow: hidden;
}

.invite-award-mask {
    width: 100%;
    height: 2.12rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

.invite-award-name {
    width: 100%;
    font-size: 0.32rem;
    color: #ffffff;
    line-height: 1.2;
    font-weight: bold;
    position: absolute;
    bottom: 0.4rem;
    left: 0;
}
.invite-award-name span{
    color: #cacaca;
    font-weight: normal;
    position: absolute;
    top: -0.36rem;
    width: 100%;
    left: 0;
    text-align: center;
}

.invite-award-name1 {
    font-size: 0.21rem;
}

.invite-award-tip {
    width: 100%;
    height: 0.66rem;
    font-size: 0.24rem;
    color: #000000;
    line-height: 1.2;
    box-sizing: border-box;
    padding: 0 0.1rem;
    text-align: center;
    position: absolute;
    bottom: 0.02rem;
    left: 0;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/invite-award_tip.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.invite-award-border {
    width: 3.23rem;
    height: 4.11rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/invite-award_border.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.invite-award-border a {
    display: block;
    width: 100%;
    height: 100%;
}

.invite-award-type {
    width: 100%;
    position: relative;
    font-size: 0.32rem;
    color: #bbbbbb;
    line-height: 1.2;
}

.invite-award-type p span {
    font-size: 0.9rem;
    font-family: 'sellnum-1';
    color: #ff5e00;
    position: relative;
    top: 0.02rem;
}

.invite-award-type::after {
    content: '';
    display: block;
    width: 3.46rem;
    height: 0.03rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/invite-type-_line.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 1.23rem;
    left: 50%;
    transform: translateX(-50%);
}

.invite-type-tag {
    width: 1.51rem;
    height: 0.35rem;
    margin: 0 auto;
    font-size: 0.24rem;
    color: #888888;
    line-height: 0.35rem;
    text-align: center;
}

.invite-award-item.on .invite-type-tag {
    color: #ff5e00;
}

.invite-award-item .btn-get-award {
    display: block;
    width: 2.31rem;
    height: 0.63rem;
    font-size: 0.26rem;
    font-weight: bold;
    line-height: 0.63rem;
    text-align: center;
    color: #ffffff;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_invite_award.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin: 0.2rem auto 0;
}

.invite-award-item .btn-get-award.on {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_invite_award_on.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.invite-award-item .btn-get-award.got {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_invite_award.png) no-repeat 0 0;
    background-size: 100% 100%;
    pointer-events: none;
}

.invite-award-btns {
    width: 100%;
    height: 0.69rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.invite-award-btns a {
    display: block;
    width: 3.13rem;
    height: 0.69rem;
    font-size: 0.28rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.69rem;
}

.invite-award-btns a.btn-get-award {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_get_award.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin-right: 0.3rem;
    margin-left: 0;
}

.invite-award-btns a.btn-invite {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_invite.png) no-repeat 0 0;
    background-size: 100% 100%;
    color: #000000;
    font-weight: bold;
}

.invite-award-btns-bottom {
    width: 100%;
    height: 0.34rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.24rem;
}

.invite-award-btns-bottom a {
    display: block;
    width: 1.43rem;
    height: 0.34rem;
    font-size: 0.24rem;
    line-height: 0.34rem;
    color: #bbbbbb;
    text-align: center;
    text-decoration: underline;
    /* margin-right: 0.43rem; */
}

.invite-award-btns-bottom a.btn-lottery-record {
    margin-right: 0.3rem;
    margin-left: 0;
}

.invite-award-btns-bottom .invite-num {
    display: block;
    width: 5.31rem;
    height: 0.3rem;
    font-size: 0.24rem;
    line-height: 0.3rem;
    color: #bbbbbb;
    text-align: center;
}

.invite-award-btns-bottom .invite-num span {
    color: #ff5e00;
}


.section3 {
    height: 17.64rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/bg3.jpg) no-repeat center top;
    background-size: cover;
}

.part3 {
    padding-top: 4.93rem;
}

.p3-tips{
    font-size: 0.16rem;
    color: #282626;
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
}

.p3-title {
    width: 6.41rem;
    height: 1.31rem;
    margin: -0.55rem auto 0.18rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p3_title.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.p3-text-box {
    width: 6.25rem;
    height: 2.52rem;
    margin: 0 auto 0.7rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/p3-text-box.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.p3-text-item {
    width: 100%;
    height: 1.04rem;
    margin: 0 auto;
    position: relative;
    font-size: 0.24rem;
    color: #1b1d1f;
    box-sizing: border-box;
    line-height: 1.04rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.p3-text-item2{
    padding-top: 0.1rem;
}

.p3-text-item span{
    font-weight: bold;
}

.p3-text-item-h {
    font-size: 0.24rem;
    color: #1b1d1f;
    line-height: 0.42rem;
    width: 100%;
    height: 0.42rem;
    text-align: center;
    position: relative;
    left: -0.03rem;
    /* padding-top: 18px; */
}

.p3-text-item1 b {
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0.34rem;
}

.tips-tag {
    width: 1.6rem;
    height: 0.44rem;
    text-align: center;
    font-size: 0.24rem;
    color: #ffffe8;
    line-height: 0.44rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/tips_tag.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: -0.24rem;
    left: 0.62rem;
}

.nostalgic-box-img {
    width: 6.3rem;
    height: 5.41rem;
    margin: 0 auto;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/nostalgic_box.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.nostalgic-box-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.nostalgic-box-name {
    font-size: 0.5rem;
    color: #1b1d1f;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}

.nostalgic-box-text {
    width: 6.1rem;
    margin: 0 auto;
    font-size: 0.22rem;
    color: #4d4d4d;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 0.74rem;
    padding-left: 1.66rem;
    position: relative;
    left: 0.1rem;
    box-sizing: border-box;
}

.nostalgic-box-text .name{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.23rem;
    color: #c04911;
}

.nostalgic-box-text .name::after {
    content: '';
    display: block;
    width: 1px;
    height: 0.21rem;
    background: #584c3e;
    position: absolute;
    top: 50%;
    transform: translateY(-54%);
    right: -0.12rem;
}

.nostalgic-box-btns {
    width: 100%;
    height: 0.69rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.nostalgic-box-btns a {
    display: block;
    width: 4.15rem;
    height: 0.91rem;
    margin: 0 0.13rem;
    font-size: 0.37rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.91rem;
    font-weight: bold;
}
.nostalgic-box-btns a.btn-open-box.gray{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn-vitality-award-get-gray.png) no-repeat 0 0;
    background-size: 100% 100%;
    color: #ffffff;
    box-sizing: border-box;
    padding-left: 0.16rem;
    pointer-events: none;
    /* line-height: 0.6rem; */
}

.btn-open-box {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_open_box.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
    z-index: 4;
}

.btn-repair-buy {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_repair_buy.png) no-repeat 0 0;
    background-size: 100% 100%;
    color: #000000;
    position: relative;
    z-index: 4;
}

.nostalgic-box-btns-bottom {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 0.34rem;
}

.nostalgic-box-btns-bottom a {
    width: 3.13rem;
    height: 0.34rem;
    margin: 0 0.13rem;
    text-decoration: underline;
    font-size: 0.24rem;
    line-height: 0.34rem;
    font-weight: normal;
    text-align: center;
    color: #000000;
}


.section4 {
    height: 9.06rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/bg4.jpg) no-repeat center top;
    background-size: cover;
    /* display: none; */
}

.part4 {
    width: 100%;
    padding-top: 4.83rem;
    z-index: 4;
}

.p4-title {
    width: 4.95rem;
    height: 2.15rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/p4_title.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin: 0 auto 0.24rem;
    position: relative;
    left: 0.04rem;
}

.password-redemption-content {
    width: 6.18rem;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
}

.password-redemption-text {
    width: 100%;
    font-size: 0.28rem;
    color: #bbbbbb;
    line-height: 1.2;
    position: relative;
    margin-bottom: 0.4rem;
    text-align: center;
}

.password-redemption-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6.18rem;
    height: 0.78rem;
    margin: 0 auto 0.2rem;
    position: relative;
    border: 1px solid rgba(238, 226, 168, 0.8);
    box-sizing: border-box;
    position: relative;
    padding: 1px;
}

.password-redemption-box input {
    display: block;
    width: 4.06rem;
    height: 0.65rem;
    border: none;
    outline: none;
    background-color: #252525;
    color: #ffffff;
    font-size: 0.3rem;
    line-height: 0.65rem;
    box-sizing: border-box;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

.btn-password-redemption {
    display: block;
    width: 2.02rem;
    height: 0.65rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_password_redemption.png) no-repeat 0 0;
    background-size: 100% 100%;
    font-size: 0.3rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.65rem;
}

.section5 {
    /* height: 9.07rem; */
    min-height: 6rem;
    height: auto;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/bg5.jpg) no-repeat center top;
    background-size: cover;
}

.part5 {
    padding-top: 0.88rem;
    padding-bottom: 1.38rem;
}

.p5-title {
    width: 9.92rem;
    height: 0.58rem;
    margin: 0 auto 0.36rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p5_title.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.hero-equip-content {
    width: 100%;
}

.hero-equip-content img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.hero-equip-tab {
    width: 100%;
    height: 0.55rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 0.31rem;
    box-sizing: border-box;
}

.hero-equip-tab a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.08rem;
    height: 0.55rem;
    margin: 0 0.06rem;
    line-height: 1;
    text-align: center;
    font-size: 0.2rem;
    color: #ffffff;
    /* font-weight: bold; */
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/hero_equip_tab.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
}

.hero-equip-tab a::after{
    content: '';
    display: block;
    width: 0.02rem;
    height: 0.16rem;
    background: #aeaeae;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    pointer-events: none;
}
.hero-equip-tab a:last-child::after{
    display: none;
}

.hero-equip-tab a.btn-equip-tab3{
    width: 2.9rem;
}

.hero-equip-tab a.on {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/hero_equip_tab_on.png) no-repeat 0 0;
    background-size: 100% 100%;
    color: #e05c17;
    font-size: 0.25rem;
    font-weight: bold;
}


/* .hero-equip-tab a:hover{
  background: url(//game.gtimg.cn/images/lol/act/a20260712classic/hero_equip_tab_on.png) no-repeat 0 0;
  background-size: 100% 100%;
  color: #ffffff;
} */
.hero-equip-change-content {
    width: 100%;
    position: relative;
}

.hero-equip-change-item {
    width: 100%;
    height: auto;
    position: relative;
    display: none;
}

.hero-equip-change-item.on {
    display: block;
}


.hero-desc-slide {
    width: 100%;
    margin: 0 auto 0.8rem;
    position: relative;
    user-select: none;
}

.hero-desc-swiper {
    width: 100%;
    height: auto;
    position: relative;
}

.hero-desc-swiper .swiper-slide {
    width: 6.4rem;
    height: 4.4rem;
    position: relative;
}

.hero-desc-swiper .hero-bimg {
    width: 5.98rem;
    height: 4.4rem;
    margin: 0 auto;
    position: relative;
}

.hero-desc-msg {
    width: 3rem;
    position: absolute;
    top: 0.08rem;
    left: 0;
}

.hero-desc-swiper .swiper-slide:last-child .hero-desc-msg{
    display: none;
}

.hero-tag {
    width: 1.51rem;
    height: 0.38rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/hero_tag.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin: 0 auto 0.4rem;
    font-size: 0.2rem;
    color: #000000;
    text-align: center;
    line-height: 0.38rem;
}

.hero-desc-name {
    width: 100%;
    font-size: 0.24rem;
    color: #ccab66;
    text-align: center;
    line-height: 0.3rem;
    margin-bottom: 1.3rem;
}

.hero-desc-words {
    width: 100%;
    font-size: 0.2rem;
    color: #cdac66;
    line-height: 1.2;
    text-align: center;
    position: relative;
    margin-bottom: 0.2rem;
}

.hero-desc-region {
    width: 0.74rem;
    height: 1rem;
    margin: 0 auto;
}

.hero-desc-mimg {
    width: 100%;
    height: 1.13rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding-left: 0.1rem;
}

.hero-desc-mimg::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 7.5rem;
    height: 0.8rem;
    background: rgba(0, 0, 0, 0.3);
}

.hero-mimg {
    width: 1.13rem;
    height: 1.13rem;
    margin: 0 0.05rem;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.hero-mimg.on::before {
    content: '';
    position: absolute;
    top: -0.31rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1.24rem;
    height: 1.49rem;
    background: #e05c17;
}

.hero-mimg img {
    position: relative;
    z-index: 2;
}

.hero-mimg-more {
    width: 1.13rem;
    height: 1.13rem;
    margin: 0 0.08rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/hero_mimg_more.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
    z-index: 2;
}

.hero-mimg-more a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.hero-desc-swiper .swiper-button-next::after,
.hero-desc-swiper .swiper-button-prev::after {
    display: none;
}

.hero-desc-slide .hero-desc-next,
.hero-desc-slide .hero-desc-prev {
    width: 0.63rem;
    height: 0.67rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/map_prev_l.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 0.1rem;
    margin-top: -0.34rem;
}

.hero-desc-slide .hero-desc-next {
    left: auto;
    right: 0.1rem;
    transform: rotate(180deg);
}

.hero-desc-slide .hero-desc-prev.swiper-button-disabled,
.hero-desc-slide .hero-desc-next.swiper-button-disabled {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/map_prev.png) no-repeat 0 0;
    background-size: 100% 100%;
    opacity: 1;
}

.equip-detail-img {
    width: 6.76rem;
    height: 6.16rem;
    margin: 0 auto;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/hero-equip-img2.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.fwtf-img {
    width: 7.13rem;
    height: 3.99rem;
    margin: 0 auto;
    position: relative;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/hero-equip-img3.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.fwtf-text{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 0.32rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.28rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    color: #ffffff;
}
.fwtf-text p{
    width: 2.32rem;
}

.map-swiper {
    width: 100%;
    height: auto;
}

.map-swiper .swiper-slide {
    width: 100%;
    height: 5.11rem;
}

.map-swiper .map-img {
    width: 6.19rem;
    height: 5.11rem;
    margin: 0 auto;
}
.map-swiper .map-img1{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/map-img1.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.map-swiper .map-img2{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/map-img2.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.map-swiper .map-img3{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/map-img3.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.map-swiper .map-img4{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/map-img4.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.hero-equip-change-item .swiper-button-prev::after,
.hero-equip-change-item .swiper-button-next::after {
    display: none;
}

.hero-equip-change-item .map-prev,
.hero-equip-change-item .map-next {
    width: 0.63rem;
    height: 0.67rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/map_prev_l.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 0.1rem;
    margin-top: -1.03rem;
}

.hero-equip-change-item .map-prev.swiper-button-disabled,
.hero-equip-change-item .map-next.swiper-button-disabled {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/map_prev.png) no-repeat 0 0;
    background-size: 100% 100%;
    opacity: 1;
}

.hero-equip-change-item .map-next {
    left: auto;
    right: 0.1rem;
    transform: rotate(180deg);
}

.map-small-content {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 0.2rem;
}

.map-small-item {
    width: 1.5rem;
    height: 0.92rem;
    margin: 0 0.02rem;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}
.map-small-item1{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/map-mimg1.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.map-small-item2{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/map-mimg2.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.map-small-item3{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/map-mimg3.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.map-small-item4{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/map-mimg4.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.map-small-item.on::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/map-mimg-on.png) no-repeat 0 0;
    background-size: 100% 100%;
}


.section6 {
    height: 13.24rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/bg6.jpg) no-repeat center top;
    background-size: cover;
}

.part6 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.my-region-box {
    width: 7.5rem;
    height: 2.74rem;
    position: absolute;
    top: 0;
    left: 0;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/my_region_bg.png) no-repeat 0 0;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-left: 2.6rem;
    padding-top: 0.35rem;
}

.my-region-tit {
    width: 100%;
    font-size: 0.36rem;
    color: #ffffff;
    line-height: 1.1;
    margin-bottom: 0.2rem;
    text-align: center;
}

.my-region-img {
    width: 1.8rem;
    height: 2.66rem;
    margin: 0 auto 0.08rem;
    position: absolute;
    top: 0;
    left: 1rem;
}

.my-region-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.my-region-name {
    width: 100%;
    font-size: 0.48rem;
    color: #ffffff;
    line-height: 1.1;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.24rem;
}

.my-region-text {
    width: 100%;
    height: 0.3rem;
    font-size: 0.28rem;
    color: #efe2b5;
    line-height: 0.3rem;
    text-align: center;
    margin-bottom: 0.1rem;
}

.my-region-lv {
    width: 100%;
    height: 0.3rem;
    font-size: 0.28rem;
    color: #efe2b5;
    line-height: 0.3rem;
    text-align: center;
}

.region-all-box {
    width: 7.5rem;
    height: 100%;
    box-sizing: border-box;
    padding-top: 3.44rem;
    position: relative;
}

.region-title {
    width: 6.82rem;
    height: 1rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p6_title.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin: 0 auto 0.38rem;
    position: relative;
}

.region-text-line {
    width: 100%;
    height: 0.32rem;
    font-size: 0.32rem;
    line-height: 0.36rem;
    color: #585858;
    margin-bottom: 0.3rem;
    position: relative;
    text-align: center;
}

.region-text-line::after {
    content: '';
    display: block;
    width: 7.5rem;
    height: 1px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/region-text-line.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 0.45rem;
    left: 50%;
    margin-left: -3.75rem;
}


.region-btn-box {
    width: 10.88rem;
    height: 0.4rem;
    margin: 0 auto 0.16rem;
    border-bottom: 1px solid #163b5f;
    padding-top: 0.22rem;
    text-align: right;
}

.btn-region-all {
    display: block;
    width: 6.5rem;
    height: 0.65rem;
    margin: 0 auto;
    font-size: 0.22rem;
    color: #b4b4b4;
    background-color: #000901;
    line-height: 0.65rem;
    text-align: center;
    position: relative;
}

.jt-icon {
    display: inline-block;
    width: 0.06rem;
    height: 0.1rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/jt_icon.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.region-swiper {
    width: 6.3rem;
    height: 5.6rem;
    position: relative;
    margin: 0 auto;
    padding-bottom: 0.36rem;
}

.region-swiper .swiper-slide {
    width: 2.1rem;
    height: 2.7rem;
    box-sizing: border-box;
    padding-top: 0.1rem;
    position: relative;
}

.region-swiper .swiper-wrapper.five-screen {
    width: 100%!important;
    justify-content: center;
    align-items: center;
}

.region-img {
    width: 1.9rem;
    height: 2.32rem;
    margin: 0 auto 0.1rem;
    position: relative;
}

.region-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.region-name {
    width: 100%;
    height: 0.28rem;
    font-size: 0.25rem;
    color: #000000;
    line-height: 0.28rem;
    text-align: center;
}

.region-all-box .swiper-button-prev::after,
.region-all-box .swiper-button-next::after {
    display: none;
}

.region-all-box .region-prev,
.region-all-box .region-next {
    width: 0.62rem;
    height: 0.66rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/region_prev_l.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 0.11rem;
    margin-top: 1.46rem;
}

.region-all-box .region-prev.swiper-button-disabled,
.region-all-box .region-next.swiper-button-disabled {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/region_prev.png) no-repeat 0 0;
    background-size: 100% 100%;
    opacity: 1;
}

.region-all-box .region-next {
    left: auto;
    right: 0.11rem;
    transform: rotate(180deg);
}

.region-now-text {
    width: 100%;
    height: 0.48rem;
    position: relative;
    font-size: 0.32rem;
    color: #585858;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.24rem;
}

.region-now-text::before,
.region-now-text::after {
    content: '';
    display: block;
    width: 1.34rem;
    height: 1px;
    background-color: #585858;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 0.54rem;
}

.region-now-text::after {
    left: auto;
    right: 0.54rem;
}

.region-now-text .fg-line {
    width: 1px;
    height: 0.3rem;
    background-color: #767676;
    margin: 0 0.26rem;
}

.region-now-text .text2 {
    color: #000000;
    font-weight: bold;
}

.section7 {
    height: auto;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/bg7.jpg) no-repeat center top;
    background-size: cover;
}

.platform-content {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 1.02rem;
    padding-bottom: 0.62rem;
    box-sizing: border-box;
}

.platform-title {
    width: 4.88rem;
    height: 0.96rem;
    margin: 0 auto 0.7rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/platform_title-b.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.platform-banner-list {
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    pointer-events: none;
}

.platform-banner-item {
    width: 5.14rem;
    height: 4.62rem;
    position: relative;
    margin: 0 0.64rem;
}

.platform-banner-item a {
    display: block;
    width: 100%;
    height: auto;
    z-index: 3;
}

.platform-banner-img {
    width: 100%;
    height: 2.82rem;
    box-sizing: border-box;
    position: relative;
}

.platform-banner-img::after {
    content: "";
    display: block;
    width: 5.53rem;
    height: 3.12rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/platform_banner_mask.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.platform-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.platform-banner-name {
    width: 5.53rem;
    height: auto;
    padding-top: 0.44rem;
    box-sizing: border-box;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    margin-left: -0.19rem;
}

.platform-banner-name .tit {
    width: 100%;
    font-size: 0.3rem;
    color: #000000;
    line-height: 0.36rem;
    margin-bottom: 0.07rem;
}

.platform-banner-name .text {
    width: 100%;
    font-size: 0.2rem;
    color: #5c5c5c;
    line-height: 0.24rem;
}

.platform-go-btn {
    width: 1.62rem;
    height: 0.66rem;
    line-height: 0.66rem;
    text-align: center;
    font-size: 0.24rem;
    color: #ffffff;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/platform_go_btn.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
    position: absolute;
    top: 0.44rem;
    right: 0;
}


.section8 {
    height: 8.96rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/bg81.jpg) no-repeat center top;
    background-size: cover;
}

.part8 {
    padding-top: 0.47rem;
    display: none;
}

.p8-title {
    width: 9.44rem;
    height: 0.57rem;
    margin: 0 auto 0.4rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p8-title.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.calendar-content {
    width: 14.41rem;
    height: 6.55rem;
    margin: 0 auto;
    position: relative;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/calendar_content.png) no-repeat 0 0;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 1.18rem;
}

.calendar-table-list {
    width: 14.16rem;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.calendar-table-list li {
    width: 100%;
    height: 1.77rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

.calendar-num {
    flex: 1;
    height: 100%;
    position: relative;
}

.calendar-num .cnum {
    width: 100%;
    height: 0.58rem;
    position: relative;
    font-size: 0.24rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.58rem;
    font-family: "sourHanSefifCN-Bold";
    font-weight: bold;
}

.calendar-num.active .cnum {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/calendar_num_active.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.calendar-day {
    width: 100%;
    height: 1.19rem;
    position: relative;
}

.calendar-num.active .calendar-day {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/calendar_day_active.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.calendar-day::before {
    content: "";
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/calendar_day_icon.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: -1px;
    z-index: 1;
}

.calendar-num.active .calendar-day::before {
    display: none;
}

.calendar-day .day-tit {
    width: 100%;
    height: 0.5rem;
    position: relative;
    font-size: 0.24rem;
    color: #a79265;
    text-align: center;
    line-height: 0.58rem;
    font-family: "sourHanSefifCN-Bold";
}

.calendar-day .line {
    width: 1.5rem;
    height: 0.08rem;
    margin: 0 auto;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/calendar_day_line.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.calendar-day .day-time {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 0.16rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.24rem;
    opacity: 0.5;
}


.section9 {
    height: 7.98rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/bg9.jpg) no-repeat center top;
    background-size: cover;
}


.part9 {
    padding-top: 1rem;
}

.p9-title {
    width: 5.73rem;
    height: 0.96rem;
    margin: 0 auto 0.4rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p9-title.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.classics-content {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.classics-swiper {
    width: 100%;
    margin: 0 auto;
    padding-top: 0.3rem;
}

.classics-swiper .swiper-slide {
    width: 100%;
    height: auto;
}

.classics-img {
    width: 5.69rem;
    height: 3.13rem;
    margin: 0 auto;
    position: relative;
}

.classics-img::after {
    content: "";
    display: block;
    width: 6.13rem;
    height: 3.46rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/classics-border.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.classics-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.classics-desc {
    width: 100%;
    font-size: 0.32rem;
    line-height: 1.3;
    text-align: center;
    color: #000000;
    padding-top: 0.42rem;
}
.classics-desc .t1{
    font-weight: bold;
}
.classics-desc .t2 {
    font-size: 0.24rem;
    color: #4b4b4b;
    padding-top: 0.1rem;
}

.classics-content .swiper-button-prev::after,
.classics-content .swiper-button-next::after {
    display: none;
}

.classics-content .classics-prev,
.classics-content .classics-next {
    width: 0.63rem;
    height: 0.67rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_prev_l.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
            left: 0.12rem;
        margin-top: -0.85rem;
}

.classics-content .classics-next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: auto;
    right: 0.12rem;
}

.classics-content .classics-prev.swiper-button-disabled,
.classics-content .classics-next.swiper-button-disabled {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_prev.png) no-repeat 0 0;
    background-size: 100% 100%;
    opacity: 1;
}


.section10 {
    height: 12.58rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/bg10.jpg) no-repeat center top;
    background-size: cover;
}

.part10 {
    width: 100%;
    height: 5rem;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding-top: 8.98rem;
}

.p10-title {
    width: 4rem;
    height: 0.7rem;
    margin: 0 auto 0.28rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p10-title.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.p10-text {
    width: 100%;
    font-size: 0.26rem;
    color: #cfcfcf;
    text-align: center;
    line-height: 0.3rem;
    margin-bottom: 0.38rem;
}

.p10-time {
    width: 5.7rem;
    height: 0.7rem;
    font-size: 0.26rem;
    color: #efe2b5;
    text-align: center;
    line-height: 0.57rem;
    margin: 0 auto 0.36rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.p10-time span {
    font-size: 0.24rem;
    position: relative;
    margin-right: 0.6rem;
}

.p10-time span::after {
    content: '';
    display: block;
    width: 1px;
    height: 0.24rem;
    background: #efe2b5;
    position: absolute;
    right: -0.3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


.btn-dangan-open-box {
    display: block;
    width: 3.87rem;
    height: 0.85rem;
    font-size: 0.32rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.85rem;
    font-weight: bold;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_dangan_open_box.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin: 0 auto;
}

.section11 {
    height: 16.19rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/bg11.jpg) no-repeat center top;
    background-size: cover;
}

.part11 {
    width: 100%;
    height: 4rem;
    margin: 0 auto;
    position: relative;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p11-bg.png) no-repeat 0 0;
    background-size: 100% 100%;
    box-sizing: border-box;
    display: none;
}

.p11-text {
    width: 4rem;
    font-size: 0.3rem;
    color: #000000;
    text-align: center;
    line-height: 0.5rem;
    margin-bottom: 0.38rem;
    position: absolute;
    top: 0.5rem;
    right: 0;
}


.section12 {
    height: 17.06rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/bg12.jpg) no-repeat center top;
    background-size: cover;
}

.dialog,
.pop {
    display: none;
    outline: none;
    box-sizing: border-box;
    position: fixed;
    /* position: absolute; */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
}

.dialog img,
.pop img {
    display: block;
    width: 99%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.dialog .dia-con,
.pop .dia-con {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.dia-cont-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.dia-close {
    position: absolute;
    top: -0.7rem;
    right: 0rem;
    display: block;
    width: 0.46rem;
    height: 0.46rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/btn_close.png) no-repeat;
    background-size: 100% 100%;
    z-index: 9;
}

.dia-btns {
    width: 100%;
    height: 0.68rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button-box {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 22222;
    font-size: 0.3rem !important;
}

.button-box button {
    font-size: 0.3rem !important;
}

#diaGeneral,
#diaGeneral1,
.dia-general {
    z-index: 1100;
}

.dia-bind-region-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg1.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .6rem;
    padding-bottom: .6rem;
}

.dia-bind-region .milo-dialog {
    margin: 0 !important;
    border-radius: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    width: 100% !important;
    background-color: transparent !important;
}

.dia-bind-region .milo-dialog .milo-dialog__header {
    padding: 0 !important;
    text-align: center !important;
}

.dia-bind-region .milo-dialog .milo-dialog__header .milo-dialog__title {
    font-size: .4rem !important;
    color: #000000 !important;
    line-height: .56rem !important;
}

.dia-bind-region .milo-dialog .milo-dialog__header .milo-dialog__headerbtn {
    position: absolute !important;
    top: -.6rem !important;
    right: 0 !important;
    display: block !important;
    width: .46rem !important;
    height: .46rem !important;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/btn_close.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.milo-PIPContainer {
    width: 90%;
    margin: 0 auto;
}

.dia-bind-region .milo-dialog .milo-dialog__footer {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dia-bind-region .milo-dialog .milo-dialog__footer .milo-button.primary {
    display: block;
    width: 2.26rem;
    height: .66rem;
    margin: 0 .2rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-btn-bg.png) no-repeat 0 0 !important;
    background-size: 100% 100% !important;
    font-size: .3rem;
    color: #ffffff !important;
    line-height: .66rem;
    font-weight: bold;
    text-align: center;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: none !important;
}

.dia-bind-region .milo-dialog .milo-dialog__footer .milo-button.default {
    display: block;
    width: 2.26rem;
    height: .66rem;
    margin: 0 .2rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-btn-bg2.png) no-repeat 0 0 !important;
    background-size: 100% 100% !important;
    font-size: .3rem;
    color: #ffffff !important;
    line-height: .66rem;
    font-weight: bold;
    text-align: center;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: none !important;
}

.dia-bind-region .milo-dialog .milo-dialog__body {
    width: 6rem !important;
    margin: .4rem auto !important;
    padding: 0rem !important;
    position: relative !important;
    font-size: .2rem !important;
}

.dia-bind-region .milo-PIPInfo {
    width: .21rem !important;
    height: .21rem !important;
    position: relative;
    top: .02rem;
}

.dia-bind-region .milo-item select {
    width: 100%;
    height: .65rem;
    margin: 0 auto .16rem;
    background-color: #000;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-size: .22rem !important;
    color: #ffffff !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url('//game.gtimg.cn/images/lol/act/a20260712classic/dia/icon-unfold.png');
    background-repeat: no-repeat;
    background-position: right 0.16rem center;
}

/* .text-label {
    font-size: .22rem !important;
    color: #a2a2a2 !important;
} */



/* 温馨提示 */

.dia-general-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg0.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .4rem;
    padding-bottom: .4rem;
}

.dia-title-text {
    width: 100%;
    height: .56rem;
    margin: 0 auto .15rem;
    font-size: .41rem;
    color: #000000;
    line-height: .56rem;
    font-weight: bold;
    text-align: center;
}

.general-text {
    width: 96%;
    height: auto;
    box-sizing: border-box;
    margin: 0 auto .05rem;
    font-size: .28rem;
    color: #000000;
    text-align: center;
    line-height: 1.2;
}

#diaInviteGeneral .general-text br{
    display: none;
}

.general-tips {
    width: 96%;
    height: auto;
    min-height: .3rem;
    margin: 0 auto;
    font-size: .22rem;
    color: #535353;
    text-align: center;
    line-height: 1.2;
}

.dia-general-bg .dia-btns {
    margin-top: 0.2rem;
}

.dia-btns a {
    display: block;
    width: 2.26rem;
    height: .66rem;
    margin: 0 .2rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-btn-bg.png) no-repeat 0 0;
    background-size: 100% 100%;
    font-size: .3rem;
    color: #ffffff;
    line-height: .66rem;
    font-weight: bold;
    text-align: center;
}

.dia-btns a.gray {
    filter: grayscale(100%);
    pointer-events: none;
}

.dia-btns a.dia-btn2 {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-btn-bg2.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.dia-get-award-bg .dia-btns a,
.dia-go-order-bg .dia-btns a,
.dia-order-tips-bg .dia-btns a {
    width: 2.99rem;
    height: 0.86rem;
    line-height: .86rem;
    font-size: .32rem;
}

.dia-invite-letter-bg .dia-btns a,
.dia-invite-letter-bg .dia-btns a.dia-btn2 {
    width: 2.71rem;
    height: 0.8rem;
    line-height: .8rem;
    font-size: .32rem;
    margin: 0 .15rem;
}

.dia-get-award-bg .dia-close,
.dia-share-bg .dia-close,
.dia-go-order-bg .dia-close,
.dia-invite-letter-bg .dia-close {
    top: 0;
    right: -0.6rem;
}

/* 皮肤奖励 */

.dia-get-award-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg2.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: 14.04rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 7.4rem;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
}

#diaAwardSkin .dia-get-award-bg {
    padding-top: 6.9rem;
}

.dia-get-award-content {
    width: 100%;
    height: 4.4rem;
    position: relative;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-get-award-bg.png) no-repeat;
    background-size: 5.22rem;
    background-position: center 36%;
    box-sizing: border-box;
    padding-top: .3rem;
}

.dia-get-award-img {
    width: 2.54rem;
    height: 2.54rem;
    margin: 0 auto .4rem;
    position: relative;
}

.sign-icon {
    width: 100%;
    height: 0.68rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}

.sign-icon img {
    display: block;
    width: auto !important;
    height: 100%;
    margin: 0 auto;
}

.dia-get-award-name {
    width: 98%;
    height: auto;
    margin: 0 auto;
    line-height: 1.3;
    text-align: center;
    font-size: .32rem;
    color: #000000;
    font-weight: bold;
    box-sizing: border-box;
}

.dia-get-award-name span {
    font-size: .26rem;
    font-weight: normal;
    /* color: #000000; */
}

.change-region-text span {
    color: #b84410;
}

.change-region-text {
    font-size: .24rem;
    font-weight: normal;
    color: #4f4f4f;
}

.change-region-text a {
    color: #000000;
    text-decoration: underline;
}

.dia-get-award-img::after {
    content: '';
    display: block;
    width: 2.54rem;
    height: 2.54rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/award-icon-border.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.dia-get-award-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dia-get-award-content.type-box {
    padding-top: .16rem;
}

.dia-get-award-content.type-box .dia-get-award-img {
    width: 3.98rem;
    height: 3.32rem;
    margin: 0 auto .2rem;
    position: relative;
    left: -0.2rem;
}

.dia-get-award-content.type-box .dia-get-award-img::after {
    display: none;
}

.dia-get-award-content.type-skin {
    padding-top: 0;
    height: 5.06rem;
}


.dia-get-award-content.type-skin .dia-get-award-img {
    width: 2rem;
    height: 3.63rem;
    margin: 0 auto .2rem;
    position: relative;
}

.dia-get-award-content.type-skin .dia-get-award-img::after {
    width: 2rem;
    height: 3.63rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/award-skin-border.png) no-repeat;
    background-size: 100% 100%;
}

.dia-get-award-content.type-skin .dia-get-award-name {
    line-height: 1.5;
}

/* 皮肤奖励 */


/* 绑定QQ */

.dia-bind-tips-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg9.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: 3.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .4rem;
}

.dia-bind-tips-btns a {
    display: block;
    width: 3.46rem;
    height: .86rem;
    margin: .2rem auto;
    font-size: .30rem;
    color: #ffffff;
    line-height: .86rem;
    font-weight: bold;
    text-align: center;
    padding-left: 1.16rem;
    box-sizing: border-box;
}

.dia-bind-tips-btns a.dia-btn1 {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bind-tips-btn1.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.dia-bind-tips-btns a.dia-btn2 {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bind-tips-btn2.png) no-repeat 0 0;
    background-size: 100% 100%;
    padding-left: .94rem;
    color: #010101;
}

/* 集结 */

.dia-enter-code-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg7.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: 3.87rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .4rem;
}

.dia-enter-code-input {
    display: block;
    width: 5.64rem;
    height: .8rem;
    margin: .40rem auto .4rem;
    background-color: #000000;
    border: none;
    outline: none;
    font-size: .34rem;
    color: #ff6c20;
    line-height: .8rem;
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 .2rem;
}


/* 前往完成预约 */
.dia-go-order-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg6.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: 13.33rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
    transform-origin: center center;
}

.dia-go-order-content {
    width: 100%;
    position: absolute;
    top: 6.5rem;
    right: 0;
    padding-top: .4rem;
}

.dia-go-order-content .tit {
    font-size: 1rem;
    color: #000000;
    line-height: 1.3;
    text-align: center;
    box-sizing: border-box;
    /* font-weight: bold; */
    font-family: "FZCANGYHJW";
}

.dia-go-order-content .text {
    font-size: .24rem;
    color: #000000;
    line-height: 1.3;
    text-align: center;
    box-sizing: border-box;
}

.go-order-flex {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .3rem 0 .4rem;
}

.go-order-code {
    width: 1.94rem;
    height: 2.33rem;
    margin: 0 .06rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-go-order-code.png) no-repeat 0 0;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: .11rem;
}

.go-order-code .order-code-hide {
    width: 1.7rem;
    height: 1.7rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

/* .go-order-code1 .order-code-hide::before {
    content: '';
    display: block;
    width: 0.38rem;
    height: 0.38rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/lol-code-logo1.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.go-order-code2 .order-code-hide::before {
    content: '';
    display: block;
    width: 0.38rem;
    height: 0.38rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/lol-code-logo2.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.go-order-code3 .order-code-hide::before {
    content: '';
    display: block;
    width: 0.38rem;
    height: 0.38rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/zm-logo.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.go-order-code img {
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    margin: 0 auto;
    object-fit: cover;
}

.go-order-code canvas {
    display: block;
    width: 1.7rem !important;
    height: 1.7rem !important;
    margin: 0 auto;
    object-fit: cover;
}

.go-order-code p {
    font-size: .26rem;
    color: #ffffff;
    line-height: 1.3;
    text-align: center;
    box-sizing: border-box;
    padding-top: .15rem;
}

.dia-order-tips-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg8.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: 9.34rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6.6rem;
}

.dia-order-tips-title {
    width: 5.39rem;
    height: 0.96rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-order-tips-title.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin: 0 auto .5rem;
}



.dia-lottery-record-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg5.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: 5.91rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .4rem;
}

.dia-lottery-record-head {
    width: 6.25rem;
    height: .48rem;
    margin: 0 auto;
    background-color: #682e12;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dia-lottery-record-head li {
    font-size: .26rem;
    color: #eee0b4;
    line-height: .48rem;
    text-align: center;
    box-sizing: border-box;
}

.dia-lottery-record-head li:nth-child(1) {
    width: 25%;
}

.dia-lottery-record-head li:nth-child(2) {
    width: 25%;
}

.dia-lottery-record-head li:nth-child(3) {
    width: 25%;
}

.dia-lottery-record-head li:nth-child(4) {
    width: 25%;
}

.dia-lottery-record-body {
    width: 100%;
    margin-bottom: .3rem;
}

.dia-lottery-record-body ul {
    width: 6.25rem;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.dia-lottery-record-body li {
    width: 100%;
    height: .65rem;
    font-size: .18rem;
    color: #000000;
    line-height: 1.3;
    text-align: center;
    box-sizing: border-box;
    border-bottom: .01rem solid #858585;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dia-lottery-record-body li:nth-child(1) {
    width: 25%;
}

.dia-lottery-record-body li:nth-child(2) {
    width: 25%;
    color: #b34b14;
    line-height: .2rem;
    justify-content: flex-start;
}

.dia-lottery-record-body li:nth-child(3) {
    width: 25%;
}

.dia-lottery-record-body li:nth-child(4) {
    width: 25%;
}

.record-pagination {
    width: 4.5rem;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .3rem;
    color: #525252;
    line-height: 1.3;
    text-align: center;
}

.record-pagination .pages {
    display: flex;
    justify-content: center;
    align-items: center;
}

.record-pagination a {
    display: block;
    width: .32rem;
    height: .32rem;
    color: #525252;
    line-height: .32rem;
    margin: 0 .04rem;
}

.record-pagination a.current {
    background-color: #b34b14;
    color: #f0e2af;
}

.record-pagination a.btn-prev,
.record-pagination a.btn-next {
    display: block;
    width: .32rem;
    height: .32rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/record-pagination-prev.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.record-pagination a.btn-next {
    transform: rotate(180deg);
}


.dia-privacy-protection-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg10.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: 8.23rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .4rem;
}

.dia-privacy-protection-content {
    width: 6.05rem;
    height: 6rem;
    margin: 0 auto;
    font-size: .2rem;
    color: #1b1d1f;
    line-height: 1.9;
}

.dia-privacy-protection-content span {
    color: #de5b17;
}

.dia-privacy-protection-content p {
    line-height: .34rem !important;
    margin-bottom: .15rem;
}

.dia-privacy-protection-desc {
    display: block;
    width: 100%;
    height: .52rem;
    margin: .2rem auto 0;
    font-size: .24rem;
    color: #000000;
    line-height: .52rem;
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-privacy-protection-desc.png) no-repeat 0 0;
    background-size: 100% 100%;
}


.dia-share-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg4.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: 15.44rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%) scale(0.78);
    transform: translate(-50%, -50%) scale(0.78);
    transform-origin: center center;
}

.dia-share-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.slol-logo {
    width: 2.32rem;
    height: .94rem;
    position: absolute;
    top: .28rem;
    left: .32rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/lol-logo.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.dia-share-slogan {
    width: 4.21rem;
    height: 1.98rem;
    position: absolute;
    top: 4.82rem;
    left: .28rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-share-slogan.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.dia-share-tit {
    width: 100%;
    position: absolute;
    top: 6.53rem;
    right: 0;
    padding-left: .3rem;
    font-size: .28rem;
    color: #cecdcd;
    padding-left: .45rem;
    box-sizing: border-box;
    line-height: 1.2;
}

.dia-share-tit .tit {
    font-size: .8rem;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: .11rem;
}

.dia-share-tit .text{
    opacity: 0;
}


.join-way {
    width: 100%;
    position: absolute;
    /* top: 8.2rem; */
    top: 7.7rem;
    right: 0;
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.join-way-tit {
    width: 100%;
    font-size: .32rem;
    color: #ffffff;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: .15rem;
    text-align: center;
}

.join-way-item {
    width: 2.08rem;
    position: relative;
    padding-top: 0.5rem;
}

.join-way-item::after {
    content: '';
    display: block;
    width: .01rem;
    height: 1.47rem;
    background: #cdcdcd;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.join-way-item3::after {
    display: none;
}

.join-way-img {
    width: 1.25rem;
    height: 1.25rem;
    padding: .03rem;
    margin: 0 auto .15rem;
    box-sizing: border-box;
    position: relative;
}

.join-way-img1:after,
.join-way-img2:after {
    content: '';
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/join-way-border.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.join-way-img1::before {
    content: '';
    display: block;
    width: 0.38rem;
    height: 0.38rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/lol-code-logo1-b.jpg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 2.1rem;
    left: 50%;
    transform: translateX(-50%);
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}
.join-way-img2::before {
    content: '';
    display: block;
    width: 0.38rem;
    height: 0.38rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/zm-logo-b.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 2.1rem;
    left: 50%;
    transform: translateX(-50%);
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}

.join-way-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.join-way-img canvas {
    display: block;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover;
    object-position: top center;
}

.join-way-text {
    width: 100%;
    position: relative;
    font-size: .2rem;
    color: #ffffff;
    line-height: 1.3;
    text-align: center;
}

.join-way-text .tag {
    width: .98rem;
    height: .31rem;
    font-size: .24rem;
    color: #ffffff;
    line-height: .31rem;
    text-align: center;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/join-way-tag.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: -1.9rem;
    left: 50%;
    transform: translateX(-50%);
}

.join-way-item3 {
    box-sizing: border-box;
}

.join-way-img3 {
    width: 1.14rem;
    height: 1.22rem;
}


.dia-share-invite {
    width: 100%;
    height: 1.74rem;
    position: absolute;
    bottom: 1.6rem;
    left: 0;
}

.share-invite-msg {
    width: 5.1rem;
    position: relative;
    box-sizing: border-box;
    padding-left: 2.4rem;
    margin-right: .3rem;
    padding-bottom: .1rem;
}

.share-invite-head {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: cover;
    object-position: top center;
    position: absolute;
    top: 50%;
    left: 13%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.share-invite-head img {
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    object-fit: cover;
    object-position: top center;
    border-radius: 50%;
    overflow: hidden;
}

.share-invite-head::after {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/share_my_border.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.share-invite-area {
    width: 100%;
    font-size: .21rem;
    color: #68503a;
    line-height: 1.2;
    margin-bottom: .08rem;
}

.share-invite-name {
    width: 98%;
    font-size: .28rem;
    color: #000000;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: .04rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-invite-name1 {
    width: 98%;
    font-size: .22rem;
    color: #000000;
    line-height: 1.2;
}

.share-invite-code {
    width: 5.85rem;
    margin-top: 0.4rem;
    padding-left: .35rem;
    box-sizing: border-box;
}

.share-invite-code p {
    font-size: .26rem;
    color: #666666;
    line-height: 1.2;
    margin-bottom: .14rem;
}

.share-invite-code-box {
    width: 5.9rem;
    position: relative;
    padding-bottom: .12rem;
    box-sizing: border-box;
}

.share-invite-code-box input {
    width: 4.25rem;
    height: .71rem;
    text-align: center;
    font-weight: bold;
    font-size: .26rem;
    color: #ff6c20;
    line-height: 1.2;
    padding: 0 .3rem;
    box-sizing: border-box;
    outline: none;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/mass_input.png) no-repeat 0 0;
    background-size: 100%;
}

.btn-share-invite-copy {
    display: block;
    width: 1.67rem;
    height: .71rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_copy.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
    font-size: .28rem;
    color: #ffffff;
    text-align: center;
    line-height: .65rem;
}



.dia-select-region-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg1.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .4rem;
    padding-bottom: .4rem;
}

.dia-select-region-bg .dia-title-text {
    margin: 0 auto 0.4rem;
}

.dia-select-region-content {
    width: 6rem;
    margin: 0 auto;
    position: relative;
}

.select-region-show {
    width: 6rem;
    height: 0.64rem;
    margin: 0 auto 0.26rem;
    background-color: #000;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.select-region-show .text-label {
    width: 1.34rem;
    height: 0.77rem;
    line-height: 0.77rem;
    text-align: center;
    font-size: 0.2rem;
    color: #a2a2a2;
    position: relative;
}

.select-region-show .text-label::after {
    content: '';
    display: block;
    width: 1px;
    height: 0.3rem;
    background-color: #ababab;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.select-region-show .text-name {
    width: 2.22rem;
    height: 0.77rem;
    line-height: 0.77rem;
    text-align: left;
    font-size: 0.2rem;
    color: #ffffff;
    box-sizing: border-box;
    padding-left: 0.32rem;
}

.select-region-show .role-text-name {
    width: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.select-region-show .role-text-name p {
    max-width: 3.0rem;
    margin-right: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-region-show .text-name span {
    color: #f7651e;
}

.select-region-show .icon-unfold {
    display: inline-block;
    width: 0.24rem;
    height: 0.2rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/icon-unfold.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 0.32rem;
    transform: translateY(-50%);
}

.select-region-show.on .icon-unfold {
    transform: translateY(-50%) rotate(180deg);
}

.select-region-pull-down {
    width: 6rem;
    height: 4rem;
    background-color: #232323;
    display: none;
    position: absolute;
    top: 0.64rem;
    left: 0;
    box-sizing: border-box;
    /* padding-top: 0.2rem; */
    z-index: 5;
}

.select-region-pull-down.on {
    display: block;
}

.select-region-scroll {
    width: 6rem;
    height: 3.92rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.select-region-scroll::-webkit-scrollbar {
    width: 0.08rem;
    height: 0.08rem;
}

.select-region-scroll::-webkit-scrollbar-track {
    background-color: #000000;
}

.select-region-scroll::-webkit-scrollbar-thumb {
    background-color: #cb4f13;
}

.select-region-item {
    width: 98%;
    height: 0.77rem;
    line-height: 0.77rem;
    text-align: left;
    font-size: 0.2rem;
    color: #ffffff;
    box-sizing: border-box;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 1.15rem;
    cursor: pointer;
}

.select-region-item.on {
    background-color: #cb4f13;
}

.select-region-item::after {
    content: '';
    display: block;
    width: 8.82rem;
    height: 1px;
    background-color: #545454;
    position: absolute;
    bottom: -1px;
    right: 0;
}

.text-is-select {
    display: none;
    font-size: 0.18rem;
    color: #000000;
    width: 1.34rem;
    height: 100%;
    line-height: 0.77rem;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.select-region-item.on .text-is-select {
    display: block;
}

.select-region-item .text-name {
    width: 4.02rem;
    height: 0.77rem;
    line-height: 0.77rem;
    text-align: left;
    font-size: 0.2rem;
    color: #ffffff;
    box-sizing: border-box;
}

.select-region-item .role-text-name {
    width: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.select-region-item .role-text-name p {
    max-width: 3.0rem;
    margin-right: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.btn-region-agree {
    display: block;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding-left: 0.26rem;
    font-size: 0.2rem;
    color: #545454;
    line-height: 1.2;
    text-align: left;
    position: relative;
    margin-bottom: 0.26rem;
}

.btn-region-agree .icon-select {
    display: block;
    width: 0.21rem;
    height: 0.21rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/btn-region-agree.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 0.02rem;
    left: 0;
}

.btn-region-agree.on .icon-select {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/btn-region-agree-on.png) no-repeat 0 0;
    background-size: 100% 100%;
}



.dia-icon-pool-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-bg12.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: 6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.46rem;
}

.dia-icon-pool-content {
    width: 5.54rem;
    border-top: 1px solid #371706;
    margin: 0 auto;
    padding-top: 0.48rem;
}

.dia-icon-pool-img {
    width: 3.33rem;
    height: 3.32rem;
    margin: 0 auto 0.22rem;
    position: relative;
}

.dia-icon-pool-img::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/award-icon-border.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.dia-icon-pool-name {
    font-size: 0.32rem;
    color: #000000;
    line-height: 1.3;
    text-align: center;
}

.dia-skin-pool-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg13.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: 7.24rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.4rem;
}

.dia-skin-pool-bg .dia-title-text {
    margin: 0 auto 0.16rem;
}

.dia-pool-tips {
    width: 5.53rem;
    margin: 0 auto;
    font-size: 0.3rem;
    color: #484848;
    margin-bottom: 0.36rem;
    line-height: 1.3;
    border-top: 1px solid #371706;
    padding-top: 0.16rem;
    text-align: center;
}

.dia-skin-pool-content {
    width: 6.13rem;
    height: 4.56rem;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 auto;
    padding-left: 0.3rem;
    box-sizing: border-box;
}

.dia-skin-pool-content::-webkit-scrollbar {
    width: 0.08rem;
    height: 0.08rem;
}

.dia-skin-pool-content::-webkit-scrollbar-track {
    background-color: #000000;
}

.dia-skin-pool-content::-webkit-scrollbar-thumb {
    background-color: #de5818;
}

.dia-skin-pool-list {
    width: 5.9rem;
    display: flex;
    flex-wrap: wrap;
}

.dia-skin-pool-item {
    width: 1.7rem;
    height: auto;
    margin-right: 0.2rem;
    margin-bottom: 0.16rem;
}

.dia-skin-pool-img {
    width: 1.7rem;
    height: 2.7rem;
    overflow: hidden;
    position: relative;
}

.dia-skin-pool-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dia-skin-pool-name {
    width: 100%;
    height: 0.52rem;
    font-size: 0.18rem;
    color: #ffffff;
    line-height: 1.2;
    text-align: center;
    background-color: #8c3409;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 0.1rem;
}


.dia-rules-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg10.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: 8.23rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: .4rem;
}

.dia-rules-content {
    width: 6rem;
    height: 6.6rem;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 auto;
    padding-left: 0.2rem;
    padding-right: 0.1rem;
}

.dia-rules-content::-webkit-scrollbar {
    width: 0.08rem;
    height: 0.08rem;
}

.dia-rules-content::-webkit-scrollbar-track {
    background-color: #000000;
}

.dia-rules-content::-webkit-scrollbar-thumb {
    background-color: #de5818;
}

.dia-rules-list {
    width: 96%;
    height: auto;
}

.dia-rules-list .tit {
    font-size: 0.26rem;
    color: #1b1d1f;
    font-weight: bold;
    margin-bottom: 0.16rem;
    line-height: 1.3;
}

.dia-rules-list .text {
    font-size: 0.22rem;
    color: #1b1d1f;
    margin-bottom: 0.16rem;
    line-height: 1.5;
}

.dia-rules-list .text p {
    margin-bottom: 0.16rem;
}

.dia-rules-list .text span {
    color: #de5b17;
}

.dia-rules-table {
    width: 100%;
    height: auto;
}

.dia-rules-table table {
    width: 100%;
    height: auto;
    border: 1px solid #1b1d1f;
    margin-bottom: 0.1rem;
}

.dia-rules-table table th {
    height: 0.44rem;
    font-size: 0.22rem;
    color: #1b1d1f;
    line-height: 1.3;
    border: 1px solid #1b1d1f;
    text-align: center;
}

.dia-rules-table table td {
    height: 0.40rem;
    font-size: 0.22rem;
    color: #1b1d1f;
    line-height: 1.3;
    border: 1px solid #1b1d1f;
    text-align: center;
}



.dia-invite-letter-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg16.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 6.67rem;
    height: 14.64rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%) scale(0.78);
    transform: translate(-50%, -50%) scale(0.78);
    transform-origin: center center;
    padding-top: 7.5rem;
}

.dia-invite-letter-bg img {
    display: block;
    width: 0.3rem;
}

.invite-letter-friend {
    width: 6.2rem;
    height: auto;
    position: absolute;
    bottom: 7.4rem;
    left: 50%;
    margin-left: -3.1rem;
}

.letter-title {
    width: 4.37rem;
    height: 2.71rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/letter-title1.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
    left: -0.1rem;
    top: 0.2rem;
}

.invite-letter-friend.on .letter-title {
    width: 6.48rem;
    height: 1.53rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/letter-title2.png) no-repeat 0 0;
    background-size: 100% 100%;
    top: 0;
    /* margin-bottom: 0.2rem; */
}

.letter-friend-cotent {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
}

.invite-letter-friend.on .letter-friend-cotent {
    display: flex !important;
}

.letter-friend-msg {
    width: 2.9rem;
    height: 0.74rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/letter-friend-msg.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
    top: 0.2rem;
}

.letter-friend-msg .name {
    width: 1.58rem;
    text-align: center;
    font-size: 0.26rem;
    color: #ffffff;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.letter-friend-msg1 .name {
    left: -0.2rem;
}

.letter-friend-msg2 .name {
    width: 1.52rem;
    left: 0.3rem;
}

.letter-friend-text {
    width: 100%;
    font-size: 0.41rem;
    color: #dddddd;
    line-height: 1.2;
    position: relative;
    text-align: center;
    top: 0.3rem;
}

.letter-friend-text span {
    font-size: 0.74rem;
    color: #ff5e00;
    margin: 0 0.1rem;
    font-family: 'sellnum-1';
}

.letter-friend-msg .head {
    width: 0.96rem;
    height: 0.96rem;
    position: relative;
}

.letter-friend-msg .head::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_friend_border.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.letter-friend-msg .head img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
}

.dia-invite-letter-content {
    padding-top: 0.4rem;
}

.dia-invite-letter-content .tit {
    font-size: 1rem;
    color: #000000;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 0.05rem;
    font-family: "FZCANGYHJW";
}

.dia-invite-letter-content .text {
    font-size: 0.28rem;
    color: #000000;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 0.66rem;
}

.invite-letter-msg {
    width: 5.68rem;
    height: 2.39rem;
    margin: 0 auto 0.32rem;
    position: relative;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/invite-letter-msg.png) no-repeat 0 0;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 1px;
}

.invite-letter-msg .head {
    width: 1.07rem;
    height: 1.09rem;
    margin: -0.4rem auto 0.1rem;
    position: relative;
}

.invite-letter-msg .head-mask {
    width: 1.2rem;
    height: 1.2rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/invite-letter-msg-mask.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.invite-letter-msg .head-head {
    width: 1.07rem;
    height: 1.09rem;
    position: relative;
}

.invite-letter-msg .head-head img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
}

.invite-letter-msg .name {
    font-size: 0.26rem;
    color: #000000;
    text-align: center;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.invite-letter-msg .code {
    width: 100%;
    height: 0.48rem;
    font-size: 0.4rem;
    color: #c04911;
    text-align: center;
    font-weight: bold;
    line-height: 0.48rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/invite-letter-code.png) no-repeat center center;
    background-size: 5.08rem 0.11rem;
    padding: 0.12rem 0;
}

.invite-letter-msg .code-text {
    width: 100%;
    font-size: 0.22rem;
    color: #000000;
    text-align: center;
    line-height: 1.3;
}

.bottom-tips {
    width: 100%;
    font-size: 0.22rem;
    color: #3b3b3b;
    text-align: center;
    line-height: 1.2;
    padding-top: 0.3rem;
}

.dia-region-all-bg {
    width: 6.67rem;
    height: 5.91rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg15.png) no-repeat 0 0;
    background-size: 100% 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.4rem;
}

.dia-region-all-content {
    width: 6.22rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}

.dia-region-all-content::after {
    content: '';
    display: block;
    width: 1px;
    height: 5.23rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-region-all-line.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.dia-region-all-item {
    flex: 1;
    font-size: 0.22rem;
    color: #000000;
    text-align: center;
    position: relative;
}

.dia-region-all-item::after {
    content: '';
    display: block;
    width: 1px;
    height: 5.23rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-region-all-line.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.dia-region-all-item .tit {
    width: 100%;
    height: 0.48rem;
    line-height: 0.48rem;
    background-color: #682e12;
    color: #eee0b4;
    position: relative;
    z-index: 2;
    margin-bottom: 0.2rem;
}

.dia-region-all-item .tit::after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background-color: #eee0b4;
    position: absolute;
    top: 0;
    right: 0;
}

.dia-region-all-item:last-child .tit::after {
    background-color: #682e12;
}

.dia-region-all-item p {
    width: 100%;
    height: 0.38rem;
    font-size: 0.2rem;
    line-height: 0.38rem;
    position: relative;
}

.dia-region-all-tips{
    width: 100%;
    height: 0.53rem;
    line-height: 0.53rem;
    font-size: 0.18rem;
    color: #515151;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
}

.milo_login_mobile_qqwx .milo_login_type_choose {
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.isZm .zm-show {
    display: inline-block!important;
}
.isZm .dia-go-order-bg .go-order-flex{
    display: none;
}
.isZm .sd-show {
    display: none;
}
.isZm .dia-go-order-content .text{
    margin-bottom: 0.7rem;
    padding-top: 0.2rem;
}

.isZm .dia-go-order-bg{
    height: 11.09rem;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/m/dia/dia-bg6-zm.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.isZm .dia-share-tit .text{
    display: none;
}
.isZm .dia-share-bg .join-way{
    /* top: 8rem; */
    top: 7.7rem;
}
.isZm .dia-share-bg .join-way-item{
    width: 3.08rem;
}
.isZm .dia-share-bg .join-way-item1{
    display: none;
}


/* 支持渐变字 */
@supports (background-clip: text) {

    .kv-count-down .count-text2 span {
        background: linear-gradient(to bottom, #eab752 20%, #e6d360 80%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .team-position {
        background: linear-gradient(to bottom, #f4dd9a 10%, #957c4a 90%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .lottery-task-conent .tit-text {
        background: linear-gradient(to bottom, #f2db98 10%, #987f4c 90%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .equipping-items-tab a p {
        background: linear-gradient(to bottom, #9bbcb7 10%, #e9ebe0 90%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .calendar-day .day-tit span {
        background: linear-gradient(to bottom, #ead391 10%, #907746 90%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

}