.infoTab,.mainInfoTab{display:flex;text-align:center;color:var(--text-color-1);width:100%;line-height:40px;font-size:14px;background-color: var(--bg-color-1);border-bottom: 1px solid var(--border-1);overflow: hidden;}
select{padding:2px 3px;vertical-align:middle;font-size:12px;border:1px solid #CCC;}
.infoTab li,.mainInfoTab li{display:block;margin:0px;padding:0px;position: relative;-webkit-box-sizing:border-box;float:left;;text-align:center; color:var(--text-color-2)}

.mainInfoTab { background-color:var(--bg-color-1);border-bottom-color: var(--border-1);}

.infoTab li.on a,.mainInfoTab li.on,.mainInfoLqTab li.on{color:var(--text-hightlight-1);font-weight: 600;}
.infoTab li.on a::after,.mainInfoTab li.on::after,.mainInfoLqTab li.on {
    display: inline-block;content: "";height: 2px;width: 24px;
    background-color: var(--text-hightlight-1);clear: both;position: absolute;
    bottom: 6px;left: calc(50% - 12px);border-radius: 20px;
}

.infoTab li a{color:var(--text-color-2);display:block;font-size: 16px;border-bottom: 2px solid var(--bg-color-1);}
.infoTitle{color:var(--text-color-2);text-align:center;padding:5px;font-size:16px;vertical-align:middle;margin-top:8px;}

.sInfos li{margin:10px 1.2% 0px;padding:0px;width:30.4%;text-align:center;float:left;border-radius:2px;overflow:hidden;color:var(--text-color-1);background-color: var(--bg-color-1);border: 1px solid var(--border-4)
}
.theme--dark .sInfos li {border: 1px solid var(--gray70)}
.sInfos li a{border-radius:2px;line-height:32px;display:block;}
#content .gameItem{line-height:48px;padding:0 12px; overflow:hidden;display:block;background-color: var(--bg-color-1);border-bottom: 1px solid var(--border-1); font-size: 16px;position: relative;}
#content .gameItem i{transform: rotate(225deg);-webkit-transform: rotate(225deg);
        margin-left: 15px;position: absolute;right: 14px;top: 18px;
        width: 12px;
        height: 12px;
        display: inline-block;
        border-left: 1px solid var(--text-color-4);
        border-bottom: 1px solid var(--text-color-4);}
