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{text-decoration:none; transition:filter 0.3s,-webkit-filter 0.3s; -webkit-transition:filter 0.3s,-webkit-filter 0.3s;}
a:hover{text-decoration:underline; filter:brightness(1.1); -webkit-filter:brightness(1.1);}
img{border:0}
body{padding-top:42px; background:#23182e;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0}
li{list-style:none;}
/* reset end */
/* clearfix */
.clear{clear:both;visibility:hidden;height:0;line-height:0;font-size:0;}
.clearfix:after{clear:both;content:".";height:0;display:block;visibility:hidden;}
.clearfix{*zoom:1;}
/* hid */
.hid{text-indent:-999em;font-size:0;overflow:hidden;width:0;height:0;display:block}
/* top */
.ost{min-width:1400px;}
/* foot */
#afooter {min-width:1400px !important; position:relative; padding:30px 0; text-align:center; font:normal 12px/19px Tahoma; z-index:10; background-color:#191219; }
#afooter, #afooter a {color:#c0c0c0; text-decoration:none;}

/* scrollbar：chrome滚动条 */
.scroll::-webkit-scrollbar{width:8px; height:8px;}
.scroll::-webkit-scrollbar-track{background:#000; border-radius:4px;}
.scroll::-webkit-scrollbar-thumb{background:#2f2f2f; border-radius:4px;}

/* spr */
.spr{display:block; width:0; height:0; background:url(//game.gtimg.cn/images/lol/act/a20190725tactics/spr.png) no-repeat; background-size:1300px 1200px;}
.title{display:block; width:1000px; height:188px; background:url(//game.gtimg.cn/images/lol/act/a20190725tactics/spr-tit.png) no-repeat 0 0; background-size:1000px 1200px; margin:0 auto;}

/* sidebar */
.sidebar{display:none; width:164px; height:350px; padding-top:112px; background-position:-630px 0; position:fixed; top:40%; right:50px; margin-top:-231px; z-index:10;}
.sidebar a:hover{filter:brightness(1.2); -webkit-filter:brightness(1.2);}
.sidebar .a-list{height:220px; margin-bottom:98px; display:flex; flex-direction:column; justify-content:space-between; align-items:center;}
.sidebar .a-side{width:68px; height:20px; background-position-x:-860px;}
.sidebar .a-side.a1{background-position-y:0;}
.sidebar .a-side.a2{background-position-y:-50px;}
.sidebar .a-side.a3{background-position-y:-100px;}
.sidebar .a-side.a4{background-position-y:-150px;}
.sidebar .btn-top{width:28px; height:16px; margin:0 auto; background-position:-860px -200px;}

/* basic */
.wrapper{min-width:1400px; max-width:1920px; margin:0 auto; text-align:center; overflow:hidden;}
.bg-top{background:url(//game.gtimg.cn/images/lol/act/a20190725tactics/bg1.jpg) no-repeat 50% 0; height:1440px; position:relative; overflow:hidden;}
.bg-top2{background:url(//game.gtimg.cn/images/lol/act/a20190725tactics/bg1-2.jpg) no-repeat 50% 0; height:900px; margin-top:540px; position:relative; overflow:hidden;}
.bg-1{background:url(//game.gtimg.cn/images/lol/act/a20190725tactics/bg2.jpg) no-repeat 50% 0;}

/* topKV */
.logo{position:absolute; top:50px; left:50px;}
.login-box{color:#fff; font-size:14px; margin:350px 0 72px;}
.login-box a{color:#fff;}
.time-axis{width:1040px; height:340px; margin:0 auto; font-size:0; white-space:nowrap; text-align:center;}
.time-axis .time-item{display:inline-block; vertical-align:top; width:150px; height:300px; margin:0 10px; background-position:0 66px; position:relative;}
.time-axis .head{position:absolute; bottom:82px; left:11px; display:block; width:130px; height:200px;}
.time-axis .time{color:#eceed6; font-size:34px; line-height:42px; font-weight:bold; width:100%; position:absolute; top:102px; left:50%; margin-left:-50%;}
.time-axis .name{color:#eceed6; font-size:18px; line-height:20px; width:100%; position:absolute; top:142px; left:50%; margin-left:-50%;}
.time-axis .time.ch{top:120px;}
.time-axis .name.ch{top:160px;}
.time-axis .name.yellow{color:#f1d591;}
.time-axis .platform{width:150px; height:64px; background-position:0 -250px; position:absolute; bottom:50px; left:50%; margin-left:-50%;}
.time-axis .platform.p-qq{background-position:0 -320px;}
.time-axis .platform.p-bi{background-position:0 -390px;}
.time-axis .platform.p-hy{background-position:0 -460px;}
.time-axis .platform.p-dy{background-position:0 -530px;}
.time-axis .platform-name{color:#eee6d6; font-size:18px; line-height:26px; width:100%; position:absolute; bottom:26px; left:50%; margin-left:-50%;}
.time-axis .platform-name.blue{color:#1c2952; letter-spacing:-8px; text-indent:4px;}
.btn-subscribe{width:244px; height:72px; background-position:-180px 0; margin:0 auto;}
.btn-subscribe:hover{filter:brightness(1.2); -webkit-filter:brightness(1.2);}

/* cont-1 */
.cont-1{position:relative; margin:0 0 88px; padding-top:30px;}
.no-video .cont-1{display:none;}
.live-box{width:1268px; height:542px; margin:0 auto;}
.live-box .video-box{float:left; width:960px; height:540px; background:#000; border:1px solid #f1b5a1; position:relative;}
.live-box .video-con{width:960px; height:540px; overflow:hidden;}
.live-box .live-poster{display:block; width:960px; height:540px; position:absolute; top:0; left:0;}
.live-box .btn-play{display:block; width:960px; height:540px; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0;}
.live-box .btn-play .icon-play{width:80px; height:80px; background-position:-200px -500px; position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px;}
.live-box .btn-play:hover .icon-play{filter:brightness(1.2); -webkit-filter:brightness(1.2);}
.live-box .program-con{float:left; width:280px; height:516px; padding:24px 11px 0 11px; overflow:hidden; overflow-y:auto; background:#111; border:1px solid #ffe5ce; border-left:none; text-align:justify;}

/* cont-2 */
.cont-2{padding-top:244px; height:1550px; position:relative;}
.no-video .cont-2{padding-top:294px;}
.title-1{background-position-y:0; position:absolute; top:0; left:50%; margin-left:-500px;}
.no-video .title-1{background-position-y:-1000px; top:50px;}
.platform-bg-line{width:1523px; height:45px; background:url(//game.gtimg.cn/images/lol/act/a20190725tactics/plat-line-bg.png) no-repeat 50% 0; background-size:100% 100%; position:absolute; top:350px; left:50%; margin-left:-763.5px;}
.no-video .platform-bg-line{top:400px;}
.title-2{background-position-y:-250px; position:absolute; top:658px; left:50%; margin-left:-500px;}
.no-video .title-2{top:708px;}
.title-3{background-position-y:-500px; position:absolute; top:1182px; left:50%; margin-left:-500px;}
.no-video .title-3{top:1232px;}
.title-2-m{display:none;}
.title-3-m{display:none;}
.article-con{font-size:0; width:1450px; margin:0 auto;}
@media screen and (max-width: 1400px) {
    .article-con{margin-left:-25px;}
}
.article-item{display:inline-block; vertical-align:top; width:302px; margin:0 26px;}
/* 主播招募 */
.platform-icon{width:220px; height:269px; background-position-y:-500px; margin:0 auto 30px;}
.platform-icon.platform-1{background-position-x:-300px;}
.platform-icon.platform-2{background-position-x:-530px;}
.platform-icon.platform-3{background-position-x:-760px;}
.platform-icon.platform-4{background-position-x:-990px;}
.platform-icon img{display:block; width:220px; height:110px; padding:50px 0 20px;}
.platform-icon .name{color:#ffe5ce; font-size:20px; line-height:28px;}
.btn-join{width:172px; height:50px; background-position:-200px -800px; margin:0 auto 16px;}
.btn-join:hover{filter:brightness(1.3); -webkit-filter:brightness(1.3);}
.platform-line{width:22px; height:284px; background-position:-1000px 0; margin:0 auto 10px;}
/* 平台自发赛 */
.match-platform{width:302px; height:224px; background-position:-400px -800px; margin:0 auto 4px; overflow:hidden;}
.match-platform .btn-img{display:block; width:300px; height:202px; margin:1px auto; position:relative; mask:url(//game.gtimg.cn/images/lol/act/a20190725tactics/mask-match-img.png) no-repeat 0 0/100% 100%; -webkit-mask:url(//game.gtimg.cn/images/lol/act/a20190725tactics/mask-match-img.png) no-repeat 0 0/100% 100%;}
.match-platform img{display:block; width:300px; height:202px;}
/* 冲击云巅 */
.point-platform{width:302px; height:360px; background-position:-720px -800px; margin:0 auto; overflow:hidden;}
.point-platform .btn-img{display:block; width:278px; height:188px; margin:14px auto;}
.point-platform img{display:block; width:278px; height:188px;}

/* cont-3 */
.cont-3{height:1238px;}
.hide-cont{height:100px;}
.title-4{background-position-y:-750px; margin:0 auto 40px;}
.hide-cont .title-4{display:none;}
.rank-con{width:1268px; margin:0 auto;}
.hide-cont .rank-con{display:none;}
/* area */
.rank-area{font-size:0; text-align:left; margin-bottom:20px;}
.btn-area{display:inline-block; width:230px; height:50px; background-position:0 -1100px; margin-right:30px; color:#ffe5ce; font-size:22px; line-height:50px; font-weight:bold; text-align:center;}
.btn-area:hover{text-decoration:none; background-position-x:-250px; color:#381b24; filter:brightness(1.1); -webkit-filter:brightness(1.1);}
.btn-area.on{background-position-x:-250px; color:#381b24;}
/* table */
.rank-list{display:none;}
.rank-list.on{display:block;}
.rank-list thead,.rank-list tbody,.rank-list tr{display:block; font-size:0; text-align:center;}
.rank-list th,.rank-list td{display:inline-block; vertical-align:top; color:#ffe5ce; font-size:16px; line-height:24px; font-weight:normal; height:24px; padding:18px 0; margin:0 18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rank-list td a{color:#ffe5ce;}
.rank-list tbody tr{margin-bottom:20px;}
.rank-list{width:1268px; height:840px; background:url(//game.gtimg.cn/images/lol/act/a20190725tactics/rank-bg.png) no-repeat 0 0; background-size:100% 100%;}
.rank-list .id{width:300px;}
.rank-list .plat{width:584px;}
.rank-list .rank{width:274px;}
.rank-list tbody .id{font-weight:bold; width:150px; margin:0 93px; overflow:initial;}
.rank-list tbody .id a{display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative;}
.rank-list tbody .rank{font-size:40px; line-height:48px; font-weight:bold; height:48px; padding:6px 0;}
.rank-list tbody tr:hover .id::after{content:''; display:block; width:12px; height:16px; background:url(//game.gtimg.cn/images/lol/act/a20190725tactics/spr.png) no-repeat -1060px -800px; background-size:1300px 1200px; position:absolute; top:22px; right:-14px;}
.rank-list tbody tr:hover .id{text-decoration:underline; position:relative;}/* #t6Hl8#B3EED448193823957B0618E18C393DDA *//* #t6Hl8#544B5D2825305BCB0346172DD4309AEA *//* #t6Hl8#1AC557F029168EFD90CB2E1418CD4060 */