*{margin:0;padding:0;box-sizing: border-box;transition: 0.3s;}

html{font-size: 56px;}
body{font:0.28rem sans-serif;font-weight: 400;background-color:var(--color-background, #f8f8f9);color: var(--color-text-primary);}
body .appmain{margin:0 auto;max-width:750px; min-height: 100vh; }

ul li{list-style-type: none}
a{text-decoration: none;color: var(--color-text-primary);}
a:hover{cursor: pointer;}
.iconstyle{height: 45px;}
.container-wrap{width:96%;margin:0 auto;display:flex}
input {outline: none;border:0;}
svg{fill:#d0d0d0}
svg:hover{fill: #000}
p{line-height: 1.5;}
table{border-collapse:collapse;}
img{max-width: 100%;display:block}
button{cursor: pointer;}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-text-primary);
}
.font16{font-size:16px;}
.red{color: red!important}



h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

.flex-between{display: flex;justify-content: space-between;flex-wrap: wrap;}

.lmtit{align-items: center;width: 100%}
.lmtit b{font-size:0.28rem; color: var(--color-text-primary)}
.lmtit b span{font-size:0.2rem;color: var(--color-text-regular);padding:0 0.1rem; font-weight: 400}
.lmtit a.more{font-size:0.2rem;color: var(--color-text-regular); }
.lmtit .tab{width: 65%}
.lmtit .tab b{font-weight: 400}
.lmtit .tab b.active{color:var(--color-primary);font-weight: 600 }



.border-radius{border-radius:0.1rem;overflow: hidden;}
.box-shadow{box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%);}
.mtb10{margin-top: 0.1rem;margin-bottom: 0.1rem}
.mt10{margin-top: 0.1rem}
.mb10{margin-bottom: 0.1rem}

.mtb20{margin-top: 0.2rem;margin-bottom:0.2rem}
.mt20{margin-top: 0.2rem}
.mb20{margin-bottom: 0.2rem}
.paddinglr20{padding-left: 0.2rem;padding-right: 0.2rem}

.lighthui{color: #ccc!important}
.hui{color: var(--color-text-primary)!important}
.indexbanner .swiper-pagination{text-align: right;padding-right:0.2rem}
.indexbanner .swiper-pagination-bullet{width:0.1rem;height:0.04rem;border-radius: 0.03rem;}
.indexbanner .swiper-pagination-bullet-active{border-radius: 0.03rem;width:0.17rem;height:0.04rem;}


/**头部**/
.d-header {
    height: 0.88rem;
    background:var(--color-background-base,#293641);
    display: flex;
    align-items: center;
    width: 100%;
    box-shadow:0 1px 7px 4px rgb(0 0 0 / 5%);
    z-index: 99;
    padding:0.2rem;
}

.d-header .contents {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.logo{display:flex;align-items:center;font-family: monospace;}
.logo a{font-size:0.38rem;font-weight: 600;display:flex;align-items:center}
.logo a img{max-height:0.38rem;}
.logo span{color: var(--color-primary)}


.search_btn{height:0.4rem;}
.search_btn img{height:100%;}


.d-header .secondlm{display:flex;}
.d-header .secondlm a{font-size: 0.28rem;color: #898989;font-weight: 400;margin-right: 0.5rem;position: relative;display: flex;flex-direction: column;justify-content: flex-end;}


.d-header .secondlm a.active{color: var(--color-text-primary);font-weight: 600;font-size: 0.34rem;}
.d-header .secondlm a.active:after{content: "";
    border-radius: 0.03rem;
    position: absolute;
    bottom: -0.21rem;
    left: 50%;
    width: 0.3rem;
    height: 0.04rem;
    margin-left: -0.15rem;}
.nytoptit{text-align: center;width:100%;font-size: 0.28rem}
.nytoptit .bt{width:5rem;}
.nytoptit .ico{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.nytoptit .ico img{height: 0.32rem}


.nytoptit .f24{font-size: 0.24rem}
.nytoptit .f20{font-size: 0.2rem}

/**头部**/



/**中间内容**/




.hot-match-tab .swiper-container{overflow: hidden;}
.hot-match-tab .swiper-container .swiper-slide{padding:0.1rem 0.1rem;border-radius: 0.1rem;background:var(--color-background-base);margin-right:0.25rem;width:1.08rem;text-align: center;font-size:0.24rem;}
.hot-match-tab .swiper-container .swiper-slide-active{color: var(--color-light);background:var(--color-primary);}
.hot-match-tab .swiper-container .swiper-slide a{width:100%;display:block;}
.hot-match-tab .swiper-container .swiper-slide-active a{color: var(--color-light);}





.indexbanner{}
.indexbanner .swiper-container{overflow:hidden;height: 3rem;position:relative;overflow:hidden;}

.indexbanner .swiper-slide .pic{width: 100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius: 8px}
.indexbanner .swiper-slide .pic img{min-height: 100%;min-width: 100%;}



.indexbanner .text{position:absolute;bottom:0;left:0;color: var(--color-text-primary);line-height: 1.5;padding:0.2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;width:100%;background: -webkit-linear-gradient(top, rgba(0,0,0,0)0%,rgba(0,0,0,0.5)66%, rgba(0,0,0,1)99%);/* Safari、Chrome */background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));/* 默认渐变位置从上往下 */
}
.indexbanner .text p.tit{width:100%;opacity:1;font-size:0.28rem;color: var(--color-white);}
.indexbanner .text p{width:100%;opacity: 0.5;font-size:0.18rem;}





.nylistbanner{}
.nylistbanner .swiper-container{overflow:hidden;height: 3rem;position:relative;overflow:hidden;}

.nylistbanner .swiper-slide .pic{width: 100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius: 8px}
.nylistbanner .swiper-slide .pic img{min-height: 100%;min-width: 100%;}



.nylistbanner .text{position:absolute;bottom:0;left:0;color: var(--color-text-primary);line-height: 1.5;padding:0.2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;width:100%;background: -webkit-linear-gradient(top, rgba(0,0,0,0)0%,rgba(0,0,0,0.5)66%, rgba(0,0,0,1)99%);/* Safari、Chrome */background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));/* 默认渐变位置从上往下 */
}
.nylistbanner .text p.tit{width:100%;opacity:1;font-size:0.28rem;}
.nylistbanner .text p{width:100%;opacity: 0.5;font-size:0.18rem;}






.hot-match-main-s-prenext{display: flex;width:65px;justify-content:space-between}
.hot-match-main-s-prenext img{display: flex;width: 24px;cursor: pointer;}
.section-main-center .hot-match-main{overflow: hidden;position: relative;padding-top: 10px;}
.hot-match-main .hot-match-item{width:100%;position: relative;display: flex;flex-direction: column;background:var(--color-background-base,#293641);padding:10px;border-radius: 8px;overflow: hidden;}
.hot-match-main .hot-match-item .r1{font-size: 0.2rem;}
.hot-match-main .hot-match-item .r1 .liansai{font-weight: 600;}
.hot-match-main .hot-match-item .r1 .islive{display:flex;justify-content: center;align-items: center;font-size: 0.2rem;color: var(--color-primary);font-weight: 600}
.hot-match-main .hot-match-item .r1 .islive img{width:0.2rem;height:0.2rem;margin-right:0.09rem;}
.hot-match-main .hot-match-item .r1 .unstart{color: #FFFFFF;font-weight: 600}
.hot-match-main .hot-match-item .r2{display:flex;font-size: 0.18rem;color: #ccc;border-bottom: 1px solid var(--color-border);padding-bottom:0.05rem;margin-bottom:0.05rem;}
.hot-match-main .hot-match-item .r3{display: flex;}
.hot-match-main .hot-match-item .r3 div{display:flex;justify-content: center;align-items: center;flex-direction: column;}
.hot-match-main .hot-match-item .r3 div.team{flex:1;}
.hot-match-main .hot-match-item .r3 div img{height:0.5rem;margin:0.1rem auto;}
.hot-match-main .hot-match-item .r3 .team a{width:100%;text-align:center;font-size:0.2rem;}
.hot-match-main .hot-match-item .r3 .vs{font-size:0.38rem;font-family:monospace;font-weight: 600;min-width: 0.8rem;}
.hot-match-main .hot-match-item .r3 div.team span{font-size:0.2rem;}


.match-tab .match-item{width:100%;position: relative;display: flex;flex-direction: column;background:var(--color-background-base,#293641);padding:0.14rem 0.2rem;overflow: hidden;margin-bottom: 0.1rem}
.match-tab .match-item .r1{font-size: 0.24rem;padding:0;border-bottom: 1px solid var(--color-border);}
.match-tab .match-item .r1 .liansai{font-weight: 600;display: flex;justify-content: flex-start;align-items: center;padding:0.15rem 0.15rem 0.15rem 0}
.match-tab .match-item .r1 .liansai img{width:0.4rem;height:0.4rem;margin-right: 0.14rem}
.match-tab .match-item .r1 span{font-size: 0.24rem;display:flex;justify-content: center;align-items: center;}
.match-tab .match-item .r1 .islive{font-size: 0.24rem;color: var(--color-primary);font-weight: 600}
.match-tab .match-item .r1 .islive img{width: 0.3rem;height: 0.3rem;margin-right:5px;}
.match-tab .match-item .r1 .notlive{color: 8C939A;font-weight: 600}
.match-tab .match-item .r2{font-size: 0.2rem;color: var(--color-text-primary);text-align: center;width:100%;padding-top: 0.24rem}
.match-tab .match-item .r3{}
.match-tab .match-item .r3 .team{width:2.6rem;display:flex;align-items: center;font-size: 0.28rem;padding:0.15rem 0;}
.match-tab .match-item .r3 .team:nth-child(1){display:flex;align-items: center;justify-content:flex-end}
.match-tab .match-item .r3 .vs{width:1.8rem;display:flex;justify-content: center;align-items: center;font-size:0.4rem;font-family:monospace;font-weight: 600;white-space: nowrap;}
.match-tab .match-item .r3 .team img{height:0.5rem;margin: 0 0.14rem;}
.match-tab .match-item .r3 .team span{text-align:center}
.match-tab .match-item .r4{font-size: 0.2rem;color: var(--color-text-primary);text-align: center;width:100%;padding-bottom: 0.09rem}
.match-tab .match-item .r4 p span {
  padding: 5px 8px;
  background: var(--color-info);
  border-radius: 10px;
}
.match-tab .match-item .r4 p:first-child {
  margin-bottom: 5px;
  color: var(--color-text-primary);
  font-size: 0.24rem;
}

.match-tab .match-day:before{width:0.1rem;height:0.1rem;display:block;content:"";background: var(--color-primary);border-radius: 0.1rem;margin-right: 0.1rem;}
.match-tab .match-day{font-size:0.24rem;display: flex;align-items: center;color: var(--color-text-primary);}



.footer{height:1.11rem;display:block;width:100%; }

.bottom{position: fixed;bottom: 0;width: 100%;z-index: 999;display: flex; }
.bottom .wrap{width:750px;max-width: 750px;display: flex;justify-content: space-between;background: var(--color-background-base,#293641);height: 1.11rem;box-shadow: 0px -4px 4px 0 var(--color-border);}
.bottom .wrap .item{width:25%;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;font-size:0.18rem;}
.bottom .wrap .item i{width:0.44rem;height:0.44rem;display: block;margin:0 auto;}
.bottom .wrap .item.active a,.bottom .wrap .item:hover a{color:var(--color-text-primary);}
.bottom .wrap .item a{color: #949AA0}



.bottom .wrap .item:nth-child(1) i{width:0.44rem;height:0.44rem;background:url("../images/home.svg") no-repeat center center;background-size: cover}
.bottom .wrap .item:nth-child(2) i{width:0.44rem;height:0.44rem;background:url("../images/bisai.svg") no-repeat center center;background-size: cover}
.bottom .wrap .item:nth-child(3) i{width:0.44rem;height:0.44rem;background:url("../images/ziliaoku.svg") no-repeat center center;background-size: cover}
.bottom .wrap .item:nth-child(4) i{width:0.44rem;height:0.44rem;background:url("../images/zixun.svg") no-repeat center center;background-size: cover}
.bottom .wrap .item:nth-child(5) i{width:0.44rem;height:0.44rem;background:url("../images/huifang.svg") no-repeat center center;background-size: cover}


.bottom .wrap .item:nth-child(1):hover i{width:0.44rem;height:0.44rem;background:url("../images/home-h.svg") no-repeat center center;background-size: cover}
.bottom .wrap .item:nth-child(2):hover i{width:0.44rem;height:0.44rem;background:url("../images/bisai-h.svg") no-repeat center center;background-size: cover}
.bottom .wrap .item:nth-child(3):hover i{width:0.44rem;height:0.44rem;background:url("../images/ziliaoku-h.svg") no-repeat center center;background-size: cover}
.bottom .wrap .item:nth-child(4):hover i{width:0.44rem;height:0.44rem;background:url("../images/zixun-h.svg") no-repeat center center;background-size: cover}
.bottom .wrap .item:nth-child(5):hover i{width:0.44rem;height:0.44rem;background:url("../images/huifang-h.svg") no-repeat center center;background-size: cover}



.bottom .wrap .item:nth-child(1).active i{width:0.44rem;height:0.44rem;background:url("../images/home-h.svg") no-repeat center center;background-size: cover}
.bottom .wrap .item:nth-child(2).active i{width:0.44rem;height:0.44rem;background:url("../images/bisai-h.svg") no-repeat center center;background-size: cover}
.bottom .wrap .item:nth-child(3).active i{width:0.44rem;height:0.44rem;background:url("../images/ziliaoku-h.svg") no-repeat center center;background-size: cover}
.bottom .wrap .item:nth-child(4).active i{width:0.44rem;height:0.44rem;background:url("../images/zixun-h.svg") no-repeat center center;background-size: cover}
.bottom .wrap .item:nth-child(5).active i{width:0.44rem;height:0.44rem;background:url("../images/huifang-h.svg") no-repeat center center;background-size: cover}





.day-tab{overflow: hidden;align-items: center;z-index:1;position: relative;box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);padding:0.2rem 0.1rem;}
.day-tab .day-tab-main{width:100%;text-align: center;overflow: hidden;}

.day-tab .day-tab-main .swiper-slide{border-radius: 0.08rem;padding:0.12rem 0.17rem;height: 0.86rem;width: 1.2rem;display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: var(--color-background-base,#293641);margin-right: 0.1rem;color: var(--color-text-primary)}
.day-tab .day-tab-main .swiper-slide-active{background-color:#91979D;color: var(--color-text-primary);font-weight: 600}
.day-tab .day-tab-main .swiper-slide p{font-weight:bold;font-size: 0.24rem}
.day-tab .day-tab-main .swiper-slide p:nth-last-child(1){font-size: 0.2rem}



















/**热门球队**/
.hotteams{background:#fff;padding:15px;}
.hotteams .hotteams_tab li{line-height: 32px;flex:1;border-radius: 5px;background:#F7F8FA;margin-right: 8px;text-align:center}
.hotteams .hotteams_tab li:nth-last-child(1){margin-right:0}
.hotteams .hotteams_tab li a{font-size:12px}
.hotteams .hotteams_tab li.active{background:#FFF0F0;}
.hotteams .hotteams_tab li.active a{color:#FF0200;}
.hotteams_main{border-top: 1px solid var(--color-border)}
.hotteams_main ul{display: flex;flex-direction: flex-start;flex-wrap: wrap;}
.hotteams_main ul li{width: 20%;margin:5px 0; }
.hotteams_main ul li a{height:70px;display:flex;justify-content: center;align-items: center;flex-direction: column;font-size:12px;color: #101010}
.hotteams_main ul li a img{height:30px;}
.hotteams_main ul li p{width:100%;text-align: center;padding-top: 5px;}










/**精选专题**/

.zhuanti{padding:0.3rem 0.2rem;}
.zhuanti-list ul{}
.zhuanti-list li a{padding:0.2rem 0px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;}
.zhuanti-list li .tit{display:flex;width: calc(100% - 100px)}
.zhuanti-list li .ico{width: 0.5rem;display: flex;flex-direction: column;align-items: center;}
.zhuanti-list li .ico img{width:0.5rem;height: 0.5rem;}
.zhuanti-list li .bt{display:flex;flex-direction: column;width: calc(100% - 40px);padding-left: 10px}
.zhuanti-list li .bt h3{font-size:0.28rem;color: var(--color-text-primary);font-weight: 600;margin-bottom:0.15rem;display: block;}
.zhuanti-list li .bt p{font-size:0.2rem;}
.zhuanti-list li .zan{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.zhuanti-list li .zan i{width: 0.4rem;height:0.4rem;background:url(../images/icon-zan.png) no-repeat;background-size:cover;cursor: pointer}
.zhuanti-list li .zan p{font-size:0.2rem;}






/**录像列表**/
.matchrecord{padding:0.3rem 0.2rem;background-color: var(--color-background-base,#293641)}
.matchrecord-list ul{}
.matchrecord-list li a{padding:0.2rem 0px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;}
.matchrecord-list li .tit{display:flex;width: calc(100% - 100px)}
.matchrecord-list li .ico{width: 0.5rem;display: flex;flex-direction: column;align-items: center;}
.matchrecord-list li .ico img{width:0.5rem;height: 0.5rem;}
.matchrecord-list li .bt{display:flex;flex-direction: column;width: calc(100% - 40px);padding-left: 10px}
.matchrecord-list li .bt h3{font-size:0.28rem;color: var(--color-text-primary);font-weight: 600;margin-bottom:0.15rem;display: block;}
.matchrecord-list li .bt p{font-size:0.2rem;}
.matchrecord-list li .fire{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.matchrecord-list li .fire i{width: 0.24rem;height:0.3rem;background:url(../images/icon-fire.png) no-repeat;background-size:cover;cursor: pointer}
.matchrecord-list li .fire p{font-size:0.2rem;}




/**资料库近期赛事**/
.recentymatch{background:#fff;padding:15px;}
.recentymatch-list{text-align: center;overflow: hidden;}
.recentymatch-list .pic{border:1px solid var(--color-border);border-radius: 10px;display: flex;justify-content: center;align-items: center;height: 90px;width: 90px;}
.recentymatch-list p{font-weight: 600;line-height: 1;padding-top: 8px}
.recentymatch-list span{font-size: 12px}
.recentymatch-list{display: flex;justify-content: space-between;}
.recentymatch-list{width:calc(100% - 30px);}
.recentymatch-btn{width:0.2rem;display:flex;justify-content: space-between;flex-direction: column;height: 90px}
.recentymatch-btn img{width:0.2rem}


.recentymatch-main{display: flex;flex-wrap:wrap;}
.recentymatch-main .item{margin-right:1.25%;width: 24%;background:#F7F8FA;border-radius: 10px;margin-top: 10px;padding:10px;display: flex;justify-content:flex-start;}
.recentymatch-main .item:nth-child(4n){margin-right:0px}
.recentymatch-main .item .pic{width: 60px;}
.recentymatch-main .item .text{width: calc(100% - 70px);}
.recentymatch-main .item .btn{display:flex;justify-content: space-between;padding-top: 8px}
.recentymatch-main .item .btn a{color: var(--color-text-primary);border-radius: 8px;background: #fff;width: 29%;line-height: 32px;text-align: center;font-size:12px;}
.recentymatch-main .item p{font-size:16px;font-weight: 600}
.recentymatch-main-name{font-size: 18px;font-weight: 600;}

.zlk-recentymatch{padding:0.3rem 0.2rem;}
.zlk-recentymatch-list{text-align: center;overflow: hidden;}
.zlk-recentymatch-list .swiper-slide{width:1.4rem;margin-right: 0.2rem}
.zlk-recentymatch-list .pic{border:1px solid rgba(237, 237, 237, 1);border-radius: 0.1rem;display: flex;justify-content: center;align-items: center;width:1.4rem;height:1.4rem;padding:0.2rem;}
.zlk-recentymatch-list .pic img{max-width: 100%;max-height: 100%}
.zlk-recentymatch-list p{font-weight: 600;line-height: 1;padding-top: 8px}
.zlk-recentymatch-list span{font-size: 12px}

.zlk-hotymatch{display: flex;flex-wrap:wrap;}
.zlk-hotymatch-main{padding:0.2rem;width: 100%;display: flex;flex-wrap: wrap;}
.zlk-hotymatch-main .item{width:2.1rem;background:var(--color-background-base,#293641);border-radius: 0.1rem;padding:0.1rem 0.1rem;margin-right: 0.2rem;margin: 0.1rem 0.2rem 0.1rem 0;}
.zlk-hotymatch-main .item a{display: flex; justify-content: space-between;}
.zlk-hotymatch-main .item:nth-child(3n){margin-right:0px}
.zlk-hotymatch-main .item .pic{width: 0.6rem;height: 0.6rem;display:flex;flex-direction: column;justify-content: center;}
.zlk-hotymatch-main .item .pic img{max-width: 100%;max-height: 100%;margin:0 auto;}
.zlk-hotymatch-main .item .text{width: calc(100% - 0.7rem);}
.zlk-hotymatch-main .item p{font-size:0.24rem;font-weight: 600}
.zlk-hotymatch-main span{font-size:0.2rem;} 

.zlk-legaue{display: flex;flex-wrap:wrap;}
.zlk-legaue-main{padding: 0.15rem 0;width: 100%;display: flex;flex-wrap: wrap;border-radius: 0.2rem}
.zlk-legaue-main .item{width: 25%;display: flex;flex-direction: column;justify-content: center;align-items: center;/* margin-right: 0.8rem; */margin: 0.2rem 0;text-align: center;}
.zlk-legaue-main .item:nth-child(4n){margin-right:0px}
.zlk-legaue-main .item .pic{width: 100%;height:1rem;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.zlk-legaue-main .item .pic img{max-width: 100%;max-height: 100%;margin:0 auto;display: block;}
.zlk-legaue-main .item .text{width:100%;text-align: center;font-size:0.24rem;font-weight: 600;padding: 0.1rem 0;}

.zlk-area-tab .swiper-container{overflow: hidden;}
.zlk-area-tab .swiper-container .swiper-slide{padding:0.1rem 0.1rem;border-radius: 0.1rem;background:#fff;margin-right:0.25rem;width:1.08rem;text-align: center;font-size:0.24rem;}
.zlk-area-tab .swiper-container .swiper-slide-active{color: var(--color-text-primary);background:var(--color-primary);}

.zlk-area-secondtab .swiper-container{overflow: scroll;}
.zlk-area-secondtab .swiper-container .swiper-wrapper{display: none}
.zlk-area-secondtab .swiper-container .swiper-wrapper.active{display: flex}
.zlk-area-secondtab .swiper-container .swiper-slide{margin-right:0.25rem;width:auto;text-align: center;font-size:0.24rem;word-break: keep-all; color: var(--color-text-primary);}
.zlk-area-secondtab .swiper-container .swiper-slide.active:after{content:"";display:block;width:0.2rem;height:0.15rem;background:url("../images/sanjiaoshang.svg") no-repeat top center;background-size:cover;margin:0 auto;}
::-webkit-scrollbar {
  display: none;
}

/**直播内页**/
.match-detail-info{background:var(--color-background-base,#293641);padding:0.2rem;display: flex;justify-content:center; flex-wrap:wrap;position: relative; color: var(--color-text-primary);}
.match-detail-info .team{display: flex;flex-direction: column;justify-content: center;align-items: center;width:2.3rem;padding:0.38rem 0;}
.match-detail-info .vs{display: flex;flex-direction:column;align-items: center;width:2rem;padding:0.38rem 0;}
.match-detail-info .vs p.r1{color: var(--color-text-primary);font-size: 0.14rem}
.match-detail-info .vs p.r2{color: var(--color-text-primary);font-size:0.2rem;display:flex;justify-content:space-between;align-items: center;width: 100%;text-align:center;}
.match-detail-info .vs p.r2 span{font-size:0.4rem;font-weight: 600;line-height: 1}
.match-detail-info .vs p.r3{color: var(--color-text-primary);font-size:0.2rem;}
.match-detail-info .vs p.r3.active{color: var(--color-primary)}


#countdown{font-size:0.14rem;color: var(--color-text-primary);text-align: center;width:100%;}
.match-detail-info .vs em{display:block;font-style: normal;font-size: 0.4rem;font-family:monospace;line-height: 1}

.match-detail-info .teamlogo{margin-bottom: 0.3rem}
.match-detail-info .team img{height: 0.9rem;}
.match-detail-info .team p{font-size:0.24rem;font-weight: 600;text-align:center}
.match-detail-info .team_scource{font-size:34px;font-weight: 600}

.match-tips{width:100%;text-align: center;display: flex;justify-content: center;align-items: center;font-size: 0.2rem;color: var(--color-text-primary)}
.match-tips img{width:100%;text-align: center;width:14px;height:14px;display: inline-block;margin:0 0.2rem;}
.match-singal-tit{border-top:1px solid var(--color-border);width:100%;padding:0.2rem;font-size:0.2rem;}
.match-singal{padding:0 0.2rem;background:var(--color-background-base,#293641);width:100%;}
.match-singal a{overflow: hidden; line-height: 0.67rem;text-align: center;width: 1.86rem;border-radius: 0.1rem;background:#FF0000;color: var(--color-text-primary);display: inline-block;font-size:0.28rem;margin-bottom: 0.2rem;margin-right: 0.26rem;position: relative;}
.match-singal a:nth-child(3n){margin-right: 0}





@keyframes sheen {
  0% {
  transform: skewX(-45deg) translateX(0);
  transition: none;
  }
  100% {
  transform: skewX(-45deg) translateX(13.5em);
  transition: all 0.3s ease-in-out;
  }
}

.match-singal a:nth-child(1):before {
  content: "";
  background-color: rgba(250, 247, 247, 0.5);
  height: 100%;
  width: 0.3rem;
  display: block;
  position: absolute;
  top: 0;
  left:-2rem;
  animation-name: sheen;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}






.match-detail-score-tab{padding:8px 0;}
.match-detail-score-tab a{width: 88px;line-height: 34px;text-align: center;border-radius: 5px;display: inline-block;background-color: #F7F8FA;margin-right:10px;}
.match-detail-score-tab a.active{background-color:#FFF0F0;color:#FF0200}


.team-match-detail-score-tab{display: flex;align-items: center;margin-right:0.1rem}
.team-match-detail-score-tab .team{display: flex;align-items: center;margin-right:0.1rem; color: var(--color-text-primary);}
.team-match-detail-score-tab img{height: 0.3rem;margin-right:0.1rem;}

.history-score{background:var(--color-background-base,#293641);padding:0.2rem;}
.match-detail-score-name{height: 0.6rem;width:100%;display:flex;align-items: center;justify-content: center;background-color: var(--color-background-base,#293641)}
.match-detail-score-name span{color:#8A9197;font-size:0.2rem;}
.match-detail-score-item{color: var(--color-text-primary);width:100%;display:flex;align-items: center;justify-content: center;font-size: 0.2rem;padding:0.17rem 0;line-height: 1.5}
.match-detail-score-item:nth-child(2n-1){background:var(--color-background-base,#293641);}
.result{font-size:14px;text-align: center;width: 100%;line-height: 1}


.league-integral{background:#fff;padding:0.2rem;}








.w1{width: 20%;text-align: center;}
.w2{width: 18%;text-align: right;}
.w3{width: 14%;text-align: center;}
.w4{width: 18%;text-align: left;}
.w5{width: 10%;text-align: center;}
.w6{width: 10%;text-align: center;}
.w7{width: 10%;text-align: center;}

.red{color: #FF0000}
.blue{color: #0A84FF}
.green{color: #58CE0F}


.match-detail-score-item .w4{letter-spacing:1px}



/**资料库**/
.ziliaoku{background:#fff;padding:15px;}
.ziliaoku .lmtit{border-bottom:1px solid var(--color-border);padding-bottom: 0.2rem;justify-content: center;display: flex}
.ziliaoku .lmtit b{position: relative;padding:0 50px}
.ziliaoku .lmtit b:after{content: "";display: block;width:30px;height: 4px;border-radius: 2px;position:absolute;bottom:-0.2rem;left:50%;margin-left:-15px; }
.ziliaoku .lmtit b.active{color:#FF0000}
.ziliaoku .lmtit b.active:after{background:#FF0000}








/**右侧热门赛事**/
.hotmatch{background:#fff;padding:15px;}
.hotmatch_main ul li{display: flex;justify-content: space-between;border-bottom:1px solid var(--color-border);padding:10px 0;}
.hotmatch_main ul li:nth-last-child(1){border:0}
.hotmatch_main ul li p{display: flex;align-items: center;}
.hotmatch_main ul li .a1{width: 68px;font-size:12px;color: var(--color-text-primary);display: flex;justify-content:center;flex-direction: column;}
.hotmatch_main ul li .a1 p{display: flex;font-size:10px;line-height: 14px}
.hotmatch_main ul li .a2{font-size:14px;color: var(--color-text-primary);display: flex;justify-content: center;flex-direction: column;width:140px;}
.hotmatch_main ul li .a2 p{line-height: 16px;padding:2px 0;color: #000;font-weight: 600}
.hotmatch_main ul li .a2 img{width: 14px; height:14px;font-size:14px;margin-right: 5px;}
.hotmatch_main ul li .a3{width: 30px;display: flex;justify-content:flex-end;flex-direction: column;}
.hotmatch_main ul li .a3 p{display: flex;justify-content:flex-end;color: #000;font-weight: 600}
.hotmatch_main ul li .a4{width: 44px;height:44px;padding:5px;color: var(--color-text-primary);border-radius:5px;display: flex;justify-content: center;align-items:center;background-color:#fff;}
.hotmatch_main ul li .a4 a{color: var(--color-text-primary);text-align: center;font-weight: 400}
.hotmatch_main ul li .a4.start{background-color: rgba(255, 0, 0, 1);text-align: center;}
.hotmatch_main ul li .a4.start a{color: var(--color-text-primary);font-weight: 400}


/**新闻列表**/


.listarticle .news01{width:100%;position: relative;}
.listarticle .news01 a{display:flex;justify-content: space-between;}
.listarticle .news01 .pic{width: 100%;height:450px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius: 8px}
.listarticle .news01 .pic img{width:100%;}
.listarticle .news01 .text{position:absolute;bottom:0;left:0;color: var(--color-text-primary);line-height: 1.5;padding:15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;width:100%;background: -webkit-linear-gradient(top, rgba(0,0,0,0)0%,rgba(0,0,0,0.5)66%, rgba(0,0,0,1)99%);/* Safari、Chrome */background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));/* 默认渐变位置从上往下 */
}
.listarticle .news01 .text p.tit{width:100%;opacity:1;font-size: 16px;}
.listarticle .news01 .text p{width:100%;opacity: 0.5;font-size: 12px}

.listarticle{background:var(--color-background-base,#293641);padding:0.2rem;}
.listarticle .lmtit{border-bottom:1px solid var(--color-border);padding-bottom: 0.2rem}
.listarticle-list ul{}
.listarticle-list li a{padding:0.2rem 0px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;}
.listarticle-list li .pic{width: 2.2rem; height:1.3rem;border-radius: 0.08rem;overflow: hidden; }
.listarticle-list li .pic a{width: 2.2rem; height:1.3rem; display:flex;justify-content: center;align-items: center;border-radius: 0.08rem;overflow: hidden;}
.listarticle-list li .pic img{min-width: 100%;min-height: 100%;}
.listarticle-list li .tit{display:flex;}
.listarticle-list li .bt{display:flex;flex-direction:column;width: calc(100% - 2.4rem);position: relative;}
.listarticle-list li .bt h3{font-size:0.24rem;color: var(--color-text-primary);font-weight: 600;padding-bottom:5px;display: block;}

.listarticle-list li .bt p.time{font-size:0.18rem;left:0;bottom:0;position: absolute;}


.listarticletoparticleswiper{position: relative;}

.swiper-pagination-bullet{background-color:rgba(255,255,255,0.5);}
.swiper-pagination-bullet-active{background-color: #fff}


/**新闻内容**/
.position{border-radius: 8px;}
.position{display: flex;align-items: center;}
.position .box{display: flex;background:#fff;border-radius: 8px;line-height: 40px;padding:0 0.2rem;margin-left:12px;position: relative;}
.position .box{display: flex;}
.position .returnback{display:block;background:#fff;width: 40px;height: 40px;border-radius: 5px;display: flex;justify-content: center;align-items: center;}
.position .lm{padding-right:50px;}
.position .lm:after{content:"";height:0px;border: 2px solid #f8f8f9;width: 45px;transform:rotate(125deg);-o-transform:rotate(125deg);-moz-transform:rotate(125deg);-webkit-transform:rotate(125deg);position: absolute;bottom:19px;}


.article{background:var(--color-background-base,#293641);padding:0.2rem; color: var(--color-text-primary);}
.article h2.tit{font-weight: 600;font-size:0.4rem;}
.article .time{font-weight:400;font-size:0.18rem;padding-top: 0.2rem;padding-bottom:0.2rem}


.article .article-content{border-top:1px solid var(--color-border);padding-top: 0.1rem;}
.article .article-content p{padding-bottom: 0.2rem;font-size:0.28rem;line-height: 1.8}

.article .article-content .label{font-weight: 600;}
.article .article-content .label a{background-color: #8A9197;border-radius: 8px;padding:0 10px;line-height:30px;font-weight: 400;display: inline-block;margin-left:8px}

#articlecontent{position: relative;max-height:5rem;}
.artmorebg{background-color:var(--color-background-base,#293641);position: absolute;bottom:-0.2rem;width:100%;padding:0.2rem 0}
#more-link{border-radius: 0.2rem;
    border: 1px solid #898989;
    display: block;
    width: 100%;
    color: var(--color-text-primary);
    font-size: 0.24rem;
    text-align: center;
    line-height: 0.7rem;}

/**录像内容**/



.article .article-content .record-main a{position: relative;display: flex;justify-content: center;align-items: center;width:100%;height:100%;}
.article .article-content .record-main .ico{position: absolute;text-align: center;color: #fff}
.article .article-content .record-main .ico img{width:1.11rem;height:1.11rem;margin:0 auto;transition: all 0.5s}
.article .article-content .record-main .ico img:hover{width:1.2rem;height:1.2rem;}
.article .article-content .record-main .ico p{font-size: 0.24rem;padding-top: 0.3rem;line-height: 1}








/**资料库**/


/**TV**/
.mainbodytv .tvpic{display: flex;justify-content:space-between;font-size:0.24rem;align-items:center;line-height:0.38rem}
.mainbodytv img{width:1.32rem;height:0.78rem;margin-right:0.16rem;}



/**TV**/

/**page4**/
.pagination {
    width: 100%;
    display:flex;justify-content: center;align-items: center;
    margin:0.2rem auto;
    color: var(--color-text-primary);
}
.pagination li{display:inline-block;}


.pagination a{
    font-size: 0.14rem;
    text-decoration: none;
    display: block;
    color: var(--color-text-primary);
    background-color: #90969C;
    line-height: 0.28rem;
    padding:0 0.1rem;
    margin: 0 0.01rem;
    border-radius: 0.04rem;
    text-align: center;
}





.pagination a:hover,a.active {
    color: #ffffff;

}



@media screen and (max-width:190.2rem){
    
    .footer .footer-center{width:calc(100% - 380px)}
} 





@media screen and (max-width:1400px){
.section-main-center{width:100%;}
.section-main-right{display:none}
.footer .footer-center{width:100%;}


} 



@media screen and (max-width:1280px){

.footer{max-width: 1026px;}
} 



@media screen and (max-width:640px){


}