@charset "UTF-8";@font-face{font-family:MYRIADPRO-SEMIBOLD;src:url(/assets/soco/font/MYRIADPRO-SEMIBOLD.OTF)}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/soco/font/Roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/soco/font/Roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/soco/font/Roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/soco/font/Roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/soco/font/Roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/soco/font/Roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/assets/soco/font/Roboto/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;font-family:Roboto,MYRIADPRO-SEMIBOLD,PingFang SC,tahoma,arial,'Hiragino Sans GB','Microsoft YaHei','\5b8b\4f53',sans-serif;-webkit-tap-highlight-color:transparent}blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5tahoma,arial,\5b8b\4f53}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:couriernew,courier,monospace}small{font-size:12px}ol,ul{list-style:none}a{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;text-decoration:none;outline:0;color:#000}sup{vertical-align:text-top}sub{vertical-align:text-bottom}legend{color:#000}fieldset,img{border:0}button,input,select,textarea{font-size:100%;outline:0}table{border-collapse:collapse;border-spacing:0}:root{font-size:13.3333vw}@media screen and (min-width:750px){:root{font-size:100px}}body{color:#333;font-size:.26rem;background-color:#fff}img{object-fit:cover}@keyframes upToDown{0%{transform:translate(0,0);opacity:1}50%{transform:translate(0,-10px);opacity:.6}100%{transform:translate(0,0);opacity:1}}@-webkit-keyframes upToDown{0%{-webkit-transform:translate(0,0);opacity:1}50%{-webkit-transform:translate(0,-10px);opacity:.6}100%{-webkit-transform:translate(0,0);opacity:1}}@keyframes brees{0%{-webkit-transform:scale(.95);transform:scale(.95)}50%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.95);transform:scale(.95)}}@-webkit-keyframes brees{0%{-webkit-transform:scale(.8);transform:scale(.8)}50%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(.8);transform:scale(.8)}}.row{zoom:1}.row:after{display:block;height:0;clear:both;content:"";visibility:hidden}.flex-1{float:left;width:8.33333%}.flex-2{float:left;width:16.66667%}.flex-3{float:left;width:25%}.flex-4{float:left;width:33.33333%}.flex-5{float:left;width:41.66667%}.flex-6{float:left;width:50%}.flex-7{float:left;width:58.33333%}.flex-8{float:left;width:66.66667%}.flex-9{float:left;width:75%}.flex-10{float:left;width:83.33333%}.flex-11{float:left;width:91.66667%}.flex-12{float:left;width:100%}/*! https://github.com/lzxb/flex.css */[flex]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[flex]>*{display:block}[flex]>[flex]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[flex~='dir:left']{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}[flex~='dir:right']{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end}[flex~='dir:top']{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}[flex~='dir:bottom']{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:end}[flex~='main:left']{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}[flex~='main:right']{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}[flex~='main:justify']{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}[flex~='main:center']{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[flex~='cross:top']{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}[flex~='cross:bottom']{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}[flex~='cross:center']{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}[flex~='cross:baseline']{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline}[flex~='cross:stretch']{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}[flex~='box:first']>*,[flex~='box:justify']>*,[flex~='box:last']>*,[flex~='box:mean']>*{width:0;height:auto;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}[flex~='box:first']>:first-child,[flex~='box:justify']>:first-child,[flex~='box:justify']>:last-child,[flex~='box:last']>:last-child{width:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}[flex~='dir:bottom'][flex~='box:first']>*,[flex~='dir:bottom'][flex~='box:justify']>*,[flex~='dir:bottom'][flex~='box:last']>*,[flex~='dir:bottom'][flex~='box:mean']>*,[flex~='dir:top'][flex~='box:first']>*,[flex~='dir:top'][flex~='box:justify']>*,[flex~='dir:top'][flex~='box:last']>*,[flex~='dir:top'][flex~='box:mean']>*{width:auto;height:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}[flex~='dir:bottom'][flex~='box:first']>:first-child,[flex~='dir:bottom'][flex~='box:justify']>:first-child [flex~='dir:bottom'][flex~='box:justify']>:last-child,[flex~='dir:bottom'][flex~='box:last']>:last-child,[flex~='dir:top'][flex~='box:first']>:first-child,[flex~='dir:top'][flex~='box:justify']>:first-child,[flex~='dir:top'][flex~='box:justify']>:last-child,[flex~='dir:top'][flex~='box:last']>:last-child{height:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}[flex-box='0']{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}[flex-box='1']{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}[flex-box='2']{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2}[flex-box='3']{-webkit-box-flex:3;-webkit-flex-grow:3;-ms-flex-positive:3;flex-grow:3;-webkit-flex-shrink:3;-ms-flex-negative:3;flex-shrink:3}[flex-box='4']{-webkit-box-flex:4;-webkit-flex-grow:4;-ms-flex-positive:4;flex-grow:4;-webkit-flex-shrink:4;-ms-flex-negative:4;flex-shrink:4}[flex-box='5']{-webkit-box-flex:5;-webkit-flex-grow:5;-ms-flex-positive:5;flex-grow:5;-webkit-flex-shrink:5;-ms-flex-negative:5;flex-shrink:5}[flex-box='6']{-webkit-box-flex:6;-webkit-flex-grow:6;-ms-flex-positive:6;flex-grow:6;-webkit-flex-shrink:6;-ms-flex-negative:6;flex-shrink:6}[flex-box='7']{-webkit-box-flex:7;-webkit-flex-grow:7;-ms-flex-positive:7;flex-grow:7;-webkit-flex-shrink:7;-ms-flex-negative:7;flex-shrink:7}[flex-box='8']{-webkit-box-flex:8;-webkit-flex-grow:8;-ms-flex-positive:8;flex-grow:8;-webkit-flex-shrink:8;-ms-flex-negative:8;flex-shrink:8}[flex-box='9']{-webkit-box-flex:9;-webkit-flex-grow:9;-ms-flex-positive:9;flex-grow:9;-webkit-flex-shrink:9;-ms-flex-negative:9;flex-shrink:9}[flex-box='10']{-webkit-box-flex:10;-webkit-flex-grow:10;-ms-flex-positive:10;flex-grow:10;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.swiper-pagination .swiper-pagination-bullet{width:.12rem;height:.12rem;background-color:rgba(255,255,255,.6);margin:0 .08rem;opacity:1}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:.22rem;background-color:#ffc71c;border-radius:4px}.float-clear:after{content:"";display:block;clear:both}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-blank{width:100%;height:.88rem}.header-blank-2{width:100%;height:1.92rem}.header-blank-3{width:100%;height:1.76rem}.totalUnreadCount{position:absolute;top:6px;right:20px;min-width:.3rem;height:.3rem;padding:0 .05rem;line-height:.32rem;color:#fff;font-size:.22rem;text-align:center;background:#f50d2e;border-radius:.15rem}.home-wrapper{padding-top:1.9rem;padding-bottom:1.6rem}.home-wrapper .home-banner{margin:.33rem .32rem .32rem;border-radius:.16rem}.home-wrapper .home-banner .banner-swiper-container{width:100%;height:2.82rem;overflow:hidden;position:relative;border-radius:.16rem}.home-wrapper .home-banner .banner-swiper-container .swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;border-radius:.16rem;overflow:hidden}.home-wrapper .home-banner .banner-swiper-container .swiper-slide>img{width:100%}.home-wrapper .home-banner .banner-swiper-container .swiper-slide .item-cover{width:100%;height:1.04rem;background:-webkit-linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.8));position:absolute;bottom:0;left:0;padding:.44rem .22rem 0}.home-wrapper .home-banner .banner-swiper-container .swiper-slide .item-cover .title-line{line-height:.42rem;color:#fff;font-size:.3rem;padding-right:1.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-wrapper .home-banner .banner-swiper-container .swiper-pagination{width:100%;position:absolute;bottom:.22rem;right:.22rem;left:auto;text-align:right}.home-wrapper .match-swiper-container{height:1.85rem;margin-bottom:.32rem;padding:0 .32rem;overflow:hidden;--swiper-theme-color:#ff6600;--swiper-navigation-color:#f8c21b;--swiper-navigation-size:16px}.home-wrapper .match-swiper-container .swiper-button-prev{left:6px}.home-wrapper .match-swiper-container .swiper-button-next{right:6px}.home-wrapper .match-swiper-container .swiper-slide{float:left;width:3.84rem;margin-right:.24rem;height:100%;border-right:1px solid #ddd}.home-wrapper .match-swiper-container .swiper-slide.more-match{width:1.84rem}.home-wrapper .match-swiper-container .swiper-slide.more-match a{text-align:center;overflow:hidden}.home-wrapper .match-swiper-container .swiper-slide.more-match a .more-match-img{width:.34rem;margin:.4rem auto .12rem}.home-wrapper .match-swiper-container .swiper-slide.more-match a .more-match-img img{width:100%}.home-wrapper .match-swiper-container .swiper-slide.more-match a .more-match-text{color:#777;font-size:.24rem}.home-wrapper .match-swiper-container .swiper-slide:last-child{border-right:none}.home-wrapper .match-swiper-container .swiper-slide .match-title{font-size:.24rem}.home-wrapper .match-swiper-container .swiper-slide .match-title .left{padding-left:.27rem;float:left;font-size:.24rem;font-weight:400;color:#777}.home-wrapper .match-swiper-container .swiper-slide .match-title .right{float:right;color:#777;margin-right:.24rem}.home-wrapper .match-swiper-container .swiper-slide .match-title:after{content:"";display:block;clear:both}.home-wrapper .match-swiper-container .swiper-slide .match-player{height:.4rem;line-height:.4rem}.home-wrapper .match-swiper-container .swiper-slide .match-player .pic{float:left;width:.4rem;height:.4rem;margin-right:.12rem}.home-wrapper .match-swiper-container .swiper-slide .match-player .pic img{width:100%;height:.4rem}.home-wrapper .match-swiper-container .swiper-slide .match-player .text{padding-right:.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-wrapper .match-swiper-container .swiper-slide .match-player:nth-child(2){margin-top:.24rem}.home-wrapper .match-swiper-container .swiper-slide .match-player:nth-child(3){margin-top:.2rem}.home-wrapper .match-swiper-container .swiper-slide .match-player{content:"";display:block;clear:both}.home-wrapper .notic{width:100%;padding:0 .32rem;margin-bottom:.32rem}.home-wrapper .notic .notic-content{width:100%;height:.72rem;background:#f5f7f9;border-radius:36px;overflow:hidden}.home-wrapper .notic .notic-swiper{height:100%}.home-wrapper .notic .notic-sound{float:left;width:.46rem;height:.46rem;margin:.13rem}.home-wrapper .notic .notic-title{float:left;width:78%;height:100%;font-size:.24rem;overflow:hidden;line-height:.72rem}.home-wrapper .notic .notic-close{float:right;width:.24rem;height:.23rem;margin:.24rem}.home-wrapper .hit-play{width:100%;padding:0 .32rem .36rem}.home-wrapper .hit-play .hit-title{height:.48rem;margin-bottom:.2rem;font-size:.34rem;font-weight:600;color:#000;line-height:.48rem}.home-wrapper .other-play{width:100%;padding:.44rem .32rem .36rem}.home-wrapper .other-play .hit-content .none-wrapper{padding-top:1.3rem}@keyframes marquee{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}html[lang=vi] .home-wrapper .marquee-container{position:relative;width:100%;height:.48rem;line-height:.48rem;font-size:.28rem;color:#fff;background:#10223d;overflow:hidden}html[lang=vi] .home-wrapper .marquee-container .marquee-box{display:inline-block;white-space:nowrap;animation:marquee 8s linear infinite}html[lang=vi] .home-wrapper .marquee-container div,html[lang=vi] .home-wrapper .marquee-container p{display:inline-block;margin-right:.4rem;vertical-align:middle}html[lang=vi] .home-wrapper .marquee-container div:last-child,html[lang=vi] .home-wrapper .marquee-container p:last-child{margin-right:0}html[lang=vi] .home-wrapper .marquee-container a{color:#f8c21b;text-decoration:underline}html[lang=vi] .home-wrapper .marquee-container img{width:.4rem;height:.4rem;vertical-align:sub}html[lang=vi] .home-wrapper .match-swiper-container .swiper-slide .match-title{position:relative;height:.56rem;overflow:hidden}html[lang=vi] .home-wrapper .match-swiper-container .swiper-slide .match-title .left{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[lang=vi] .home-wrapper .match-swiper-container .swiper-slide .match-title .right{float:left;padding-left:.27rem}