@charset "UTF-8";

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
select,
td,
textarea,
th,
ul {
    padding: 0;
    margin: 0;
    outline: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
b,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
i {
    font-weight: 400;
    font-style: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-size: 100%;
}

q:after,
q:before {
    content: "";
}

abbr,
acronym {
    border: 0;
}

strong,
th {
    font-weight: 700;
}

a {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: color 0.5s ease-out;
    transition: color 0.5s ease-out;
    outline: none;
}

a:hover {
    text-decoration: none;
    filter: brightness(1.1);
    -webkit-filter: brightness(1.1);
}

.dia-bind-region button:hover {
    text-decoration: none;
    filter: brightness(1.1);
    -webkit-filter: brightness(1.1);
}

button,
input,
option,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input:focus,
textarea:focus {
    outline: 0;
}

body {
    font: 12px "Microsoft Yahei", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    color: #a09b8c;
    background-color: #000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    overflow-x: hidden;
    padding-top: 42px;
}

/* body {
    min-width: 1200px;
} */

.wrapper {
    position: relative;
    display: block;
    zoom: 0.75;
}

.header {
    display: none !important;
}

.clearfix {
    zoom: 1;
}

.clearfix::after {
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

div {
    outline: 0;
}

/*!style*/

/* frame end */
/* footer */
#afooter {
    text-align: center;
    /* line-height: 32px; */
    line-height: 20px;
    color: #eff5fe;
    background-color: #000000;
    padding: 40px 0;
    /* font-size: 22px; */
    font-size: 14px;
}

#afooter a {
    color: #eff5fe;
}

/* login */
/* .login-container {
    position: absolute;
    left: 18px;
    top: 8px;
    z-index: 300;
    display: flex;
    align-items: center;
} */

.loginbox {
    width: 96%;
    height: 80px;
    margin: 0 auto;
    color: #bdbdbd;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    /* margin-left: 10px; */
    box-sizing: border-box;
    padding-top: 10px;
}

.loginbox .center {
    display: flex;
    justify-content: center;
}

.loginbox a {
    color: #e35e18;
    text-decoration: underline;
    margin: 0 2px;
}

.login-flex {
    display: flex;
    justify-self: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: flex-start;
}

.milo-qcwx-login,
.qConnectLogin {
    z-index: 100;
}

/* 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);
}

*[class^=m-] {
    display: none !important;
}

.bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lol-logo {
    display: block;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/lol-logo.png) no-repeat center top/100%;
    width: 349px;
    height: 141px;
    position: absolute;
    top: 79px;
    left: 75px;
}

/* .djc-logo {
    display: none;
    width: 92px;
    height: 29px;
    margin-left: 29px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/djc.png) no-repeat center top/100%;
} */

.scroll-stage {
  position: fixed;
  top: 42px;
  inset: 0;
  overflow: hidden;
  contain: layout paint size;  /* 性能关键：隔离布局计算 */
}
.scroll-smooth-content {
  width: 100%;
  will-change: transform;      /* 性能关键：提前告知浏览器优化 */
  transform: translate3d(0, 0, 0);
}
.smooth-spacer { 
    /* height: 100vh; */
    height: 11160px;
}
/* 初始高度，JS 会动态更新 */

.section-main {
    width: 100%;
    height: auto;
    /* height: 11160px; */
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    /* padding-top: 42px; */
}

.part-nav {
    width: 200px;
    height: 816px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/part_nav_bg.png) no-repeat right center;
    background-size: 3px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 6;
    box-sizing: border-box;
    display: none;
}

.part-nav a {
    width: 100%;
    /* height: 110px; */
    height: 96px;
    line-height: 1.1;
    text-align: center;
    /* font-size: 24px; */
    font-size: 20px;
    color: #8a8582;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
    padding-right: 30px;
}

.part-nav a br{
    display: none !important;
}

.part-nav a::after {
    content: '';
    display: none;
    width: 15px;
    height: 30px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/part_nav_on.png) no-repeat center top/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
    right: 3px;
}

/* .part-nav a span {
    width: 100%;
    display: inline-block;
} */

.part-nav a span{
    display: inline-block;
    width: 296px;
    height: 100%;
    line-height: 96px;
    /* line-height: 110px; */
    position: absolute;
    top: 0;
    right: 30px;
    pointer-events: none;
    text-align: right;
}

.part-nav a.on {
    color: #db581e;
    /* font-size: 34px; */
    font-size: 28px;
    font-weight: bold;
}

.part-nav a.on::after {
    display: block;
}

.part-nav a:hover {
    color: #db581e;
    /* font-size: 34px; */
    font-size: 28px;
    font-weight: bold;
}

.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: 1420px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/bg0.jpg) no-repeat center top;
    background-size: cover;
}

.bg-parallax-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.parallax-mask {
    width: 2560px;
    height: 1231px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/parallax-mask.png) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -1280px;
}

.p0-tips{
    font-size: 26px;
    color: #bcbcbc;
    line-height: 1.2;
    position: absolute;
    right: 212px;
    opacity: 0.8;
    top: 80px;
    z-index: 4;
    pointer-events: none;
    text-shadow: 0 0 5px #000000;
}

/* .parallax-bg {
    display: none;
} */

.parallax-bg1 {
    width: 2838px;
    height: 1297px;
    position: absolute;
    top: -8px;
    left: -126px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/parallax-bg1.png) no-repeat;
    background-size: 100%;
}

.parallax-bg2 {
    width: 1006px;
    height: 748px;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -766px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/parallax-bg2.png) no-repeat center top;
    background-size: 100%;
}

.parallax-bg3 {
    width: 2926px;
    height: 1440px;
    position: absolute;
    top: -6px;
    left: -376px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/parallax-bg3.png) no-repeat center top;
    background-size: 100%;
}

.parallax-bg4 {
    width: 2601px;
    height: 1102px;
    position: absolute;
    top: -6px;
    left: 28px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/parallax-bg4.png) no-repeat center top;
    background-size: 100%;
}

.parallax-bg5 {
    width: 1398px;
    height: 833px;
    position: absolute;
    top: 354px;
    left: 230px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/parallax-bg5.png) no-repeat center top;
    background-size: 100%;
}

.parallax-bg6 {
    width: 1324px;
    height: 1052px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -588.5px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/parallax-bg6.png) no-repeat center top;
    background-size: 100%;
}

