body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a,a:hover{text-decoration:none}
img{border:0}
body{box-sizing: border-box; background: #08182e;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
ul li{list-style:none;}

.header{width:100%;height:80px;position:fixed;top:0;left:0;z-index:10}
.m_logo_box,.menu_btn{display:none}
.common_nav{display:flex;width:100%;align-items:center;height:80px;background:#000;font-size:14px;line-height:1;color:#7a8e99;font-weight:700;padding:0 0 0 40px;min-width:1400px;position:fixed;left:0;z-index:100;top:0;opacity:1}
.nav-logos{display:flex;justify-content:space-between;align-items:center;width:139px;height:39px}
.nav-logo-valorant{width:45px;height:39px;background:url(//game.gtimg.cn/images/val/act/a20241021viewing/m/logo1.png) no-repeat center/100% 100%;position:relative}
.nav-logo-valorant::after{content:'';display:block;width:3px;height:32px;background-color:#273237;position:absolute;top:50%;right:-30px;margin-top:-16px}
.nav-logo-vct{width:31px;height:34px;background:url(//game.gtimg.cn/images/val/act/a20241021viewing/m/logo2.png) no-repeat center/100% 100%}
.ul_link{margin-left:30px;display:flex;width:850px;min-width:620px;height:100%}
.nav_link a{border-bottom:4px solid transparent;margin:0 15px;padding:32px 15px 26px;display:block;height:100%;color:#7a8e99}
.nav_link.on a{border-color:#c4af79}
.nav_link a:hover{color:#fff}
.download_game{position:absolute;right:0;width:154px;height:100%;display:flex;justify-content:center;align-items:center;color:#ece8e1;text-align:center;background:#ff4655}
.download_game i{width:21px;height:15px;background:url(//game.gtimg.cn/images/val/act/a20241021viewing/m/download_icon.png) no-repeat center/100% 100%;margin-right:4px}

.foot{background:#fff;color:#000;font:12px/20px tahoma,sans-serif;min-width:1050px;margin:0 auto;text-align:left}
.foot_dark{background:#000;color:#494949}
.foot_dark a{color:#494949}
.foot_cpright{padding:15px 20px}
.foot_cpright:after{content:'';display:block;height:0;line-height:0;visibility:hidden;clear:both}
.f_line{margin:0 2px}
.foot_lefts{float:left;display:inline}
.foot_ieg_logo{float:left;width:180px;height:35px;text-indent:-999em;overflow:hidden;margin:10px 0 0 10px;background:url(//game.gtimg.cn/images/js/2018foot/logo/foot-light.png)}
.foot_dark .foot_ieg_logo{background:url(//game.gtimg.cn/images/js/2018foot/logo/foot-dark.png)}
.foot_left{float:left;text-indent:-999em;overflow:hidden;margin:10px 0 0 10px;width:85px;height:35px}
.foot_links{display:inline;float:right;width:682px;list-style:none}
.foot_links li{line-height:20px;overflow:hidden}
.copyright_zh a{padding-right:10px}
.foot_links .link_map{font-size:0}
.foot_links .link_map .f_line:last-child{display:none}
.foot_links .copyright_txt{font-size:10px}
.foot_links .link_map a,.foot_links .link_map span{font-size:12px;color:#494949}
.foot_links li img{vertical-align:middle;margin-right:3px;display:inline}
.foot_ratetext_inner{text-align:center;padding:15px 20px 0;margin:0}
.foot_ratetext+.foot_cpright{padding:0 20px 15px}
#common-footer{position:relative;width:100%;min-width:1430px;left:0;line-height:40px;padding:30px 0;font-size:24px;text-align:center;color:#777;background-color:#000;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:99}
#common-footer #gfooter{max-width:1600px;margin:0 auto}
#common-footer .foot{min-width:auto;text-align:center}
#common-footer .foot_lefts{width:470px;display:flex;flex-direction:column}
#common-footer .foot_links{width:790px;color:#ece8e1;text-align:left}
#common-footer .foot_ieg_logo{display:none}
#common-footer .logo.logo-ieg{-webkit-box-flex:0;-ms-flex:0 0 274px;flex:0 0 274px;height:52px;background-position:0 0}
#common-footer .logo{margin:0 15px;font-size:0;text-indent:-9999em;background-image:url(//game.gtimg.cn/images/val/act/a20241021viewing/m/footer-sprites.png);background-size:274px 106px;background-repeat:no-repeat}
#common-footer a{color:#ece8e1}
#common-footer .foot_left{float:none;width:auto;height:auto;text-indent:0;overflow:hidden}
#common-footer .logo-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#common-footer .logo.logo-riot{-webkit-box-flex:0;-ms-flex:0 0 151px;flex:0 0 151px;height:52px;background-position:0 -59px}
#common-footer .plate-cont{color:#ece8e1;font-size:12px;text-align:left;margin-top:30px}
#common-footer .age-box{position:relative;margin-bottom:30px}
#common-footer .age-box p+p{margin-top:20px}
#common-footer .foot_links li{overflow:unset}
#common-footer .age-icon{background:url(https://game.gtimg.cn/images/val/web202107/ag_w/age-icon.png) no-repeat;width:82px;height:106px;position:absolute;left:-120px}
#common-footer .age-icon .age-text{background-color:#101519;width:709px;padding:40px;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;bottom:150px;left:-80px}
#common-footer .age-icon .age-text::after{content:'';width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:16px solid #101519;position:absolute;bottom:-14px;left:100px}
#common-footer .age-icon .age-text p{line-height:2;font-size:12px;margin:0;color:#fff;text-align:justify}
#common-footer .age-icon:hover .age-text{pointer-events:all;opacity:1;transition:opacity .3s}


@-moz-document url-prefix(){*{scrollbar-width:none;}}


body{overflow-y: auto; min-width: 1200px;}
body::-webkit-scrollbar {width:8px;height:8px;background-color:#2c2f2d;}
body::-webkit-scrollbar-thumb{background-color:#f1bd0e; border: 1px solid #f1bd0e; border-radius:4px;}
body::-webkit-scrollbar-track{background-color:#2c2f2d; border: 1px solid #f1bd0e; border-radius:4px;}

.wrapper-scale{position: relative; overflow: hidden;}
.wrapper-scale .wrapper{ transform-origin: 0 0;}
.wrapper *{-webkit-box-sizing: border-box; box-sizing: border-box;}
.wrapper{position:relative; overflow:hidden; width: 100%; transition:opacity .2s cubic-bezier(.215,.61,.355,1); opacity: 0; padding-top: 78px;}
.wrapper .main{width: 1580px; margin: 0 auto; position: relative; z-index: 2;}
.wrapper img{display: block;}
.wrapper .hid{text-indent:-9999px;font-size:0px;overflow:hidden;width:0px;height:0px;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:" ";font-size:0}
.clearfix{*zoom:1}

.spr{ background:url(//game.gtimg.cn/images/val/act/a20241021viewing/pc/spr.png) no-repeat;}
.spr.btn-buy{ width:904px; height:64px; background-position:-2px -2px;}
.spr.btn-close{ width:34px; height:35px; background-position:-944px -147px;}
.spr.btn-define{ width:330px; height:61px; background-position:-662px -233px;}
.spr.btn-f5{ width:129px; height:31px; background-position:-825px -84px;}
.spr.btn-receive.gray{ width:733px; height:53px; background-position:-2px -68px;}
.spr.btn-receive{ width:733px; height:53px; background-position:-2px -123px;}
.spr.btn-receive.undone{ width:733px; height:53px; background-position:-2px -178px;}
.spr.btn-video{ width:82px; height:80px; background-position:-908px -2px;}
.spr.i-f5{ width:13px; height:13px; background-position:-978px -84px;}
.spr.line{ width:413px; height:5px; background-position:-2px -280px;}
.spr.order{ width:86px; height:42px; background-position:-737px -84px;}
.spr.page3-jd{ width:109px; height:28px; background-position:-869px -117px;}
.spr.stage-state{ width:130px; height:35px; background-position:-737px -128px;}
.spr.tab-after{ width:205px; height:5px; background-position:-737px -165px;}
.spr.time{ width:658px; height:45px; background-position:-2px -233px;}
.spr.tit-left{ width:20px; height:17px; background-position:-956px -84px;}
.spr.tit-right{ width:20px; height:17px; background-position:-737px -172px;}

@font-face {
  font-family: 'num';
  src: url(//game.gtimg.cn/images/val/act/a20241021viewing/font/num.ttf);
}

.page1{ background: url(//game.gtimg.cn/images/val/act/a20241021viewing/pc/bg1.jpg) 50% 0 no-repeat; height: 992px; position: relative; z-index: 2;}
.page2{ background: url(//game.gtimg.cn/images/val/act/a20241021viewing/pc/bg2.jpg) 50% 0 no-repeat; height: 1000px; position: relative; z-index: 1;}
.page3{ background: url(//game.gtimg.cn/images/val/act/a20241021viewing/pc/bg3.jpg) 50% 0 no-repeat; height: 830px; position: relative;}
.page4{ background: url(//game.gtimg.cn/images/val/act/a20241021viewing/pc/bg4.jpg) 50% 0 no-repeat; height: 814px; position: relative;}
.page5{ background: url(//game.gtimg.cn/images/val/act/a20241021viewing/pc/bg5.jpg) 50% 0 no-repeat; height: 1010px; position: relative;}

.page1 .main{height: 100%;}
.page1 .login-box{position: absolute; width: 100%; left: 0; bottom: -134px; font-size: 26px; text-align: justify; color: #fff;}
.page1 .login-box a{ color: #f1bd0e;}

.page2 .main{padding-top: 175px;}
.page2 .live-left{width: 1128px; float: left; display: inline;}
.page2 .live-info{height: 91px; background: url(//game.gtimg.cn/images/val/act/a20241021viewing/pc/live-info.png) 50% 0 no-repeat; position: relative; font-weight: bold;}
.page2 .stage-state{position: absolute; top: 50%; margin-top: -17.5px; color: #f1bd0e; font-size: 17px; left: 38px; line-height: 35px; padding-left: 44px;}
.page2 .live-info p{ color: #f2f2f2; font-size: 28px; line-height: 91px; padding-left: 188px;}
.page2 .live-content{height: 636px; background: #000;}
.page2 .live-content *{box-sizing: content-box;}

.page2 .live-right{width: 440px; float: right; display: inline; height: 726px; background: url(//game.gtimg.cn/images/val/act/a20241021viewing/pc/live-right.png) 50% 0 no-repeat;}
.page2 .live-right-title{ font-size: 28px; color: #f2f2f2; line-height: 60px; font-weight: bold; text-align: center;}
.page2 .live-type{ color: #ece8e1; font-size: 20px; line-height: 30px; text-align: center; margin-top: 12px; height: 47px;}
.page2 .line{display: block; margin: 0 auto;}
.page2 .live-right-tab{font-size: 0; text-align: center; padding-top: 7px;}
.page2 .live-right-tab a{width: 212px; display: inline-block; vertical-align: top; *zoom:1; *display: inline; position: relative; font-size: 16px; color: #939393; line-height: 30px; height: 49px; transition: .3s ease-out color; pointer-events: none;}
.page2 .live-right-tab a.on,.page2 .live-right-tab a:hover{ color: #ece8e1;}
.page2 .live-right-tab i{position: absolute; left: 50%; margin-left: -102.5px; bottom: 0; opacity: 0; transition: .3s ease-out opacity;}
.page2 .live-right-tab a.on i,.page2 .live-right-tab a:hover i{opacity: 1;}

.page2 .live-box{margin-top: 18px; padding-right: 4px;}
.page2 .live-list{padding-left: 8px; height: 527px; overflow-y: auto; display: none;}
.page2 .live-list.show{display: block;}
.page2 .live-list::-webkit-scrollbar {width:6px;height:6px;}
.page2 .live-list::-webkit-scrollbar-track-piece {background-color:#2c2b23;}
.page2 .live-list::-webkit-scrollbar-thumb {background-color:#dab747;}
.page2 .live-list li{width: 417px; margin-bottom: 30px; position: relative;}
.page2 .live-list .live-main{height: 108px; position: relative; padding: 24px 22px 0 124px;}
.page2 .live-li.now .live-main{background: url(//game.gtimg.cn/images/val/act/a20241021viewing/pc/live_now.png) no-repeat;}
.page2 .live-li.notstarted .live-main{background: url(//game.gtimg.cn/images/val/act/a20241021viewing/pc/live_notstarted.png) no-repeat;}
.page2 .live-li.end .live-main{background: url(//game.gtimg.cn/images/val/act/a20241021viewing/pc/live_end.png) no-repeat;}
.page2 .live-li .live-huifang{position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: none;}
.page2 .live-li.end .live-huifang{display: block;}

.page2 .live-li-left{width: 90px; text-align: center; color: #f2f2f2; position: absolute; left: 16px; top: 19px;}
.page2 .live-li-riqi{font-size: 16px; font-family: 'num'; line-height: 18px; font-weight: bold;}
.page2 .live-li-date{font-size: 40px; font-family: 'num'; line-height: 50px; font-weight: bold; margin-top: -6px;}
.page2 .live-li-state{font-size: 16px; line-height: 18px; margin-top: -5px;}

.page2 .live-li-right{position: relative; height: 76px;}
.page2 .live-logo{width: 43px; height: 43px; display: block; margin: 0 auto;}
.page2 .live-logo img{width: 100%; display: block; height: 100%; object-fit: contain;}
.page2 .live-ranks{width: 88px; position: relative; height: 43px;}
.page2 .live-ranks1{float: left; display: inline; text-align: right;}
.page2 .live-ranks2{float: right; display: inline; text-align: left;}
.page2 .live-score{position: absolute; left: 50%; width: 66px; margin-left: -34px; height: 34px; margin-top: -17px; top: 50%; font-size: 20px; text-align: center;}
.page2 .live-score span{display: inline-block; vertical-align: top; *zoom:1; *display: inline; height: 33px; line-height: 33px;}
.page2 .live-score .score{background: #f2f2f2; border-radius:5px; width: 26px; color: #101f3e; font-size: 20px; font-weight: bold; text-decoration: underline;}
.page2 .live-icon{width: 14px; color: #f2f2f2;}
.page2 .live-name{ color: #101f3e; font-size: 16px; line-height: 33px; width: 100%; text-align: center;}

.page2 .live-li.end .score{background: #ede8e0; color: #101f3e;}
.page2 .live-li.end .live-icon{color: #ede8e0;}
.page2 .live-li.end .live-name{color: #ede8e0;}

.page3 .main{padding-top: 209px;}
.page3 .time{ color: #fff; font-size: 18px; text-align: center; line-height: 45px; padding-left: 160px; letter-spacing: 4px;}
.page3 .btn-f5{display: block; margin-top: 72px; color: #f2f2f2; font-size: 16px; line-height: 31px; padding-left: 6px; position: relative;}
.page3 .btn-f5 i{position: absolute; right: 0; top: 50%; margin-top: -6.5px; right: 8px;}
.page3 .btn-f5.rotation{pointer-events: none;}
.page3 .btn-f5.rotation i{-webkit-animation: aniRotation 1s; animation: aniRotation 1s;}
.page3 .gift-list{padding-top: 64px;}
.page3 .gift-list li{float: left; display: inline; width: 732px; padding-left: 42px;}
.page3 .gift-list li:nth-of-type(2){float: right; display: inline;}
.page3 .name{font-size: 38px; line-height: 1; font-weight: bold; color: #fff; width: 334px; border-bottom: 1px solid #53c0c0; height: 90px; padding-top: 26px;}
.page3 .gift-list li:nth-of-type(2) .name{font-size: 33px; padding-top: 0;}
.page3 .task{font-size: 20px; line-height: 26px; color: #fffeeb; margin-top: 17px;}
.page3 .task span{ color: #53c0c0;}
.page3 .jindu{margin-top: 18px; height: 40px; position: relative;}
.page3 .page3-jd{line-height: 28px; color: #101f3e; font-size: 18px; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -14px;}
.page3 .jindu .num{line-height: 40px; font-size: 24px; font-weight: bold; text-align: right; width: 334px; color: #fff;}
.page3 .jindu .num span{ color: #53c0c0;}
.page3 .btn-receive{display: block; margin-left: -42px; margin-top: 61px; color: #172226; font-size: 22px; font-weight: bold; line-height: 53px; text-align: center;}
.page3 .btn-receive.undone,.page3 .btn-receive.gray{ pointer-events: none;}
.page3 .btn-receive.undone{color: #12262c;}
.page3 .btn-receive.gray{ color: #172226;}

.page4 .main{padding-top: 82px;}
.page4 .buy-box{float: left; width: 904px; display: inline; padding-top: 562px;}
.page4 .buy-box a{display: block; margin: 0 auto; line-height: 63px; color: #12262c; font-size: 24px; font-weight: bold; text-align: center;}
.page4 .gift-box{width: 595px; float: right; display: inline; padding-top: 211px;}
.page4 .gift-tips{font-size: 20px; line-height: 28px; color: #fff; height: 130px; text-align: justify;}
.page4 .video-box{position: relative; height: 286px;}
.page4 .video-box .btn-video{position: absolute; left: 50%; top: 50%; margin-left: -41px; margin-top: -40px; -webkit-animation: aniZoom 2s linear infinite; animation: aniZoom 2s linear infinite;}
.page4 .video-box p{ color: #fff; font-size: 22px; position: absolute; left: 8px; bottom: 12px; line-height: 30px;}

@-webkit-keyframes aniZoom{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(.8)}100%{-webkit-transform:scale(1)}}
@keyframes aniZoom{0%{transform:scale(1)}50%{transform:scale(.8)}100%{transform:scale(1)}}
@-webkit-keyframes aniRotation{0%{-webkit-transform: rotate(0);}100%{-webkit-transform:rotate(360deg);}}
@keyframes aniRotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

.page5 .main{padding-top: 240px;}
.page5 li{ color: #f2f2f2; padding-left: 136px; width: 900px; text-align: justify; position: relative; padding-bottom: 54px;}
.page5 li .order{position: absolute; left: 0; top: 0; font-family: 'num'; color: #172226; font-size: 32px; font-weight: bold; text-align: center; line-height: 42px;}
.page5 .question{font-size: 26px; line-height: 30px;}
.page5 .answer{font-size: 22px; line-height: 30px; margin-top: 28px;}

.dia{box-sizing: border-box; position: relative; display: none;}
.dia *{box-sizing:border-box;}
.dia .btn-close{display: block;position: absolute;top: -50px;right:0;transition: all .3s;}
.dia .btn-close:hover{transform: rotate(90deg);}
.dia .btn-group{font-size: 0; text-align: center;}
.dia .btn-group a{display: inline-block; vertical-align: top; *zoom:1; *display: inline; font-size: 24px; font-weight: bold; line-height: 61px;}
.dia .btn-group .btn-define{ color: #172226;}

.dia .dia-tit{font-size: 0; text-align: center;}
.dia .dia-tit p{display: inline-block; vertical-align: top; *zoom:1; *display: inline; color: #face2d; font-size: 42px; line-height: 60px; font-weight: bold; position: relative;}
.dia .dia-tit i{position: absolute; top: 50%; margin-top: -8.5px;}
.dia .dia-tit .tit-left{left: -58px;}
.dia .dia-tit .tit-right{right: -58px;}

.dia-tips{width: 707px;height:412px; padding-top: 84px;background: url(//game.gtimg.cn/images/val/act/a20241021viewing/pc/tc-bg1.png) no-repeat; background-size: 100% 100%;}
.dia-tips .text-tip{height:125px;position: relative;text-align: center; line-height:38px ;color: #fffeeb;font-size: 24px; display:flex; display:-webkit-flex; align-items:center; justify-content:center; padding: 0 50px; margin-bottom: 10px;}
.dia-tips .text-tip span{color: #53c0c0;}

.dia-video{width: 1000px; height: 564px; border: 3px solid #53c0c0;}
.dia-video .video-box{width: 100%; height: 100%;}

.dia .btn-group a:hover,.page3 .btn-f5:hover,.page3 .btn-receive:hover,.page4 a:hover,.page1 .login-box a:hover{-webkit-filter: brightness(1.2); filter: brightness(1.2);}