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

@font-face {
  font-family: "OPPOSans-Regular"; /* Project id 2815113 */
  src: url(../fonts/OPPOSans-R-2.woff2�t=1631696010734.woff24') format('woff2'),
       url(../fonts/OPPOSans-R-2.woff�t=1631696010734.woff4') format('woff'),
       url(../fonts/OPPOSans-R-2.ttf�t=1631696010734.ttf4') format('truetype');
}

@font-face {
  font-family: "DIN2014-BoldItalic"; /* Project id 2815113 */
  src: url(../fonts/DIN2014-BoldItalic.woff2�t=1631696010734.woff24') format('woff2'),
       url(../fonts/DIN2014-BoldItalic.woff�t=1631696010734.woff4') format('woff'),
       url(../fonts/DIN2014-BoldItalic.ttf�t=1631696010734.ttf4') format('truetype');
}


@font-face {
  font-family: "DIN2014-Regular"; /* Project id 2815113 */
  src: url(../fonts/DIN2014-Regular.woff2�t=1631696010734.woff24') format('woff2'),
       url(../fonts/DIN2014-Regular.woff�t=1631696010734.woff4') format('woff'),
       url(../fonts/DIN2014-Regular.ttf�t=1631696010734.ttf4') format('truetype');
}



@font-face {
  font-family: "Alimama_ShuHeiTi_Bold"; /* Project id 2815113 */
  src: url(../fonts/Alimama_ShuHeiTi_Bold.woff2�t=1631696010734.woff24') format('woff2'),
       url(../fonts/Alimama_ShuHeiTi_Bold.woff�t=1631696010734.woff4') format('woff'),
       url(../fonts/Alimama_ShuHeiTi_Bold.ttf�t=1631696010734.ttf4') format('truetype');
}


body{background:#fff;font: 14px 'OPPOSans-Regular','Microsoft YaHei',Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;font-weight: 400;background-color:#f8f8f9;margin:0 auto;}
ul li{list-style-type: none}
a{text-decoration: none;color: #000}
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;
}
.font14{font-size:14px!important;}
.font16{font-size:16px!important;}
.font18{font-size:18px!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:18px;color:#000; }
.lmtit b span{font-size:12px;color:#ccc;padding:0 5px; font-weight: 400}
.lmtit a.more{font-size:12px;color:#333; }
.lmtit .tab{width: 65%}
.lmtit .tab b{font-weight: 400}
.lmtit .tab b.active{color:red;font-weight: 600 }


.gradient {
    background:url(../images/gradient_bg.jpg) repeat-y!important;
    background-size: 100% !important;
}

.matchrecordlist .lmtit{padding-top:10px;}
.matchrecordlist .lmtit .tab{margin:0 auto;display: flex;justify-content: center;align-items: center;padding:0;}
.matchrecordlist .lmtit .tab a{padding:0 100px;position: relative;}
.matchrecordlist .lmtit a:after {
    position: absolute;
    content: "";
    width: 30px;
    height: 3px;
    background-color: #fff;
    left: 50%;
    margin-left: -15px;
    bottom: -20px;
}

.matchrecordlist .lmtit b.active a:after {
    background-color: #FF0000;
}


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

.mtb20{margin-top: 20px;margin-bottom:20px}
.mt20{margin-top: 20px}
.mb20{margin-bottom: 20px}


.lighthui{color: #ccc!important}
.hui{color:rgba(16, 16, 16, 0.5)!important}

/**头部**/
.d-header {
    height: 68px;
    position: fixed;
    background:#fff;
    display: flex;
    align-items: center;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    z-index: 99;
}

.d-header>.container-wrap .contents {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.logo{display:flex;align-items:center;font-family:"Alimama_ShuHeiTi_Bold";}
.logo a{font-size:20px;font-weight: 600;display:flex;align-items:center}
.logo span{color: red}
.menu-toggler{margin-right:10px;}
.search-form{position: relative;display: flex;align-items: center;background: #fff;}
.search-form form{width:800px;border:1px solid #c9c9c9;border-radius:20px;overflow: hidden;line-height: 40px;}
.search-form .fdj{background:#f7f7f7;width:85px;border:0;height: 40px;border-right:1px solid #c9c9c9;display:flex;justify-content: center;align-items: center;}
.search-form .fdj img{height:22px;}
.search-form input{border:0;width:calc(100% - 85px);line-height:40px;font-size: 16px;padding-left: 10px;}
.search-form input:focus {border:0;}
.now{display: flex;justify-content: center;flex-direction:row;align-items: center;}
.now img{ height: 28px;margin-right: 5px; }
/**头部**/



/**头部下整体框�?*/
.section-main{width: 100%;padding-top:68px;position:relative;z-index:1}
/**头部下整体框�?*/




/**左侧导航**/
.section-main-left-frame{background:#fff;width:260px;display:flex;flex-direction:column;box-sizing: border-box;position: fixed;left:0;overflow-y:auto;height:calc(100% - 68px);z-index:99}
.section-main-left-frame ul{padding:10px;}
.section-main-left-frame .mainnav{}
.section-main-left-frame .mainnav li{margin:12px;}
.section-main-left-frame .mainnav li a{display:flex;align-items:center; width: 100%;color:#646464;line-height:34px;padding:0 10px;border-radius:8px;}
.section-main-left-frame .mainnav li img{width: 20px;margin-right:18px;}
.section-main-left-frame .mainnav li[data-name='篮球直播']:after{content:"";border-bottom: 1px solid rgba(237, 237, 237, 1);display: block;margin:10px auto;}
.section-main-left-frame .mainnav li[data-name='英超']:before{content:"";border-bottom: 1px solid rgba(237, 237, 237, 1);display: block;margin:10px auto;}
.section-main-left-frame .mainnav li[data-name='NBA']:before{content:"";border-bottom: 1px solid rgba(237, 237, 237, 1);display: block;margin:10px auto;}
/**.section-main-left-frame .mainnav li:nth-child(27):after{content:"";border-bottom: 1px solid rgba(237, 237, 237, 1);display: block;margin:10px auto;}**/







.section-main-left-frame .mainnav li.active{font-weight: 600}
.section-main-left-frame .mainnav li img.icon_a{display:block;}
.section-main-left-frame .mainnav li img.icon_b{display:none;}
.section-main-left-frame .mainnav li.active img.icon_a{display:none;}
.section-main-left-frame .mainnav li.active img.icon_b{display:block;}
.section-main-left-frame .mainnav li:hover img.icon_a{display:none;}
.section-main-left-frame .mainnav li:hover img.icon_b{display:block;}






.section-main-left-frame .mainnav li i{width: 20px;height:20px;margin-right: 18px;}
.section-main-left-frame .mainnav li:nth-child(1) i{background:url("../images/icon-home.svg") no-repeat;background-size: cover}
.section-main-left-frame .mainnav li:nth-child(2) i{background:url("../images/icon-zuqiu.svg") no-repeat;background-size: cover}
.section-main-left-frame .mainnav li:nth-child(3) i{background:url("../images/icon-lanqiu.svg") no-repeat;background-size: cover}
.section-main-left-frame .mainnav li:nth-child(4) i{background:url("../images/icon-zhuanti.svg") no-repeat;background-size: cover}
.section-main-left-frame .mainnav li:nth-child(5) i{background:url("../images/icon-news.svg") no-repeat;background-size: cover}
.section-main-left-frame .mainnav li:nth-child(6) i{background:url("../images/icon-bisaihuifang.svg") no-repeat;background-size: cover}
.section-main-left-frame .mainnav li:nth-child(7) i{background:url("../images/icon-tv.svg") no-repeat;background-size: cover}
.section-main-left-frame .mainnav li:nth-child(8) i{background:url("../images/icon-saiguo.svg") no-repeat;background-size: cover}




.section-main-left-frame ul li.active a{background:#f8f8f9;}
.section-main-left-frame ul li:hover a{background:#f8f8f9;}
.section-main-left-frame .mainnav li:nth-child(1).active i{background:url("../images/icon-home-h.svg") no-repeat;background-size: cover}
.section-main-left-frame .mainnav li:nth-child(2).active i{background:url("../images/icon-zuqiu-h.svg") no-repeat;background-size: cover}
.section-main-left-frame .mainnav li:nth-child(3).active i{background:url("../images/icon-lanqiu-h.svg") no-repeat;background-size: cover}
.section-main-left-frame .mainnav li:nth-child(4).active i{background:url("../images/icon-zhuanti-h.svg") no-repeat;background-size: cover}
.section-main-left-frame .mainnav li:nth-child(5).active i{background:url("../images/icon-news-h.svg") no-repeat;background-size: cover}
.section-main-left-frame .mainnav li:nth-child(6).active i{background:url("../images/icon-bisaihuifang-h.svg") no-repeat;background-size: cover}
.section-main-left-frame .mainnav li:nth-child(7).active i{background:url("../images/icon-tv-h.svg") no-repeat;background-size: cover}
.section-main-left-frame .mainnav li:nth-child(8).active i{background:url("../images/icon-saiguo-h.svg") no-repeat;background-size: cover}
/**左侧导航**/


/**右侧框架**/
.section-main-right-frame{width:calc(100% - 260px);position:relative;padding:10px 15px;display:flex;justify-content: space-between;float:right}
/**右侧框架**/




/**中间内容**/
.section-main-center{width: calc(100% - 360px);}
.section-main-center .indexnews{background-color: #fff;padding:12px 10px;}
.section-main-center .indexnews .news01{width:670px;height:350px;position: relative;}
.section-main-center .indexnews .news01 a{display:flex;justify-content: space-between;}
.section-main-center .indexnews .news01 .pic{width: 100%;height:350px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius: 8px}
.section-main-center .indexnews .news01 .pic img{min-height:100%;min-width:100%;}
.section-main-center .indexnews .news01 .text{position:absolute;bottom:0;left:0;color:#Fff;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));/* 默认渐变位置从上往�?*/
}
.section-main-center .indexnews .news01 .text p.tit{width:100%;opacity:1;font-size: 16px;}
.section-main-center .indexnews .news01 .text p{width:100%;opacity: 0.5;font-size: 12px}
.section-main-center .indexnews .news02{width: calc(100% - 680px);position: relative;display: flex;flex-direction: column; row-gap: 10px;}
.section-main-center .indexnews .news02 .item{width:100%;overflow:hidden;}
.section-main-center .indexnews .news02 .item:nth-last-child(1){margin-bottom:0px;}
.section-main-center .indexnews .news02 .item a{display:flex;justify-content: space-between;}
.section-main-center .indexnews .news02 .pic{width:145px;height:80px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:8px}
.section-main-center .indexnews .news02 .pic img{min-height:100%;min-width:100%;}



.section-main-center .indexnews .news02 .text{width:calc(100% - 155px);overflow:hidden;}
.section-main-center .indexnews .news02 .text p.tit{margin-bottom: 8px; font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;width: 100%;color: #000;font-weight:600;}
.section-main-center .indexnews .news02 .text p{font-size:10px;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #959595;}





.hot-match{padding-top:12px}
.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:#fff;padding:10px;border-radius: 8px;overflow: hidden;}
.hot-match-main .hot-match-item .r1{font-size: 12px;}
.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: 12px;color: red;font-weight: 600}
.hot-match-main .hot-match-item .r1 .islive img{width:12px;height:14px;margin-right:5px;}
.hot-match-main .hot-match-item .r1 .unstart{font-size: 12px;color: rgba(16, 16, 16, 0.5);font-weight: 600}
.hot-match-main .hot-match-item .r2{display:flex;font-size: 12px;color: #ccc;border-bottom: 1px solid rgba(237, 237, 237, 1);padding-bottom: 5px;margin-bottom: 5px;}
.hot-match-main .hot-match-item .r3{}
.hot-match-main .hot-match-item .r3 div{width:32%;display:flex;justify-content: center;align-items: center;flex-direction: column;}
.hot-match-main .hot-match-item .r3 div img{height:30px;margin:10px auto;}
.hot-match-main .hot-match-item .r3 .team span{width:100%;text-align:center}

.hot-match-tab .swiper-container{overflow: hidden;height: 32px;}
.hot-match-tab .swiper-container .swiper-slide{padding:0 10px;line-height: 32px;border-radius: 5px;background:#fff;margin-right:8px;width:68px;text-align: center;}
.hot-match-tab .swiper-container .swiper-slide-active{color: #fff;background:red;}
.hot-match-tab .swiper-container .swiper-slide a{width:100%;display:block}
.hot-match-tab .swiper-container .swiper-slide-active a{color: #fff;}

.day-tab{overflow: hidden;height: 60px;background-color: #fff;align-items: center;padding:0 20px;margin-bottom: 1px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;z-index:1;position: relative;box-shadow: 0 5px 5px 0 rgb(0 0 0 / 5%);}
.day-tab .day-tab-main{width:calc(100% - 200px);text-align: center;overflow: hidden;}
.day-tab .prev,.day-tab .next{height: 40px;display: flex;justify-content: center;align-items: center;}
.day-tab .prev img,.day-tab .next img{height: 30px}
.day-tab .day-tab-main .swiper-slide{padding:5px 10px;border-radius: 8px;}
.day-tab .day-tab-main .swiper-slide-active{background-color:#FFF0F0;color:red;font-weight: 600}
.day-tab .day-tab-main .swiper-slide-active p{font-weight:bold}
.day-tab .day-tab-main .swiper-slide{width:calc(100% / 7);}




.match-item a{display: flex;background:#fff;align-items: center;font-size: 14px;padding: 10px 15px;border-top: solid 1px rgba(237, 237, 237, 1); justify-content: space-between;width:100%;}
.match-item:nth-child(1) {border-top: 0;}
.match-item .info_left{display:flex;align-items:center;width:20%}
.match-item .info_left img{width: 30px;margin-right:10px; height: 30px;}
.match-item .info_center{display:flex;;width:60%}

.match-item .info_center .team{display:flex;align-items:center;width:180px; column-gap: 20px;}
.match-item .info_center .team:first-child{font-weight: 600;}
.match-item .info_center .team:last-child{font-weight: 600;}
.match-item .info_center .team img{width:30px;max-height:30px;}
.match-item .info_center .team .text{font-size:16px;display:inline-block;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;padding-left:10px;text-align:left}
.match-item .info_center .team.home{justify-content: flex-end;text-align: right}
.match-item .info_center .team.away{display: flex;justify-content: flex-start;}

.match-item .info_center .score{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:600;}
.match-item .info_center .score .hscore{width:60px;text-align:center}
.match-item .info_center .score .vscore{width:60px;text-align:center}
.match-item .info_center .score span{font-size: 18px;padding:0 15px;}
.match-item .info_center .score span em{display: block;font-style: normal;font-size:12px;color: #000}
.match-item .info_center .score .staute{width:100px;text-align: center;font-weight: 400;font-size: 14px;}
.match-item .info_center .score .staute.end{color:#8f8d8d;}
.match-item .info_center .score .staute.start{color:red;display:flex;flex-direction: column;}
.match-item .info_center .score .staute.start span{color: #0D0D0D;font-size: 10px;}
.match-item .info_center .away{display:flex;justify-content:center;align-items:center}
.match-item .info_center .away .right{display:flex;align-items:center;width:180px;justify-content:flex-end}
.match-item .info_center .away .right .text{display:inline-block;width:150px;height:20px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.match-item .info_center .away .right > img{width:30px;max-height:30px;margin-right:10px}
.match-item .info_right{box-sizing:border-box;display:block;vertical-align:middle;font-size: 14px;width:115px}
.match-item .info_right{width: 115px;line-height: 38px;border-radius: 5px;text-align: center;display:block;color:#101010;display: flex;justify-content: center;align-items: center;}
.match-item .info_right:before{width:12px;height:12px;content:"";display:inline-block;margin-right:4px;background: url("../images/icon-matchplay.png") no-repeat;background-size: cover;
}

.match-item .info_right.start:before{width:12px;height:12px;content:"";display:inline-block;margin-right:4px;background: url("../images/icon-matchplayon.png") no-repeat;background-size: cover;
}

.match-item .info_right.start{background: #FF0000;color: #fff;border:1px solid #FF0000;font-weight:600;}
.match-item .info_right.end{background:#fff;color: #000;border:1px solid #10101080;}
.match-item .info_right.end:before {display: none}
.match_list_more{width: 280px;height: 36px;background: #FFD300;margin:20px auto;text-align: center;line-height: 36px;}







/**中间内容**/


/**右侧内容**/
.section-main-right{width: 340px;}
.hotnews{background:#fff;padding:15px;}
.section-main-right .hotnews .news01{width:100%;height:auto;position: relative;}
.section-main-right .hotnews .news01 a{display:flex;justify-content: space-between;}
.section-main-right .hotnews .news01 .pic{width: 100%;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius: 8px}
.section-main-right .hotnews .news01 .pic img{height:100%;max-width:auto}
.section-main-right .hotnews .news01 .text{position:absolute;bottom:0;left:0;color:#Fff;line-height: 1.5;padding:25px 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));/* 默认渐变位置从上往�?*/
}
.section-main-right .hotnews .news01 .text p.tit{width:100%;opacity:1;font-size: 16px;}
.section-main-right .hotnews .news01 .text p{width:100%;opacity: 0.5;font-size: 12px}
.section-main-right .hotnews ul li{border-bottom: 1px solid rgba(237, 237, 237, 1);padding:9px 0;}
.section-main-right .hotnews ul li:nth-last-child(1){border-bottom:0}
.section-main-right .hotnews ul li a{display: flex;}
.section-main-right .hotnews ul li a span.time{width:80px;text-align: right;}
.section-main-right .hotnews ul li a span{width:calc(100% - 90px);font-size: 12px;line-height: 1.8;color: #000}

.jifenbang{background:#fff;padding:15px;}


.jifenbang .liansai_tab ul{}
.jifenbang .liansai_tab ul li{background:#F7F8FA;padding:10px;border-radius: 8px;display: flex;flex-direction:column; justify-content: center;align-items: center;flex:1;margin-right:5px;font-size: 12px;}
.jifenbang .liansai_tab ul li:nth-last-child(1){margin-right:0px}
.jifenbang .liansai_tab ul li img{height:24px;margin-bottom: 5px;}
.jifenbang .liansai_tab ul li.active{background:#FFF0F0;font-weight:600}
.jifenbang .liansai_tab ul li.active a{color:red;font-weight:600}



.team_rank_score_name{padding:10px 25px;display:flex;justify-content:space-between;background:#FAFAFA;margin: 10px -15px}
.team_rank_score_name.on{display: flex;justify-content: space-between;}
.team_rank_score_name span{color:#A3A3A3;font-size: 12px}
.team_rank_score_name span:nth-child(1){width: 60%;text-align: left}
.team_rank_score_name span:nth-child(2){width: 25%;text-align: center}
.team_rank_score_name span:nth-child(3){width:  15%;text-align: center}

.team_rank_score_list li{border-bottom: 1px solid rgba(237, 237, 237, 1);display:flex;justify-content:space-around;align-items: center;padding:10px;}
.team_rank_score_list li span i{font-style: normal;margin-right:5px;width: 12px}
.team_rank_score_list li span img{vertical-align: middle;padding-right: 5px;max-height: 18px;max-width: 18px; margin-right: 10px;}
.team_rank_score_list li span:nth-child(1){width: 60%;text-align: left;display: flex;align-items: center;}
.team_rank_score_list li span:nth-child(2){width: 25%;text-align: center}
.team_rank_score_list li span:nth-child(3){width: 15%;text-align: center}
.team_rank_score_list li:nth-child(1){font-weight: 600}
.team_rank_score_list li:nth-child(2){font-weight: 600}
.team_rank_score_list li:nth-child(3){font-weight: 600}
.team_rank_score_list li:nth-child(1) i{color:red}
.team_rank_score_list li:nth-child(2) i{color:red}
.team_rank_score_list li:nth-child(3) i{color:red}



.team_rank_basketball_tab{display:flex;}
.team_rank_basketball_tab span{flex:1;position: relative;padding-bottom: 10px;font-size:12px;text-align: center}
.team_rank_basketball_tab span:after{position: absolute;content:"";width:20px;height: 3px;background-color:#fff;left:50%;margin-left:-10px;bottom:0px;}
.team_rank_basketball_tab span.active:after{background-color:#FF0000;}

.hotlabel{background:#fff;padding:15px;}
.hotlabel .main{display: flex; flex-wrap: wrap; gap: 10px;}
.hotlabel .main a{display: inline-block;background-color: #F7F8FA;border-radius: 10px;padding: 6px 10px;box-sizing: border-box;text-align: center;}
.hotlabel .main a img{width: 12px;height: 12px;margin-left: 3px;position: absolute;right: 0;top: 8px;}


.matchrecord{background:#fff;padding:15px;}
.matchrecord ul li{border-bottom: 1px solid rgba(237, 237, 237, 1);padding:9px 0;}
.matchrecord ul li:nth-child(1){padding-top: 7px}
.matchrecord ul li:nth-last-child(1){border-bottom:0}
.matchrecord ul li{display: flex;justify-content: space-between;}
.matchrecord ul li .left{width:calc(100% - 90px);}
.matchrecord ul li .left a{;display: flex;align-items: center;font-size: 12px;line-height: 1.8;color: #000}
.matchrecord ul li .left .icon{width: 20px;height: 20px;margin-right: 5px;}
.matchrecord ul li .left .icon img{width:100%}
.matchrecord ul li .left .text p{font-size:12px;}
.matchrecord ul li .left .text p.time{font-size:10px;}
.matchrecord ul li span.views{width:80px;text-align: right;font-size:12px;}
/**右侧内容**/








/**底部内容**/
.footer{box-sizing: border-box;position: relative;background:#fff;width:100%;clear:both;padding-left: 280px;}
.footer .footer-center{width: 1250px;padding:15px 0px 15px;}
.footer .footer-top{padding:15px 0;border-bottom: 1px solid rgba(237, 237, 237, 1);display: flex;}
.footer .footer-top .logo{min-width: 200px;}
.footer .footer-top .logo a{font-size:40px;}
.footer .footer-top .text{width:calc(100% - 220px);color:#666;font-size:12px;display: flex;justify-content: center;align-items:center;line-height: 1.6;}
.footer .footer-main{}
.footer .footer-main .item{width:auto;display:flex;flex-direction: column;padding:30px 0;}
.footer .footer-main .item h3{font-size:16px;font-weight: 600;margin-bottom: 20px}
.footer .footer-main .item p{line-height: 2}
.footer .footer-main .item p a{font-size:14px;color:rgba(16, 16, 16, 0.5)}
.footer .footer-pics{display: flex;justify-content: space-between;border-top:1px solid rgba(237, 237, 237, 1);border-bottom:1px solid rgba(237, 237, 237, 1);padding:12px 0;}
.footer .footer-pics li{list-style-type: none}
.footer .footer-pics li img{height: 36px}
.footer .footer-copyright{text-align: center;padding:20px 0;}
/**底部内容**/




/**热门球队**/
.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 rgba(237, 237, 237, 1)}
.hotteams_main ul{display: flex;flex-direction: flex-start;flex-wrap: wrap;column-gap: 20px;}
.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;}

.match-tab{padding:0 38px;background: #fff;}
.match-day{position:relative;display: flex;align-items:center;font-size:12px;color:#000;padding:20px 0 10px 0;}
.match-day:before{content:"";width: 8px;height:8px;margin-right: 8px;background:#FF0000;border-radius: 50%}




/**精选专�?*/
.zhuanti{background:#fff;padding:15px;}
.zhuanti .lmtit{border-bottom:1px solid rgba(237, 237, 237, 1);padding-bottom: 20px}
.zhuanti-list ul{padding:0px 40px;}
.zhuanti-list li a{padding:20px 0px;border-bottom:1px solid rgba(237, 237, 237, 1);display:flex;justify-content:space-between;}
.zhuanti-list li .tit{display:flex;width: calc(100% - 100px)}
.zhuanti-list li .ico{width: 40px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.zhuanti-list li .ico img{width: 40px;height: 40px;}
.zhuanti-list li .bt{display:flex;flex-direction: column;width: calc(100% - 40px);padding-left: 10px}
.zhuanti-list li .bt h3{font-size:16px;color: #000;font-weight: 600;padding-bottom:5px;display: block;}
.zhuanti-list li .bt p{font-size:12px;}
.zhuanti-list li .zan{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.zhuanti-list li .zan i{width: 20px;height:20px;background:url(../images/icon-zan.png) no-repeat;background-size:cover;cursor: pointer}
.zhuanti-list li .zan.active i{width: 20px;height:20px;background:url(../images/icon-zan-h.png) no-repeat;background-size:cover;}
.zhuanti-list li .zan p{font-size:14px;}



/**录像列表**/
.matchrecord{}
.matchrecord-list ul{display:flex;flex-wrap:wrap;}
.matchrecord-list li a{display:flex;flex-direction: column;margin-right:20px;width:300px;margin-bottom: 10px;}
.matchrecord-list li:nth-child(4n){margin-right:0;}
.matchrecord-list li .pic{width: 300px;height:180px;display: flex;justify-content: center;align-items: center;}
.matchrecord-list li .pic img{max-width: 300px;max-height: 180px;}
.matchrecord-list li .text{padding:10px 0;display: flex;}
.matchrecord-list li .tit{display:flex;}
.matchrecord-list li .ico{width:30px;height:30px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.matchrecord-list li .ico img{width: 30px;height: 30px;}
.matchrecord-list li .bt{display:flex;flex-direction: column;width: calc(100% - 30px);padding-left: 10px}
.matchrecord-list li .bt h3 a{font-size:16px;color: #000;font-weight: 600;padding-bottom:5px;display: block;}
.matchrecord-list li .bt p{font-size:12px;}

.zhuanti-list li .fire{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.zhuanti-list li .fire i{width: 20px;height:20px;background:url(../images/icon-fire.png) no-repeat;background-size:cover;cursor: pointer}
.zhuanti-list li .fire p{font-size:14px;}




/**资料�?*/
.ziliaoku{background:#fff;padding: 15px 10px;}
.ziliaoku .lmtit{border-bottom:1px solid rgba(237, 237, 237, 1);padding-bottom: 20px;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:-20px;left:50%;margin-left:-15px; }
.ziliaoku .lmtit b.active{color:#FF0000}
.ziliaoku .lmtit b.active:after{background:#FF0000}

.ziliaoku .downandup{cursor:pointer;transform:rotate(180deg)}
.ziliaoku .downandup.active{transform:rotate(0deg)}
.ziliaoku .ziliaokuarea{border-bottom:1px solid rgba(237, 237, 237, 1);}
.ziliaoku .ziliaokuarea .conturyarea{border:1px solid rgba(237, 237, 237, 1);}

.recentymatch{background:#fff;padding:15px;}
.recentymatch-main{display: flex;justify-content: space-between;}
.recentymatch-list{text-align: center;overflow: hidden;}
.recentymatch-list .pic{border:1px solid rgba(237, 237, 237, 1);border-radius: 10px;display: flex;justify-content: center;align-items: center;height: 90px;width: 90px;margin: 0 auto;}
.recentymatch-list .pic img{max-height:50px;max-width:50px;}
.recentymatch-list p{font-weight: 600;line-height: 1;padding-top: 8px}
.recentymatch-list span{font-size: 12px}
.recentymatch-list{width:calc(100% - 30px);}
.recentymatch-btn{width:20px;display:flex;justify-content: space-between;flex-direction: column;height: 90px}
.recentymatch-btn img{width:20px}

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

.ziliaokuarea-main .ziliaokuarea-main-sportstyle{display: flex;flex-wrap:wrap;width:100%;}
.ziliaokuarea-main .ziliaokuarea-main-sportstyle.hide{display: none}

.ziliaokuareacountry-main .ziliaokuareacountry-main-content.hide{display: none}


.ziliaokuarea-main .item2{margin-right: 1.64571%;margin-bottom: 1.64571%;position: relative;}
.ziliaokuarea-main .item2{width: 12.64%;box-sizing: border-box;height: 44px;border:1px solid #e6e6e6;border-radius: 10px;display:inline-flex;padding:10px 15px;flex-direction:row;align-items: center;justify-content:space-between;}
.ziliaokuarea-main .item2:nth-child(7n){margin-right:0px}
.ziliaokuarea-main .item2 .pic{width:25px;}
.ziliaokuarea-main .item2 .text{width: calc(100% - 25px);text-align: center}

.ziliaokuarea-main .item2 .dropitem{position: absolute;top:44px;left:0;width:100%;display: none}
.ziliaokuarea-main .item2 .icon{ transform: rotate(180deg);}
.ziliaokuarea-main .item2:hover .icon{ transform: rotate(360deg);}
.ziliaokuarea-main .item2 .dropitem a{width: 100%;height: 34px;display: flex;background:#fff;justify-content: center;align-items: center;}

.ziliaokuarea-main .item2:hover{border:1px solid rgba(255, 0, 0, 1); }
.ziliaokuarea-main .item2:hover .dropitem{position: absolute;top:44px;display: flex;flex-direction: column;z-index: 9;border-radius: 10px;overflow: hidden;}
.ziliaokuarea-main .item2:hover .dropitem a:hover{background: #F7F8FA;}

/**直播内页**/
.match-detail-info{background:#fff;padding:15px;display: flex;justify-content:center; flex-wrap:wrap; padding:100px 0px 26px; position: relative;}
.match-detail-info .team{display: flex;flex-direction: column;justify-content: center;align-items: center;padding:0 5%;}
.match-detail-info .vs{display: flex;flex-direction: column;justify-content: center;align-items: center;min-width: 25%}
.match-detail-info .vs p.r1{color:rgba(16, 16, 16, 0.5)}
.match-detail-info .vs p.r2{color:#000;font-size:18px;display:flex;justify-content: space-between;align-items: center;width: 100%;margin:10px 0;text-align: center}
.match-detail-info .vs p.r2 span{font-size:34px;font-weight: 600}
.match-detail-info .vs p.r3{color:rgba(16, 16, 16, 0.5);font-size:18px;}
.match-detail-info .vs p.r3.active{color: #FF0000}
.match-detail-info .vs p.r3.active{color: #333; font-size: 14px; font-weight: 800;}


#countdown{font-size: 14px;line-height: }
.match-detail-info .vs em{display:block;font-style: normal;font-size: 40px;font-family:DIN2014-Regular;line-height: 1}

.match-detail-info .teamlogo{margin-bottom: 10px}
.match-detail-info .team img{height: 90px;}
.match-detail-info .team p{font-size:24px;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;padding-top: 60px;}
.match-tips img{width:100%;text-align: center;width:14px;height:14px;display: inline-block;margin:0 20px;}
.match-singal{border-top:1px solid rgba(237, 237, 237, 1);padding:30px;background:#fff;display: flex;align-items: center;}
.match-singal a{line-height: 44px;text-align: center;min-width: 115px;border-radius: 8px;background:#FF0000;color: #fff;display: inline-block;margin-left: 10px;font-size:18px;position: relative;padding:0 5px;overflow: hidden;}



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

.match-singal a:nth-child(1):before {
  content: "";
  background-color: rgba(255,255,255,0.5);
  height: 100%;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: -4.5em;
  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:10px;}
.team-match-detail-score-tab .team{display: flex;align-items: center;margin-right:10px;}
.team-match-detail-score-tab img{height: 30px;margin-right:10px;}

.history-score{background:#fff;padding:15px;}
.match-detail-score-name{line-height: 50px;width:100%;display:flex;align-items: center;justify-content: center;}
.match-detail-score-name span{color:rgba(16, 16, 16, 0.5);font-size:14px;border-top:1px solid rgba(237, 237, 237, 1);}
.match-detail-score-item{color:#000;line-height: 50px;width:100%;display:flex;align-items: center;justify-content: center;}
.match-detail-score-item:nth-child(2n-1){background:#F7F8FA;}
.result{font-size:14px;text-align: center;width: 100%;line-height: 1}


.league-integral{background:#fff;padding:15px;}








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

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


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







/**右侧热门赛事**/
.hotmatch{background:#fff;padding:15px;}
.hotmatch_main ul li a{display: flex;justify-content: space-between;border-bottom:1px solid rgba(237, 237, 237, 1);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: rgba(16, 16, 16, 0.5);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: rgba(16, 16, 16, 0.5);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:#fff;border-radius:5px;display: flex;justify-content: center;align-items:center;background-color:rgba(16, 16, 16, 0.5);color: #fff;text-align: center;font-weight: 400}
.hotmatch_main ul li .a4.start{background-color: rgba(255, 0, 0, 1);text-align: center;color: #fff;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:#Fff;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:#fff;padding:15px;}
.listarticle .lmtit{border-bottom:1px solid rgba(237, 237, 237, 1);padding-bottom: 20px}
.listarticle-list ul{}
.listarticle-list li{padding:20px 0px;border-bottom:1px solid rgba(237, 237, 237, 1);}
.listarticle-list li a{display:flex;justify-content:space-between;}
.listarticle-list li .pic{width: 220px; height:130px;width: 220px; height:130px; display:flex;justify-content: center;align-items: center;border-radius: 8px;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% - 240px);position: relative;}
.listarticle-list li .bt h3{font-size:16px;color: #000;font-weight: 600;padding-bottom:5px;display: block;}
.listarticle-list li .bt p{font-size:12px;}
.listarticle-list li .bt p.time{font-size:12px;left:0;bottom:0;position: absolute;}
.listarticle-list li:hover .pic img{min-width: 105%;min-height: 105%;}
.listarticle-list.nolastborder li:nth-last-child(1){border-bottom: 0}

.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 20px;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:#fff;padding:20px;}
.article h2.tit{font-weight: 600;font-size:28px;}
.article .time{font-weight:400;font-size:12px;padding-top: 20px;padding-bottom: 20px}
.article .article-content p{padding-bottom: 20px;font-size:18px;line-height: 1.8}

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



/**录像内容**/



.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:110px;height:110px;margin:0 auto;transition: all 0.5s}
.article .article-content .record-main .ico img:hover{width:120px;height:120px;}
.article .article-content .record-main .ico p{font-size: 24px;padding-top: 30px;line-height: 1}



/**资料�?*/


/**page4**/
.pagination {
    width: 100%;
    display:flex;justify-content: center;align-items: center;
    margin:20px auto;
}

.pagination li{display:inline-block;}

.pagination a{
    font-size: 14px;
    text-decoration: none;
    display: block;
    color: #000;
    background-color: #f8f8f9;
    line-height: 28px;
    min-width:28px;
    padding:0 10px;
    margin: 0 1px;
    border-radius: 4px;
    text-align: center;
}

.pagination li.active{
    font-size: 14px;
    text-decoration: none;
    display: block;
    color: #ffffff;
    background-color: #FF0000;
    line-height: 28px;
    min-width:28px;
    padding:0 10px;
    margin: 0 1px;
    border-radius: 4px;
    text-align: center;
	
}



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

}



.mainbodytv .tvpic{float:left;margin-right:20px}






@media screen and (max-width:1920px){
  .section-main-right{width:340px;}
  .section-main-center{}
  .footer .footer-center{width:calc(100% - 380px)}
} 


@media screen and (max-width:1620px){
.section-main-center{width:100%;}
.section-main-right{display:none}
.footer .footer-center{width:calc(100% - 40px)}
.search-form form{width:600px;}

} 



@media screen and (max-width:1240px){
.footer{width:100%;}
.search-form form{width:500px;}
.section-main-center .indexnews .news01{width:100%;}
.section-main-center .indexnews .news02{display:none}
.match-tab{padding:0 20px;}
} 


























/**球队**/
.db-details .flex-between li {
    cursor: pointer;
}
.db-details .vs .r2 {
    display: flex;
    justify-content: center !important;
}
.db-details #countdown {
    font-size: 30px;
    color: #101010;
    font-weight: bold;
}
.db-details .match-detail-info {
    padding: 26px 0px 26px;
}
.db-details .history-score {
    padding: 15px 0 0 0;
}
.db-details .list-title {
   padding: 15px 15px 0 50px;
}
.db-details .point {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 16px 0;
    color: #101010;
    font-size: 14px;
    opacity: .5;
    border-top: 1px solid #F7F8FA;
}






.db-details-history .match-detail-score-item:nth-child(2n) {
  background: #F7F8FA;
}
.db-details-history .match-detail-score-item:nth-child(2n-1) {
  background: #ffffff;
}
.db-details-history .point {
    padding: 22px 0;
}
.db-details-history .list-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.db-details-history .list-title .match-point {
    font-size: 16px;
    color: #101010;
}
.db-details-history .match-detail-score-item .w4 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 6px;
}






.db-details-player .match-detail-score-name span {
    color: #101010;
    font-weight: bold;
}
.db-details-player .w1, .db-details-player .w4 {
    width: 15%;
    text-align: center;
}
.db-details-player .w2, .db-details-player .w3 {
    width: 35%;
    text-align: center;
}
.db-details-player .history-score .match-detail-score-item:nth-child(2n-1) {
    background: #F7F8FA;
}
.db-details-player .history-score .point {
    padding: 7px 0;
}

.db-details-player .player-info {
    padding: 30px;
    background: #fff;
}
.db-details-player .player-info .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}
.db-details-player .player-info .top .title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}
.db-details-player .player-info .title .top .img {
    width: 80px;
    height: 80px;
}
.db-details-player .player-info .top .title .img img {
    width: 100%;
    height: 100%;
}
.db-details-player .player-info .top .name {
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.db-details-player .player-info .top .name-cn {
    font-size: 28px;
    font-weight: bold;
    color: #101010;
}
.db-details-player .player-info .top .name-en {
    font-size: 16px;
    color: #101010;
    opacity: .5;
}
.db-details-player .player-info .top .market-value {
    position: relative;
    padding: 0 26px 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.db-details-player .player-info .top .market-value .mv-bg {
    position: absolute;
    top: 0;
    left: 15px;
    width: 100%;
    height: 100%;
    background: #FF0000;
    transform: skewX(-15deg);
}
.db-details-player .player-info .top .market-value .mv-text {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    z-index: 10;
}
.db-details-player .player-info .center {
    margin-top: 30px;
    border-top: 1px solid rgba(237, 237, 237, 1);
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.db-details-player .player-info .center .c1, .db-details-player .player-info .center .c2, .db-details-player .player-info .center .c3 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.db-details-player .player-info .center .c1 .col, .db-details-player .player-info .center .c2 .col {
    width: 25%;
}
.db-details-player .player-info .center .c3 .col {
    width: 100%;
}
.db-details-player .player-info .center .c1 .col, .db-details-player .player-info .center .c2 .col, .db-details-player .player-info .center .c3 .col {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.db-details-player .player-info .center .label {
    min-width: 80px;
    font-size: 16px;
    color: #10101080;
}
.db-details-player .player-info .center .text {
    font-size: 16px;
    color: #101010;
}
.db-details-player .player-info .center .c3 .col .text {
    font-size: 16px;
    color: #101010;
    line-height: 35px;
    margin-top: -7px;
}
.db-details-player .player-info .bottom {
    border-top: 1px solid rgba(237, 237, 237, 1);
    margin-top: 12px;
    position: relative;
}
.db-details-player .player-info .bottom .title {
    margin: 20px 0;
    font-size: 18px;
    font-weight: bold;
    color: #FF0200;
}
.db-details-player .player-info .bottom .list {
    display: flex;
    flex-direction: row;
}
.db-details-player .player-info .bottom .list .li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 260px;
    box-sizing: border-box;
    border-right: 1px solid rgba(237, 237, 237, 1);
    padding-right: 10px;
}
.db-details-player .player-info .bottom .list .li img {
    width: 50px;
    height: 50px;
}
.db-details-player .player-info .bottom .honor {
    display: flex;
    flex-direction: column;
    margin-left: 8px;
}
.db-details-player .player-info .bottom .time {
    font-size: 12px;
    color: #101010;
    opacity: .5;
    margin-top: 8px;
}
.db-details-player .player-info .bottom .time {
    font-size: 12px;
    color: #101010;
    opacity: .5;
}
.db-details-player .player-info .bottom .list .li {
    margin-left: 10px;
}
.db-details-player .player-info .bottom .list .li:nth-child(1) {
    margin-left: 0;
}
.db-details-player .player-info .bottom .achievement {
    overflow: hidden;
   margin-right: 20px;
}
.db-details-player .player-info .bottom .arrow {
    position: absolute;
    z-index: 30;
    right: -18px;
    top: 56px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height:74px;
}
.db-details-player .player-info .bottom .arrow img {
    width: 20px;
    height: 30px;
    cursor: pointer;
}
.db-details-player .player-info .bottom .arrow img:active {
    opacity: .3;
}









.db-details-team .match-detail-score-name span {
    color: #101010;
    opacity: .5;
}
.db-details-team .w1, .db-details-team .w4 {
    width: 15%;
    text-align: center;
}
.db-details-team .w2, .db-details-team .w3 {
    width: 25%;
    text-align: center;
}
.db-details-team .w3, .db-details-team .w4 {
    width: 20%;
}
.db-details-team .history-score .match-detail-score-item:nth-child(2n-1) {
    background: #F7F8FA;
}
.db-details-team .history-score .point {
    padding: 7px 0;
}

.db-details-team .player-info {
    padding: 30px;
    background: #fff;
}
.db-details-team .player-info .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}
.db-details-team .player-info .top .title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}
.db-details-team .player-info .top .title .img{width:90px;height:90px;}


.db-details-team .player-info .title .top .img {
    width: 80px;
    height: 80px;
}
.db-details-team .player-info .top .title .img img {
    width: 100%;
    height: 100%;
}
.db-details-team .player-info .top .name {
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.db-details-team .player-info .top .name-cn {
    font-size: 28px;
    font-weight: bold;
    color: #101010;
}
.db-details-team .player-info .top .name-en {
    font-size: 16px;
    color: #101010;
    opacity: .5;
}
.db-details-team .player-info .top .market-value {
    position: relative;
    padding: 0 26px 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.db-details-team .player-info .top .market-value .mv-bg {
    position: absolute;
    top: 0;
    left: 15px;
    width: 100%;
    height: 100%;
    background: #FF0000;
    transform: skewX(-15deg);
}
.db-details-team .player-info .top .market-value .mv-text {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    z-index: 10;
}
.db-details-team .player-info .center {
    margin-top: 30px;
    border-top: 1px solid rgba(237, 237, 237, 1);
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.db-details-team .player-info .center .c1, .db-details-team .player-info .center .c2, .db-details-team .player-info .center .c3 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.db-details-team .player-info .center .c1 .col, .db-details-team .player-info .center .c2 .col {
    width: 25%;
}
.db-details-team .player-info .center .c3 .col {
    width: 100%;
}
.db-details-team .player-info .center .c1 .col, .db-details-team .player-info .center .c2 .col, .db-details-team .player-info .center .c3 .col {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.db-details-team .player-info .center .label {
    min-width: 80px;
    font-size: 16px;
    color: #10101080;
}
.db-details-team .player-info .center .text {
    font-size: 16px;
    color: #101010;
}
.db-details-team .player-info .center .c3 .col .text {
    font-size: 16px;
    color: #101010;
    line-height: 35px;
    margin-top: -7px;
}
.db-details-team .player-info .bottom {
    border-top: 1px solid rgba(237, 237, 237, 1);
    margin-top: 12px;
    position: relative;
}
.db-details-team .player-info .bottom .title {
    margin: 20px 0;
    font-size: 18px;
    font-weight: bold;
    color: #FF0200;
}
.db-details-team .player-info .bottom .list {
    display: flex;
    flex-direction: row;
}
.db-details-team .player-info .bottom .list .li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 290px;
    box-sizing: border-box;
    border-right: 1px solid rgba(237, 237, 237, 1);
    padding-right: 10px;
}
.db-details-team .player-info .bottom .list .li img {
    width: 50px;
    height: 50px;
}
.db-details-team .player-info .bottom .honor {
    display: flex;
    flex-direction: column;
    margin-left: 8px;
}
.db-details-team .player-info .bottom .time {
    font-size: 12px;
    color: #101010;
    opacity: .5;
    margin-top: 8px;
}
.db-details-team .player-info .bottom .time {
    font-size: 12px;
    color: #101010;
    opacity: .5;
}
.db-details-team .player-info .bottom .list .li {
    margin-left: 10px;
}
.db-details-team .player-info .bottom .list .li:nth-child(1) {
    margin-left: 0;
}
.db-details-team .player-info .bottom .achievement {
   overflow: hidden;
   margin-right: 20px;
}
.db-details-team .player-info .bottom .arrow {
    position: absolute;
    z-index: 30;
    right: -18px;
    top: 44px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height:74px;
}
.db-details-team .player-info .bottom .arrow img {
    width: 20px;
    height: 30px;
    cursor: pointer;
}
.db-details-team .player-info .bottom .arrow img:active {
    opacity: .3;
}

.db-details-team .tabs.border-radius {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 5px;
    background: #fff;
    overflow: visible;
}
.db-details-team .tabs-left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.db-details-team .tabs-left .li {
    width: 128px;
    height: 38px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-size: 14px;
    background-color: #ffffff;
    color: #101010;
    font-weight: bold;
}
.db-details-team .tabs-left .li.active {
    background-color: #FF0000;
    color: #ffffff;
}






.db-details .drop-down-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.db-details .drop-down-box-checked {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 2px 6px 2px 12px;
    border-radius: 15px;
    font-size: 12px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.db-details span.drop-down-box-list-li {
    font-size: 12px;
    opacity: .6;
}
.db-details img.drop-down-box-arrow {
    width: 10px;
    height: 10px;
}
.db-details .drop-down-box-list {
    position: absolute;
    z-index: 30;
    top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    height: auto;
    padding: 10px 0;
    border-radius: 8px;
    box-shadow: 0 3px 3px #ccc;
    display: none;
}
.db-details .drop-down-box-list span.drop-down-box-list-li {
    padding: 3px 10px;
    cursor: pointer;
    display: block;
}
.db-details .drop-down-box-list span.drop-down-box-list-li:hover {
    background: #eee;
}
.db-details .drop-down-box-list span.drop-down-box-list-li:active {
    background: #999;
}



.db-details-team .tab-content .history-score {
    padding: 0;
}
.db-details-team .tab-content .match-detail-score-tab-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
}
.db-details-team .tab-content .team-match-detail-score-tab {
    display: flex;
    align-items: center;
    margin-right: 0;
    background: #F7F8FA;
}
.db-details-team .tab-content .team-match-detail-score-tab-x {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    padding: 15px 15px 0 50px;
    margin-bottom: 10px;
    width: 100%;
    background-color: #ffffff;
}
.db-details-team .tab-content .match-detail-score-tab a.active {
    background-color: #ffffff;
    color: #FF0200;
    border-bottom: 3px solid #FF0200;
}
.db-details-team .tab-content .match-detail-score-tab a {
    width: auto;
    line-height: initial;
    text-align: center;
    border-radius: initial;
    display: block;
    background-color: #ffffff;
    margin-right: 0;
    padding-bottom: 15px;
}
.db-details-team .tab-content .match-detail-score-tab {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 80px;
}
.db-details-team .tab-content .radio {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.db-details-team .tab-content .radio input {
    cursor: pointer;
}




.db-details-team .tab-content .custom-radio input {
  display: none;
}
.db-details-team .tab-content .custom-radio {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    margin-right: 0;
}
.db-details-team .tab-content .custom-radio span {
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    margin-right: 0;
    position: relative;
    transition: all 0.3s ease;
}
.db-details-team .tab-content .custom-radio input:checked + span {
  background-color: #FF0000;
  border-color: #FF0000;
}
.db-details-team .tab-content .custom-radio span::after {
    content: '';
    width: 6px;
    height: 6px;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.3s ease;
}
.db-details-team .tab-content .custom-radio input:checked + span::after {
  transform: translate(-50%, -50%) scale(1);
}
.db-details-team .tab-content .custom-radio:hover span {
  border-color: darkred;
}





.db-details-team .tab-content .history-score .match-detail-score-name {
    border-radius: 8px 8px 0 0;
    background: #ffffff;
}
.db-details-team .tab-content .history-score {
    background: #F7F8FA;
}
.db-details-team .tab-content .history-score .match-detail-score-item {
    background: #ffffff;
}
.db-details-team .tab-content .history-score .w7 {
    width: 20%;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 30%;
}
.db-details-team .tab-content .history-score .w7 a:hover {
    opacity: .6
}
.db-details-team .tab-content .history-score .w3 {
    text-align: right;
}
.db-details-team .match-detail-score-item .w4 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 6px;
}
.db-details-team .history-score .match-detail-score-item:nth-child(2n-1) {
    background: #F7F8FA;
}
.db-details-team .history-score .point {
    background: #ffffff;
}
.db-details-team .pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 30px 0;
    background: #ffffff;
}




.db-details-team .tab-content .img-w20 {
    width: 20px;
    height: 20px;
}
.db-details-team .tab-content .data .w2, .db-details-team .tab-content .data .w3, .db-details-team .tab-content .data .w4, .db-details-team .tab-content .data .w5, .db-details-team .tab-content .data .w6, .db-details-team .tab-content .data .w7 {
    width: 12%;
    text-align: center;
}
.db-details-team .tab-content .data .w1, .db-details-team .tab-content .data .w8 {
    width: 14%;
}
.db-details-team .tab-content .data .w1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.db-details-team .data .match-detail-score-name span {
    font-weight: bold;
    color: #101010;
    opacity: 1;
}
.db-details-team .data .match-detail-score-item:nth-child(2n) {
  background: #F7F8FA;
}
.db-details-team .data .match-detail-score-item:nth-child(2n-1) {
  background: #ffffff;
}
.db-details-team .data .pt-10 {
  padding-top: 10px;
}
.db-details-team .data .no-border {
  border-width: 0;
}
.db-details-team .tab-content .history-score {
    background: #ffffff;
}
.db-details-team .tab-content .col-7-a .w6, .db-details-team .tab-content .col-7-a .w7 {
    width: 19%;
}
.db-details-team .tab-content .col-7-a .w7 {
   gap: 2px;
}
.db-details-team .tab-content .col-7-a .match-detail-score-name .w7 {
   gap: 0;
}
.db-details-team .tab-content .col-7-a .c-999 {
  color: #999;
  font-weight: normal;
}



.db-details-team .tab-content .col-9 .w2, .db-details-team .tab-content .col-9 .w3, .db-details-team .tab-content .col-9 .w4, .db-details-team .tab-content .col-9 .w5, .db-details-team .tab-content .col-9 .w6, .db-details-team .tab-content .col-9 .w7, .db-details-team .tab-content .col-9 .w8, .db-details-team .tab-content .col-9 .w9 {
    width: 11%;
    text-align: center;
}
.db-details-team .tab-content .col-9 .w2 {
    width: 12%;
    text-align: center;
}


.db-details-team .tab-content .col-10 .w1, .db-details-team .tab-content .col-10 .w2, .db-details-team .tab-content .col-10 .w3, .db-details-team .tab-content .col-10 .w4, .db-details-team .tab-content .col-10 .w5, .db-details-team .tab-content .col-10 .w6, .db-details-team .tab-content .col-10 .w7, .db-details-team .tab-content .col-10 .w8, .db-details-team .tab-content .col-10 .w9, .db-details-team .tab-content .col-10 .w10 {
    width: 10%;
    text-align: center;
}

.db-details-team .tab-content .col-7 .w2, .db-details-team .tab-content .col-7 .w3, .db-details-team .tab-content .col-7 .w4, .db-details-team .tab-content .col-7 .w5, .db-details-team .tab-content .col-7 .w6, .db-details-team .tab-content .col-7 .w7 {
    width: 14%;
    text-align: center;
}
.db-details-team .tab-content .col-7 .w1 {
    width: 16%;
    text-align: center;
}

.db-details-team .tab-content .data .sjdfx {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 27px;
}
.db-details-team .tab-content .data .between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.db-details-team .tab-content .data .cc-gs {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.db-details-team .tab-content .data .cc-gs-text {
    padding: 5px 16px;
    font-size: 14px;
    background: #F7F8FA;
    color: #101010;
    cursor: pointer;
}
.db-details-team .tab-content .data .cc-gs-text.cc {
    border-radius: 17px 0 0 17px;
}
.db-details-team .tab-content .data .cc-gs-text.gs {
    border-radius: 0 17px 17px 0;
}
.db-details-team .tab-content .data .active {
    background: #FF0000;
    color: #ffffff;
}






.db-details-team .tab-content .lineup .match-detail-score-item:nth-child(2n) {
  background: #F7F8FA;
}
.db-details-team .tab-content .lineup .match-detail-score-item:nth-child(2n-1) {
  background: #ffffff;
}
.db-details-team .tab-content .lineup .match-detail-score-name span {
    color: #101010;
    opacity: 1;
    font-weight: bold;
}
.db-details-team .tab-content .col-11 .w2, .db-details-team .tab-content .col-11 .w3, .db-details-team .tab-content .col-11 .w4, .db-details-team .tab-content .col-11 .w5, .db-details-team .tab-content .col-11 .w6, .db-details-team .tab-content .col-11 .w7, .db-details-team .tab-content .col-11 .w8, .db-details-team .tab-content .col-11 .w9, .db-details-team .tab-content .col-11 .w10, .db-details-team .tab-content .col-11 .w11 {
    width: 9%;
    text-align: center;
}
.db-details-team .tab-content .col-11 .w1 {
    width: 10%;
    text-align: center;
}
.db-details-team .tab-content .lineup .col-11 .w2 {
    display: flex;
}
.db-details-team .tab-content .lineup .col-11 .w2 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.db-details-team .tab-content .lineup .col-11 .w1, .db-details-team .tab-content .lineup .col-11 .w2, .db-details-team .tab-content .lineup .col-11 .w3, .db-details-team .tab-content .lineup .col-11 .w4, .db-details-team .tab-content .lineup .col-11 .w5, .db-details-team .tab-content .lineup .col-11 .w6, .db-details-team .tab-content .lineup .col-11 .w7, .db-details-team .tab-content .lineup .col-11 .w8, .db-details-team .tab-content .lineup .col-11 .w9, .db-details-team .tab-content .lineup .col-11 .w10 {
    border-right: 1px solid rgba(237, 237, 237, 1);
}









.db-details-team .tab-content .best .match-detail-score-item:nth-child(2n) {
  background: #ffffff;
}
.db-details-team .tab-content .best .match-detail-score-item:nth-child(2n-1) {
  background: #ffffff;
}
.db-details-team .tab-content .best .match-detail-score-name span {
    color: #101010;
    opacity: 1;
    font-size: 14px;
    font-weight: normal;
}
.db-details-team .tab-content .best {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background: #F7F8FA;
}
.db-details-team .tab-content .best .best-right {
    flex: 1;
}
.db-details-team .tab-content .best .best-left {
    padding: 10px;
    border-radius: 10px;
    margin-right: 20px;
    background: #ffffff;
    width: 18%;
}
.db-details-team .tab-content .best .best-left .li.active {
    font-size: 14px;
    font-weight: bold;
    color: #101010;
    background: #F7F8FA;
    border-radius: 10px;
}
.db-details-team .tab-content .best .best-left .li {
    padding: 14px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.db-details-team .tab-content .best .best-left .li:hover {
    background: #F7F8FA;
    opacity: .5;
    border-radius: 10px;
}
.db-details-team .tab-content .best .best-right .w1, .db-details-team .tab-content .best .best-right .w3 {
    width: 15%;
    text-align: center;
}
.db-details-team .tab-content .best .best-right .w2 {
    width: 85%;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.db-details-team .tab-content .best .best-right .w1, .db-details-team .tab-content .best .best-right .w2 {
    border-right: 1px solid rgba(237, 237, 237, 1);
}
.db-details-team .tab-content .best .best-right .w1, .db-details-team .tab-content .best .best-right .w2, .db-details-team .tab-content .best .best-right .w3 {
    border-bottom: 1px solid rgba(237, 237, 237, 1);
    border-top-width: 0;
}
.db-details-team .tab-content .best .best-right .match-detail-score-name {
    line-height: 63px;
}









.db-details-team .tab-content .transfer .match-detail-score-item:nth-child(2n) {
  background: #ffffff;
}
.db-details-team .tab-content .transfer .match-detail-score-item:nth-child(2n-1) {
  background: #ffffff;
}
.db-details-team .tab-content .transfer .match-detail-score-name span {
    color: #101010;
    opacity: 1;
    font-size: 14px;
    font-weight: normal;
}
.db-details-team .tab-content .transfer .w1, .db-details-team .tab-content .transfer .w2, .db-details-team .tab-content .transfer .w3, .db-details-team .tab-content .transfer .w4 {
    border-right: 1px solid rgba(237, 237, 237, 1);
}
.db-details-team .tab-content .transfer .w1, .db-details-team .tab-content .transfer .w2, .db-details-team .tab-content .transfer .w3, .db-details-team .tab-content .transfer .w4, .db-details-team .tab-content .transfer .w5 {
    border-bottom: 1px solid rgba(237, 237, 237, 1);
    border-top-width: 0;
}
.db-details-team .tab-content .transfer .match-detail-score-name {
    line-height: 63px;
}
.db-details-team .tab-content .transfer .w1, .db-details-team .tab-content .transfer .w3, .db-details-team .tab-content .transfer .w5 {
    width: 14%;
    text-align: center;
}
.db-details-team .tab-content .transfer .w2, .db-details-team .tab-content .transfer .w4 {
    width: 21%;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.db-details-team .tab-content .transfer .team-match-detail-score-tab-x {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    padding: 15px 15px 0 15px;
    margin-bottom: 10px;
    width: 100%;
    background-color: #ffffff;
}












.db-details-data .lsjf .match-detail-score-item:nth-child(2n) {
  background: #F7F8FA;
}
.db-details-data .lsjf .match-detail-score-item:nth-child(2n-1) {
  background: #ffffff;
}
.db-details-data .no-back {
    background-color: transparent !important;
    color: #101010;
    font-weight: bold;
    margin-right: 0;
}
.db-details-data .match-detail-score-tab {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.db-details-data .match-detail-score-tab .drop-down-box {
    margin-right: 10px;
}
.db-details-data .match-detail-score-tab a {
    width: auto;
    line-height: initial;
    text-align: center;
    border-radius: 10px;
    display: block;
    background-color: #F7F8FA;
    margin-right: 0;
    padding: 8px 20px;
}
.db-details-data .match-detail-score-tab a.active {
    background-color: #FFF0F0;
    color: #FF0200;
}
.db-details-data .team-match-detail-score-tab img {
    margin-right: 2px;
}
.db-details-data .team-match-detail-score-tab {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
}
.db-details-data .jqzj .match-detail-score-tab .drop-down-box {
    margin-right: 0;
}
.db-details-data .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;;
    align-items: center;
    gap: 20px;
}
.db-details-data .col {
    flex: 1;
}
.db-details-data .col-11 .w2, .db-details-data .col-11 .w3, .db-details-data .col-11 .w4, .db-details-data .col-11 .w5, .db-details-data .col-11 .w6, .db-details-data .col-11 .w7, .db-details-data .col-11 .w8, .db-details-data .col-11 .w9, .db-details-data .col-11 .w10, .db-details-data .col-11 .w11 {
    width: 9%;
    text-align: center;
}
.db-details-data .col-11 .w1 {
    width: 10%;
    text-align: center;
}
.db-details-data .row .match-detail-score-item:nth-child(2n) {
  background: #ffffff;
}
.db-details-data .row .match-detail-score-item:nth-child(2n-1) {
  background: #F7F8FA;
}
.db-details-data .row .match-detail-score-name {
    border-top: 1px solid rgba(237, 237, 237, 1);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.db-details-data .row .match-detail-score-name span {
  border-top-width: 0;
}
.db-details-data .row .w-5 {
  width: 5%;
}
.db-details-data .row .w-15 {
  width: 15%;
}
.db-details-data .weight {
  font-weight: bold;
  color: #101010;
  font-size: 14px;
}
.db-details-data .col-6 .w1, .db-details-data .col-6 .w2, .db-details-data .col-6 .w3, .db-details-data .col-6 .w5, .db-details-data .col-6 .w6 {
    width: 17%;
    text-align: center;
}
.db-details-data .col-6 .w4 {
    width: 15%;
    text-align: center;
}
.db-details-data .row .match-detail-score-item.active {
    color: #FF0000;
}
.db-details-data .col-10 .w1, .db-details-data .col-10 .w2, .db-details-data .col-10 .w3, .db-details-data .col-10 .w4, .db-details-data .col-10 .w5, .db-details-data .col-10 .w6, .db-details-data .col-10 .w7, .db-details-data .col-10 .w8, .db-details-data .col-10 .w9, .db-details-data .col-10 .w10 {
    width: 10%;
    text-align: center;
}
.db-details-data .col-7 .w2, .db-details-data .col-7 .w3, .db-details-data .col-7 .w4, .db-details-data .col-7 .w5, .db-details-data .col-7 .w6, .db-details-data .col-7 .w7 {
    width: 15%;
    text-align: center;
}
.db-details-data .col-7 .w1 {
    width: 10%;
    text-align: center;
}












/**资料库联�?*/
.db-details-league .league-info {
    padding: 30px;
    background: #fff;
}
.db-details-league .league-info .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}
.db-details-league .league-info .top .title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}
.db-details-league .league-info .title .img {
    width: 80px;
    height: 80px;
}
.db-details-league .league-info .top .title .img img {
    width: 100%;
    height: 100%;
}
.db-details-league .league-info .top .name {
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.db-details-league .league-info .top .name-cn {
    font-size: 28px;
    font-weight: bold;
    color: #101010;
}
.db-details-league .league-info .top .name-en {
    font-size: 16px;
    color: #101010;
    opacity: .5;
}

.db-details-league .league-info .bottom {
    border-top: 1px solid rgba(237, 237, 237, 1);
    margin-top: 12px;
}
.db-details-league .league-info .bottom .title {
    margin: 20px 0;
    font-size: 18px;
    font-weight: bold;
    color: #FF0200;
}
.db-details-league .league-info .bottom .list {
    display: flex;
    flex-direction: row;
}
.db-details-league .league-info .bottom .list .li {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    width: 260px;
    box-sizing: border-box;
    border-right: 1px solid rgba(237, 237, 237, 1);
    padding-right: 10px;
}
.db-details-league .league-info .bottom .list .li img {
    width: 50px;
    height: 50px;
}
.db-details-league .league-info .bottom .honor {
    display: flex;
    flex-direction: column;
    margin-left: 8px;
}
.db-details-league .league-info .bottom .time {
    font-size: 12px;
    color: #101010;
    opacity: .5;
    margin-top: 8px;
}
.db-details-league .league-info .bottom .time {
    font-size: 12px;
    color: #101010;
    opacity: .5;
}
.db-details-league .league-info .bottom .list .li {
    margin-left: 10px;
}
.db-details-league .league-info .bottom .list .li:nth-child(1) {
    margin-left: 0;
}
.db-details-league .league-info .bottom .achievement {
    position: relative;
}
.db-details-league .league-info .bottom .arrow {
    position: absolute;
    z-index: 30;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.db-details-league .league-info .bottom .arrow img {
    width: 20px;
    height: 30px;
    cursor: pointer;
}
.db-details-league .league-info .bottom .arrow img:active {
    opacity: .3;
}
.db-details-league .tabs-left {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding:5px;
    background:#fff;
}
.db-details-league .tabs-left .li {
    width: 128px;
    height: 38px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    font-size: 14px;
    background-color: #ffffff;
    color: #101010;
    font-weight: bold;
}
.db-details-league .tabs-left .li.active {
    background-color: #FF0000;
    color: #ffffff;
}




/**资料库联�?比赛**/

.db-details .history-score {
    padding: 0;
    
}


.db-details .table-match-football {
    padding-top: 0px;
    background:#fff;
}
.db-details .table-match-football .table-wrapper.match {
    padding-top: 0px;
    overflow: hidden;
}
.db-details .table-match-football .table-wrapper.match table {
    flex: none;
    width: 100%;
    padding-top: 8px;
    position: relative;
    z-index: 1;
    border-top: 0px solid #E6E6E6;
    border-left: 0px solid #E6E6E6;
    border-bottom: 0px solid #E6E6E6;
    border-right: 0px solid #E6E6E6;
    table-layout: fixed;
}
.db-details .table-match-football .table-wrapper.match table tbody {
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.db-details .table-match-football .table-wrapper.match table thead {
    height: 60px;
    position: relative;
    z-index: 1;
}
.db-details .table-match-football .table-wrapper.match table thead tr th {
    font-size: 14px;
    height: 44px;
    color: #101010;
    background-clip: padding-box;
    border-right: 1px solid #E6E6E6;
    position: relative;
    font-weight: normal;
}
.db-details .table-match-football .table-wrapper.match table thead tr th:nth-last-child(1){
    border-right: 0;
}
.db-details .table-match-football .table-wrapper.match table thead tr th::before {
    content: "";
    width: 100%;
    height: 5px;
    background-color: #fff;
    position: absolute;
    top: 5px;
    left: 0;
    transform: translateY(-100%);
}
.db-details .table-match-football .table-wrapper.match table thead tr th.team {
    width: 190px;
}
.db-details .table-match-football .table-wrapper.match table thead tr th.lan,.db-details-league .table-match-football .table-wrapper.match table thead tr th.lv{width:200px;}
.db-details .table-match-football .table-wrapper.match table thead tr th.lan,.db-details-league .table-match-football .table-wrapper.match table thead tr th.w160{width:160px;}


.db-details .table-match-football .table-wrapper.match table thead tr th.lan::before {
    background-color: #4AA0FF;
}
.db-details .table-match-football .table-wrapper.match table thead tr th.lan .play, .db-details-league .table-match-football .table-wrapper.match table thead tr th.lv .play {
    width: 100%;
    height: 40px;
    line-height:40px;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.db-details .table-match-football .table-wrapper.match table thead tr th.lan .chang, .db-details-league .table-match-football .table-wrapper.match table thead tr th.lv .chang {
    width: 100%;
    height: 30px;
    line-height:30px;
    position: absolute;
    bottom: 0;
    display: flex;
}
.db-details .table-match-football .table-wrapper.match table thead tr th.lan .chang>span, .db-details-league .table-match-football .table-wrapper.match table thead tr th.lv .chang>span {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    margin-right: 1px;
}
.db-details .table-match-football .table-wrapper.match table thead tr th.lan .chang>span {
    background-color: #4AA0FF;
}
.db-details .table-match-football .table-wrapper.match table thead tr th.lan .chang>span:first-child, .db-details-league .table-match-football .table-wrapper.match table thead tr th.lv .chang>span:first-child {
    margin-right: 1px;
}
.db-details .table-match-football .table-wrapper.match table thead tr th.lv::before {
    background-color: #54C975;
}

.db-details .table-match-football .table-wrapper.match table thead tr th.lv .chang>span {
    background-color: #54C975;
}
.db-details .table-match-football .table-wrapper.match table tbody tr.match_data {
    height: 39px;
}
.db-details .table-match-football .table-wrapper.match table tbody tr.match_data td {
    height: 58px;
    border-right: 1px solid #E6E6E6;
    border-top: 1px solid #E6E6E6;
    position: relative;
    font-size: 14px;
    color: #666;
}
.db-details .table-match-football .table-wrapper.match table tbody tr.match_data td:nth-last-child(1){
    border-right: 0;
}

.db-details .table-match-football .table-wrapper.match table tbody tr .home .link, .db-details-league .table-match-football .table-wrapper.match table tbody tr .away .link {
    color: #de1e31;
    cursor: pointer;
}

.db-details .table-match-football .table-wrapper.match table tbody tr .data a {
    margin: 0 6px;
    color: #de1e31;
    cursor: pointer;
}

.db-details .table-match-football .table-wrapper.match table tbody tr .odd-asian .odd-wrapper, .db-details .table-match-football .table-wrapper.match table tbody tr .odd-europe .odd-wrapper{

    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;

}

.db-details .table-match-football .table-wrapper.match table tbody tr .odd-asian .odd-wrapper>div, .db-details .table-match-football .table-wrapper.match table tbody tr .odd-europe .odd-wrapper>div{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.db-details .table-match-football .table-wrapper.match table tbody tr .odd-asian .odd-wrapper .asian, .db-details .table-match-football .table-wrapper.match table tbody tr .odd-europe .odd-wrapper .europe{
    border-right:1px solid #E6E6E6;display: flex; justify-content: center;
    align-items: center;flex-direction:column;height: 100%;}

.db-details .table-match-football .table-wrapper table tbody tr .paiming .circle-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.db-details .table-match-football .table-wrapper table tbody tr .paiming  .circle-wrapper .circle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
}
.db-details .table-match-football .table-wrapper table tbody tr .team {
    text-align: left;
    padding-left: 15px;
    padding-right:15px;
    box-sizing: border-box;
}
.db-details .table-match-football .table-wrapper table tbody tr .team .team-wrapper {
    display: flex;
    align-items: center;
    color: #666;
}
.db-details .table-match-football .table-wrapper table tbody tr .team .team-wrapper .team-logo {
    flex: none;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background-position: center;
    background-repeat: no-repeat;
}





/**资料库联�?积分**/
.db-details-league .tab-content .jifen {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background: #F7F8FA;
}
.db-details-league .tab-content .jifen .jifen-right {
    flex: 1;
}
.db-details-league .tab-content .jifen .jifen-left {
    padding: 10px;
    border-radius: 10px;
    margin-right: 20px;
    background: #ffffff;
    width: 18%;
}
.db-details-league .tab-content .jifen .jifen-left .li.active {
    font-size: 14px;
    font-weight: bold;
    color: #101010;
    background: #F7F8FA;
    border-radius: 10px;
}
.db-details-league .tab-content .jifen .jifen-left .li {
    padding: 14px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.db-details-league .tab-content .jifen .jifen-left .li:hover {
    background: #F7F8FA;
    opacity: .5;
    border-radius: 10px;
}
.db-details-league .tab-content .jifen .jifen-right .w1, .db-details-team .tab-content .jifen .jifen-right .w3 {
    width: 15%;
    text-align: center;
}
.db-details-league .tab-content .jifen .jifen-right .w2 {
    width: 85%;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.db-details-league .tab-content .jifen .jifen-right .w1, .db-details-team .tab-content .jifen .jifen-right .w2 {
    border-right: 1px solid rgba(237, 237, 237, 1);
}
.db-details-league .tab-content .jifen .jifen-right .w1, .db-details-team .tab-content .jifen .jifen-right .w2, .db-details-team .tab-content .jifen .jifen-right .w3 {
    border-bottom: 1px solid rgba(237, 237, 237, 1);
    border-top-width: 0;
}
.db-details-league .tab-content .jifen .jifen-right .match-detail-score-name {
    line-height: 63px;
}



.table-match-football-jifen .match_data:nth-child(1) .circle-wrapper .circle{background:#ff0200;color: #fff!important;}
.table-match-football-jifen .match_data:nth-child(2) .circle-wrapper .circle{background:#ff0200;color: #fff!important;}
.table-match-football-jifen .match_data:nth-child(3) .circle-wrapper .circle{background:#ff0200;color: #fff!important;}
.table-match-football-jifen .match_data:nth-child(4) .circle-wrapper .circle{background:#ff0200;color: #fff!important;}
.table-match-football-jifen .match_data:nth-child(5) .circle-wrapper .circle{background:#ff807f;color: #fff!important;}
.table-match-football-jifen .match_data:nth-child(6) .circle-wrapper .circle{background:#ff807f;color: #fff!important;}




.w190{width:190px;}
.w90{width:90px;}
.w110{width:110px;}

/**资料库联�?最�?*/
.db-details-league .tab-content .team-match-detail-score-tab {
    display: flex;
    align-items: center;
    margin-right: 0;
    background: #F7F8FA;
    width: 100%;
}
.db-details-league .tab-content .team-match-detail-score-tab-x {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    padding: 15px 15px 0 15px;
    margin-bottom: 10px;
    width: 100%;
    background-color: #ffffff;
}
.db-details-league .tab-content .match-detail-score-tab a.active {
    background-color: #ffffff;
    color: #FF0200;
    border-bottom: 3px solid #FF0200;
}
.db-details-league .tab-content .match-detail-score-tab a {
    width: auto;
    line-height: initial;
    text-align: center;
    border-radius: initial;
    display: block;
    background-color: #ffffff;
    margin-right: 0;
    padding-bottom: 15px;
    border-bottom: 3px solid #fff;
}
.db-details-league .tab-content .match-detail-score-tab {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 80px;
    padding:0 40px;
}





.db-details-league .tab-content .best {
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    align-items: stretch;
    background: #F7F8FA;
}
.db-details-league .tab-content .best .best-right {
    flex: 1;
}
.db-details-league .tab-content .best .best-left {
    padding: 10px;
    border-radius: 10px;
    margin-right: 20px;
    background: #ffffff;
    width: 18%;
}
.db-details-league .tab-content .best .best-left .li.active {
    font-size: 14px;
    font-weight: bold;
    color: #101010;
    background: #F7F8FA;
    border-radius: 10px;
}
.db-details-league .tab-content .best .best-left .li {
    padding: 14px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.db-details-league .tab-content .best .best-left .li:hover {
    background: #F7F8FA;
    opacity: .5;
    border-radius: 10px;
}




.db-details-league .tab-content .best .best-right .table-wrapper table tbody tr .play-player .player-wrapper,.db-details-league .tab-content .best .best-right .table-wrapper table tbody tr .play-team .team-wrapper  {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.db-details-league .tab-content .best .best-right .table-wrapper table tbody tr .play-player .player-wrapper .player-icon,.db-details-league .tab-content .best .best-right .table-wrapper table tbody tr .play-team .team-wrapper .team-icon {
    width: 22px;
    height: 22px;
    margin-right: 10px;
    margin-left: 44px;
    background-repeat: no-repeat;
    background-position: center;
}







.db-details-league .tab-content .data-match-detail-score-tab {
    display: flex;
    align-items: center;
    margin-right: 0;
    background: #F7F8FA;
    width: 100%;
}
.db-details-league .tab-content .data-match-detail-score-tab-x {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    padding: 15px 15px 0 15px;
    margin-bottom: 10px;
    width: 100%;
    background-color: #ffffff;
}






.db-details-league .tab-content .history-score.data {
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    align-items: stretch;
    background: #F7F8FA;
}
.db-details-league .tab-content .history-score.data .data-right {
    flex: 1;
}
.db-details-league .tab-content .history-score.data .data-left {
    padding: 10px;
    border-radius: 10px;
    margin-right: 20px;
    background: #ffffff;
    width: 18%;
}
.db-details-league .tab-content .history-score.data .data-left .li.active {
    font-size: 14px;
    font-weight: bold;
    color: #101010;
    background: #F7F8FA;
    border-radius: 10px;
}
.db-details-league .tab-content .history-score.data .data-left .li {
    padding: 14px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.db-details-league .tab-content .history-score.data .data-left .li:hover {
    background: #F7F8FA;
    opacity: .5;
    border-radius: 10px;
}







.db-details-team .tab-content .best {
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    align-items: stretch;
    background: #F7F8FA;
}
.db-details-team .tab-content .best .best-right {
    flex: 1;
}
.db-details-team .tab-content .best .best-left {
    padding: 10px;
    border-radius: 10px;
    margin-right: 20px;
    background: #ffffff;
    width: 18%;
}
.db-details-team .tab-content .best .best-left .li.active {
    font-size: 14px;
    font-weight: bold;
    color: #101010;
    background: #F7F8FA;
    border-radius: 10px;
}
.db-details-team .tab-content .best .best-left .li {
    padding: 14px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.db-details-team .tab-content .best .best-left .li:hover {
    background: #F7F8FA;
    opacity: .5;
    border-radius: 10px;
}









.db-details-player .player-info .top .title .img{width: 90px;height: 90px;}



.db-details-team .lineup .table-match-football .table-wrapper.match table thead{height: 50px}
.db-details-team .lineup .table-match-football .table-wrapper.match table tbody tr.match_data td{height: 50px;border-top:0;border-right: 1px solid #EDEDED}
.db-details-team .lineup .table-match-football .table-wrapper.match table tbody tr.match_data:nth-child(2n-1){background:#F7F8FA;}

.list > .list_wrapper:empty {
                position: relative;
                height: 240px;
                background-image: url('/t77/resource/images/empty.svg');
                background-size: 180px;
                background-position: center top;
                background-repeat: no-repeat;
            }

            .list > .list_wrapper:empty::before {
                display: block;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 42px;
                content: "��������";
                text-align: center;
                font-size: 18px;
                color: var(--color-text-regular);
                font-weight: bold;
            }

            .list > .list_wrapper:empty::after {
                display: block;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 20px;
                content: "��������������";
                text-align: center;
                font-size: 12px;
                color: var(--color-text-placeholder);
            }