.parallax-bg7 {
    width: 902px;
    height: 1054px;
    position: absolute;
    bottom: -15px;
    right: -224px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/parallax-bg7.png) no-repeat center top;
    background-size: 100%;
}

.parallax-line1 {
    width: 1093px;
    height: 533px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -397.5px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/parallax-line1.png) no-repeat center top;
    background-size: 100%;
}

.parallax-line2 {
    width: 1616px;
    height: 816px;
    position: absolute;
    top: 624px;
    right: -6px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/parallax-line2.png) no-repeat center top;
    background-size: 100%;
}

.parallax-line3 {
    width: 1616px;
    height: 1288px;
    position: absolute;
    bottom: -14px;
    left: -9px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/parallax-line3.png) no-repeat center top;
    background-size: 100%;
}

.parallax-line4 {
    width: 994px;
    height: 1440px;
    position: absolute;
    bottom: -14px;
    left: -13px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/parallax-line4.png) no-repeat center top;
    background-size: 100%;
}

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

.btn-bg-voice {
    display: block;
    width: 167px;
    height: 52px;
    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: 124px;
    /* right: 80px; */
    right: 24px;
    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{
    position: fixed;
    top: 148px;
    right: 24px;
} */


.part0 {
    width: 943px;
    position: absolute;
    top: 688px;
    right: 0;
}

.kv-count-down {
    width: 560px;
    height: 278px;
    margin: 0 auto;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/kv_count_down.png) no-repeat center top/100%;
}

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

.kv-count-down .count-text2 {
    width: 100%;
    font-size: 31px;
    color: #e6d15f;
    line-height: 1;
    text-align: center;
    margin-top: -32px;
    position: relative;
    left: 16px;
}

.kv-count-down .count-text2 span {
    display: inline-block;
    font-size: 250px;
    color: #fff3c5;
    font-family: 'sellnum-1';
    position: relative;
    top: 4px;
}

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

.kv-count-down-end .text2 {
    font-size: 48px;
    font-weight: bold;
    padding-top: 2px;
}

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

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


.kv-slogan {
    width: 1336px;
    height: 671px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/kv_slogan.png) no-repeat center top/100%;
    position: absolute;
    left: -10px;
    bottom: -31px;
}

.kv-btns-box {
    width: 652px;
    height: 140px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
}

.btn-order-now {
    display: block;
    width: 651px;
    height: 116px;
    margin: 0 auto 23px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_order_now.png) no-repeat 0 0;
    background-size: 100% 100%;
    font-size: 50px;
    color: #ffffff;
    line-height: 116px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 10px;
    /* box-sizing: border-box; */
    /* padding-left: 10px; */
}

.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: 650px;
    height: 72px;
    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;
    position: relative;
    /* font-size: 24px;
    color: #ffefbf;
    line-height: 72px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center; */
}

.dangan-icon {
    display: inline-block;
    width: 82px;
    height: 88px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dangan-icon.png) no-repeat center center/100%;
    position: absolute;
    left: 7px;
    top: -1px;
}

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

.btn-download {
    display: block;
    width: 139px;
    height: 210px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/btn_download.png) no-repeat 0 0;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 100px;
    font-size: 30px;
    color: #ffffff;
    line-height: 38px;
    text-align: center;
    position: absolute;
    top: 0;
    left: -158px;
}

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

.kv-bline {
    width: 2560px;
    height: 37px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/kv_bline.png) no-repeat 0 0;
    background-size: 100% 100%;
    pointer-events: none;
    position: absolute;
    bottom: -1px;
    left: 0;
    pointer-events: none;
}

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

.part1 {
    width: 100%;
    height: auto;
    z-index: 2;
    padding-left: 1068px;
}

.p1-title {
    width: 1008px;
    height: 206px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p1_title.png) no-repeat center top/100%;
    margin: 0 auto 32px;
}

.p1-tit {
    width: 100%;
    height: 253px;
    text-align: center;
    font-size: 40px;
    line-height: 1.2;
}

.p1-text {
    width: 100%;
    font-size: 26px;
    color: #000000;
    margin-top: -16px;
}

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

.vitality-progress-box {
    width: 2054px;
    height: 53px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/vitality_progress.png) no-repeat center top/100%;
    position: absolute;
    top: 461px;
    left: 50%;
    transform: translateX(-50%);
}

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

.vitality-progress-bar::before {
    content: '';
    width: 2054px;
    height: 53px;
    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: 544px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 3;
    box-sizing: border-box;
    padding-left: 6px;
}

.vitality-award-item {
    width: 370px;
    height: auto;
    position: relative;
}

.vitality-award-item::after {
    content: '';
    display: block;
    width: 1px;
    height: 266px;
    background: #676767;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.vitality-award-item:last-child::after {
    display: none;
}

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

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

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

.vitality-award-box {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    box-sizing: border-box;
}

.vitality-award-num {
    width: 75px;
    height: 76px;
    margin: 0 auto 34px;
    font-family: 'sellnum-1';
    font-size: 30px;
    line-height: 76px;
    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: 186px;
    height: 36px;
    margin: 0 auto;
    font-size: 20px;
    color: #000000;
    text-align: center;
    box-sizing: border-box;
    line-height: 36px;
    margin-bottom: 22px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/vitality_award_type.png) no-repeat;
    background-size: 100% 100%;
    padding-left: 26px;
}

.vitality-award-img {
    width: 250px;
    height: 230px;
    margin: 0 auto 42px;
}

