/* reset */
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5 { margin: 0; padding: 0 }
em { font-style: normal; }
a,img,input { border: none; }
body { font: 14px/1.75 -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-tap-highlight-color: rgba(255,255,255,0); padding-top: 0 !important; background-color: #000; }
a { text-decoration: none; }
ul,li { list-style: none }
a,img { -webkit-touch-callout: none; -webkit-touch-callout: default; }
html,body { height: 100%; -webkit-user-select: none; user-select: none; }
/* reset end */
html { font-size: 50px; font-size: 13.33333333vw; /* 7.5rem === 100vw */ }
.wrap { position: relative; margin: 0 auto; width: 100%; height: 100%; overflow: hidden; transform: translate3d(0,0,0); }
/* ±³¾° */
/* ±³¾° */
.my-swiper-bg { position: absolute; top: 0; height: 100%; overflow: hidden; z-index: 1; width: 100%; }
/* .my-swiper-bg::before{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #1a1a1a; opacity: 0.4; z-index: 2; }
 */
.my-swiper-bg .bg { background: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/m/bg1.jpg") no-repeat center top; height: 100%; width: 100%; margin: auto; background-size: cover; z-index: 0; position: absolute; }
.my-swiper-bg .bg2 { background: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/m/bg2.jpg") no-repeat center top; height: 100%; width: 100%; margin: auto; background-size: cover; z-index: 0; position: absolute; }
.my-swiper-bg .bg3 { background: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/m/bg3.jpg") no-repeat center top; height: 100%; width: 100%; margin: auto; background-size: cover; z-index: 0; position: absolute; }
.my-swiper-bg .swiper4 { width: 100%; height: 100%; margin: auto; z-index: 0; position: absolute; }
.my-swiper-bg .bg4-1 { background: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/m/bg4_1.jpg") no-repeat center top; height: 100%; width: 100%; margin: auto; background-size: cover; }
.my-swiper-bg .bg4-2 { background: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/m/bg4_2.jpg") no-repeat center top; height: 100%; width: 100%; margin: auto; background-size: cover; }
.my-swiper-bg .bg4-3 { background: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/m/bg4_3.jpg") no-repeat center top; height: 100%; width: 100%; margin: auto; background-size: cover; }
.my-swiper-bg .bg5 { background: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/m/bg5.jpg") no-repeat center top; height: 100%; width: 100%; margin: auto; background-size: cover; z-index: 0; position: absolute; }
.my-swiper-bg-next { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/icon4.png') no-repeat; transform-origin: right center; width: 102px; height: 92px; display: block; position: absolute; top: 0; bottom: 0; right: 120px; margin: auto; z-index: 99; cursor: pointer; display: none !important; }
.my-swiper-bg-prev { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/icon18.png') no-repeat; transform-origin: left center; width: 102px; height: 92px; display: block; position: absolute; top: 0; bottom: 0; left: 120px; margin: auto; z-index: 99; cursor: pointer; display: none !important; }
/* ±³¾°2 */
.dom-bg2 { background: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/bg5.jpg") no-repeat center top; height: 100%; width: 100%; margin: auto; position: absolute; top: 0; left: 0; }
.dom-bg2.on { background: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/bg5.jpg") no-repeat center top; height: 100%; width: 100%; background-size: cover; background-size: 100% 100%; }
.dom-bg2 video { width: 100%; height: 100%; object-fit: cover; }
.dom-bg3 { pointer-events: none; opacity: 1; height: 100%; width: 100%; height: 100%; width: 100%; margin: auto; position: absolute; top: 0; left: 0; background-size: cover; z-index: 3; background-size: 100% 100%; }
.dom-bg3 video { width: 100%; height: 100%; object-fit: cover; }
/* µ¼º½ */
.tab { position: absolute; z-index: 99; width: 100%; height: auto; top: 0; transform-origin: top center; }
.btn-close { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/btn-close.png') no-repeat; width: 62px; height: 63px; position: absolute; top: 30px; right: 30px; }
.tab.on::before { content: ''; position: absolute; width: 3px; height: 416px; top: 100px; left: 0; right: 0; margin: auto; background: #474747; }
.tab .tab-box .tab-nav { display: none; }
.tab.on .tab-nav { display: block; }
.tab .tab-box { width: 100%; margin: auto; position: relative; height: 151px; display: flex; align-items: center; justify-content: center; font-family: 'note_sans_sc'; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/tab_bg.png') no-repeat; }
.tab .tab-box .btn-review { width: 75px; position: absolute; height: 112px; position: absolute; bottom: 20px; left: 240px; text-align: center; font-size: 20px; color: #fff; }
.tab .tab-box .btn-review .icon1 { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/icon1.png') no-repeat; width: 69px; height: 74px; display: block; margin: auto; }
.tab .tab-box .btn-review span { margin-top: 10px; display: block; font-size: 24px; font-weight: bold; }
.tab .tab-box .btn-leave { width: 75px; position: absolute; height: 112px; position: absolute; bottom: 20px; left: 60px; text-align: center; font-size: 20px; color: #fff; right: 0; margin: auto; transform: translateX(75px); }
.tab .tab-box .btn-leave .icon2 { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/icon2.png') no-repeat; width: 69px; height: 74px; display: block; margin: auto; }
.tab .tab-box .btn-leave span { margin-top: 10px; display: block; font-size: 24px; font-weight: bold; }
.tab .tab-box ul { display: block; width: 100%; background: #101010; height: 420px; position: absolute; top: 100px; left: 0; flex-wrap: wrap; }
.tab .tab-box ul .tab-item { width: 374px; text-align: left; color: #ffffff; font-size: 22px; cursor: pointer; height: 90px; position: relative; line-height: 90px; padding-left: 40px; box-sizing: border-box; }
.tab .tab-box ul .tab-item.act::after { content: ''; position: absolute; left: 0; width: calc(100% - 40px); height: 5px; background: #fc2659; right: 0; bottom: 0; margin: auto; }
.tab .tab-box ul li:nth-child(5) { position: absolute; right: 0; top: 0; }
.tab .tab-box ul li:nth-child(6) { position: absolute; right: 0; top: 90px; }
.tab .tab-box ul li:nth-child(7) { position: absolute; right: 0; top: 180px; }
.tab .tab-box ul li:nth-child(8) { position: absolute; right: 0; top: 270px; }
/* ÄÚÈÝ */
.content { width: 100%; margin: auto; height: 100%; position: absolute; z-index: 4; transform-origin: center; margin: auto; }
.content.on { pointer-events: none; }
.main1 { position: absolute; height: 100%; width: 100%; transform-origin: bottom center; margin: auto; bottom: 0; z-index: 2; }
.main1-box.box3 .main1-tit { color: #6f4acc; }
.main1-box.box3 .main1-tit-x { color: #6f4acc; }
.main1-box.box3 .main1-tit-x .icon6 { right: 154px; }
.main1-box.box4 .main1-tit { color: #c5b174; }
.main1-box.box4 .main1-tit-x { color: #c5b174; }
.main1-box.box2 .main1-tit { color: #edfa53; }
.main1-box.box2 .main1-tit-x { color: #edfa53; ; }
.main1-box.box2 .main1-tit-x .icon6 { right: 154px; }
.main1-box { height: auto; position: absolute; bottom: 50px; left: 0; width: 100%; text-align: center; width: 100%; margin: auto; }
.main1-tit { color: #c5b176; font-size: 78px; font-family: 'hy_ling_xin'; line-height: 100px; text-align: left; width: 600px; margin: auto; }
.main1-logo { width: 579px; height: 404px; display: block; position: absolute; bottom: 490px; left: 0; right: 0; margin: auto; }
.main1-logo.logo1 { content: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/logo1.png'); }
.main1-logo.logo3 { bottom: 390px; }
.main1-tit-x { text-align: right; font-size: 49px; width: 630px; margin: auto; font-family: 'hy_ling_xin'; color: #c5b176; position: relative; margin: 0 auto 30px; }
.main1-tit-x .icon5 { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/icon5.png') no-repeat; width: 96px; height: 7px; position: absolute; right: 210px; top: 0; bottom: 0; margin: auto; }
.main1-tit-x .icon6 { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/icon6.png') no-repeat; width: 158px; height: 8px; position: absolute; right: 210px; top: 0; bottom: 0; margin: auto; }
.main1-tit-x .icon7 { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/icon7.png') no-repeat; width: 96px; height: 7px; position: absolute; right: 210px; top: 0; bottom: 0; margin: auto; }
.main1-txt { width: 655px; padding: 0 26px; margin: auto; position: relative; display: flex; color: #e2e2e2; font-size: 24px; line-height: 1.75; font-family: 'Noto Sans SC',sans-serif; height: 230px; display: flex; align-items: center; justify-content: center; }
.main1-txt::before,.main1-txt::after { content: ''; position: absolute; width: 26px; height: 230px; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/icon8-230.png'); bottom: 0; margin: auto; }
.main1-txt::before { left: 0; }
.main1-txt::after { right: 0; transform: rotate(180deg); }
.main2 { position: absolute; height: 1070px; left: 0; bottom: 0; width: 100%; z-index: 2; }
.main2 .logo { width: 690px; height: 577.84px; z-index: 1; margin: 0 auto 40px; display: block; font-size: 0; line-height: 0; }
.main2 .logo img { width: 100%; height: 100%; }
.main2 .logo5 { display: none; }
.main2 .logo6 { display: none; }
.main2 .main2-box { height: 875px; ; width: 100%; transform-origin: bottom center; width: 750px; }
.main2 .main2-title { color: #e73056; font-size: 65px; line-height: 1; font-family: 'found'; font-weight: bold; text-align: center; width: 650px; height: 65px; margin: auto; }
.main2 .main2-txt { color: #e2e2e2; font-size: 24px; line-height: 1.75; font-family: 'Noto Sans SC',sans-serif; text-align: center; display: flex; align-items: center; justify-content: center; height: 230px; width: 655px; padding: 0 26px; margin: 40px auto 0; position: relative; }
.main2 .main2-txt::before,.main2 .main2-txt::after { content: ''; position: absolute; width: 26px; height: 230px; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/icon8-230.png'); bottom: 0; margin: auto; }
.main2 .main2-txt::before { left: 0; }
.main2 .main2-txt::after { right: 0; transform: rotate(180deg); }
.main3 { position: absolute; height: 1090px; left: 0; top: 125px; width: 100%; z-index: 2; bottom: 0; margin: auto; }
.main3 .main3-left { height: 130px; top: 0; width: 750px; box-sizing: border-box; padding: 0 10px; position: absolute; transform-origin: left bottom; }
.main3 .main3-swiper .swiper-slide { width: 100%; height: 130px; cursor: pointer; display: flex; justify-content: right; }
.main3 .main3-swiper .swiper-slide.swiper-slide-active { background: #fc2659; }
.main3 .main3-swiper .swiper-slide.swiper-slide-active .swiper-item { background: none; }
.main3 .main3-swiper .swiper-slide.swiper-slide-active::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 7px; background: #ffffff; }
.main3 .main3-swiper .swiper-item { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 250px; height: 125px; background: #090909; }
.main3 .main3-swiper { height: 130px; overflow: hidden; margin: auto; width: 640px; }
.main3 .main3-swiper img { transform: translateY(10px); }
.main3 .main3-swiper span { text-align: center; width: 100%; display: block; color: #fff; font-family: 'found'; }
.main3 .swiper-button-prev { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/icon9.png') no-repeat; width: 61px; height: 30px; top: 45px; bottom: unset; left: 0; margin: auto; transform: rotate(90deg); }
.main3 .swiper-button-next { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/icon9.png') no-repeat; width: 61px; height: 30px; top: unset; bottom: 45px; right: 0; margin: auto; transform: rotate(-90deg); }
.main3 .swiper-button-prev::after,.main3 .swiper-button-next::after { display: none; }
.main3 .main3-right { width: 750px; height: 254px; position: absolute; bottom: 0; margin: auto; transform-origin: bottom right; }
.main3 .main3-role-info { width: 606px; height: 100px; margin: auto; position: absolute; z-index: 1; bottom: 190px; left: 0; right: 0; }
.main3 .main3-role-info>div:nth-child(1) { position: absolute; top: 0px; justify-content: space-between; height: 188px; width: 100%; display: flex; font-size: 28px; color: #fc2659; line-height: 70px; }
.main3 .main3-role-info>div:nth-child(1) span { color: #ffffff; font-size: 40px; font-weight: bold; }
.main3 .main3-role-info>div:nth-child(1) p { display: flex; align-items: center; }
.main3 .main3-role-info div.drg-logo-6 p span,.main3 .main3-role-info div.fpx-logo-5 p span,.main3 .main3-role-info div.wol-logo-1 p span { font-size: 32px; }
.main3 .main3-x-title { color: #fc2659; font-size: 20px; }
.main3 .age-num { font-size: 64px; font-family: 'note_sans_sc'; color: #fff; margin-top: -20px; margin-bottom: 40px; }
.main3 .hero-box { display: flex; color: #f0eae2; font-family: 'note_sans_sc'; width: 200px; align-items: center; position: absolute; right: 0; bottom: 180px; height: 170px; padding-top: 5px; box-sizing: border-box; justify-content: space-between; text-align: center; }
.main3 .hero-box .main3-x-title { position: absolute; top: 0; left: 0; }
.main3>.main3-x-title:nth-child(3) { position: absolute; left: 0; bottom: 110px; }
.main3 .hero-img { width: 89px; height: 89px; }
.main3 .main3-weapons { color: #f0eae2; font-family: 'note_sans_sc'; font-size: 64px; margin-top: -20px; }
.main3 .role-box { width: 100%; height: 840px; margin: 0 auto; position: absolute; right: 0; left: 0; margin: auto; bottom: 100px; }
.main3 .role-box img { left: -133px; margin: auto; width: 79; height: 796px; width: auto; position: absolute; mask: linear-gradient(to bottom,#000 0 83%,transparent 95% ); }
.main3 .main3-role-swiper { width: 610px; height: 140px; overflow: hidden; margin: auto; }
.main3 .main3-role-swiper::before { content: ''; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/icon10.png') no-repeat; width: 691px; height: 14px; position: absolute; left: 0; right: 0; top: -20px; margin: auto; }
.main3 .main3-role-swiper .swiper-slide { width: 140px; height: 140px; }
.main3 .main3-role-swiper .swiper-slide.on .figure-bg { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/figure_bg_act.png') no-repeat; }
.main3 .figure-bg { display: flex; align-items: center; justify-content: center; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/figure_bg.png') no-repeat; width: 140px; height: 140px; margin: auto; }
.main3 .figure-bg .figure-hidder { width: 128px; height: 128px; overflow: hidden; position: relative; }
.main3 .figure-bg .figure-hidder img { width: 100%; height: auto; position: absolute; bottom: 0; }
.main3 .main3-right .swiper-button-prev { transform: rotate(90deg); left: 0; top: 0; bottom: 0; margin: auto; right: unset; }
.main3 .main3-right .swiper-button-next { transform: rotate(-90deg); right: 0; left: unset; top: 0; bottom: 0; margin: auto; }
.main3 .main3-right .swiper-button-prev::after,.main3 .main3-right .swiper-button-next::after { display: none; }
.main3 .main3-figure { width: 710px; height: 140px; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; }
/* main4 */
.main4 { position: absolute; height: 100%; left: 0; top: 0; bottom: 0; margin: auto; width: 100%; z-index: 2; }
.main4 .login-box { position: absolute; left: 100px; top: -50px; font-size: 20px; }
.main4 .login-box a { color: #f2f2f2; display: block; text-decoration: underline; }
.main4 .logo5 { background: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/logo5.png") no-repeat; transform-origin: right; width: 242px; height: 87px; z-index: 1; position: absolute; font-size: 0; top: 0; bottom: 0; right: 50px; margin: auto; display: none; }
.main4 .logo6 { background: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/logo5.png") no-repeat; transform-origin: left; width: 242px; height: 87px; z-index: 1; position: absolute; font-size: 0; top: 0; bottom: 0; left: 50px; margin: auto; display: none; }
.main4 .btn-xlck { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/btn_xlck.png') no-repeat; width: 551px; height: 35px; display: block; position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; z-index: 9999; }
.main4 .main4-reward { position: absolute; right: 0; left: 0; margin: auto; height: 595px; bottom: 20px; }
.main4 .main4-reward-box { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/main4_reward_box.png') no-repeat; width: 562px; height: 388px; display: flex; align-items: center; justify-content: center; margin: auto; }
.main4 .main4-reward-box img { transform: scale(1.3); }
.main4 .btn-lqdj { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/btn-lqdj.png') no-repeat; width: 559px; height: 97px; text-align: center; line-height: 97px; color: #f2f2f2; font-size: 29px; margin: 50px auto 0; display: block; }
.main4 .btn-lqdj.gray { filter: grayscale(1); }
.main4 .lottery-box p { color: #f2f2f2; font-size: 24px; opacity: 0.8; height: 55px; line-height: 55px; text-align: center; }
.main4 .countdown-box { width: 690px; margin: auto; height: 255px; margin: 0 auto 100px; }
.main4 .countdown-txt { width: 690px; font-size: 36px; color: #f2f2f2; text-align: center; height: 230px; margin-bottom: 50px; }
.main4 .countdown-txt::before { content: ''; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/icon99.png') no-repeat; width: 31px; height: 224px; position: absolute; right: 28px; top: 5px; }
.main4 .countdown-txt::after { content: ''; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/icon99.png') no-repeat; width: 31px; height: 224px; position: absolute; left: 28px; top: 5px; transform: rotate(180deg); }
.main4 .countdown-txt em { font-size: 90px; display: block; transform: translateY(60px); margin-top: -60px; white-space: nowrap; }
.main4 .countdown-txt span { font-family: 'found'; color: #49ffd3; font-size: 70px; }
.main4 .btn-screenshot { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/btn-lqdj.png') no-repeat; width: 559px; height: 97px; text-align: center; line-height: 97px; color: #f2f2f2; font-family: 'note_sans_sc'; display: block; font-size: 29px; margin: 100px auto 0; }
.main4-content { width: 690px; height: 1080px; position: absolute; left: 0; right: 0; margin: auto; top: 150px; }
.countdown-Screenshot { height: 230px; width: 690px; margin: auto; left: 0; right: 0; }
.main4-content2 { height: 835px; position: absolute; margin: auto; top: 0; width: 690px; left: 0; right: 0; bottom: 0; margin: auto; }
.content2-title { font-size: 28px; color: #fc2659; text-align: center; font-weight: bold; display: flex; align-items: center; justify-content: center; }
.content2-title.c-title3 { margin-top: 50px; }
.content2-title span { color: #fff; font-size: 22px; display: inline-block; margin-left: 20px; font-weight: 500; }
.content2-item2 { width: 690px; margin: 0 auto 0; display: flex; justify-content: space-between; overflow: hidden; }
.content2-box { display: block; width: 691px; height: 351px; margin: 0 auto; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/content2-box.png') 0 0/100% 100% no-repeat; }
.content2-box img { color: #fff; font-size: 22px; display: block; width: 100%; height: 100%; }
.content2-box .content2-info { color: #dc3030; font-size: 18px; font-weight: bold; position: absolute; width: 244px; left: 20px; bottom: 0; }
.content2-box .content2-info span { font-family: 'found'; display: block; font-size: 82px; color: #fff; height: 80px; line-height: 47px; }
.content2-box .content2-info::before { content: ''; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/icon12.png') no-repeat; width: 25px; height: 26px; position: absolute; bottom: 25px; right: -3px; margin: auto; opacity: 1; }
.main4-content2 .swiper-button-next,.main4-content2 .swiper-button-prev { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/btn-left.png') no-repeat; width: 60px; height: 55px; bottom: 235px; top: initial; }
.main4-content2 .swiper-button-next { right: -20px; }
.main4-content2 .swiper-button-prev { left: -20px; transform: rotate(180deg); }
.main4-content2 .swiper-button-next:after,.main4-content2 .swiper-button-prev:after { display: none; }
.main4-content2.hide-suit .content2-box.box1,.main4-content2.hide-suit .content2-title.c-title3,.main4-content2.hide-suit .swiper-button-prev,.main4-content2.hide-suit .swiper-button-next { display: none; }
.main4-content2.hide-suit .swiper-wrapper { height: initial; flex-direction: column; }
.main4-content2.hide-suit .content2-box.box2:first-child { margin-bottom: 50px; }
.main4-ani-dom { position: absolute; left: 0; right: 0; margin: auto; bottom: -5000px; transition: 1s; height: 100%; }
.main5 { position: absolute; height: 100%; left: 0; top: 0; bottom: 0; margin: auto; width: 100%; z-index: 2; }
.main5-content { width: 690px; position: absolute; height: 1075px; margin: auto; left: 0; right: 0; top: 180px; }
.main5-content .main5-left { width: 690px; height: 520px; }
.main5-content .main5-right { width: 690px; height: 770px; }
.main5-content .main5-right .main5-title { margin-top: 20px; }
.main5 .main5-title { color: #f2f2f2; font-size: 40px; font-family: 'hy_ling_xin'; }
.main5 .main5-live-box { display: flex; width: 690px; height: 460px; position: relative; background: #000; }
.main5 .main5-live-box::after { content: ''; z-index: 1; ; position: absolute; left: 0; top: 0; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/img6-border.png') no-repeat; width: 690px; height: 460px; }
.main5 .main5-live-box img,.main5 .main5-live-box video { display: block; width: 690px; height: 460px; }
.main5 .main5-live-box p { color: #fff; font-size: 28px; line-height: 34px; font-weight: bold; text-align: center; display: flex; justify-content: center; align-items: center; width: 596px; height: 75px; box-sizing: border-box; padding: 0 22px; position: absolute; z-index: 2; bottom: 12px; left: 0; right: 0; margin: 0 auto; }
.main5 .main5-live-box p::before,.main5 .main5-live-box p::after { content: ""; display: block; width: 20px; height: 75px; background: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/img6-text-icon.png") 0 0/100% 100% no-repeat; position: absolute; bottom: 0; }
.main5 .main5-live-box p::before { left: 0; }
.main5 .main5-live-box p::after { right: 0; transform: rotateY(180deg); }
.main5 .live-swiper { width: 690px; overflow: hidden; margin-top: 20px; }
.main5 .live-swiper .swiper-slide { width: 177px; height: 111px; }
.main5 .live-swiper .swiper-wrapper { width: 690px; display: flex; justify-content: space-between; }
.main5 .live-swiper .swiper-wrapper img { width: 177px; height: 111px; }
.main5 .live-swiper .swiper-slide::before { content: ''; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/icon14.png') no-repeat; position: absolute; left: 0; top: 0; width: 177px; height: 111px; background-size: 100% 100%; }
.main5 .live-swiper .swiper-slide::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; right: 0; background: #000000; opacity: 0.5; }
.main5 .live-swiper .swiper-slide.swiper-slide-active::before { content: ''; z-index: 1; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/icon14_act.png') no-repeat; position: absolute; left: 0; top: 0; background-size: 100% 100%; }
.main5 .live-swiper .swiper-slide.swiper-slide-active::after { display: none; }
.main5 .main5-right-box .calendar-box { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/calendar_box.png') no-repeat; width: 690px; height: 459px; position: relative; }
.main5 .main5-right-box .calendar-box2 { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/calendar_box2.png') no-repeat; width: 690px; height: 460px; position: relative; }
.main5 .calendar-title { color: #f2f2f2; font-size: 32px; font-family: 'hy_ling_xin'; text-align: center; height: 85px; line-height: 85px; }
.main5 .calendar-info { color: #f2f2f2; display: flex; justify-content: space-between; font-family: 'hy_ling_xin'; font-size: 24px; padding: 0 20px; }
.main5 .calendar-schedule { position: absolute; left: 10px; margin: auto; top: 160px; }
.main5 .calendar-schedule { content: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/calendar1.png'); }
.main5-right .swiper-button-next { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/btn-left.png') no-repeat; width: 60px; height: 55px; bottom: 150px; top: unset; right: -20px; }
.main5-right .swiper-button-prev { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/btn-left.png') no-repeat; width: 60px; height: 55px; transform: rotate(180deg); bottom: 150px; top: unset; left: -20px; }
.main5-right .swiper-button-next::after,.main5-right .swiper-button-prev::after { display: none; }
.main5 .calendar-title span { display: inline-block; width: auto; position: relative; }
.main5 .calendar-title span::before { content: ''; width: 100%; height: 1px; width: 14px; height: 55px; ; position: absolute; left: -30px; top: 0; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/icon15.png') no-repeat; margin-top: 10px; bottom: 0; margin: auto; }
.main5 .calendar-title span::after { content: ''; width: 100%; height: 1px; width: 14px; height: 55px; ; position: absolute; right: -30px; top: 0; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/icon15.png') no-repeat; margin-top: 10px; bottom: 0; margin: auto; transform: rotate(180deg); }
.main5 .calendar-box2 .calendar-schedule { top: unset; left: 0; bottom: 20px; content: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/calendar2.png'); }
/* ×ÖÌå */
@font-face { font-family: 'hy_ling_xin'; src: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/font/hy_ling_xin.ttf"); }
@font-face { font-family: 'note_sans_sc'; src: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/font/note_sans_sc1.ttf"); }
@font-face { font-family: 'found'; src: url("//game.gtimg.cn/images/vct/act/a20240205vctcn/font/found.ttf"); }
video { display: none !important; }
.my-swiper-bg .swiper-wrapper .videoBg::before { content: ''; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/main-befor.png') no-repeat; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; height: 874px; z-index: 1; }
.my-swiper-bg .swiper-wrapper .videoBg::before { content: ''; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/main-befor.png') no-repeat; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; height: 874px; z-index: 1; }
.my-swiper-bg .swiper-wrapper .videoBg::before { content: ''; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/main-befor.png') no-repeat; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; height: 874px; z-index: 1; }
.my-swiper-bg .swiper-wrapper .videoBg::before { content: ''; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/m/main-befor.png') no-repeat; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; height: 874px; z-index: 1; }
.swiper-container-fade  .swiper-slide .main3-swiper  .swiper-slide { pointer-events: auto; }
.swiper-container-fade  .swiper-slide .main3-role-swiper  .swiper-slide { pointer-events: auto; }
.swiper-container-fade  .swiper-slide .live-swiper  .swiper-slide { pointer-events: auto; }
.jsmpeg-box { width: 100%; height: 100%; position: absolute !important; top: 0; left: 0; opacity: 0; pointer-events: none; display: none; z-index: 1111; }
.jsmpeg-box.on { opacity: 1; }
.jsmpeg>div { display: none !important; }
.bg5 .jsmpeg { opacity: 1; }
.canvas-txt { position: absolute; bottom: -50px; color: #d4c8c8; text-align: center; width: 100%; font-size: 20px; }
.m5-swiper { height: 460px; width: 690px; overflow: hidden; }
.pc-bg { display: none; }
.btn-sl { background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/icon55.png') no-repeat; left: 0; right: 0; bottom: -100px; margin: auto; background-size: 100% 100%; width: 47px; height: 47px; display: block; position: absolute; }
.pop { position: absolute; z-index: 999999; width: 100%; height: 100%; background: rgba(0,0,0,0.8); top: 0; left: 0; }
.pop .pop-canvas { width: 690px; height: 388px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.pop .pop-content { width: 690px; height: 388px; position: absolute; }
.btn-close-pop { position: absolute; background: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/canvas-close.png') no-repeat; width: 76px; height: 76px; top: 15px; right: 15px; z-index: 99999; }
.pop .pop-canvas canvas { position: absolute; top: 999999999999999px; left: 999999999999999px; pointer-events: none; }
/* .canvas1{opacity: 0; transition: 1s; }.canvas1.on{opacity: 1; }
 */
.canvas2 { opacity: 0; transition: 1s; }
.canvas2.on { opacity: 1; }
.canvas3 { opacity: 0; transition: 1s; }
.canvas3.on { opacity: 1; }
.canvas4 { opacity: 0; transition: 1s; }
.canvas4.on { opacity: 1; }
.main4 .btn-lqdj.gray { filter: grayscale(1); pointer-events: none; }
.main3 .role-box::before { content: ""; display: block; width: 640px; height: 640px; background: center/contain no-repeat; position: absolute; z-index: -1; top: 0; left: 0; right: 0; margin: 0 auto; }
.main3 .role-box.ag-logo::before { background-image: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/tx/ag/ag-logo.png'); }
.main3 .role-box.blg-logo::before { background-image: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/tx/blg/blg-logo.png'); }
.main3 .role-box.drg-logo::before { background-image: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/tx/drg/drg.png'); }
.main3 .role-box.edg-logo::before { background-image: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/tx/edg/edg.png'); }
.main3 .role-box.fpx-logo::before { background-image: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/tx/fpx/fpx.png'); }
.main3 .role-box.jdg-logo::before { background-image: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/tx/jdg/jdh.png'); }
.main3 .role-box.nova-logo::before { background-image: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/tx/nova/nova.png'); }
.main3 .role-box.te-logo::before { background-image: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/tx/te/te.png'); }
.main3 .role-box.tec-logo::before { background-image: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/tx/tec/tec.png'); }
.main3 .role-box.tyl-logo::before { background-image: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/tx/tyl/tyl.png'); }
.main3 .role-box.wol-logo::before { background-image: url('//game.gtimg.cn/images/vct/act/a20240205vctcn/tx/wol/wol.png'); }