﻿/*--网球 tennis 主色调------------------------------------------------------------------*/
select,.dark select {background: var(--bgcolor-1);opacity: 1 !important;}
#tennis #header-wrapper,#tennis .oddsHead select,
#tennis #analyMap a, #tennis .nav_select, #tennis .mintopnav li.on a,
#tennis #tools .on a, #tennis #tools .on a:hover, #tennis .mintopnav.v2 li.on a, #tennis .date-tab b, #tennis .date-tab a.on,
#tennis .search-title span,.bts .ent { background-color: var(--second-color); }

#tennis .tools, #tennis .mintopnav, #tennis .tools, #tennis #tool,.arrow-up, .arrow-down { border-color: var(--second-color); }

#tennis .menu2 { display:flex;background-color: var(--primary-color); }
#tennis .menu2 li{flex:1}
#tennis .menu2 li a {width:100%;color: var(--text-white);border-right: 1px solid var(--black20);}
#tennis .menu2 li a:hover { background-color: var(--black40); }
#tennis .menu2 li .on, #tennis .menu2 li .on:hover {background: var(--body-bg);color: var(--text-primary);}
#tennis .tdlink a  {color: var(--text-primary);}
#tennis .tdlink a:hover  {color: var(--thirdly-color);}


/*--比分首页------------------------------------------------------------------*/