.vitality-award-img1{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/vitality-award-img1.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.vitality-award-img2{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/vitality-award-img2.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.vitality-award-img3{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/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%;
    font-size: 36px;
    color: #000000;
    text-align: center;
    line-height: 1.2;
    position: relative;
}

.vitality-award-name3{
    top: -28px;
}
.vitality-award-name span {
    width: 100%;
    font-size: 18px;
    color: #6b6b6b;
    position: absolute;
    top: 54px;
    left: 0;
}

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

.vitality-award-btns a {
    display: block;
    width: 451px;
    height: 116px;
    margin: 0 20px;
    position: relative;
    font-size: 46px;
    color: #ffffff;
    text-align: center;
    line-height: 116px;
    font-weight: bold;
    /* letter-spacing: 10px; */
}

.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: 36px;
    pointer-events: none;
    line-height: 110px;
}

.vitality-award-btns-bottom {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 24px;
}

.vitality-award-btns-bottom a,
.vitality-award-btns-bottom .tips-text {
    display: block;
    width: 451px;
    height: 40px;
    margin: 0 20px;
    font-size: 24px;
    line-height: 40px;
    color: #000000;
    text-align: center;
    text-decoration: underline;
    /* margin-right: 43px; */
}

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

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


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

.part2 {
    padding-top: 159px;
}

.p2-title {
    width: 574px;
    height: 95px;
    margin: 0 auto 22px;
    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: 26px;
    color: #bbbbbb;
    line-height: 1.2;
    margin-bottom: 60px;
}

.mass-content {
    width: 1810px;
    height: 398px;
    margin: 0 auto 14px;
    text-align: center;
    font-size: 26px;
    color: #bbbbbb;
    line-height: 1.2;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_content.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
    box-sizing: border-box;
    padding-left: 68px;
}

.mass-top {
    width: 100%;
    height: 229px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.mass-my-msg {
    width: 344px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding-left: 137px;
    padding-bottom: 5px;
    position: relative;
    text-align: left;
}

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

.mass-my-img::after {
    content: '';
    display: block;
    width: 128px;
    height: 128px;
    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: 21px;
    color: #efe2b5;
    line-height: 1.2;
    margin-bottom: 14px;
}

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

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


.btn-mass-record {
    display: block;
    width: auto;
    height: auto;
    font-size: 21px;
    color: #cfcfcf;
    text-align: center;
    line-height: 30px;
    text-decoration: underline;
    position: absolute;
    top: 55px;
    right: 198px;
}

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

.mass-my-code-text {
    width: 100%;
    font-size: 26px;
    color: #cecece;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 18px;
}

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

.mass-input-box input {
    display: block;
    width: 715px;
    height: 65px;
    border: none;
    outline: none;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_input.png) no-repeat 0 0;
    background-size: 100% 100%;
    font-size: 26px;
    color: #ff6c20;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 65px;
    font-weight: bold;
    text-align: left;
    box-sizing: border-box;
}

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

.btn-mass-fillin {
    display: block;
    width: 299px;
    height: 65px;
    font-size: 28px;
    color: #000000;
    text-align: center;
    line-height: 65px;
    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: 160px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 290px;
    position: relative;
}

.mass-num {
    width: 224px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
    color: #c0c0c0;
    line-height: 1.16;
    padding-top: 2px;
}

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

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

.mass-friend-swiper {
    width: 1356px;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
}

.mass-friend-swiper .swiper-slide {
    width: 339px;
    height: 100%;
}

.mass-friend-item {
    width: 339px;
    height: 154px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_friend_bg.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
}

.mass-friend-item::after {
    content: "";
    display: block;
    width: 1px;
    height: 77px;
    background-color: #595959;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    right: -0.5px;
}

.mass-friend-img {
    width: 114px;
    height: 116px;
    position: relative;
    margin-right: 12px;
}

.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: 131px;
    height: 31px;
    position: absolute;
    top: -4px;
    right: -80px;
    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: 20px;
    color: #000000;
    line-height: 31px;
    text-align: center;
}

.mass-friend-area {
    font-size: 22px;
    color: #bababa;
    line-height: 1.1;
    margin-bottom: 4px;
}

.mass-friend-name {
    font-size: 26px;
    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: 54px;
    height: 58px;
    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: 257px;
    margin-top: -27px;
}

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

.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: 1399px;
    height: 40px;
    font-size: 30px;
    color: #c0c0c0;
    line-height: 40px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass-not-text.png) no-repeat center center;
    background-size: 1399px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}


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

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

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

.invite-award-text span {
    font-size: 97px;
    font-family: 'sellnum-1';
    color: #ff5e00;
    position: relative;
    top: 20px;
    margin: 0 10px;
}

.invite-award-text1 {
    width: 100%;
    height: 40px;
    font-size: 34px;
    color: #d7ba75;
    line-height: 40px;
    text-align: center;
    margin-bottom: 72px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/invite-award_text1.png) no-repeat center center;
    background-size: 784px;
}

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

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

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

.btn-invit-what {
    display: inline-block;
    width: 28px;
    height: 29px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/icon_what.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin-left: 8px;
    position: relative;
    top: 1px;
}

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

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

.invite-award-item {
    width: 512px;
    height: 665px;
    margin: 0 64px;
    position: relative;
}

.invite-award-img {
    width: 512px;
    height: 665px;
    position: relative;
}

.invite-award-img img {
    display: block;
    width: 512px;
    height: 665px;
    object-fit: cover;
    object-position: top center;
}

