body {background-color: #fff;}
.infoTab { height: 38px; display: block; text-align: center; padding: 0px; margin: 0px; color: #666; padding: 0 4px;  line-height: 36px; font-size: 14px; -webkit-box-orient: horizontal; display: box; box-orient: horizontal; background-color: #fff; border-top: 1px solid #f3f4f6; border-bottom: 1px solid #f3f4f6; }
select { padding: 2px 3px; vertical-align: middle; font-size: 12px; border: 1px solid #CCC; }
.infoTab li { display: block; background: inherit; margin: 0px; padding: 0px; -webkit-box-sizing: border-box; float: left; height: 36px; text-align: center;color: #666 !important; }
    .infoTab li.on { color: #333 !important;background-color: #fff !important; font-weight: 600;font-size: 16px;position: relative;border-bottom: none !important;}
    .infoTab li.on::after {content: "";position: absolute;bottom: 0;left: 50%;width: 16px;height: 4px;border-radius: 5px;background: #945ed8;margin-left: -8px;}
        .infoTab li.on a { color: #333 !important; font-size: 16px;}
    .infoTab li a { color: #666; display: block; }

.infoTitle { color: #fff; text-align: center; padding: 5px; font-size: 16px; vertical-align: middle; margin-top: 8px; }
ul.sInfos { padding: 10px 12px 20px 12px; }
    ul.sInfos li { margin-top: 8px; text-align: center; float: left; border-radius: 3px; line-height: 35px; overflow: hidden; background-color: #FFF; }
.l_3 li { width: 32%; margin-left: 2%; }
    .l_3 li:nth-child(3n+1) { margin-left: 0; }
.sInfos:not(.l_3) li { width: 22%; margin-left: 4%; }
    .sInfos:not(.l_3) li:nth-child(4n+1) { margin-left: 0; }
.sInfos li a { border-radius: 3px;  line-height: 34px; display: block; background-color: #f5f6f8;color: #666;font-size: 12px;}

#content .gameItem { line-height: 32px; border-bottom:solid 1px #E9E9E9; border-radius: 3px; overflow: hidden; display: block; background-color: #FFF; padding-top: 5px; padding-right: 4px; padding-bottom: 5px; padding-left: 12px;font-size: 15px; }
#content .gameItem i { transform: rotate(225deg); -webkit-transform: rotate(225deg); width: 8px; height: 8px; margin-top: 10px; margin-right: 10px; border-color: #666; display: inline-block; border-left: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; /* vertical-align: 3px; */ -webkit-transition: all .2s linear; transition: all .2s linear; float: right; }
#seasonDiv { float: right; padding-right: 10px }
.infoToolbar { padding: 10px 5px 10px 10px; display: block; background-color: #3e3c8f; color: #FFF; }
.groupTitle { color: #999; line-height: 28px; text-align: left; background-color: #f1f1f1;border-bottom: 1px solid #f3f4f6;font-size: 12px;padding-left: 10px; }
.infoToolbar a { color: #FFF; }

.mTitle .backBtn { float: left; display: block; position: absolute; left: 0px; top: 10px; height: 20px; padding-right: 10px; padding-left: 10px; line-height: 20px; margin-top: 3px; }

.cmToolbar { padding: 5px 10px; }
.cmToolbar .btn { padding: 1px 8px;background: #fff;color: #999;font-size: 12px; line-height: 18px;border: 1px solid #cbcbcb;cursor: pointer;float: right;display: inline;margin-left: 5px;border-radius: 20px;} 
    .cmToolbar .on { background: #f7f5ff; color: #945ed8;border: 1px solid #b4a2fa;}
#tabHeader .infoTab li { width: 20%; }
#content .mainInfoTab li { width: 16.5%; }
#content .mainInfoLqTab li { width: 25%; }
#content .lqTabs li { width: 25%; }

#content tr th, .infoContent tr th { line-height: 34px; font-size: 12px; background-color: #f5f6f9; font-weight: 400;color: #888; /*border-bottom:1px solid #f3f4f6;*/}
#content tr td, .infoContent tr td { font-size: 12px; border-bottom:1px solid #f4f5f7; line-height: 34px; }


    #content tr td.noline { border-bottom: none; }

.group { padding: 5px; float: right; }

.roundGroup { padding: 6px 10px;  }

.infoTable tr td { font-size: 12px;  }
.rightTools { margin: 6px 8px 6px 0; padding: 2px; float: right; background: #f2f2f3; border-radius: 20px;height: 28px; }
.timeCell { color: #666; font-size: 10px; }
.rightTools .btn { padding: 0 11px; color: #333; font-size: 13px; line-height: 23px; cursor: pointer; float: left; height: 21px; display: inline; border-radius: 3px; }

.rightTools .on { background-color: #FFF; border-radius: 4px; border-radius: 20px; padding: 0 11px; line-height: 24px;height: 24px; color: #945ed8;font-weight: 600; background:#fff; }

.stTool {margin: 10px 12px; overflow: hidden; line-height: 20px; padding: 2px; }
.stTool li.on {  border-radius:6px; background: #e7e2fc;border: 1px solid #d9d0ff;}
.stTool li { float: left; text-align: center; padding: 4px 7px;border: 1px solid #eeeeee;border-radius: 6px;margin-right:10px;}
.stTool li.on a { color: #945ed8; font-weight: 600;}
.stTool li a { color: #666; }

/*
.stTool { width: 92%; margin: 10px auto; border-radius: 20px; overflow: hidden; line-height: 20px; background-color: #e5e5e5; padding: 2px; }
.stTool li.on { background-color: #FFF; border-radius: 20px; }
.stTool li { width: 25%; float: left; text-align: center; padding: 6px 0px; }
.stTool li.on a { color: #222; }
.stTool li a { color: #666; }
*/

.infotop {padding: 15px 0 8px;display: block;color: #FFF; font-size: 18px; position: relative; overflow: hidden;background: url(images/topbgss.png) no-repeat;background-size: cover;}
.backImg {transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-left: 15px; width: 13px; height: 13px; display: inline-block;position: absolute;  left:3px; top: 22px; border-left: 2px solid #FFF;border-bottom: 2px solid #FFF; z-index: 9999;}
.leaguename {text-align: center;padding: 2px 0 8px 0;font-size: 16px;font-weight: 500;z-index: 9;text-shadow: 1px 1px 0px rgb(0 0 0 / 20%);font-weight: 600;display: inline-block;margin-left: 50px;}
.leaguename img {border-radius: 50%;width: 42px; height: 42px; border: 4px solid rgba(255,255,255,.1);background-color: #FFF;float: left;}
.leaguename .namefull {float: left;margin: 5px 0 0 8px;}
/*#seasonDiv2 {position: absolute;top: 15px;right: 5px;}*/
#seasonDiv2 {text-align: left;}
#seasonDiv2 .select_ui {background: transparent; border: none; font-size: 13px; font-weight: 400; margin-top: 2px;}
#seasonDiv2 .select_arrow { display: none;}
#seasonDiv2 .select_ui .select_text_ui { background: transparent; border: none;color: #FFF; margin-right: 0;box-shadow: none; padding: 0 12px 0 0; line-height: 26px;overflow: hidden;}
#seasonDiv2 .select_ui select {border-radius: 50%;}
#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;}

.content, #content {background-color: #fff;}
table.infoTable tr:nth-child(odd) td {background: #f9fafb;}
.abletworow tr td { line-height: 24px !important; }

.colourclass {font-size: 12px;padding:8px 10px;}
.colourdrop {width: 8px;height: 8px;border-radius:5px;display: inline-block;vertical-align: middle;margin:0 4px 1px 0;}