#seasonDiv{font-size: 14px;}
.infoToolbar,.infoToolbar2{padding-top: 10px;display:block;color:#FFF;font-size:20px; position: relative;overflow: hidden;font-weight: 600;}
.infoToolbar {height: 44px;background-color: var(--primary-color);}
.infoToolbar2 {background-color:#000;}
.backImg{ transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-left: 15px;width: 13px;height: 13px;display: inline-block;position: absolute;left: 5px;top: 15px;border-left: 2px solid #FFF;border-bottom: 2px solid #FFF;z-index: 9999;}
.groupTitle{color:var(--text-color-1);background:var(--bg-color-3);line-height: 26px;text-align:center;font-size: 12px;border-bottom: 1px solid var(--border-2);}
.infoToolbar a{color:#FFF;}
.cmToolbar{padding:5px;}
.cmToolbar .btn{padding:2px 8px;background:var(--bg-color-3);color:var(--text-color-2);font-size:12px;line-height:18px;cursor:pointer;float:right;display:inline;margin-left:5px;border-radius:20px;}
.cmToolbar .btn.on{background:var(--bg-hightlight-5);color: #FFF;}
#content .infoTab li{flex: 1;}
#content .mainInfoTab li{flex: 1;}
#content .mainInfoLqTab li{width:25%;}
#content .lqTabs li{width:25%;}
#content tr th{background:var(--bg-color-2);line-height:30px;font-size:12px; font-weight: normal; border-bottom: 1px solid var(--border-3);color: var(--text-color-2)}
#content tr td{font-size:12px;border-bottom:1px solid var(--border-1);line-height:30px;}
#content tr td.noline{border-bottom:none;}
.group{padding:5px;float:right;}
.roundGroup{padding:5px;}
.infoTable tr td{font-size:12px;}
.rightTools{padding:7px 10px 0 0;float:right;}
.timeCell{line-height:normal;}
.rightTools .btn{padding:0px 8px;background:var(--bg-hightlight-4);color:#FFF;font-size:12px;line-height:22px;cursor:pointer;float:left;height:22px;display:inline;margin-left:5px;border-radius:20px;}
.rightTools .on{background-color:var(--bg-hightlight-5);}
.searchBar{text-align:center;padding-right:50px;position:relative;overflow:hidden;background-color: var(--primary-color);padding: 6px 12px 16px 12px;}
.searchBar input{line-height:34px;width:100%;vertical-align:middle;font-size:14px;border-style:none;padding-right:10px;padding-left:20px;border-radius:20px;background-color:rgba(255,255,255,.1);color: #c2def4;}
.searchBar input:focus{outline: none;border:none;}
.theme--dark .searchBar input{background-color: #0a2235;}

input::input-placeholder{color:#c2def4;}
input::-webkit-input-placeholder {/* webKit browsers */color:#c2def4;}
input:-moz-placeholder {/* mozilla Firefox 4 to 18*/color:#c2def4;}
input::-moz-placeholder {/*Mozilla Firefox 19+ */color:#c2def4;}
input:-ms-input-placeholder {/*Internet e*/color:#c2def4;} 
.filterOK{position:absolute;right:15px;width:60px;top:9px;line-height:28px;overflow:hidden;font-size:14px;background-color: rgba(255,255,255,.25);border-radius: 20px; color: #c2def4;}

.infoToolbar .back{    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);padding: ;
    margin-left: 15px;
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 15px;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    z-index: 9999;}

#hotLeague {padding-top: 5px;}

.infoh2 {font-size: 16px;line-height: 30px;margin-left: 14px;font-weight: 500;}
#content {overflow: hidden;}

.info-zshi {
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(/images/zshi.svg);
    width: 26px;
    height: 26px;z-index: 9;
}
.info-search {
    position: absolute;
    right: 10px;
    top: 10px;
    background-image: url(/images/search.svg);
    width: 26px;
    height: 26px;z-index: 9;
}
/*资料库新增样式*/
.tsbg,table.infoTable tr:nth-child(odd) .tsbg {background-color:transparent;}

.leaguename {text-align: center;padding: 2px 0 8px 0;font-size: 18px;font-weight: 500;z-index: 9;position: relative;text-shadow: 1px 1px 0px rgb(0 0 0 / 20%);}
.leaguename img{border-radius: 50%;width: 58px;height: 58px;border: 4px solid rgba(255,255,255,.1);background-color: #FFF;}

#seasonDiv2 .select_arrow {display: none;}
#seasonDiv2 .select_ui {background: transparent;border: none;font-size: 14px}
#seasonDiv2 .select_ui .select_text_ui {background: transparent;border: none;color: #FFF;margin-right: 0;box-shadow:none;padding: 0 12px;line-height: 26px;overflow: hidden;}
#seasonDiv2 .select_text_ui::after {display: inline-block;
bottom: 0;vertical-align:-3px;margin-left: 6px;
width: 0;height: 0;content: "";
border: 5px solid transparent;border-top-color: #FFF;}
.bgimg {position: absolute;z-index: 1;width: 200%;top: -220%;left: -60%;filter: blur(40px);opacity: .5;}
.bgimg2 {position: absolute;z-index: 2;height: 400%;top: -260px;left: 90px;filter: blur(40px);opacity: .2;}
#seasonDiv2 .select_ui select {border-radius: 50%;}

#tabHeader2 {position: relative;z-index: 9;}
.infoTab-2 {display: flex;background-color: rgba(0,0,0,.16);}
.infoTab-2 li{flex: 1;text-align: center;line-height: 36px;font-size: 16px;position: relative;}
.infoTab-2 li a {color: #FFF;}
.infoTab-2 li.on a{color: var(--yellow60);font-weight: 500;}
.infoTab-2 li.on a::after {display: inline-block;content: "";height: 2px;width: 20px;background-color: var(--yellow60);clear: both;position: absolute;bottom: 5px;left: calc(50% - 10px);border-radius: 20px;}
#content .infoTable tr .note {
    line-height: 24px;
    background: #f1ffef;
    color: var(--green60);
    padding: 0 10px 0 14px;
}