.invite-award-mask {
    width: 512px;
    height: 350px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.invite-award-name {
    width: 100%;
    font-size: 50px;
    color: #ffffff;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    position: absolute;
    bottom: 70px;
    left: 0;
}

.invite-award-name span {
    color: #cacaca;
    position: absolute;
    top: -60px;
    width: 100%;
    left: 0;
    text-align: center;
}

.invite-award-name1 {
    font-size: 36px;
}

.invite-award-tip {
    width: 512px;
    height: 59px;
    font-size: 20px;
    color: #000000;
    line-height: 59px;
    text-align: center;
    position: absolute;
    bottom: 3px;
    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: 533px;
    height: 680px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.invite-award-border::after {
    content: '';
    display: block;
    width: 533px;
    height: 680px;
    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%;
    pointer-events: none;
}

.invite-award-border:hover::after {
    width: 640px;
    height: 788px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/invite-award_border_on.png) no-repeat 0 0;
    background-size: 100% 100%;
}

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


.invite-award-type {
    padding-top: 17px;
    font-size: 43px;
    color: #bbbbbb;
    line-height: 1.2;
}

.invite-award-type p span {
    font-size: 123px;
    font-family: 'sellnum-1';
    color: #ff5e00;
    position: relative;
    top: 5px;
}

.invite-type-tag {
    width: 200px;
    height: 44px;
    margin: 0 auto;
    font-size: 26px;
    color: #888888;
    line-height: 44px;
    text-align: center;
}

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

.invite-award-item .btn-get-award {
    display: block;
    width: 347px;
    height: 71px;
    font-size: 32px;
    font-weight: bold;
    line-height: 71px;
    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: 20px 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: 116px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.invite-award-btns a {
    display: block;
    width: 531px;
    height: 116px;
    font-size: 46px;
    font-weight: bold;
    line-height: 116px;
    text-align: center;
    color: #ffffff;
}

.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: 43px;
    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;
}

.invite-award-btns-bottom {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 24px;
}

.invite-award-btns-bottom a {
    display: block;
    width: 134px;
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
    text-decoration: underline;
    position: relative;
    /* margin-right: 43px; */
}

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

.invite-award-btns-bottom a.btn-lottery-record::after {
    content: '';
    display: block;
    width: 1px;
    height: 25px;
    background: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -21px;
    pointer-events: none;
}

.invite-award-btns-bottom .invite-num {
    display: block;
    width: 531px;
    height: 30px;
    font-size: 24px;
    line-height: 30px;
    color: #bbbbbb;
    text-align: center;
}

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


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

.part3 {
    padding-top: 34px;
    padding-right: 1088px;
}

.p3-tips{
    font-size: 24px;
    color: #cdcdcd;
    position: absolute;
    bottom: 47px;
    right: 42px;
}

.p3-title {
    width: 932px;
    height: 191px;
    margin: -69px auto 19px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p3_title.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.p3-text-box {
    width: 1236px;
    height: 104px;
    margin: 0 auto 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p3-text-box.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.p3-text-item-h {
    font-size: 22px;
    color: #1b1d1f;
    line-height: 1.2;
    position: relative;
    left: -7px;
    /* padding-top: 18px; */
}

.p3-text-item {
    width: 585px;
    height: 104px;
    position: relative;
    font-size: 22px;
    color: #1b1d1f;
    box-sizing: border-box;
    padding-left: 65px;
    padding-right: 0;
    padding-top: 8px;
    line-height: 104px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.p3-text-item1 b {
    font-size: 28px;
    font-weight: bold;
}

.p3-text-item2 {
    padding-left: 31px;
}

.tips-tag {
    width: 160px;
    height: 44px;
    text-align: center;
    font-size: 22px;
    color: #ffffe8;
    line-height: 44px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/tips_tag.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: -20px;
    left: 64px;
}

.p3-text-item2 .tips-tag {
    left: 6px;
}

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

.nostalgic-box-name {
    font-size: 50px;
    color: #1b1d1f;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    margin-top: -25px;
    margin-bottom: 8px;
}

.nostalgic-box-text {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #4d4d4d;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 60px;
}

.nostalgic-box-text .name {
    font-weight: bold;
    color: #c04911;
    margin-right: 56px;
    position: relative;
}

.nostalgic-box-text .name::after {
    content: '';
    display: block;
    width: 1px;
    height: 23px;
    background: #2a1f1d;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
}


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

.nostalgic-box-btns a {
    display: block;
    width: 531px;
    height: 116px;
    margin: 0 21px;
    font-size: 46px;
    color: #ffffff;
    text-align: center;
    line-height: 116px;
    font-weight: bold;
}

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

.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: 36px;
    pointer-events: none;
    line-height: 110px;
}

.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: 20px;
}

.nostalgic-box-btns-bottom a {
    width: 134px;
    height: 34px;
    margin: 0 21px;
    /* padding: 2px 4px; */
    text-decoration: underline;
    font-size: 24px;
    line-height: 34px;
    font-weight: normal;
    text-align: center;
    color: #000000;
    position: relative;
}

.nostalgic-box-btns-bottom a:first-child::after {
    content: '';
    display: block;
    width: 1px;
    height: 25px;
    background: #2a1f1d;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -21px;
    pointer-events: none;
}


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

.part4 {
    width: 1679px;
    height: 592px;
    position: absolute;
    top: 160px;
    left: 50%;
    margin-left: -892px;
    z-index: 4;
}

.p4-title {
    width: 425px;
    height: 171px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p4_title.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin-bottom: 33px;
}

.password-redemption-content {
    width: 1090px;
    height: 260px;
    box-sizing: border-box;
}

.password-redemption-text {
    width: 100%;
    font-size: 26px;
    color: #bbbbbb;
    line-height: 1.2;
    position: relative;
    margin-bottom: 62px;
    font-family: "sourHanSefifCN-Bold";
}

.password-redemption-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 784px;
    height: 78px;
    margin-bottom: 23px;
    font-size: 30px;
    color: #bbbbbb;
    line-height: 78px;
    position: relative;
    border: 1px solid rgba(238, 226, 168, 0.8);
    box-sizing: border-box;
    position: relative;
    left: 6px;
    padding: 1px;
}

.password-redemption-box input {
    display: block;
    width: 565px;
    height: 65px;
    border: none;
    outline: none;
    background-color: #000000;
    color: #bbbbbb;
    font-size: 30px;
    line-height: 65px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 5px;
}

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

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

.part5 {
    padding-top: 96px;
    padding-bottom: 96px;
}

.p5-title {
    width: 992px;
    height: 58px;
    margin: 0 auto 36px;
    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: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 56px;
    box-sizing: border-box;
}

.hero-equip-tab a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 374px;
    height: 76px;
    line-height: 76px;
    text-align: center;
    font-size: 40px;
    color: #aeaeae;
    position: relative;
}

.hero-equip-tab a::after{
    content: '';
    display: block;
    width: 1px;
    height: 38px;
    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: 708px;
}

.hero-equip-tab a.on {
    color: #e05c17;
    font-size: 60px;
    font-weight: bold;
}
.hero-equip-tab a.on span{
    position: relative;
    top: -8px;
}

.hero-equip-tab a:hover {
    color: #e05c17;
}

.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 31px;
    position: relative;
    /* padding: 10px 0; */
    user-select: none;
}

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

.hero-desc-swiper .swiper-slide {
    width: 1980px;
    height: 928px;
    position: relative;
    opacity: 0.5;
}

.hero-desc-swiper .swiper-slide.swiper-slide-active{
    opacity: 1;
}

.hero-desc-swiper .hero-bimg {
    width: 1746px;
    height: 928px;
    margin: 0 auto;
    position: relative;
}

.hero-desc-msg {
    width: 720px;
    position: absolute;
    top: 19px;
    left: 0;
}

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

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

.hero-desc-name {
    width: 100%;
    font-size: 40px;
    color: #ccab66;
    text-align: center;
    line-height: 44px;
    margin-bottom: 348px;
}

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