#teammain {width: 710px;}
#tools li a .icon {width: auto;height: auto;}
.company_setting {float: right;position: relative;margin: 5px;line-height: 20px;}
.odds-icon, .analyze-icon, .Detail-icon, .odds-icon1x2 {width: 14px;height: 14px;margin: 2px;}
.Detail-icon {background-image: url(/images/criplace.png);}
.def-icon,.att-icon {width: 16px;height: 16px;background: url(/images/criball.png) no-repeat center;background-size: 100%;display: inline-block;}
.att-icon {background: url(/images/cricbat.png) no-repeat center;}
.Leaguestitle .rankicon { background: url(../../../../images/advanced.svg) no-repeat center; width: 24px; height: 24px; margin: 2px 6px; float: right; display: inline-block; cursor: pointer; }
.t-line {border-top: 1px solid #e5e5e5;}
.oddstd {background-color: #FFFAE0;color: #222;}
#main #left,#main #right .lrdiv, #main #left .lrdiv {overflow: unset;}
.league .add-info2:hover:after {top: 0;left: 70px;}
.sde .closes, .sde .collapse, .sde .expand { width: 33px; }
.sde1 .closes, .sde1 .collapse, .sde1 .expand { width: 29px; }
.sde1 .collapse:before,.sde1  .expand:before {left: 11px;}
.oddstd p {width: 38px;margin: 0 auto;}
.ahodds {padding-right: 10px;}
.team-hg,.dark .team-hg {color: #888;}


/*--直播页------------------------------------------------------------------*/
/*头部*/
.fbheader .home img, .fbheader .guest img {width: 90px;height: 120px;margin-bottom: 5px;}
.fbheader .row .vs,.fbheader .row .end,.fbheader .row .half {width: 430px;}
.fbheader .row .vs .score,.fbheader .row .end .score,.fbheader .row .half .score {width: 30%;margin-top: 2px;}
.fbheader .row .vs .mark,.fbheader .row .end .mark,.fbheader .row .half .mark {width: 40%;}
.fbheader .row .vs .row,.fbheader .row .end .row,.fbheader .row .half .row { line-height: 20px;}
.fbheader .row .mark .row {align-items: flex-end;color: var(--textcolor-2);font-size: 14px;}
.fbheader .row .mark .row sup {color: var(--textcolor-2);}
.fbheader .row.time {font-size: 12px;align-items: flex-end;}
.fbheader .row.time span {font-size: 12px;padding: 0 6px;margin-top: 15px;}
.fbheader .home font,.fbheader .guest font {color: var(--textcolor-3);font-size: 12px;font-weight: normal;font-style: normal;line-height: normal;text-align: center;margin-top: -4px;display: block;}
.fbheader,.fbheader .row {display: flex;justify-content: center;}
/* .fbheader {justify-content: space-between;} */
.fbheader .home,.fbheader .guest {width: 20%;margin: 0;font-size: 14px;font-weight: bold;line-height: 30px;position: relative;}
.fbheader .home a,.fbheader .guest a {line-height: normal;margin: 8px 0;display: block;}
.fbheader .home .icon,.fbheader .guest .icon {color:var(--textcolor-3);position:absolute;left:0;top:35%;width: 24px;font-size:24px;font-weight: normal;cursor:pointer;z-index: 2;}
.fbheader .guest .icon {left: auto;right:0;}
.fbheader .icon-font-collect-on {color:var(--yellow60) !important;}
.fbheader .VS {width: 60%;display:flex;flex-direction:column;justify-content:center;}
.fbheader a.sclassName {color: #333;margin-top: 10px;display: block;}
.fbheader a.sclassName:hover { color: #f60; text-decoration: underline; }
.Cscore {color: #da2727;width: 20%;font-size: 40px;font-weight: bold;line-height: 40px;}
.scoredata {width: 60%;border: 1px solid #e5e5e5;}
.scoredata th {padding: 0 10px;}
.scoredata tr:last-child td {border-bottom: none;}

.float-L {float: left;}
.float-R {float: right;}
.float-L td,.float-R td {height: 26px;}
.textL {text-align: left !important;padding-left: 10px !important;line-height: initial;}
.NO {color: #666;width: 18px;padding: 3px 0 3px 5px !important;}
.teamtitle {width: 50%;background: rgba(0,0,0,.2);line-height: 32px;border-radius: 3px;margin: 0 auto;overflow: hidden;display: flex;}
.teamtitle li {display: inline-block;text-align: center;cursor: pointer;flex: 1;}
.teamtitle li:hover {color: #ffd5c0;}
.teamtitle li.on,.team-guest .teamtitle li.on {background: #fff;color: #de682f;font-weight: bold;border-radius: 3px;}
.team-guest .teamtitle li.on,.team-guest .teamtitle li.on:hover {color: #2495da;}
.team-guest .teamtitle li:hover {color: #95d7ff;}
.scoreball {background: #aaa;color: #fff;font-size: 12px;line-height: 28px;width: 28px;height: 28px;border-radius: 50%;margin: 0 4px;float: left;display: inline-block;}
.scoreball:first-child {margin-left: 10px;}
.scoreball.W {background: #a94446;}
.scoreball.B4 {background: #3167b7;}
.scoreball.B6 {background: #2495da;}

.up2 { background: url(../../../../images/up_green.png) no-repeat 53px 6px; display: block; width: 60px; margin: 0 auto; color: green; }
.down2 { background: url(../../../../images/down_red.png) no-repeat 53px 6px; display: block; width: 60px; margin: 0 auto; color: red; }


/*--资料库------------------------------------------------------------------*/
.leftnav li.on {background: #ffeece;border-radius: 3px 3px 0 0;}
.leftnav .cty-on a {background-color: #fdfaf1;}
.leftnav li a {width: auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.leftnav li a.on {font-weight: bold;}
.leftnav .add-info2:hover:after {left: 135px;top: 0;}
#tennis .nav_select { background-color: #d05254; }

/*--dark------------------------------------------------------------------*/
.dark .Leaguestitle {background: #3a3a3a;}
.dark .oddstd {background-color: #3a362f;color: #e5e5e5;}
.dark .searchItem .status {color: rgba(255,255,255,.7);}
.dark a.teamnamebox:hover {color: #f60;}
.dark .t-line,.dark .scoredata,
.dark .team-box,.dark .teamnamebox,.dark .teamdeatbox,.dark .teamdeatbox .teamLeft,.dark .teamRight .teamdata,.dark .teamRight .teamdata li,.dark .nodata {border-color: #444;}
.dark .fbheader a.sclassName {color: #fff;}
.dark .teamtitle li.on {opacity: 0.75;}
.dark .teamRight .teamdata:nth-child(even) {background: #222;}
.dark .leftnav li.on {background: #3a3a3a;}
.dark .leftnav .cty-on a {background: #1b1b1b;}



/*--2023网球优化------------------------------------------------------------------*/
/* ---- 比分列表 ---- */
.icon.icon-font-Tennis {font-size: 14px;color: #72b12f;}
sup {color: var(--blue40);}
.twowin tr td:nth-child(6),.twowin tr td:nth-child(7),.twowin tr.b1 td:nth-child(8) {display: none;}
.twowin tr.b1 td:nth-child(6) {display: table-cell;}
.twowin tr td:nth-child(4) span,.twowin tr td:nth-child(5) span,.twowin tr td:nth-child(6) span,.twowin tr td:nth-child(9) span,.twowin tr td:nth-child(10) span
{width: 27px;display: inline-block;}
.twowin .scoretitle td:nth-child(3),.twowin .scoretitle td:nth-child(4),.twowin .scoretitle td:nth-child(5) {width: 4.7%;}
.Schedule .twowin tr td:nth-child(4) span,.Schedule .twowin tr td:nth-child(5) span,.Schedule .twowin tr td:nth-child(6) span,.Schedule .twowin tr td:nth-child(9) span,.Schedule .twowin tr td:nth-child(10) span {width: 34px;}
.bftab div,.twowin div {line-height: 30px;}
.doubles div {line-height: 20px;}
.doubles div:last-child {margin-bottom: 1px;}

/*----- 赛事内页 -----*/
#info {margin:0px auto 10px auto;width:1040px;}
.tr-title th {border-bottom:1px solid var(--border-3);}
.tr-title {background:var(--table_header);color:var(--textcolor-1);text-align:center;line-height:30px;font-weight:bold;}
.tb-bgcolor {background:var(--table_highlight);}
.lb{border-left:1px solid var(--border-3);}
.rb{border-right:1px solid var(--border-3);}
.sb{border-left:1px solid var(--border-3);border-right:1px solid var(--border-3);}
.hbg-td1r { background-color: var(--bgcolor-1) !important }
.hbg-td1 { background-color: #fbfbcd !important }
.hbg-td2 { background-color: #edf9ee !important }
.hbg-td3 { background-color: #fbf1ef !important }
.dark .hbg-td1 { background-color: #4c4c2c !important }
.dark .hbg-td2 { background-color: #28462a !important }
.dark .hbg-td3 { background-color: #3e2e2b !important }
.homeT {color: var(--home_team);}
.guestT {color: var(--away_team);}

#mScore > div > span sup {color:#ff9800;line-height:10px;font-weight:normal;height:10px;top:0;/* right:1px;*/position:absolute;display:inline;overflow:hidden;}

/*事件*/
.process{overflow:hidden;}
.process li {display:flex;align-items:center;}
.process li:nth-child(even) {background: var(--bgcolor-2);}
.process li .Pscore{float:right;width:70%;font-size: 12px;text-align:left;padding:0 10px;line-height:30px;padding:0 10px;}
.process li .Pevent{float:left;width:30%;background:transparent;border-right:solid 1px var(--border-2);}
.Pevent{background:var(--bgcolor-2);color:var(--textcolor-2);display:flex;justify-content:center;align-items:center;}
.Pevent .homeEvent,.Pevent .guestEvent{float:left;width:45%;text-align:right;line-height:26px;}
.Pevent .guestEvent{text-align:left;}
.Pevent .VS{float:left;width:30%;font-size:14px;line-height:26px;text-align:center;}
.Pevent .VS span {font-weight: bold;}
.Pevent .VS span sup {font-weight: normal;}
.setbtns{padding:5px;border-bottom:1px solid var(--border-3);white-space:nowrap;overflow-x:auto;display:block;}
.setbtns .btn{color:var(--textcolor-1);width:19%;display:inline-block;text-align:center;line-height:normal;border:1px solid var(--border-3);border-radius:4px;padding:6px 0;margin-right:5px;cursor:pointer;}
.setbtns .btn.on{color:var(--text-white);background:var(--primary-color)!important;border-color:var(--primary-color);}

.matchList div{-webkit-box-sizing:border-box;box-sizing:border-box;}
.matchList .item .score i,.tennis{font-size:14px;color:#ff9800 !important;}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon{color:var(--textcolor-3);font-size:15px;width:20px;height:20px;line-height:20px;position:relative;cursor:pointer;}
i{color:var(--textcolor-2);font-style:normal;}
.PS{border-top:1px solid var(--border-3);text-align:center;padding:4px 0;}
.LS{width:16px;height:16px;position:relative;display:inline-block;margin-right:2px;vertical-align:-3px;}
.LS::before,.LS::after{content:"";background:var(--gray50);position:absolute;top:1px;left:6px;display:inline-block;width:3px;height:14px;border-radius:1px;transform:rotate(45deg);}
.LS::after{transform:rotate(-45deg);}
.point{background:var(--gray50);color:var(--text-white);padding:0 2px;margin:0 4px;border-radius:2px;}
.blueBG{background:#4e94f1 !important;}
.redBG{background-color:#e86666 !important;}
.red_w, .loss {color:var(--red40) !important;}

/*技术统计*/
div,h1,h2,h3,h4,p,form,input,textarea,img,span{margin:0;padding:0;font-weight:normal;}
.main_title.fx-tab2 {float: none;line-height: normal;margin: 0;}
.main_title.fx-tab2 span {background: var(--second-color);margin: 5px auto;border-radius: 6px;}
.main_title.fx-tab2 li {color: var(--white70);}
.main_title.fx-tab2 li:only-child {background: none;}
.main_title.fx-tab2 .fx-tab2-on {background: var(--primary-color);color: var(--text-white);border-radius: 4px;}
.player-table-title{font-size:20px;line-height:40px;font-weight:bold;text-align:center;margin-top:10px;position:relative;height:40px;clear:both;}
.dv-player-title,.techtitle {background: var(--bgcolor-3);color: var(--textcolor-2);font-size: 14px;line-height: 30px;font-weight: bold;text-align: center;width: 100%;padding: 0;border-top: 1px solid var(--border-3);border-bottom: 1px solid var(--border-3);}
.player-h1 span{color:var(--text-white);font-size: 14px;display:inline-block;width:50%;font-weight:bold;height:32px;line-height:32px;float:left;}
.player-h1,.player-h2{text-align:center;}
.player-h1 span a,.player-h2 span a {color:var(--text-white);font-size: 14px;}
.player-h2 span{color:var(--text-white);font-size: 14px;display:inline-block;width:25%;font-weight:bold;height:32px;line-height:32px;float:left;}
.home-bg{background-color:#e27a48;}
.away-bg{background-color:#3f9ed8;}
.fx20{padding:20px;clear:both;margin-bottom:20px;}
.stat-bar-wrapper {width: 310px;}
.t-stat-c{display:inline-block;width:100px;text-align:center;font-size:14px;}
.stat{padding:10px 0;text-align:center;}
.stat li{line-height:18px;padding:0 5px;margin-bottom:-1px;}
li{vertical-align:bottom;}
.tr_mat_n_away .f-l {line-height: 20px;}
.dv-stat-nodata {background: var(--table_header);color: var(--textcolor-2);text-align: center;line-height: 90px;}

/*对战往绩/近期战绩*/
.team-table-other .f-l {text-align: left;display: block;padding-left: 10px;}
.team-table-other tr:nth-child(even) {background: var(--bgcolor-2);}
.countSelect { width: 40px;}

/*选手详细数据对比*/
.per-stat{padding:20px 0;text-align:center;}
.per-stat-title{width:32.55%;background-color:var(--bgcolor-1);border:1px solid var(--border-3);border-top: none;font-size: 12px;text-align:left;vertical-align:middle;line-height:30px;padding-left: 10px;float: left;}
.dbl .per-stat-title{width:19.11%;}
.dbl .per-stat-title:first-child {border-right: none;}
.dbl .per-stat-title:last-child {border-left: none;}
.center-bg{background-color:var(--table_highlight);color: var(--textcolor-2);text-align: center;padding: 0;border-left:none;border-right:none;}
.textR{text-align: right;padding: 0 10px 0 0;}

/*赔率弹窗*/
.detail-win{background:var(--bgcolor-1);width:600px;height:560px;border-radius:10px !important;overflow:hidden;}
.detail-win .popinfo{padding:10px;min-height:200px;display:block;}
.popinfo{padding:20px 10px;margin:0 auto;display:flex;align-items:center;overflow:hidden;}
.match-odds-menu a{display:inline-block;padding:0 5px;margin:0 2px;height:30px;line-height:30px;min-width:90px;text-align:center;font-weight:bold;border:1px solid var(--border-3);border-radius:4px;cursor:pointer;text-decoration:none;}
.detail-win .match-odds-menu{margin:0 3px;}
.match-odds-menu{position:relative;height:30px;margin-top:8px;}
.detailtable{max-height:460px;margin-top:10px;padding:0 5px;overflow-y:auto;}
.detailtable::-webkit-scrollbar{width:10px;}
.detailtable::-webkit-scrollbar-thumb{background:var(--bgcolor-4);border-radius:32px;}
.detailtable::-webkit-scrollbar-track{background:var(--border-2);border-radius:32px;}

.team-table-home,.team-table-guest,.team-table-other{line-height:20px;}
.team-table-home th,.team-table-guest th,.team-table-other th{color:var(--textcolor-3);background-color:var(--table_header);border-bottom:1px solid var(--border-3);font-weight:normal;line-height:24px;white-space:nowrap;}
.team-table-other b {color:var(--textcolor-2);}

.company-comp tr {text-align:center;}
.company-comp table, .odds-detail table {border:1px solid var(--border-3);border-collapse:collapse;}

.match-odds-menu .on,ul.menu .on,.tabsBox .item.on{background-color:var(--primary-color);}
.match-odds-menu .on{color:var(--text-white);font-weight:600;}


/*资料库首页*/
.sub_menu .leaguekind {float:left;}
.sub_menu .leagueseason {float:right;}
.sub_menu .leagueseason select {background: var(--bgcolor-1);color: var(--textcolor-1);border: 1px solid var(--border-4);padding: 3px 8px;margin: 3px 6px;border-radius: 4px;cursor: pointer;}
.sub_menu.league a {min-width: 50px;font-size: 12px;border-radius: 3px 3px 0 0;}
.sub_menu.league a.on {font-weight: bold;}
.tournament::after {content: "";clear: both;display: block;}
.monthtitle {background-color:var(--primary-color);color:var(--text-white);font-size: 14px;font-weight: bold;line-height:30px;height:30px;padding-left:10px;margin-bottom: 10px;display: block;}
/* .leaguelist {padding:10px 20px;border-radius:4px;} */
.leaguelist .article{background: var(--bgcolor-2);border: 1px solid var(--border-3);width:calc(20% - 10px);height:210px;margin:0 10px 10px 0;float:left;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition: all 0.2s linear;}
.leaguelist .article:nth-child(5n) {margin-right:0;}
.leaguelist .article:hover {box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.leaguelist .article .match{float:none;width:90%;font-size:14px;line-height:18px;font-weight:bold;text-align:left;padding:10px 0;margin:0;border:none;overflow:hidden;text-overflow:ellipsis;white-space: nowrap; /* word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; */}
.leaguelist .Htitle{font-size:32px;padding-bottom:4px;}
.leaguelist .time{width:90%;font-size:12px;line-height:20px;text-align:right;margin:0;}
.leaguelist .artimg{background: var(--bgcolor-1);width:100%;height:120px;text-align: center;float:left;border-radius:3px;overflow:hidden;position:relative;}
.leaguelist img{width:auto;height:80%;margin: 12px auto;}
.toppoint {color:var(--text-white);background:var(--thirdly-color) url(../../../../images/crown.svg)no-repeat 4px center;background-size: 14px;font-size: 12px;line-height:18px;padding:0 5px 0 20px;margin:0;border-radius:10px;position:absolute;left:6px;top:6px;}

.add-div {
    text-align:left;
}

.add-div .timeDate {
    margin-right: 10px;
}

#header-wrapper-sp {
    display: none;
}