/* season */
#header .fixwrap{position:relative}
#header .fixwrap::before,
#header .fixwrap::after{content:""; z-index:-1; position:absolute; top:0; bottom:0; width:50%; background-repeat:no-repeat; background-size:auto 100%}
/*#header .fixwrap::before{left:0; background-image:url(../../images/season/header_newyear_l.jpg)}
#header .fixwrap::after{right:0; background-image:url(../../images/season/header_newyear_r.jpg); background-position:right top}*/

/* top news */
#topnews{position:relative; height:57px; overflow:hidden; padding-right:50px; line-height:57px; font-size:14px; font-weight:500; color:#cad0e0; background-color:#424650}
#topnews a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#topnews span{color:#fff}
#topnews .btn_close{position:absolute; top:0; right:0; bottom:0; width:50px}
#topnews .btn_close::before,
#topnews .btn_close::after{content:""; position:absolute; top:calc(50% - 0.5px); left:calc(50% - 7px); width:14px; height:1px; background-color:#cad0e0}
#topnews .btn_close::before{transform:rotate(-45deg)}
#topnews .btn_close::after{transform:rotate(45deg)}

/* common */
.mtit{padding-top:35px; padding-bottom:15px; line-height:23px; font-size:18px; font-weight:600; color:#000}
.swrapper .slider li > a{display:block}

/* game schedule */
.schedule{padding-bottom:20px}
.schedule .date{position:relative; margin:-5px auto 0 auto; width:156px; line-height:22px}
.schedule .date .current{font-size:16px; font-weight:600; color:#000}
.schedule .date a{position:absolute; top:0; bottom:0; width:23px; font-size:0}
.schedule .date a::after{content:""; position:absolute; top:calc(50% - 3px); width:4px; height:4px; border-top:2px solid #000; border-right:2px solid #000}
.schedule .date .prev{left:0}
.schedule .date .prev::after{right:calc(50% - 4px); transform:rotate(-135deg)}
.schedule .date .next{right:0}
.schedule .date .next::after{left:calc(50% - 4px); transform:rotate(45deg)}
.schedule .info1{line-height:18px; font-size:11px; font-weight:600; color:#a8a8a8}
.schedule .info1 span{color:#000}
.schedule .slider{height:182px; overflow:hidden}
.schedule .lSPager{display:inline-block; vertical-align:top; font-size:0}
.schedule .lSPager li{float:left}
.schedule .lSPager li + li{margin-left:13px}
.schedule .lSPager a,
.schedule .noPager .lSPager{width:7px; height:7px; border-radius:100%}
.schedule .lSPager a{display:block; background-color:#cad0e0}
.schedule .lSPager .active a,
.schedule .noPager .lSPager{background-color:#808694}
.schedule .match{position:relative; margin:0 auto; width:88.89%; min-width:327px; height:103px}
.schedule .team{position:absolute; top:0; width:50%}
.schedule .team1{left:0}
.schedule .team2{right:0}
.schedule .em{width:70px; height:70px}
.schedule .name{line-height:16px; font-size:13px; font-weight:500; color:#000}
.schedule .vs{height:70px; font-weight:600}
.schedule .vs.type1{line-height:74px; font-size:14px; color:#a8a8a8}
.schedule .vs.type2{line-height:70px; font-size:16px; color:#c0c0c0}
.schedule .score{position:absolute; top:0; line-height:70px; font-size:16px; font-weight:600; color:#000}
.schedule .team1 .score{right:13px}
.schedule .team2 .score{left:13px}
.schedule .info2{margin-bottom:18px; line-height:14px; color:#949494}
.schedule .btn{margin:0 auto; display:block; width:237px; font-size:14px}

/* kovo news */
.news .slider li > a{position:relative; display:block; overflow:hidden; background-color:#000}
.news .thumbs,
.news .player{padding-bottom:56.3%}
.news .thumbs{opacity:0.5}
.news .player{position:relative; overflow:hidden}
.news .player::before,
.news .player::after,
.news .player .edge::before,
.news .player .edge::after{content:""; z-index:10; position:absolute; width:21px; height:21px; background:url(../../images/common/radius.png) no-repeat; background-size:100% 100%}
.news .player::before{top:-1px; left:-1px}
.news .player::after{top:-1px; right:-1px; transform:rotate(90deg)}
.news .player .edge::before{bottom:-1px; left:-1px; transform:rotate(-90deg)}
.news .player .edge::after{bottom:-1px; right:-1px; transform:rotate(180deg)}
.news .player iframe{position:absolute; top:0; left:0; width:100%; height:100%}
.news .tit{position:absolute; right:20px; bottom:17px; left:20px; max-height:40px; overflow:hidden; line-height:20px; font-size:13px; color:#fff; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.news .controls a{position:absolute; top:calc(50% - 15px + 36.5px); width:30px; height:30px; background-color:#fff; border-radius:100%}
.news .controls a::after{content:""; position:absolute; top:calc(50% - 3px); width:4px; height:4px; border-top:2px solid #000; border-right:2px solid #000}
.news .controls .prev{left:-15px}
.news .controls .prev::after{left:calc(50% - 2px); transform:rotate(-135deg)}
.news .controls .next{right:-15px}
.news .controls .next::after{left:calc(50% - 4px); transform:rotate(45deg)}

/* team ranking */
.tranking{margin-top:40px}
.tranking .slider{height:47px; display: -ms-flexbox; display:flex;}
.tranking li{position:relative; height:100%}
.tranking .m{background-color:#0e76bc}
.tranking .w{background-color:#ef4023}
/* .tranking:not(.cup) .w{max-height:230px} */
.tranking .tit{line-height:47px; text-indent:20px; font-size:18px; font-weight:600; color:#fff}
.tranking .best,
.tranking .btn_toggle{position:absolute; top:0}
.tranking .best{right:43px; line-height:47px; font-size:15px; font-weight:500; color:#fff}
.tranking .btn_toggle{right:0; width:43px; height:47px; font-size:0}
.tranking .btn_toggle span{position:relative; display:inline-block; width:17px; height:17px; background-color:#fff; border-radius:100%}
.tranking .btn_toggle span::after{content:""; position:absolute; top:calc(50% - 3.5px); left:calc(50% - 2.5px); width:3px; height:3px; border-width:2px 2px 0 0; border-style:solid; transform:rotate(135deg)}
.tranking.open .btn_toggle span::after{top:calc(50% - 2px); transform:rotate(-45deg)}
.tranking .m .btn_toggle span::after{border-color:#0e76bc}
.tranking .w .btn_toggle span::after{border-color:#ef4023}
.tranking table.type1{margin-left:4.78%; width:89.24%}
.tranking table.type2{margin-left:5.43%; width:89.14%}
.tranking th,
.tranking td{text-align:center}
.tranking th{height:17px}
.tranking .type1 th{padding-bottom:8px}
.tranking .type2 th{padding-bottom:6px}
.tranking .m th{color:#bdcaec}
.tranking .w th{color:#ffd3cc}
.tranking .m tbody tr:first-child td,
.tranking .m tbody tr.group td {color:#ffb075}
.tranking .w tbody tr:first-child td,
.tranking .w tbody tr.group td {color:#fdffbe}
.tranking td{font-size:13px; color:#fff}
.tranking .type1 td{height:24px}
.tranking .type1 td:first-child{font-weight:500}
.tranking .type1 tr:last-child td{padding-bottom:14px}
.tranking .type2 td{height:20px}
.tranking .type2 th:first-child,
.tranking .type2 tr:first-child td:first-child{padding-right:6.22%}
.tranking .type2 tr:first-child td:first-child{color:#fff}
.tranking .type2 tbody + tbody tr:last-child td{padding-bottom:16px}
.tranking .m .type2 thead + tbody tr:last-child td{padding-bottom:3px}
.tranking .w .type2 thead + tbody tr:last-child td{padding-bottom:15px}
.tranking .m .type2 tbody + tbody tr:first-child td{padding-top:6px}
.tranking .w .type2 tbody + tbody tr:first-child td{padding-top:16px}
.tranking .m .type2 tbody + tbody tr:first-child td{border-top:1px solid #b4e1ff}
.tranking .w .type2 tbody + tbody tr:first-child td{border-top:1px solid #ffcec6}
.tranking .type2 tr.group td {border-top: 1px solid #b4e1ff; padding-top: .4em;}
.tranking .type2 tr.last td {padding-bottom: .2em;}
.tranking .w .type2 tr.group td {border-color: #ffcec6; padding-top: 1em;}
.tranking .w .type2 tr.last td {padding-bottom: .8em;}
.tranking .type2 tr:first-child td {border: none !important; padding: 0 !important;}

/* banner */
.banner{margin-top:40px; overflow:hidden}
.banner + .banner{margin-top:20px}
.banner img{width:100%}

/* notice */
.notice{margin-top:20px; background-color:#fff}
.notice li > a{display:block; padding:19px 63px 21px 23px}
.notice .tit{height:42px; overflow:hidden; line-height:21px; font-size:14px; font-weight:500; color:#000; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.notice .date{margin-top:6px; font-weight:600; color:#a7a7a7}
.notice .lSAction a{position:absolute; right:23px; width:16px; height:16px; border:1px solid #a7a7a7; border-radius:100%}
.notice .lSAction a::after{content:""; position:absolute; left:calc(50% - 2px); width:3px; height:3px; border-top:1px solid #a7a7a7; border-right:1px solid #a7a7a7}
.notice .lSAction .lSPrev{bottom:calc(50% + 6px)}
.notice .lSAction .lSPrev::after{top:calc(50% - 1px); transform:rotate(-45deg)}
.notice .lSAction .lSNext{top:calc(50% + 6px)}
.notice .lSAction .lSNext::after{top:calc(50% - 3px); transform:rotate(135deg)}

/* video */
.video .tab{position:absolute; top:35px; right:0}
.video .tab li{float:left; line-height:23px; font-weight:500; color:#949494}
.video .tab li + li{margin-left:13px}
.video .tab .active{color:#000}
.video .thumbs{padding-bottom:56.16%}

/* photo */
.photo .thumbs{padding-bottom:100%}
.photo .tit{margin-top:12px; font-weight:500; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.photo .date{margin-top:2px; font-weight:600; color:#a7a7a7}

/* sponsor */
.sponsor{margin-top:37px; overflow:hidden; background-color:#fff}
.sponsor .lSSlideWrapper{padding-left:27px}
.sponsor a{display:block}
.sponsor img{height:18.52vw}