.hero-desc-region {
    width: 164px;
    height: 200px;
    margin: 0 auto;
}

.hero-desc-mimg {
    width: 100%;
    height: 113px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

.hero-mimg {
    width: 113px;
    height: 113px;
    margin: 0 8px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.hero-mimg.on::before {
    content: '';
    position: absolute;
    top: -31px;
    left: 50%;
    transform: translateX(-50%);
    width: 124px;
    height: 149px;
    background: #e05c17;
}

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

.hero-mimg-more {
    width: 113px;
    height: 113px;
    margin: 0 8px;
    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: 118px;
    height: 126px;
    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: 215px;
    margin-top: -140px;
}

.hero-desc-slide .hero-desc-next {
    left: auto;
    right: 225px;
    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: 1746px;
    height: 928px;
    margin: 0 auto;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/hero-equip-img2.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.fwtf-img {
    width: 2109px;
    height: 1083px;
    margin: 0 auto;
    position: relative;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/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: 108px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 80px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    color: #ffffff;
}
.fwtf-text p{
    width: 670px;
}

.map-swiper {
    width: 1860px;
    height: auto;
}

.map-swiper .swiper-slide {
    width: 100%;
    height: 928px;
}

.map-swiper .map-img {
    width: 1746px;
    height: 928px;
    margin: 0 auto;
}
.map-swiper .map-img1{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/map-img1.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.map-swiper .map-img2{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/map-img2.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.map-swiper .map-img3{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/map-img3.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.map-swiper .map-img4{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/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: 118px;
    height: 126px;
    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: 215px;
    margin-top: -140px;
}

.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: 225px;
    transform: rotate(180deg);
}

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

.map-small-item {
    width: 423px;
    height: 153px;
    margin: 0 8px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}
.map-small-item1{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/map-mimg1.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.map-small-item2{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/map-mimg2.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.map-small-item3{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/map-mimg3.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.map-small-item4{
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/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/map-mimg-on.png) no-repeat 0 0;
    background-size: 100% 100%;
}


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

.part6 {
    width: 2166px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding-left: 502px;
}

.my-region-box {
    width: 502px;
    height: 993px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/my_region_bg.png) no-repeat 0 0;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-top: 181px;
}

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

.my-region-img {
    width: 340px;
    height: 416px;
    margin: 0 auto 8px;
}

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

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

.my-region-text {
    width: 100%;
    height: 30px;
    font-size: 26px;
    color: #efe2b5;
    line-height: 30px;
    text-align: center;
    margin-bottom: 8px;
}

.my-region-lv {
    width: 100%;
    height: 30px;
    font-size: 26px;
    color: #efe2b5;
    line-height: 30px;
    text-align: center;
}

.region-all-box {
    width: 1470px;
    height: 100%;
    box-sizing: border-box;
    padding-left: 210px;
    padding-top: 124px;
    position: relative;
}

.region-title {
    width: 681px;
    height: 100px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p6_title.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin-bottom: 24px;
    position: relative;
    left: 4px;
}

.region-text-line {
    width: 100%;
    height: 32px;
    font-size: 32px;
    line-height: 36px;
    color: #585858;
    margin-bottom: 30px;
    position: relative;
}

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


.region-btn-box {
    width: 1088px;
    height: 40px;
    margin: 0 auto 16px;
    border-bottom: 1px solid #163b5f;
    padding-top: 22px;
    text-align: right;
}

.btn-region-all {
    display: block;
    width: 1266px;
    height: 65px;
    font-size: 22px;
    color: #b4b4b4;
    background-color: #000901;
    line-height: 65px;
    text-align: center;
    position: relative;
}

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

.region-swiper {
    width: 1265px;
    height: 396px;
    position: relative;
}

.region-swiper .swiper-slide {
    width: 253px;
    height: 470px;
    box-sizing: border-box;
    padding-top: 20px;
    position: relative;
}

.region-swiper .swiper-wrapper.five-screen {
    justify-content: center;
}

/* .region-swiper .swiper-slide.one-screen{
    width: 100%;
} */

.region-img {
    width: 230px;
    height: 290px;
    margin: 0 auto 7px;
    position: relative;
}

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

.region-name {
    width: 100%;
    height: 28px;
    font-size: 25px;
    color: #000000;
    line-height: 28px;
    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: 72px;
    height: 76px;
    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: 71px;
    margin-top: -22px;
}

.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: -146px;
    transform: rotate(180deg);
}

.region-now-text {
    width: 100%;
    height: 48px;
    position: relative;
    font-size: 32px;
    color: #585858;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

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

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

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

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

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

.platform-content {
    width: 100%;
    height: 100%;
    position: relative;
    /* padding-top: 67px; */
    padding-top: 89px;
    box-sizing: border-box;
}

.platform-title {
    width: 488px;
    height: 95px;
    margin: 0 auto 76px;
    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: 348px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    pointer-events: none;
}

.platform-banner-item {
    width: 514px;
    height: 282px;
    position: relative;
    margin: 0 64px 205px;
}

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

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

.platform-banner-img::after {
    content: "";
    display: block;
    width: 553px;
    height: 312px;
    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: 553px;
    height: auto;
    padding-top: 45px;
    box-sizing: border-box;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    margin-left: -19.5px;
}

.platform-banner-name .tit {
    width: 100%;
    font-size: 30px;
    color: #000000;
    /* color: #ffffff; */
    line-height: 36px;
    margin-bottom: 7px;
}

.platform-banner-name .text {
    width: 100%;
    font-size: 20px;
    color: #535353;
    /* color: #bbbbbb; */
    line-height: 24px;
}

.platform-go-btn {
    width: 162px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    font-size: 24px;
    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: 48px;
    right: 0;
}


.section8 {
    height: 1294px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/bg8.jpg) no-repeat center top;
    background-size: cover;
}

.part8 {
    padding-top: 98px;
}

.p8-title {
    width: 490px;
    height: 96px;
    margin: 0 auto 42px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p8-title.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.calendar-content {
    width: 1972px;
    height: 901px;
    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: 156px;
}

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

.calendar-table-list li {
    width: 100%;
    height: 237px;
    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: 78px;
    position: relative;
    font-size: 32px;
    color: #000000;
    text-align: center;
    line-height: 78px;
    font-family: "sourHanSefifCN-Bold";
    font-weight: bold;
}

.calendar-num.active .cnum {
    color: #ffffff;
    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: 157px;
    position: relative;
}

.calendar-img {
    width: 269px;
    height: 160px;
    position: relative;
    z-index: 3;
}

.calendar-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    pointer-events: none;
}

.calendar-day:hover .calendar-img {
    transform: scale(1.98);
}

.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: 42px;
    height: 42px;
    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: 50px;
    position: relative;
    font-size: 24px;
    color: #a79265;
    text-align: center;
    line-height: 58px;
    font-family: "sourHanSefifCN-Bold";
}

.calendar-day .line {
    width: 150px;
    height: 8px;
    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: 16px;
    color: #ffffff;
    text-align: center;
    line-height: 24px;
    opacity: 0.5;
}


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

.part9 {
    padding-top: 88px;
}

.p9-title {
    width: 573px;
    height: 96px;
    margin: 0 auto 38px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p9-title.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.classics-content {
    width: 2200px;
    margin: 0 auto;
    position: relative;
}

.classics-swiper {
    width: 1840px;
    margin: 0 auto;
    padding-top: 40px;
}

.classics-swiper .swiper-slide {
    width: 768px;
    height: auto;
    margin: 0 72px;
}

.classics-img {
    width: 768px;
    height: 422px;
    position: relative;
}

.classics-img::after {
    content: "";
    display: block;
    width: 825px;
    height: 466px;
    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: 44px;
    line-height: 1.3;
    text-align: center;
    color: #000000;
    padding-top: 59px;
}

.classics-desc .t1{
    font-weight: bold;
}

.classics-desc .t2 {
    font-size: 26px;
    color: #4b4b4b;
    padding-top: 19px;
}

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

.classics-content .classics-prev,
.classics-content .classics-next {
    width: 118px;
    height: 126px;
    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: 58px;
    margin-top: -135px;
}

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

.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: 876px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/bg10.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 94px;
}

.part10 {
    width: 1905px;
    height: 703px;
    margin: 0 auto;
    position: relative;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/p10-bg.png) no-repeat 0 0;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding-left: 1270px;
    padding-top: 394px;
}

.p10-title {
    width: 406px;
    height: 97px;
    margin: 0 auto 28px;
    /* 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: 26px;
    color: #cfcfcf;
    text-align: center;
    line-height: 30px;
    margin-bottom: 38px;
}

.p10-time {
    width: 587px;
    height: 57px;
    font-size: 26px;
    color: #efe2b5;
    text-align: center;
    line-height: 57px;
    margin: 0 auto 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.p10-time span {
    position: relative;
    margin-right: 44px;
    font-size: 22px;
}

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


.btn-dangan-open-box {
    display: block;
    width: 387px;
    height: 85px;
    font-size: 32px;
    color: #ffffff;
    text-align: center;
    line-height: 85px;
    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: 1064px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/bg11.jpg) no-repeat center top;
    background-size: cover;
    padding-top: 132px;
}

.part11 {
    width: 2159px;
    height: 851px;
    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: 832px;
    font-size: 46px;
    color: #000000;
    text-align: center;
    line-height: 56px;
    margin-bottom: 38px;
    position: absolute;
    top: 546px;
    right: 0;
}


.section12 {
    height: 1223px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/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: 100%;
    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;
    right: -80px;
    display: block;
    width: 46px;
    height: 46px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/btn_close.png) no-repeat;
    background-size: 100% 100%;
    z-index: 9;
}

.dia-title {
    width: 100%;
    height: 60px;
}

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

.dia-btns a {
    display: block;
    width: 291px;
    height: 86px;
    margin: 0 20px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-btn-bg.png) no-repeat 0 0;
    background-size: 100% 100%;
    font-size: 30px;
    color: #ffffff;
    line-height: 86px;
    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-general-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-bg0.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 1010px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 46px;
    padding-bottom: 46px;
}

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

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

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

.dia-select-region-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-bg1.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 1320px;
    height: 475px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 60px;
}

.dia-select-region-bg .dia-title-text {
    margin: 0 auto 48px;
}

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

.select-region-show {
    width: 988px;
    height: 77px;
    margin: 0 auto 26px;
    background-color: #000;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.select-region-show .text-label {
    width: 134px;
    height: 77px;
    line-height: 77px;
    text-align: center;
    font-size: 27px;
    color: #a2a2a2;
    position: relative;
}

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

.select-region-show .text-name {
    width: 222px;
    height: 77px;
    line-height: 77px;
    text-align: left;
    font-size: 27px;
    color: #ffffff;
    box-sizing: border-box;
    padding-left: 32px;
}

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

.select-region-show .role-text-name p {
    max-width: 300px;
    margin-right: 10px;
    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: 24px;
    height: 20px;
    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: 32px;
    transform: translateY(-50%);
}

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

.select-region-pull-down {
    width: 988px;
    height: 432px;
    background-color: #232323;
    display: none;
    position: absolute;
    top: 77px;
    left: 0;
    box-sizing: border-box;
    padding-top: 20px;
    z-index: 5;
}

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

.select-region-scroll {
    width: 948px;
    height: 392px;
    overflow-x: hidden;
    overflow-y: auto;
}

.select-region-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

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

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

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

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

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

.text-is-select {
    display: none;
    font-size: 18px;
    color: #000000;
    width: 134px;
    height: 100%;
    line-height: 77px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

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

.select-region-item .text-name {
    width: 402px;
    height: 77px;
    line-height: 77px;
    text-align: left;
    font-size: 27px;
    color: #ffffff;
    box-sizing: border-box;
}

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

.select-region-item .role-text-name p {
    max-width: 300px;
    margin-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


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

.btn-region-agree .icon-select {
    display: block;
    width: 21px;
    height: 21px;
    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: 2px;
    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-get-award-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-bg2.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 1720px;
    height: 745px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 60px;
    padding-left: 1115px;
}

#diaAwardSkin .dia-get-award-bg {
    padding-top: 40px;
}

.dia-get-award-content {
    width: 100%;
    height: 450px;
    position: relative;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-get-award-bg.png) no-repeat;
    background-size: 482px;
    background-position: center 38%;
    box-sizing: border-box;
    padding-top: 40px;
}

.dia-get-award-img {
    width: 254px;
    height: 254px;
    margin: 0 auto 40px;
    position: relative;
    overflow: hidden;
}

.sign-icon {
    width: 100%;
    height: 98px;
    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-img::after {
    content: '';
    display: block;
    width: 254px;
    height: 254px;
    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: 16px;
}

.dia-get-award-content.type-box .dia-get-award-img {
    width: 398px;
    height: 332px;
    margin: 0 auto 20px;
    position: relative;
    left: -20px;
}

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

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

.dia-get-award-content.type-skin .dia-get-award-img {
    width: 200px;
    height: 363px;
    margin: 0 auto 20px;
    position: relative;
    overflow: hidden;
}

.dia-get-award-content.type-skin .dia-get-award-img::after {
    width: 100%;
    height: 100%;
    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;
}

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

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

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


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

.dia-get-award-name span {
    font-size: 24px;
    font-weight: normal;
}

.dia-share-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-bg4.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 2159px;
    height: 785px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

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

/* .dia-share-slogan {
    width: 525px;
    height: 237px;
    position: absolute;
    top: 260px;
    left: 28px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-share-slogan.png) no-repeat 0 0;
    background-size: 100% 100%;
} */

.dia-share-tit {
    width: 765px;
    position: absolute;
    top: 160px;
    right: 0;
    font-size: 33px;
    color: #cecdcd;
    line-height: 1.2;
}

.dia-share-tit .tit {
    font-size: 90px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 14px;
}

.join-way {
    width: 100%;
    height: 215px;
    position: absolute;
    top: 395px;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding-left: 182px;
}

.join-way-tit {
    font-size: 34px;
    color: #ffffff;
    line-height: 1.2;
    font-weight: bold;
    margin-right: 88px;
}

.join-way-item {
    width: 483px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

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

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

.join-way-img {
    width: 134px;
    height: 134px;
    padding: 3px;
    margin-right: 19px;
    box-sizing: border-box;
    position: relative;
}

.join-way-img1:after,
.join-way-img2:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    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: 38px;
    height: 38px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/lol-code-logo1-b.jpg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 74px;
    right: -232px;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}
.join-way-img2::before {
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/zm-logo-b.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 74px;
    right: -232px;
    /* 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: auto;
    font-size: 22px;
    color: #ffffff;
    line-height: 1.3;
}

.join-way-text .tag {
    width: 98px;
    height: 31px;
    font-size: 20px;
    color: #000000;
    line-height: 31px;
    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%;
    margin-bottom: 12px;
}

.join-way-item2 {
    padding-left: 85px;
}

.join-way-item3 {
    padding-left: 94px;
}

.join-way-img3 {
    width: 122px;
    height: 131px;
    margin-right: 31px;
}


.dia-share-invite {
    width: 100%;
    height: 174px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.share-invite-msg {
    width: 510px;
    position: relative;
    box-sizing: border-box;
    padding-left: 136px;
    margin-right: 30px;
    padding-bottom: 10px;
}

.share-invite-head {
    width: 114px;
    height: 116px;
    object-fit: cover;
    object-position: top center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

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

.share-invite-head::after {
    content: '';
    display: block;
    width: 128px;
    height: 128px;
    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: 21px;
    color: #68503a;
    line-height: 1.2;
    margin-bottom: 8px;
}

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

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

.share-invite-code {
    width: 900px;
}

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

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

.share-invite-code-box input {
    width: 743px;
    height: 66px;
    font-size: 26px;
    color: #ff6c20;
    line-height: 1.2;
    padding: 0 30px;
    box-sizing: border-box;
    outline: none;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/mass_input.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.btn-share-invite-copy {
    display: block;
    width: 157px;
    height: 66px;
    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: 28px;
    color: #ffffff;
    text-align: center;
    line-height: 65px;
}

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

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

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

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

.dia-lottery-record-head li:nth-child(2) {
    width: 590px;
    text-align: left;
    padding-left: 40px;
}

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

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

.dia-lottery-record-body {
    width: 100%;
    min-height: 360px;
    margin-bottom: 30px;
}

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

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

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

.dia-lottery-record-body li:nth-child(2) {
    width: 590px;
    text-align: left;
    padding-left: 40px;
    color: #b34b14;
    justify-content: flex-start;
}

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

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

.record-pagination {
    width: 1281px;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    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: 32px;
    height: 32px;
    color: #525252;
    margin: 0 4px;
}

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

.record-pagination a.btn-prev,
.record-pagination a.btn-next {
    display: block;
    width: 32px;
    height: 32px;
    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-go-order-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-bg6.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 1974px;
    height: 756px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dia-go-order-content {
    width: 741px;
    position: absolute;
    top: 0;
    right: 8px;
    padding-top: 56px;
}

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

.dia-go-order-content .text {
    font-size: 30px;
    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: 46px 0 56px;
}

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

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

/* .go-order-code1 .order-code-hide::before {
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    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: 38px;
    height: 38px;
    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: 38px;
    height: 38px;
    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: 160px;
    height: 160px;
    margin: 0 auto;
    object-fit: cover;
}

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

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


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

.dia-enter-code-input {
    display: block;
    width: 646px;
    height: 81px;
    margin: 0 auto 30px;
    background-color: #000000;
    border: none;
    outline: none;
    font-size: 34px;
    color: #ff6c20;
    line-height: 81px;
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 20px;
}


.dia-order-tips-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-bg8.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 1440px;
    height: 405px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 54px;
    padding-left: 824px;
}

.dia-order-tips-title {
    width: 293px;
    height: 185px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-order-tips-title.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin: 0 auto 30px;
}

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

.dia-bind-tips-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0 0;
}

.dia-bind-tips-btns a {
    display: block;
    width: 556px;
    height: 137px;
    margin: 0 20px;
    font-size: 48px;
    color: #ffffff;
    line-height: 137px;
    font-weight: bold;
    text-align: center;
    padding-left: 116px;
    box-sizing: border-box;
}

.dia-bind-tips-btns a.dia-btn1 {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/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/dia/dia-bind-tips-btn2.png) no-repeat 0 0;
    background-size: 100% 100%;
    color: #010101;
    padding-left: 94px;
}

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

.dia-privacy-protection-content {
    width: 1150px;
    height: 430px;
    margin: 0 auto;
    font-size: 22px;
    color: #1b1d1f;
    line-height: 1.9;
}

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

.dia-privacy-protection-desc {
    display: block;
    width: 1132px;
    height: 52px;
    margin: 20px auto 0;
    font-size: 24px;
    color: #000000;
    line-height: 52px;
    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-bind-region-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-bg1.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 1320px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 60px;
    padding-bottom: 60px;
}

.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: 50px !important;
    color: #000000 !important;
    line-height: 56px !important;
}

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

.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: 291px;
    height: 86px;
    margin: 0 20px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-btn-bg.png) no-repeat 0 0 !important;
    background-size: 100% 100%;
    font-size: 30px;
    color: #ffffff !important;
    line-height: 86px;
    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: 291px;
    height: 86px;
    margin: 0 20px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-btn-bg2.png) no-repeat 0 0 !important;
    background-size: 100% 100%;
    font-size: 30px;
    color: #ffffff !important;
    line-height: 86px;
    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: 988px !important;
    margin: 30px auto !important;
    padding: 0px !important;
    position: relative !important;
    font-size: 20px !important;
}

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

.dia-bind-region .milo-item select {
    width: 988px;
    height: 77px;
    margin: 0 auto 16px;
    background-color: #000;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-size: 27px !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 16px center;
    background-size: 24px 20px;
    padding: 0 50px 0 20px !important;
}

.dia-rules-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-bg11.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 1380px;
    height: 692px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 60px;
}

.dia-rules-content {
    width: 1240px;
    height: 486px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 10px;
}

.dia-rules-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.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: 26px;
    color: #1b1d1f;
    font-weight: bold;
    margin-bottom: 16px;
    line-height: 1.3;
}

.dia-rules-list .text {
    font-size: 22px;
    color: #1b1d1f;
    margin-bottom: 16px;
    line-height: 1.5;
}

.dia-rules-list .text p {
    margin-bottom: 16px;
}

.dia-rules-list .text p b {
    font-weight: bold;
}

.dia-rules-list .text p.p-left {
    padding-left: 40px;
    /* text-indent: 2em; */
}

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

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

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

.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: 790px;
    height: 595px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 50px;
}

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

.dia-icon-pool-img {
    width: 301px;
    height: 301px;
    margin: 0 auto 22px;
    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: 40px;
    color: #000000;
    line-height: 1.3;
    text-align: center;
}

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

.dia-skin-pool-bg .dia-title-text {
    margin: 0 auto 16px;
}

.dia-pool-tips {
    width: 1366px;
    margin: 0 auto;
    font-size: 30px;
    color: #484848;
    margin-bottom: 36px;
    line-height: 1.3;
    border-top: 1px solid #371706;
    padding-top: 16px;
    text-align: center;
}

.dia-skin-pool-content {
    width: 1506px;
    height: 626px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 auto;
    padding-left: 70px;
    box-sizing: border-box;
}

.dia-skin-pool-content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.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: 1420px;
    display: flex;
    flex-wrap: wrap;
}

.dia-skin-pool-item {
    width: 254px;
    height: auto;
    margin-right: 24px;
    margin-bottom: 27px;
}

.dia-skin-pool-img {
    width: 254px;
    height: 405px;
    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: 62px;
    font-size: 20px;
    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 10px;
}


.dia-invite-letter-bg {
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/dia-bg14.png) no-repeat 0 0;
    background-size: 100% 100%;
    width: 1974px;
    height: 756px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 1226px;
    padding-right: 8px;
}

.dia-invite-letter-bg img {
    display: block;
    width: 30px;
}

.invite-letter-friend {
    width: 1162px;
    height: auto;
    position: absolute;
    bottom: 48px;
    left: 60px;
}

.letter-title {
    width: 505px;
    height: 313px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/letter-title1.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: relative;
    left: -34px;
    top: 20px;
}

.invite-letter-friend.on .letter-title {
    width: 735px;
    height: 174px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/letter-title2.png) no-repeat 0 0;
    background-size: 100% 100%;
    top: 40px;
}

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

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

.letter-friend-msg {
    width: 319px;
    height: 54px;
    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%;
}

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

.letter-friend-msg1 .name {
    left: -20px;
}

.letter-friend-msg2 .name {
    width: 208px;
    left: 30px;
}

.letter-friend-text {
    font-size: 41px;
    color: #dddddd;
    line-height: 1.2;
    padding-left: 20px;
    position: relative;
    top: -2px;
}

.letter-friend-text span {
    font-size: 74px;
    color: #ff5e00;
    margin: 0 10px;
    font-family: 'sellnum-1';
}

.letter-friend-msg .head {
    width: 72px;
    height: 72px;
    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: 40px;
}

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

.dia-invite-letter-content .text {
    font-size: 32px;
    color: #000000;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 66px;
}

.invite-letter-msg {
    width: 612px;
    height: 257px;
    margin: 0 auto 32px;
    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: 114px;
    height: 116px;
    margin: -40px auto 10px;
    position: relative;
}

.invite-letter-msg .head-mask {
    width: 128px;
    height: 128px;
    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: 114px;
    height: 116px;
    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: 28px;
    color: #000000;
    text-align: center;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.invite-letter-msg .code {
    width: 100%;
    height: 48px;
    font-size: 38px;
    color: #c04911;
    text-align: center;
    font-weight: bold;
    line-height: 48px;
    background: url(//game.gtimg.cn/images/lol/act/a20260712classic/dia/invite-letter-code.png) no-repeat center center;
    background-size: 508px 11px;
    padding: 15px 0 15px;
}

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

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

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

.dia-region-all-content {
    width: 1280px;
    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: 523px;
    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: 26px;
    color: #000000;
    text-align: center;
    position: relative;
}

.dia-region-all-item::after {
    content: '';
    display: block;
    width: 1px;
    height: 523px;
    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: 48px;
    line-height: 48px;
    background-color: #682e12;
    color: #eee0b4;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}

.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: 48px;
    line-height: 48px;
    position: relative;
}

.dia-region-all-tips{
    width: 100%;
    height: 58px;
    line-height: 58px;
    font-size: 20px;
    color: #424242;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
}

.button-box {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 22222;
}

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

/* 支持渐变字 */
@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;
    }

}

@media (prefers-reduced-motion: reduce) {
    .scroll-content {
        will-change: auto;
    }
}