body {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-family:  "Inter", "Tahoma", "Helvetica Neue", Helvetica, Arial, sans-serif;
    min-width: 1060px;
}
div,
h1,
h2,
h3,
h4,
p,
form,
input,
textarea,
img,
span {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
li {
    vertical-align: bottom;
}
img {
    border-width: 0;
}
a {
    text-decoration: none;
}
a:hover {
    color: #f60;
    text-decoration: underline;
}
input[type="radio"],
input[type="checkbox"] {
    margin: 2px 5px 0 0;
    vertical-align: -2px;
}

.nolink {
    cursor: not-allowed;
}

/*--足球风格--soccer-----------------------------------------------------------------------------------------------------*/ /**/ /**/ /**/ /**/ /**/ /**/ /**/
/**/
/*#header-wrapper,*/
/*#analyMap a,*/
/*.mintopnav li.on a,*/
/*.dark .jqTitle {*/
/*    background-color: var(--second-color);*/
/*}*/
/*---soccer--bg1----*/
/**/
.menu2x,
#soccer .scoretitle td,
/*#tools .on a,*/
/*#tools .on a:hover,*/
/*#soccer.dark #tools .on a,*/
/*#soccer.dark #tools .on a:hover,*/
.mintopnav.v2 li.on a,
.oddsHead select,
.nav_select,
.jqTitle {
    background-color: #f2f2f2;
}
/*---soccer--bg2----*/
/**/
#soccer .scoretitle td {
    color: RGBA(255, 255, 255, 0.7);
    padding-bottom: 3px;
    line-height: 18px;
}
/**/ /*soccer二级导航栏*/
/**/
.tools,
.mintopnav {
    border-bottom: 3px solid var(--primary-color);
}

/*---soccer--hover-backgroundcolor----*/

#soccer .Leaguestitle td {
    padding-left: 0;
}
/**/ /*----------------------------------------------------------------------------------------*/

/*---共用风格----------------------------------------------------------------------------------------------*/
body {
    background-color: #e5e5e5;
}
body.dark,
body.dark,
.dark .menu2x li .on,
.dark .menu2x li .on:hover {
    background-color: #151515;
}

body.dark select,
.dark .o-lose,
.dark .o-win,
.dark .o-draw,
.dark .fx-logo img,
.dark .fbheader .home img,
.dark .fbheader .guest img,
.dark .fx-title img,
.dark #newsList li .img img,
.dark .black-down,
.dark .points {
    opacity: 0.75;
}

/*---白色背景--------*/
.lrdiv2,
#div_search,
#oddsChange,
#panluDiv,
#calendar,
#calendar .datelayer_td-blank,
#calendar .datelayer_td-blank:hover,
#main #min,
#main3,
#teammain,
#info,
#main #right .lrdiv,
#main #left .lrdiv,
.rf,
#showoptional2,
#showCountry,
#showFilterBox,
#showoptional,
#showCompany,
.pc_win,
#showOddsTypes,
.rbl,
.b1,
.com LI SPAN A:hover,
.white-bg,
.white-bg2,
.livetab,
.team-table-home .vv,
.team-table-guest .vv,
.home-div a span,
.guest-div a span,
body select,
.fx-tb-b li b,
.fx-tb-b h4,
.fx-tab .fx-tab-on,
.fx-tab .fx-tab-on2,
.twin,
.bak_div,
.tvLink,
.n-search {
    background-color: #fff;
}

.dark .lrdiv2,
.dark #div_search,
.dark #calendar,
.dark #calendar .datelayer_td-blank,
.dark #calendar .datelayer_td-blank:hover,
.dark #main #min,
.dark #main3,
.dark #teammain,
.dark #info,
.dark #main #right .lrdiv,
.dark #main #left .lrdiv,
.dark .rf,
.dark #showOddsTypes,
.dark .b1,
.dark .com LI SPAN A:hover,
.dark .white-bg,
.dark .bts span:hover,
.dark .win-note,
.dark #calendar select,
.dark .team-table-home .vv,
.dark .team-table-guest .vv,
.dark .home-div a span,
.dark .guest-div a span,
.dark .fx-tb-b li b,
.dark .fx-tab .fx-tab-on,
.dark .fx-tab .fx-tab-on2,
.dark .nwLeft,
.dark .side-box,
.dark .twin,
.dark #bottom,
.dark .tvLink,
.dark .n-search {
    background-color: #282828;
}

/*--------灰色背景--1--500-----*/

.dark .date-tab,
/*.dark #tools li a,*/
.dark .oodstable-t,
.dark .date-table th,
.dark .gray-bg2,
.dark .fx-tb-a li .fx-td-data,
.dark .fx-line,
.dark .mintopnav a,
.dark .date-table-ul td a,
.dark .lo-f2,
.dark .fx-tab span,
.dark .oddsCaption,
.dark .home-div a span,
.dark .guest-div a span,
.dark .Leaguestitle {
    background-color: #333;
}

/*--------灰色背景--2--300-----*/

.sotit,
.bts span,
.scoretitle td,
.litab2,
.listtab .stsw td,
.close-match,
.com LI SPAN A,
.team-table-home td,
.team-table-guest td,
.team-table-other td,
.team-table-home tr,
.team-table-guest tr,
.team-table-other tr,
.fx,
.team-table-home,
.team-table-guest,
.team-table-other,
.player-list,
.jqSubTitle2,
.jqTitle2,
#calendar td,
.loadngdiv,
.fx20,
.oddstitle,
.search-container .searchItem:nth-child(odd) {
    background-color: #f9f9f9;
}
.dark .sotit,
.dark .bts span,
.dark .scoretitle td,
.dark .litab2,
.dark .listtab .stsw td,
.dark .close-match,
.dark .com LI SPAN A,
.dark .team-table-home td,
.dark .team-table-guest td,
.dark .team-table-other td,
.dark .team-table-home tr,
.dark .team-table-guest tr,
.dark .team-table-other tr,
.dark .fx,
.dark .team-table-home,
.dark .team-table-guest,
.dark .team-table-other,
.dark .player-list,
.dark .jqSubTitle2,
.dark .jqTitle2,
.dark #calendar td,
.dark .loadngdiv,
.dark .fx20,
.dark .oddstitle,
.dark .d_over,
.dark .search-container .searchItem:nth-child(odd) {
    background-color: #2f2f2f;
}

/*--------灰色背景--3---600----*/
/*#tools li a:hover,*/
.date-tab a:hover,
.date-table-ul td a:hover,
.oddstable,
.schedule:hover,
.collapse:hover,
.closes:hover,
.expand:hover {
    background-color: #dadada;
}
#tools li a:hover {
    background-color: transparent;
}
#tools .pd2 .filter_mue:hover {
    background-color: var(--primary-color);
}
#tools .pd2 .filter_mue:hover a {
    color: #fff;
}
/*.dark #tools li a:hover,*/
.dark .date-tab a:hover,
.dark .date-table-ul td a:hover,
.dark .oddstable,
.dark .d_out {
    background-color: #505050;
}

.dark .schedule:hover,
.dark .collapse:hover,
.dark .closes:hover,
.dark .expand:hover {
    background-color: #151515;
}

/*--------文字灰度--1------*/
body,
.Leaguestitle,
a,
.sotit,
.date-tab a:hover,
A.sb:hover,
a.pk:hover,
.team-table-title,
.team-table-title a,
.team-table-title2,
.fx-title .fx-title-vs,
.team_bf {
    color: #444;
}
body.dark,
.dark .Leaguestitle,
.dark a,
.dark .menu2x li a,
.dark .leftnav li a,
.dark .Leaguestitle td a,
.dark .sotit,
.dark .date-tab a:hover,
.dark A.sb:hover,
.dark a.pk:hover,
.dark .team-table-title,
.dark .team-table-title a,
.dark #calendar select,
.dark .team-table-title2,
.dark .fx-title .fx-title-vs,
.dark .r_h21,
.dark .team_bf {
    color: #e5e5e5;
}

/*--------文字灰度--2------*/
.time,
#tools .odds_setting p,
.rbl,
#tools li a:hover,
.date-table th,
.odd-bg1 span,
.bts span,
.team-table-other b,
.stat-title,
.fx-c-3,
.oddstitle,
.oodstable-t,
.lr_tit,
.lr_tit {
    color: #666;
}
.dark .time,
.dark #tools .odds_setting p,
.dark .rbl,
.dark #tools li a:hover,
.dark .date-table th,
.dark .odd-bg1 span,
.dark .bts span,
.scoretitle td,
.listtab .stsw td,
.dark .team-table-other b,
.dark .stat-title,
.dark .fx-c-3,
.dark .oddstitle,
.dark .oodstable-t,
.dark .lr_tit,
.dark .lr_tit {
    color: #222222;
}

.dark .scoretitle td,
.dark .listtab .stsw td {
    color: #949494;
}

/*--------文字白色--2------*/
.f-white,
.menu2x li a,
.on-bg-color {
    color: #fff;
}

.odds1 {
    /* color: #880000; */
}
.odds2 {
    color: #222;
}
.odds3 {
    color: #0000bb;
}

.dark .odds1 {
    /* color: #dc4232; */
}
.dark .odds2 {
    color: #e5e5e5;
}
.dark .odds3 {
    color: #7aa4e2;
}
/*--------线框灰度--1------*/

#mintable td,
#oddsmain td,
.lr_tit,
.lr_titA,
.date-picker,
.sotit,
.rbl,
.scoretitle td,
.listtab td,
.listtab .stsw td,
.com LI,
.team-table-home td,
.team-table-guest td,
.team-table-other td,
.fx-div,
.fg_Title,
#calendar .d-line,
.tgs2 td,
.rs_ser li a,
.r-line,
.jqSubTitle2,
.jqTitle2,
.Prediction-t,
ul.menu li,
.jqSubTitle2,
.jqTitle2,
#calendar .l-line,
.bts span,
.win-note,
.loadngdiv,
ul.menu,
.tabsBox,
.twin,
.discription span,
.Leaguestitle td,
.date-picker .date-picker-calendar,
.tvLink ul li a,
#div_search,
.search-container .searchItem,
.bt-selected {
    border-color: #e5e5e5 !important;
}

.dark #mintable td,
.dark #oddsmain td,
.dark .lr_tit,
.dark .lr_titA,
.dark .date-picker,
.dark .sotit,
.dark .rbl,
.dark .scoretitle td,
.dark .listtab td,
.dark .listtab .stsw td,
.dark .com LI,
.dark .team-table-home td,
.dark .team-table-guest td,
.dark .team-table-other td,
.dark .fx-div,
.dark .fg_Title,
.dark #calendar .d-line,
.dark #newsList li,
.dark .tgs2 td,
.dark .rs_ser li a,
.dark .r-line,
.dark .jqSubTitle2,
.dark .jqTitle2,
.dark .Prediction-t,
.dark ul.menu li,
.dark .jqSubTitle2,
.dark .jqTitle2,
.dark #calendar .l-line,
.dark .bts span,
.dark .win-note,
.dark .loadngdiv,
.dark ul.menu,
.dark .tabsBox,
.dark .twin,
.dark .discription span,
.dark .Leaguestitle td,
.dark .date-picker .date-picker-calendar,
.dark .tvLink ul li a,
.dark #div_search,
.dark .search-container .searchItem,
.dark .bt-selected {
    border-color: transparent;
}

#mintable td,
#oddsmain td,
.lr_tit,
.lr_titA,
.date-picker,
.sotit,
.rbl,
.scoretitle td,
.listtab td,
.listtab .stsw td,
.com LI,
.team-table-home td,
.team-table-guest td,
.team-table-other td,
.fx-div,
.fg_Title,
#calendar .d-line,
.tgs2 td,
.search-container .searchItem {
    border-bottom: 1px solid transparent;
}
.rs_ser li a {
    border-bottom: 3px solid transparent;
}
.r-line,
.jqSubTitle2,
.jqTitle2,
.Prediction-t,
ul.menu li {
    border-right: 1px solid transparent;
}
.jqSubTitle2,
.jqTitle2,
#calendar .l-line,
.date-picker .date-picker-calendar {
    border-left: 1px solid transparent;
}
.bts span,
.win-note,
.loadngdiv,
ul.menu,
.tabsBox,
.twin,
.discription span,
.tvLink ul li a,
#div_search {
    border: 1px solid transparent;
}

/*--------线框灰度--2--深----*/
.date-table,
.d_out,
.d_over,
.date-tab a,
.date-tab b,
.date-table,
.date-table td,
.date-table th,
#selectsound1,
#selectsound2 {
    border-color: #d0d0d0 !important;
}

.dark .date-table,
.dark .d_out,
.dark .d_over,
.dark .date-tab a,
.dark .date-tab b,
.dark .date-table,
.dark .date-table td,
.dark .date-table th,
.dark #selectsound1,
.dark #selectsound2 {
    border-color: #444 !important;
}

.Leaguestitle td,
.date-table,
.d_out,
.d_over {
    border-bottom: 1px solid transparent;
}
.date-tab a,
.date-tab b,
.date-table {
    border-right: 1px solid transparent;
}
.date-table td,
.date-table th {
    border-left: solid 1px transparent;
    border-top: solid 1px transparent;
}

/*---dark情景-弹出窗背景-------*/
.dark .Preferences li:hover,
.dark .leftnav li a:hover,
.dark .leftnav .select a,
.dark .leftnav .select a,
.dark #showoptional2 li:hover,
.dark #countryListDiv li:hover,
.dark #showoptional li:hover,
.dark #showCompany li:hover,
.dark .rbl,
.dark #goalTable tr:hover td {
    background-color: #3a3a3a;
}
.bts {
    border-top: 1px solid #e5e5e5;
}
.dark .bts {
    border-top: 1px solid #333;
}

/*----红----------------------------------------------------------------*/
.red,
.red2,
.lo-f2,
.fbheader .row .LName,
.fbheader .row .LName a,
.fbheader .row .end .score,
.sclassLink,
.zbf {
    color: #d64444 !important;
}
.dark .red,
.dark .red2,
.dark .lo-f2,
.dark .fbheader .row .LName,
.dark .fbheader .row .LName a,
.dark .fbheader .row .end .score,
.dark .sclassLink,
.dark .zbf {
    color: #de5b5c !important;
}
/*----蓝-----------------------------------------------------------------*/
.blue,
.blue2,
.gocheck A:link,
.blue a {
    color: #0089f1;
}
/*----绿-----------------------------------------------------------------*/
.green {
    color: #236349;
}

/*----黄-----------------------------------------------------------------*/

/*----比分弹出窗odds----------------------------------------------------------------*/
.oddschanges-bg2 {
    background-color: #f3f9fd;
}
.dark .oddschanges-bg2 {
    background-color: #46484e;
}
.oddschanges-bg1 {
    background-color: #fff9f4;
}
.dark .oddschanges-bg1 {
    background-color: #524e49;
}

.odds-table-bg2 {
    background-color: #d2d2d2;
}
.dark .odds-table-bg2 {
    background-color: #3c3c3c;
}

.gray {
    background-color: #ecedeb;
}
.dark .gray {
    background-color: #5a5a5a;
}

.gray-bg2 {
    background-color: #f9f9f9;
}

.change_yellow {
    background-color: #ffff81;
}
.dark .change_yellow {
    background-color: #948200;
}

.up_red {
    background-color: #e4f5cb;
}
.dark .up_red {
    background-color: #466b10;
}
.down_green {
    background-color: #fad2c9;
}
.dark .down_green {
    background-color: #8c4332;
}

.oddschanges .odd-bg1 {
    background-color: #edf9ec;
}
.dark .oddschanges .odd-bg1 {
    background-color: #353e30;
    color: #adadad;
}
.oddschanges .odd-sname {
    background-color: #ffd746;
    color: #ad6212;
}
.dark .oddschanges .odd-sname {
    background-color: #56544e;
    color: #d4a97a;
}
.odd-bg1 span {
    text-decoration: underline dashed;
}

.jqTitle {
    color: #fff;
}
.green-bg {
    background-color: #eff5ee;
}
.dark .green-bg {
    background-color: #eff5ee;
}

.dark #oddsChange,
.dark .white-bg2,
.dark .livetab,
.dark #panluDiv,
.dark #showoptional2,
.dark #showFilterBox,
.dark #showCountry,
.dark #showoptional,
.dark #showCompany,
.dark .pc_win,
.dark .bak_div {
    background-color: #444;
}

.hand-bg {
    background-color: #327c00;
}

/*----赔率---------------------------------------------------------------*/
.odds-table-bg {
    background-color: #d0d0d0;
}
.dark .odds-table-bg {
    background-color: #585858;
}

.oods-bg1 {
    background-color: #f4f4f4;
}
.oods-bg2 {
    background-color: #fff;
}

.dark .oods-bg1,
.dark .isLeaTop,
.dark .oddate {
    background-color: #353535;
}
.dark .oods-bg2 {
    background-color: #232323;
}

.oods-c-bg1,
.up {
    background-color: #28966a !important;
}
.oods-c-bg2,
.down {
    background-color: #b73c3d !important;
}
.oods-c-bg3 {
    background-color: #ffff00;
}

.dark .oods-c-bg1,
.dark .up {
    background-color: #1e612e;
}
.dark .oods-c-bg2,
.dark .down {
    background-color: #8e3c64;
}
.dark .oods-c-bg3 {
    background-color: #a97d00;
}

#teamid .sbg {
    background-color: #fff9ef;
}
.dark #teamid .sbg {
    background-color: #1d1c1a;
}

.oddschanges {
    background-color: #cecece;
}
.dark .oddschanges {
    background-color: #333 !important;
}
/*--------突出色---背景1--------*/
.switch > input[type="checkbox"]:checked + .switch-style {
    background-color: #ff6600;
}

.hightlight-bg {
    background-color: #f4faff;
}
.dark .hightlight-bg {
    background-color: #333;
}

/*--------彩色背景--c-------*/
/*.oddstd { background-color: #fbfaf5}
.dark .oddstd{background-color: #222;}*/

.otOdds,
.ouOdds,
.handOdds {
    background-color: #fffae0;
}
.handOdds {
    text-align: right;
}
.dark .otOdds,
.dark .ouOdds,
.dark .handOdds {
    background-color: #3a362f;
}

.Preferences2 {
    background-color: #d1e6cc;
}
.dark .Preferences2 {
    background-color: #435040;
}

/*--------突出色---文字1--------*/
#myGamesCount,
#hiddencount,
#nshowhide {
    color: #f60;
}

/*--------弹出窗口阴影--------*/

#oddsChange,
#panluDiv,
.livetab,
.bak_div {
    box-shadow: 0 0 10px #666;
}
.dark #oddsChange,
.dark #panluDiv,
.dark .livetab,
.dark .bak_div {
    box-shadow: 0 0 10px #000;
}

/*-------文字广告--c-------*/
.adtext-bg {
    background-color: #ffffff;
    margin: auto;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    width: 100%;
}
.dark .adtext-bg {
    background-color: #403323;
}
.ad-txt-red,
a.adtext1 {
    color: #d64444;
    font-weight: bold;
}
.dark .ad-txt-red,
.dark a.adtext1 {
    color: #fbd0b4;
    font-weight: bold;
}
.ad-txt-blue,
a.adtext2 {
    color: #0089f1;
    font-weight: bold;
}
.dark .ad-txt-blue,
.dark a.adtext2 {
    color: #6cb9fd;
    font-weight: bold;
}

.adtext-bg2 {
    background-color: #ffffcc;
}
.dark .adtext-bg2 {
    background-color: #383832;
}
.txtad_div {
    text-align: center;
    width: 100%;
    background-color: #ffffe8;
    border-top: solid 1px #e5e5e5; /*border-bottom: solid 1px #e1e1e1;*/
}
#basketball .txtad_div {
    text-align: center;
    width: 100%;
    background-color: #fff;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
}
#basketball.dark .txtad_div {
    background-color: #222;
    border-color: #444;
}

/*--篮球风格--Basketball-----#---------------------------------------------------------------------------------------------*/ /**/ /**/ /**/ /**/ /**/ /**/
#basketball #header-wrapper,
#basketball .oddsHead select,
#basketball #analyMap a,
#basketball .nav_select,
#basketball .mintopnav li.on a {
    background-color: #693131;
}
#basketball.dark .menu2x li .on,
#basketball.dark .menu2x li .on:hover {
    background-color: #151515;
    color: #fff;
}

#basketball .menu2x,
#basketball #tools .on a,
#basketball #tools .on a:hover,
#basketball .mintopnav.v2 li.on a,
.date-table-ul .dateLink-sel,
.date-table-ul .dateLink-sel:hover,
.on-bg-color {
    background-color: #a94446;
}
#basketball .Leaguestitle {
    background-color: #ffe9c3;
}
#basketball.dark .Leaguestitle {
    background-color: #693131;
}
#basketball .Leaguestitle td {
    border-bottom: 1px solid #e5ca9d !important;
}
#basketball.dark .Leaguestitle td {
    border-bottom: 1px solid #3e2020 !important;
}
#basketball .scoretitle td {
    line-height: 24px;
}
#basketball .bftab {
    line-height: 30px;
}
#basketball .bf {
    font-weight: 600;
}
/**/
/**/ /*Basketball二级导航栏*/
/**/
#basketball .menu2x li .on,
#basketball .menu2x li .on:hover {
    color: #a94446;
    background-color: #e5e5e5;
}
/**/
#basketball .menu2x li a:hover {
    background-color: #923031;
}
/**/
#basketball .tools,
#basketball .mintopnav {
    border-bottom: 3px solid #a94446;
}
/**/
#basketball .menu2x li a {
    border-right: 1px solid #8e3537;
}
/**/
#basketball .menu2x .sub2_4 {
    width: 130px;
}
/**/
/**/ /*------------------------------------------------------------------------*/

/*--棒球风格--Baseball-----------------------------------------------------------------------------------------------------------*/ /**/ /**/ /**/ /**/ /**/ /**/
/**/
#baseball #header-wrapper,
#baseball .oddsHead select,
#baseball #analyMap a,
#baseball .nav_select,
#baseball .mintopnav li.on a,
#baseball #tools .on a,
#baseball #tools .on a:hover,
#baseball .mintopnav.v2 li.on a,
#baseball .date-tab b,
#baseball .date-tab a.on {
    background-color: #373f92;
}
/**/
#baseball .tools,
#baseball #tool {
    border-bottom: 3px solid #373f92;
}
/**/
#baseball .Leaguestitle {
    background-color: #e2ebf3;
}
#baseball.dark .Leaguestitle {
    background-color: #373f93;
}
#baseball .Leaguestitle td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
#baseball.dark .Leaguestitle td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
/**/ /*-------------------------------------------------------------------------*/

/*--网球风格--Tennis-----#---------------------------------------------------------------------------------------------*/ /**/ /**/ /**/ /**/ /**/ /**/

/**/
#tennis .Leaguestitle {
    background-color: #e5ead5;
}
/* #tennis.dark .Leaguestitle { background-color: #41520e; } */
#tennis .Leaguestitle td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
#tennis .scoretitle td,
#tennis .scoretitle td div {
    line-height: 24px;
}
#tennis.dark .Leaguestitle td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
/**/ /*-----------------------------------------------------------------------*/

/*---Basketball-Baseball-Tennis--共用比分线框----------*/
.Leaguestitle td {
    padding-left: 0px;
    line-height: 28px;
}
.scoretitle td {
    line-height: 20px;
}

/*----------------------------------top--------------------------------*/

/*---广告相关样式----------*/
#topAdDiv {
    width: 1060px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 5px;
}
#topAdDiv a ~ a {
    margin-left: 5px;
}
#ad_middle_122 {
    text-align: center;
    width: 1060px;
    margin: 0 auto;
    overflow: hidden;
}
#ad_middle_122 a ~ a {
    margin-left: 4px;
}
#ad_middle_122 a img {
    padding-top: 5px;
}
/*#ad_middle_2 img{width:100%;}*/
#ad_middle_2 a:nth-of-type(even) {
    margin-left: 4px;
}
#ad_middle_2 a img,
#ad_middle_3 a img {
    padding: 1px 0;
}
.leftnav .adclass {
    margin-left: -10px;
}
/*#ad_middle_2,#ad_middle_133,.adclass { display:none}*/

/*------------------------------------------------main--------------------*/

#live .settop {
    margin: 0 2px;
    cursor: pointer;
}
#main {
    width: 100%;
    margin: 0;
    padding: 0;
}
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
}

.lrdiv2 {
    clear: both;
    width: 150px;
}
.lrdiv2 .toolsBox {
    padding-bottom: 5px;
    border: solid 1px #ccc;
}
.lrdiv2 .toolsBox h3 {
    margin-bottom: 5px;
}
.Preferences {
    padding: 6px 0;
}
.Preferences li {
    line-height: 22px;
    padding: 0 6px;
}
.Preferences li:hover {
    background-color: #ffeece;
    border-radius: 3px;
}

.lr_tit,
.lr_titA {
    font-weight: bold;
    display: block;
    line-height: 35px;
    font-size: 14px;
    padding-left: 5px;
}
.lr_tit2 {
    line-height: 24px;
    font-weight: bold;
    color: #425b7e;
    display: block;
    height: 24px;
    padding-left: 24px;
}
.lr_litime,
.lr_litime a {
    line-height: 20px;
}
/*------------------------------------------------left--------------------*/
#left {
    width: 155px;
    float: left;
}
.leftnav {
    padding: 5px 0;
}
.leftnav li:last-child {
    border: none;
}
.leftnav li a {
    line-height: 28px;
    display: block;
    text-align: left;
}
.leftnav li a img {
    vertical-align: middle;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: -3px;
    margin-right: 3px;
}
.leftnav li a:hover,
.leftnav .select a,
.leftnav .select a {
    background: #ffeece;
    text-decoration: none;
    border-radius: 3px;
}
.leftnav li a.on {
    text-decoration: none;
    border-radius: 3px;
    color: #f60;
    background-color: rgb(253, 250, 241);
}
.leftnav li a.on:hover {
    background-color: #ffeece;
    color: #f60;
}
#nob,
#nob2 {
    border-bottom-width: 0;
}
/*.leftnav span { padding-left: 24px; background: url(/Images/flag-list_rgb_17.png) no-repeat; }*/
.selectBtn {
    background: url("/images/rt.gif") no-repeat 130px center #fff;
    border: solid 1px #ccc;
    color: #333;
    cursor: pointer;
}
/*------------------------------------------------min--------------------*/
#min {
    float: left;
    width: 660px;
}
.comp .mintopnav {
    padding-top: 5px;
    margin: 0;
}
.comp .mintopnav a {
    background: #fff;
}
.mintopnav {
    overflow: hidden;
    text-align: center;
}
.mintopnav a {
    display: inline-block;
    text-align: center;
    padding: 0 42px;
    line-height: 24px;
    border-radius: 2px 2px 0 0;
}
.mintopnav a:hover {
    text-decoration: none;
}
.mintopnav.v2 li a {
    text-align: center;
    float: none;
    line-height: 30px;
}
.mintopnav.v2 li {
    display: inline-block;
    margin: 0 -1px;
}
.mintopnav.v2 li.on a,
.mintopnav li.on a {
    color: #fff;
    line-height: 30px;
    border-radius: 2px 2px 0 0;
    font-weight: 600;
}

ul.menu {
    float: left;
    margin: 5px 5px 5px 0;
    overflow: hidden;
}
ul.menu li {
    float: left;
    min-width: 48px;
    text-align: center;
    line-height: 26px;
    font-weight: normal;
    position: relative;
}
ul.menu .on {
    background: #ff552c;
}
ul.menu .on a {
    color: #fff;
}
ul.menu li:last-child {
    border: none;
}

.tabsBox {
    float: right;
    margin-top: 5px;
    width: 110px;
    overflow: hidden;
}
.tabsBox .item {
    line-height: 26px;
    width: 50%;
    float: left;
    text-align: center;
}
.tabsBox .item.on {
    background-color: #ff562c;
    color: #fff;
}
.tabsBox .item.on a {
    color: #fff;
}
.odds_refresh {
    height: 28px;
    border: 1px solid #e5e5e5;
    margin: 5px 0 0 10px;
    padding-left: 5px;
}

.nav_select {
    overflow: hidden;
}
.nav_select ul {
}
.nav_select li {
    display: inline-block;
    padding: 0 10px;
    float: left;
    margin: 5px 3px;
    line-height: 24px;
    color: #fff;
    cursor: pointer;
}
.nav_select li:first-child {
    margin-left: 10px;
}
.nav_select li a {
    color: #fff;
}

.nav_select .nav_selected {
    background-color: #a84547;
    border-radius: 3px;
    opacity: 1;
}
#mnavnone a {
    background-image: none;
}
#note {
    line-height: 26px;
    background-color: #fffacc;
    clear: both;
    border-right: 1px solid #c6c6c6;
    border-left: 1px solid #c6c6c6;
    padding: 0 10px;
    text-align: left;
    height: 26px;
    color: #b36946;
}
#note .close a {
    float: right;
    display: block;
    background-image: url(blue_img/close.gif);
    height: 14px;
    width: 14px;
    margin-top: 5px;
    line-height: 0px;
}

#mintable td,
#oddsmain td {
    text-align: center;
}
#mintable .tds {
    height: 36px;
}
.tds:hover {
    background-color: #efefef;
}
.dark #mintable .tds:hover td {
    background-color: #333;
}
.bftab {
    text-align: center;
    line-height: 25px;
}

#baseball .scoretitle b,
#tennis .scoretitle b {
    color: #212121;
}
#basketball #tools {
    padding: 0;
}
.date-tab {
    float: right;
    border-radius: 3px 3px 0 0;
    background-color: #f1f1f1;
}
.date-tab a,
.date-tab b {
    float: left;
    position: relative;
    z-index: 99999;
    display: flex;
    padding: 0 20px;
}
.date-tab b {
    color: #fff;
    font-weight: 600;
}
.date-tab a:hover {
    text-decoration: none;
}
.date-tab i {
    display: inline-block;
    height: 13px;
    width: 13px;
    background-image: url(/images/date.png);
    background-size: 100%;
    margin-right: 5px;
    margin-top: 8px;
}
.date-tab a.on i {
    background-image: url(/images/date_dark.png);
}
.date-tab a.on {
    color: #fff;
}

.Leaguestitle {
    text-align: left;
}
#mintable .Leaguestitle td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.dark #mintable .Leaguestitle td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.red,
.blue {
    cursor: pointer;
}
.f-b {
    font-weight: bold;
}

.status {
    color: #0066ff;
}
.dark .status {
    color: #3778da;
}

/*.toolimg img { margin: 0 2px}*/

.b3 {
    background-color: #eeeeff;
}
.b4 {
    background-color: #eeeeee;
}
.l1 {
    float: left;
    margin-left: 2px;
}
.l1 a {
    font-weight: bold;
}
.l2 {
    float: right;
}
.l2 img {
    margin: 0 2px;
}
.contest {
    font-weight: bold;
    background-color: #fffacc;
}
.l3 {
    float: left;
    margin-left: 10px;
    background: url(blue_img/ds.gif) no-repeat left;
    padding-left: 12px;
    color: black;
    font-weight: bold;
}
.l4 {
    float: left;
    margin-left: 5px;
    padding-left: 6px;
    color: #b36946;
}
.l5 {
    float: right;
}
.l5 img {
    margin: 0 2px;
}
.contest {
    font-weight: bold;
    background-color: #fffacc;
}
.date_li {
    background: #e4e4e4;
    margin-bottom: 5px;
}
.date_li a {
    height: 26px;
    line-height: 26px;
    display: block;
    float: left;
    padding: 0 8px;
    border-left: solid 1px #ccc;
}
.date_li a:first-child {
    border: none;
}
.date_li a:hover {
    background-color: #f4fbff;
    text-decoration: none;
    color: #f30;
}
.date_li b {
    height: 26px;
    line-height: 26px;
    display: block;
    float: left;
    padding: 0 8px;
    background: #346bab;
    color: #fff;
}
.date_li22 {
    height: 32px;
    line-height: 32px;
    background: #e4e4e4;
    margin-bottom: 5px;
}
.date_li22 a {
    display: block;
    float: left;
    padding: 0 5px;
    text-decoration: underline;
}
.date_li22 a:hover {
    background-color: #f4fbff;
    text-decoration: underline;
    color: #f30;
}
.date_li22 b {
    height: 26px;
    line-height: 26px;
    display: block;
    float: left;
    padding: 0 8px;
    background-image: url(/images/date6.gif);
    color: #fff;
}
/*------------------------------------------------right--------------------*/
#div_search {
    width: 650px;
    left: -507px;
    top: 5px;
    z-index: 5;
    position: absolute;
    display: none;
    padding-bottom: 10px;
}
#div_search a {
    line-height: 24px;
    padding: 0 10px;
    display: block;
    float: left;
    width: 90%;
}
#div_search a:hover {
    text-decoration: none;
}

.comCbb {
    vertical-align: middle;
}
.soundtab {
    background-color: #f4f5f5;
    clear: both;
    width: 100%;
    overflow: hidden;
    padding: 0 0 4px 0;
    line-height: 20px;
}
.soundtab select {
    margin-left: 2px;
    width: 85px;
    height: 20px;
    font-size: 11px;
    margin-top: 1px;
}
.soundtab span {
    line-height: 18px;
}
.fontse a {
    background: url(blue_img/font.gif) repeat-x;
    font-weight: bold;
    border: 1px solid #d1d1d1;
    margin-right: 7px;
    display: block;
    float: left;
    padding-right: 4px;
    padding-left: 4px;
}
.fontse a:hover {
    color: #039;
    border: 1px solid #09f;
    text-decoration: none;
}
.e12 {
    font-size: 12px;
}
.e14 {
    font-size: 14px;
}
.set1 {
    padding-left: 13px;
    background: url(blue_img/re.gif) no-repeat left top;
    margin: 0 8px 0 4px;
}
.set2 {
    padding-left: 13px;
    background: url(blue_img/re.gif) no-repeat left -20px;
}
.color {
    background-image: url(blue_img/color.gif);
    height: 8px;
    width: 72px;
    margin-top: 3px;
    background-repeat: no-repeat;
    overflow: hidden;
}
.color li {
    float: left;
}
.color li a {
    display: block;
    height: 8px;
    width: 8px;
    margin-right: 4px;
}

/*------------------------------------------------odds 2in1--------------------*/
#oddsmain {
    float: left;
    width: 787px;
}
.oddstd p {
    line-height: 16px;
    display: block;
    height: 16px;
}

A.sb {
    font-weight: bold;
    color: #de574a;
    text-decoration: none;
}
A.sb:hover {
    font-weight: bold;
}
.dark A.sb {
    color: #ea8989;
}
a.pk {
    color: #157af7;
    text-decoration: none;
    font-weight: bold;
}
.dark a.pk {
    color: #4c8cb3;
}
a.pk:hover {
    text-decoration: underline;
    font-weight: bold;
}
/*------------------------------------------------Newbottom--------------------*/

.bt_time {
    font-weight: bold;
    color: #f60;
}
.p2 {
    color: #999;
}
#score_win {
    position: absolute;
    left: 356px;
    top: 235px;
    border: 3px solid #090;
    background-color: #fff;
    padding: 1px;
}
.score_title {
    background-color: #dbeca6;
}
#showoptional2 h1,
#showoptional h1,
#showCompany h1,
#showCountry h1,
#showFilterBox h1 {
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding-left: 15px;
}

#showoptional2,
#showCountry,
#showFilterBox {
    width: 600px;
    position: absolute;
    left: 55px;
    top: 29px;
    z-index: 5;
    visibility: hidden;
}
#showoptional2 li,
#showCountry li,
#showCompany li,
#showFilterBox li {
    line-height: 24px;
    display: block;
    width: 47%;
    float: left;
    padding-left: 5px;
}
#showoptional2 li label,
#countryListDiv li label,
#showoptional li label,
#showCompany li label {
    line-height: 24px;
    display: inline-block;
    width: 90%;
    cursor: pointer;
}
#showoptional2 li input,
#showCountry li input,
#showCompany li input {
    vertical-align: top;
    margin: 6px 5px 0 0;
}
#showoptional2 li:hover,
#countryListDiv li:hover,
#showoptional li:hover,
#showCompany li:hover {
    background-color: #f0f0f0;
}

#showoptional {
    width: 440px;
    position: absolute;
    left: 55px;
    top: 29px;
    z-index: 5;
    visibility: hidden;
}
#showoptional li {
    line-height: 24px;
    display: block;
    width: 45%;
    float: left;
    padding-left: 5px;
    margin-right: 10px;
    cursor: pointer;
}

#showCompany {
    width: 230px;
    position: absolute;
    left: 170px;
    top: 84px;
    z-index: 5;
    visibility: hidden;
}
#showCompany li label {
    width: 76%;
}

#myleague {
    overflow: auto;
}
#myleague2,
#countryListDiv,
#myleague {
    overflow: auto;
    max-height: 300px;
}
#myleague2 ul,
#countryListDiv ul,
#showCompany ul,
#myleague ul,
#showoptional ul {
    padding: 10px;
    overflow: hidden;
}

.cc a,
#div_search .cc a {
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 0;
    width: 24px;
    height: 24px;
}
.cc a:before,
.cc a:after {
    position: absolute;
    content: "";
    width: 16px;
    height: 1px;
    top: 11px;
    left: 4px;
    background-color: #666;
}
.dark .cc a:before,
.dark .cc a:after {
    background-color: #999;
}
.cc a:before {
    transform: rotate(45deg);
}
.cc a:after {
    transform: rotate(-45deg);
}
.sotit {
    padding: 0 10px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.rbl {
    text-align: center;
    font-weight: bold;
    line-height: 35px;
}

.bts {
    display: block;
    clear: both;
    padding: 10px;
    text-align: center;
    margin-top: 5px;
    overflow: hidden;
}
.bts span {
    margin: 0 3px;
    font-size: 11px;
    font-weight: bold;
    line-height: 36px;
    height: 36px;
    cursor: pointer;
    padding: 0 20px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
}
.bts .ent {
    background-color: var(--primary-color) !important;
    color: var(--text-white) !important;
    padding: 0 30px;
}
.bts .ent:hover {
    background-color: var(--thirdly-color);
}
/* .dark .bts .ent { background-color: #c75102; color: #fff; } */
/* .dark .bts .ent:hover { background-color: #F60; } */
.bts span:hover {
    background-color: #fff;
}

.bts .fgSpan input[type="checkbox"] {
    vertical-align: middle;
}
.fg_Title {
    display: block;
    color: #212121;
    line-height: 24px;
    font-size: 14px;
    padding-left: 15px;
    clear: both;
    background-color: #fafafa;
}
.oddstable {
    box-shadow: 1px 2px 1px #a0a0a0;
}
.dark .oddstable {
    box-shadow: 1px 2px 1px #000;
}

.oddstable td {
    line-height: 17px;
    text-align: center;
}
.oddsCaption {
    font-weight: bold;
    line-height: 26px;
    text-align: center;
}
.oddschanges td {
    line-height: 24px;
}
.oddschanges .odd-teamname .sup {
    font-size: 12px;
    color: #9f0000;
    -webkit-transform: scale(0.89);
    transform: scale(0.89);
    display: inline-block;
    margin: 0 2px;
}
.oddschanges .odd-sname {
    display: inline-block;
    padding: 0 5px;
    line-height: 22px;
    border-radius: 3px;
}
.oddschanges .odd-teamname {
    font-size: 13px;
    line-height: normal;
}
.oddschanges .odd-score {
    font-size: 15px;
    font-weight: bold;
}
.m5 {
    margin-bottom: 5px;
}
/*------------------------------------------------team vs team--------------------*/
#teammain {
    float: left;
    width: 802px;
}
.team_info {
    display: block;
    line-height: 24px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e6e6e6;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e6e6e6;
}

#teammain2 h3,
#teammain h3 {
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
    color: #fff;
}
#team_info2 {
    border-top-width: 0px;
    border-bottom-width: 0px;
}

.teamname_td,
.teamname_td2 {
    background-color: #e6f0fb;
    line-height: 18px;
    font-weight: bold;
    font-size: 14px;
}
.teaminfo2 {
    background-color: #e6f0fb;
    color: #33638a;
}
.teaminfo_td,
.teaminfo_td2 {
    background-color: #fff7e1;
    font-weight: bold;
}
.te1 {
    background-color: #fff;
}
.te2 {
    background-color: #f5f5f5;
}
.greens {
    color: #360;
    background-color: #d3f88f;
    font-weight: bold;
}
.BgYellow {
    background-color: #fcebda;
    color: #73250f;
}
.BgSky {
    background-color: #d2e6ff;
}
#teamid .sl {
    text-align: left;
}
#teamid .sr {
    text-align: right;
}

.leftnav_2 li {
    border-bottom: 1px solid #d7d7d7;
}
.leftnav_2 li a {
    line-height: 20px;
    display: block;
    height: 20px;
    width: 147px;
    font-weight: bold;
    color: #425b7e;
    padding-left: 6px;
    text-align: left;
}
.leftnav_2 li a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0c0;
}
.hp {
    font-size: 8pt;
    color: #ffffff;
    background-color: #d64444;
    padding: 0 2px;
    margin: 0 2px;
}
/*------------------------------------------------i vs i--------------------*/
#main2 {
    background-color: #fff;
    clear: both;
    margin: 4px auto 0 auto;
    padding: 10px;
}
.dark #main2 {
    background-color: #282828;
}

.ivsi_top {
    text-align: center;
    padding-bottom: 16px;
    padding-top: 16px;
}
.ivsi_top h2 {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    display: inline;
}
.ivsi_top span a {
    background-image: url(/images/Excel_icon.gif);
    background-repeat: no-repeat;
    background-position: left;
    text-decoration: underline;
    padding-left: 16px;
    color: #5f9349;
}
.ivsi_top span a:hover {
    color: #f60;
    text-decoration: none;
}
#ivsi h3 {
    font-size: 16px;
    line-height: 23px;
    font-weight: bold;
    color: #fff;
}
#ivsi td {
    text-align: center;
    line-height: 18px;
}

.hh4 {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.leftnav .th_1 {
    background-position: 0px -480px;
}
.leftnav .th_2 {
    background-position: 0px -168px;
}
.leftnav .th_3 {
    background-position: 0px -1128px;
}
.leftnav .th_4 {
    background-position: 0px -624px;
}
.leftnav .th_5 {
    background-position: 0px -144px;
}
.leftnav .th_6 {
    background-position: 0px -1056px;
}
.leftnav .th_7 {
    background-position: 0px -1104px;
}
.leftnav .th_8 {
    background-position: 0px -1032px;
}
.leftnav .th_9 {
    background-position: 0px -888px;
}
.leftnav .th_10 {
    background-position: 0px -336px;
}
.leftnav .th_11 {
    background-position: 0px -264px;
}
.leftnav .th_12 {
    background-position: 0px -192px;
}
.leftnav .th_13 {
    background-position: 0px -528px;
}
.leftnav .th_14 {
    background-position: 0px -936px;
}
.leftnav .th_15 {
    background-position: 0px -288px;
}
.leftnav .th_16 {
    background-position: 0px -960px;
}
.leftnav .th_17 {
    background-position: 0px -552px;
}
.leftnav .th_18 {
    background-position: 0px 0px;
}
.leftnav .th_19 {
    background-position: 0px -745px;
}
.leftnav .th_20 {
    background-position: 0px -1152px;
}
.leftnav .th_21 {
    background-position: 0px -96px;
}
.leftnav .th_22 {
    background-position: 0px -504px;
}
.leftnav .th_23 {
    background-position: 0px -912px;
}
.leftnav .th_24 {
    background-position: 0px -120px;
}
.leftnav .th_25 {
    background-position: 0px -1512px;
}
.leftnav .th_26 {
    background-position: 0px -216px;
}
.leftnav .th_27 {
    background-position: 0px -648px;
}
.leftnav .th_28 {
    background-position: 0px -672px;
}
.leftnav .th_29 {
    background-position: 0px -1080px;
}
.leftnav .th_30 {
    background-position: 0px -312px;
}
.leftnav .th_31 {
    background-position: 0px -360px;
}
.leftnav .th_32 {
    background-position: 0px -456px;
}
.leftnav .th_33 {
    background-position: 0px -1368px;
}
.leftnav .th_34 {
    background-position: 0px -408px;
}
.leftnav .th_35 {
    background-position: 0px -816px;
}
.leftnav .th_36 {
    background-position: 0px -432px;
}
.leftnav .th_37 {
    background-position: 0px -24px;
}
.leftnav .th_38 {
    background-position: 0px -1344px;
}
.leftnav .th_39 {
    background-position: 0px -840px;
}
.leftnav .th_40 {
    background-position: 0px -1392px;
}
.leftnav .th_41 {
    background-position: 0px -864px;
}
.leftnav .th_42 {
    background-position: 0px -2640px;
}
.leftnav .th_43 {
    background-position: 0px -792px;
}
.leftnav .th_44 {
    background-position: 0px -2448px;
}
.leftnav .th_45 {
    background-position: 0px -2736px;
}
.leftnav .th_46 {
    background-position: 0px -1920px;
}
.leftnav .th_47 {
    background-position: 0px -1704px;
}
.leftnav .th_48 {
    background-position: 0px -1656px;
}
.leftnav .th_49 {
    background-position: 0px -1176px;
}
.leftnav .th_50 {
    background-position: 0px -2976px;
}
.leftnav .th_s {
    background-position: 0px -1200px;
}
.leftnav .th_60 {
    background-position: 0px -3217px;
}
/*detail views*/
.fx20 {
    padding: 20px;
    clear: both;
    margin-bottom: 20px;
}
.stat {
    overflow: hidden;
    padding: 5px 0 20px 0;
    text-align: center;
}
.stat li {
    line-height: 18px;
    padding: 0 15px;
    margin-bottom: -1px;
}
.stat-c {
    display: inline-block;
    width: 50px;
    text-align: center;
    font-size: 14px;
}
.stat-title {
    display: inline-block;
    width: 140px;
    text-align: center;
    border: 1px solid #dcdcdc;
    box-shadow: 1px 1px 6px #d6d6d6;
    vertical-align: middle;
    line-height: 30px;
    background-color: #fff;
    margin: 0 -4px;
}

.dark .stat-title,
.dark .fx-c-3,
.dark .fx-tb-b li b,
.dark .fx-tb-b h4 {
    border: 1px solid #444;
    box-shadow: 1px 1px 6px #212121;
    background-color: #3e3e3e;
}
.dark .fx-tb-b h4 {
    background-color: #2f2f2f !important;
}

.stat-bar-wrapper {
    display: inline-block;
    position: relative;
    background-color: #eaeaea;
    width: 320px;
    height: 18px;
    overflow: hidden;
    vertical-align: middle;
}
.dark .stat-bar-wrapper {
    background-color: #3a3a3a;
}
.stat-bar {
    display: inline-block;
    height: 18px;
    position: absolute;
}
.stat-bar-wrapper.homes {
    /*background-color: #f9e4dc*/
    border-radius: 3px 0 0 3px;
}
.stat-bar-wrapper.aways {
    /*background-color: #d4ecf9*/
    border-radius: 0 3px 3px 0;
}
.stat .homes .stat-bar,
.home-bg {
    background-color: #e27a48;
}
.stat .aways .stat-bar,
.away-bg {
    background-color: #3f9ed8;
}
.stat .homes .stat-bar {
    border-radius: 3px 0 0 3px;
}
.stat .aways .stat-bar {
    border-radius: 0 3px 3px 0;
}
.stat li:hover .stat-title {
    background-color: #fbfbcd;
}
.dark .stat li:hover .stat-title {
    background-color: #333;
}
.stat li:hover .stat-c {
    font-weight: bold;
    color: #d64444;
}
.stat li:hover .t-stat-c {
    font-weight: bold;
}

.posediv {
    width: 1000px;
    position: relative;
}
.fx-title {
    text-align: center;
    margin-bottom: 10px;
    color: #666;
}
.fx-title img {
    display: none;
    height: 25px;
    vertical-align: middle;
    margin: 0 20px;
    border: 1px solid #e5e5e5;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px 0 10px 0;
}
.fx-title span {
    display: inline-block;
    font-weight: bold;
}
.fx-title-name {
    font-size: 18px;
    width: 310px;
}
.fx-title .fx-title-vs {
    margin: 0 10px;
    width: 350px;
    font-size: 20px;
}
.f-l {
    text-align: left;
}
.f-r {
    text-align: right;
}
.fx-tab {
    text-align: center;
    margin: 20px auto;
}
.fx-tab li {
    display: inline-block;
    color: #666;
    width: 150px;
    line-height: 25px;
    vertical-align: middle;
}
.fx-tab .middle-line {
    display: inline-block;
    width: 1px;
    background-color: #e5e5e5;
    margin: 0 170px;
    height: 30px;
    vertical-align: middle;
    padding: 0;
    border: none;
}
.fx-tab span {
    border-radius: 20px;
    display: inline-block;
    height: 25px;
}
.fx-tab .fx-tab-on {
    color: #e27a48;
}
.fx-tab .fx-tab-on2 {
    color: #3f9ed8;
}
.fx-tab .fx-tab-on,
.fx-tab .fx-tab-on2 {
    font-weight: bold;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.36);
    border-radius: 20px;
}

.fx-tab2 {
    text-align: center;
    margin: 10px auto;
}
.fx-tab2 li {
    color: var(--textcolor-2);
    display: inline-block;
    width: 120px;
    line-height: 25px;
    vertical-align: middle;
    cursor: pointer;
}
.fx-tab2 span {
    background-color: var(--bgcolor-3);
    border-radius: 20px;
    display: inline-block;
    height: 25px;
    padding: 2px;
}
.fx-tab2 .fx-tab2-on {
    background-color: var(--bgcolor-1);
    color: var(--textcolor-1);
    font-weight: bold;
    border-radius: 20px;
}

.fx-comparision {
    width: 500px;
    margin: 0 auto;
    text-align: center;
}
.fx-data-left,
.fx-data-right {
    display: inline-block;
    vertical-align: middle;
}
.fx-data-left li,
.fx-data-right li {
    width: 200px;
}
.fx-data-left li span {
    float: right;
}
.fx-data-right li div,
.fx-data-right li span {
    float: left;
}
.fx-c2 {
    font-size: 15px;
    font-weight: bold;
    padding: 0 5px;
    text-align: center;
}
.fx-c2:after {
    content: "%";
    font-size: 12px;
    padding: 0 1px;
}
.fx-c-l {
    border-radius: 3px 0 0 3px;
}
.fx-c-r {
    border-radius: 0 3px 3px 0;
}
.scoreComp {
    float: left;
}
.missComp {
    float: right;
}
.fx-c-l,
.fx-c-r {
    height: 18px;
}
.fx-c-3 {
    width: 60px;
    background-color: #fff;
    box-shadow: 1px 1px 4px #888;
    line-height: 30px;
    margin: 0 -3px -1px -4px;
    display: inline-block;
    vertical-align: middle;
}
.fl {
    left: 0;
}
.fr {
    right: 0;
}

.bg1 {
    background-color: #f3f2f2 !important;
}
.dark .bg1 {
    background-color: #282828 !important;
}
.ky img {
    vertical-align: 0;
    margin: 0 3px;
}

.team-table-other .fx-green {
    background-color: #60a93c !important;
    color: #fff;
}
.team-table-other .fx-red {
    background-color: #ec4545 !important;
    color: #fff;
}
.team-table-other .fx-blue {
    background-color: #346ec5 !important;
    color: #fff;
}

#main .content {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0px;
}
.btns {
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 2px solid #5885b7;
    height: 30px;
}
.btns .btn {
    background: #bcdafa;
    display: block;
    height: 29px;
    width: 100px;
    font-size: 14px;
    line-height: 29px;
    color: #333;
    float: left;
    text-align: center;
    border-top: 1px solid #a9bed3;
    border-right: 1px solid #a9bed3;
    border-left: 1px solid #a9bed3;
}
.btns .btn.on {
    background: #5885b7;
    width: 100px;
    color: #fff;
    font-weight: bold;
}
#home,
#guest {
    float: left;
    width: 170px;
    height: auto;
    text-align: center;
    margin-top: 10px;
}
#matchItems {
    float: left;
    width: 598px;
    padding-top: 10px;
}
#matchItems .item {
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden;
}
.bhTable,
.statisticsTable {
    line-height: 16px;
}
.bhTable th,
.statisticsTable th {
    padding: 5px;
    background: #5885b7;
    color: #fff;
    font-size: 14px;
}
.bhTable td,
.statisticsTable td {
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    padding-right: 5px;
    padding-left: 5px;
    height: 20px;
    color: #333;
}
.bhTable tr td.bg1,
.statisticsTable tr td.bg1 {
    background: #f4f4f4;
}
.bhTable tr td.bg2,
.statisticsTable tr td.bg2 {
    background: #fff;
}
.bhTable tr td.bg3,
.statisticsTable tr td.bg3 {
    background: #f4f4f4;
}
.bhTable tr td.bg4,
.statisticsTable tr td.bg4 {
    background: #fff;
}
.bhTable tr.bg1,
.statisticsTable tr.bg1 {
    background: #f4f4f4;
}
.barBg2 .info {
    background: #ff6600;
    height: 16px;
    float: right;
}
.barBg .info {
    background: #0b79c9;
    height: 16px;
}
#home {
    width: 170px;
    height: auto;
    text-align: center;
    margin-top: 10px;
    float: left;
}
#guest {
    width: 170px;
    height: auto;
    text-align: center;
    margin-top: 10px;
    float: left;
}
#home .name {
    text-align: center;
    color: rgb(18, 134, 197);
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    display: block;
}
#guest .name {
    text-align: center;
    color: rgb(18, 134, 197);
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    display: block;
}
/*match box*/
#mactbox-black {
    background-color: #444;
    overflow: hidden;
    padding: 30px 0 10px 0;
}
#matchBox {
    background: url("../images/soccer-bg.png") no-repeat;
    color: #fff;
    width: 980px;
    margin: 0 auto;
    clear: both;
}
.dark #matchBox {
    opacity: 0.85;
}
.teamNames {
    position: relative;
    text-align: center;
    width: 980px;
    margin: 0 auto;
}
.teamNames a {
    color: #fff;
}
.tn-home,
.tn-away {
    width: 50%;
    display: inline-block;
    float: left;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
}
.tn-vs-d {
    position: absolute;
    left: 400px;
    width: 180px;
    height: 46px;
    border-radius: 6px;
    top: -3px;
    display: inline-block;
    transform: perspective(1.5em) rotateX(-5deg);
    transform-origin: top;
    background-color: #e8e8e8;
    background-image: linear-gradient(180deg, transparent, #ccc, #f0f0f0);
    box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.25);
}
.tn-vs-c {
    position: absolute;
    left: 400px;
    width: 180px;
    font-size: 22px;
    font-weight: bold;
    color: #555;
    top: -1px;
    display: inline-block;
}
#matchBox .backupPlay {
    background-color: #41750d;
    border: 3px solid #71a140;
    border-top: none;
    height: auto;
}
#matchBox .backupPlay .play {
    width: 131px;
    height: 40px;
    color: rgb(231, 241, 218);
    line-height: 20px;
    font-size: 12px;
    text-decoration: none;
    margin-right: 5px;
    margin-left: 5px;
    float: left;
    display: block;
    white-space: nowrap;
}
#matchBox .backupPlay .play div {
    height: 20px;
    text-align: center;
    line-height: 20px;
    display: block;
}
#matchBox .backupPlay .play .name {
    background: rgb(58, 92, 27);
    width: 115px;
    height: 20px;
    text-align: left;
    line-height: 20px;
    overflow: hidden;
    padding-right: 5px;
    padding-left: 5px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 3px;
}
#matchBox .backupPlay .play .name a,
#matchBox .backupPlay .play .name a:hover {
    color: #ceefc0;
}
#matchBox .backupPlay .bu_txt {
    text-align: center;
    color: #79af35;
    font-size: 14px;
}
#matchBox .backupPlay .home {
    width: 425px;
    clear: left;
    float: left;
    padding-left: 15px;
}
#matchBox .backupPlay .guest {
    width: 425px;
    clear: right;
    float: right;
}
#matchBox .plays {
    width: 100%;
    height: 450px;
    display: block;
}
#matchBox .plays .home {
    width: 469px;
    float: left;
}
#matchBox .plays .guest {
    width: 469px;
    float: right;
}
#matchBox .plays .playBox {
    width: 117px;
    float: left;
    position: relative;
}
#matchBox .plays .playBox .play {
    height: 90px;
    margin-right: auto;
    margin-left: auto;
    float: none;
    display: table;
    position: relative;
}
#matchBox .plays .playBox .play div {
    text-align: center;
    line-height: 20px;
    display: block;
    min-height: 20px;
}
.plays .playBox .play span {
    vertical-align: middle;
    display: table-cell;
}
#matchBox .plays .playBox .play .name {
    background: rgb(58, 92, 27);
    width: 80px;
    height: 20px;
    text-align: left;
    color: rgb(231, 241, 218);
    line-height: 20px;
    padding-right: 5px;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 3px;
    position: relative;
}
#matchBox .plays .playBox .play .name a {
    color: rgb(231, 241, 218);
    overflow: hidden;
    width: 60px;
    display: inline-block;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#matchBox .plays .guest .playBox .play .name a {
    padding-left: 20px;
}

#matchBox .plays .five .playBox {
    width: 93px;
}
#matchBox .plays .five .playBox .play .name {
    background: rgb(58, 92, 27);
    width: 80px;
    height: 20px;
    text-align: left;
    color: rgb(231, 241, 218);
    line-height: 20px;
    padding-right: 5px;
    ont-size: 12px;
    float: none;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#matchBox .plays .five .playBox .play .name a {
    width: 52px;
    height: 20px;
    text-align: left;
    color: rgb(231, 241, 218);
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#matchBox .plays .guest.five .playBox .play .name a {
    padding-left: 25px;
}
#matchBox .plays .playBox .play a:hover {
    color: rgb(220, 222, 44);
}
#matchBox .one .playBox {
    width: 75%;
    text-align: left;
    padding-top: 8px;
    margin-left: 25%;
}
#matchBox .one .playBox .play {
    margin: 10px auto;
    width: 90%;
    height: 20px;
    white-space: nowrap;
}
#matchBox .one .playBox .play .name {
    width: auto;
    height: 20px;
    text-align: left;
    color: rgb(231, 241, 218);
    line-height: 20px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 12px;
    margin-right: auto;
    margin-left: auto;
    float: left;
    display: block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
}
#matchBox .one .playBox .play .img {
    vertical-align: middle;
    float: left;
    padding-left: 5px;
}
#matchBox .hurtPlay {
    background-color: #41750d;
    border: 3px solid #71a140;
    border-top: none;
    position: relative;
    height: auto;
    padding-bottom: 15px;
    overflow: hidden;
}
#matchBox .hurtPlay h3 {
    color: #ff0;
    display: block;
    font-weight: normal;
    text-align: center;
    padding: 0px;
    line-height: 30px;
    margin: 0px;
    font-size: 14px;
}
#matchBox .hurtPlay ul li,
#matchBox .hurtPlay ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
#matchBox .hurtPlay ul li {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 12px;
}
#matchBox .hurtPlay .title {
    background-color: #43800b;
    margin-bottom: 10px;
    line-height: 30px;
}
#matchBox .hurtPlay .name {
    background: #3a5c1b;
    line-height: 20px;
    height: 20px;
    width: 84%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
    padding-left: 5px;
    text-align: left;
    margin: 0px auto 5px auto;
}
#matchBox .hurtPlay .play {
    color: #e7f1da;
    text-decoration: none;
    display: block;
    float: left;
    white-space: nowrap;
    margin-right: 5px;
    margin-left: 5px;
    line-height: 20px;
    font-size: 12px;
    width: 114px;
    height: 40px;
}
#matchBox .hurtPlay .name a {
    color: #e7f1da;
}
#matchBox .hurtPlay .bu_txt {
    left: 484px;
    top: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    color: rgb(255, 255, 0);
    line-height: 20px;
    margin-top: -40px;
    position: absolute;
    margin-left: -25px;
    font-size: 14px;
}
#matchBox .hurtPlay .home ul {
    width: 100%;
}
#matchBox .hurtPlay .home {
    float: left;
    width: 425px;
    clear: left;
    margin-left: 1px;
    min-height: 70px;
}
#matchBox .hurtPlay .guest {
    float: right;
    width: 425px;
    clear: right;
    margin-right: 1px;
}
.one .playBox .play span {
    padding: 0;
    display: inline;
}
.team-h1 {
    text-align: center;
}
.team-h1 span {
    display: inline-block;
    width: 50%;
    height: 3px;
}
#icons {
    line-height: 30px;
    overflow: hidden;
    padding: 10px;
    color: #bbb;
    width: 980px;
    margin: 0 auto;
}
#icons div.title {
    background: url("../images/bf_img/title.jpg") no-repeat left;
    margin: 0px;
    padding: 0px;
    height: 105px;
}
#icons .icon {
    text-align: left;
    line-height: 24px;
    margin-left: 5px;
    float: left;
    display: block;
    white-space: nowrap;
    width: 130px;
    padding-right: 5px;
}
#icons .icon img {
    margin-top: -3px;
    margin-right: 5px;
    vertical-align: middle;
}
/*match box end*/
.playInfoBar {
    line-height: 22px;
}
.playInfoBar .title {
    float: left;
    margin-right: 10px;
    padding-left: 10px;
    display: block;
}
.playInfoBar a {
    font-weight: normal;
    color: #fff;
    display: block;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}
.playInfoBar a.on {
    color: #ca6800;
    background-color: #fff;
    font-weight: bold;
    opacity: 0.8;
}
.yellow_bg {
    background-color: #eaeaea;
    border-bottom: 1px solid #d8d8d8;
}
.yellow_l_bg {
    background-color: #fff7e1;
}
/*detail End*/
.adclass {
    text-align: center;
}
.leftTd {
    background-color: #ffffff;
    text-align: left;
}
#showOddsTypes {
    width: 200px;
    position: absolute;
    left: 0;
    top: 84px;
    z-index: 5;
    visibility: hidden;
}
#showOddsTypes .selectUL li {
    line-height: 30px;
    cursor: pointer;
    padding-left: 10px;
}
#showOddsTypes .selectUL li strong {
    width: 30px;
    margin-right: 10px;
    display: inline-block;
    padding-left: 5px;
}
#showOddsTypes .selectUL li:hover {
    background: #166cbf;
    color: #fff;
}

.nullA,
.nullA:hover,
.nullA:visited,
.nullA:link {
    cursor: default;
    text-decoration: none !important;
    color: black;
    border-left: none;
}
.white {
    color: white !important;
}
.discription {
    padding-top: 10px;
    overflow: hidden;
    text-align: center;
}
.discription span {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}
#favProp {
    position: absolute;
    right: 10px;
    top: 54px;
    padding: 5px;
    border: 10px solid #2c435c;
    background: #5885b7;
    z-index: 99;
    line-height: 20px;
    color: white;
    font-size: 13px;
}
#SelectLink {
    visibility: hidden;
    top: 50px;
    left: 800px;
    width: 130px;
    position: absolute;
    border: solid 3px #2c435c;
    line-height: 22px;
    text-align: left;
    background-color: #72acde;
    z-index: 8;
    padding: 3px;
}
#SelectLink a,
.wap a,
.wap2 a {
    color: #ff0;
    font-weight: bold;
}
.livetab {
    padding: 5px;
    border-radius: 3px;
}
.jqTitle {
    line-height: 22px;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

.livetab .info {
    float: left;
    width: 400px;
}

.jqSubTitle td {
    background: #f3fdf1;
    font-weight: bold;
}
.dark .jqSubTitle td {
    background: #546b50;
}
.jqSubTitle2 span {
    display: inline-block;
    width: 50%;
}

.jqSubTitle2,
.jqTitle2 {
    line-height: 26px;
    text-align: center;
    width: 398px;
    float: left;
    font-weight: bold;
}

.livetab td {
    text-align: center;
    line-height: 22px;
    font-size: 12px;
}
div#dbpop {
    float: left;
    position: absolute;
    left: 498px;
    top: 166px;
}

#tr_com_h td,
#tr_com_g td {
    text-align: center;
}
#hotInfo {
    background-color: #fffacc;
    height: 26px;
    width: 950px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
#hotInfo span,
#hotInfo li {
    float: left;
    line-height: 24px;
    height: 24px;
    margin: 2px 2px 0px 5px;
}
#hotInfo li {
    background-image: url(/images/lesIcon.png);
    background-size: 18px auto;
    height: 18px;
    background-repeat: no-repeat;
    padding-left: 20px;
}
#hotInfo span {
    font-weight: bold;
}
.hLea2 {
    background-position: 0px -54px;
}
.hLea3 {
    background-position: 0px -90px;
}
.hLea4 {
    background-position: 0px -108px;
}
.hLea5 {
    background-position: 0px -18px;
}
.hLea6 {
    background-position: 0px -36px;
}
.hLea7 {
    background-position: 0px -72px;
}
#allListM {
    position: absolute;
    background-color: #fff;
    border: 3px solid #6596ca;
    left: 140px;
    top: 0px;
    width: 654px;
    z-index: 100;
    padding: 8px;
}
#allListM .leftnav li {
    float: left;
    margin: 3px 5px;
    width: 120px;
    border-bottom: none;
}
#allListM .leftnav li a {
    background-image: none;
}
#allListM .leftnav li a:hover {
    background-color: #fff9aa;
}
#allListM .leftnav {
    margin: 5px;
}
#bottomM .smrTitle ul,
#bottomM .smrM {
    padding-left: 22px;
}
#bottomM .smrTitle li {
    padding-left: 10px;
    width: 135px;
    float: left;
    list-style: none;
}
#bottomM .smrM ul {
    padding-left: 10px;
    width: 135px;
    float: left;
    list-style: none;
    line-height: 20px;
    height: 80px;
}
#bottomM .titleM,
#bottomM .smrTitle li {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
}
#bottomM .linksM {
    text-align: center;
    margin-left: 22px;
}
#bottomM .linksM li {
    float: left;
    width: 135px;
    text-align: left;
    padding-left: 10px;
}
#bottomM .rrs {
    height: 36px;
    width: 100%;
    text-align: center;
}

.scTitle {
    padding: 2px 20px 2px 20px;
}
.scTitle a {
    color: #003399 !important;
    font-weight: bold;
}
.more_r {
    color: red;
    font-weight: bold;
    float: right;
    font-size: 14px;
    line-height: 26px;
    padding-right: 5px;
}
.aotable {
    text-align: center;
    margin-bottom: 10px;
}
/*popup*/
.popup-overlay {
    background-color: #000000;
    filter: alpha(opacity=20);
    opacity: 0.2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.popup-overlay-again {
    background-color: #000000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
}
.popup-container {
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
}
.popup-container .popup-titlebar {
    height: 28px;
    background: #397f19;
    cursor: move;
    border-top: 1px solid #397f19;
    background-position: 0px -2px;
}
.popup-container .popup-titlebar .Ptitle {
    font-weight: 700;
    line-height: 30px;
    color: #fff;
    margin-left: 15px;
    background: none;
    font-size: 13px;
}
.popup-container .popup-titlebar .Pclose {
    float: right;
    text-decoration: none;
    margin-top: 5px;
    margin-right: 3px;
    background: url(/images/close.gif) no-repeat;
    width: 20px;
    height: 20px;
}
.popup-container .popup-titlebar .Pclose:hover {
    background: url(/images/close.gif) no-repeat;
}
.popup-container .popup-content {
    border: solid 3px #397f19;
    margin: 0;
    overflow: hidden;
}
.dark .popup-container .popup-content {
    background-color: #2f2f2f;
}
.popup-container .popup-resize {
    text-align: right;
    margin-top: -30px;
    height: 30px;
    line-height: 0;
    overflow: hidden;
}
.popup-container .popup-resize div {
    width: 30px;
    line-height: 30px;
    background: url(/images/a_popup_resize.gif) 23px 22px no-repeat;
    float: right;
    text-indent: 100px;
    overflow: hidden;
    cursor: se-resize;
}
.popup-container2 {
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
}
.popup-container2 .popup-titlebar2 {
    height: 28px;
    background: #8e3537;
    cursor: move;
    border-top: 1px solid #8e3537;
    background-position: 0px -2px;
}
.popup-container2 .popup-titlebar2 .Ptitle {
    font-weight: 700;
    line-height: 30px;
    color: #fff;
    margin-left: 15px;
    background: none;
    font-size: 13px;
}
.popup-container2 .popup-titlebar2 .Pclose {
    float: right;
    text-decoration: none;
    margin-top: 5px;
    margin-right: 3px;
    background: url(/images/close.gif) no-repeat;
    width: 20px;
    height: 20px;
}
.popup-container2 .popup-titlebar2 .Pclose:hover {
    background: url(/images/close.gif) no-repeat;
}
.popup-container2 .popup-content2 {
    border: solid 3px #8e3537;
    margin: 0;
    overflow: hidden;
}
.dark .popup-container2 .popup-content2 {
    background-color: #2f2f2f;
}
.popup-container2 .popup-resize {
    text-align: right;
    margin-top: -30px;
    height: 30px;
    line-height: 0;
    overflow: hidden;
}
.popup-container2 .popup-resize div {
    width: 30px;
    line-height: 30px;
    background: url(/images/a_popup_resize.gif) 23px 22px no-repeat;
    float: right;
    text-indent: 100px;
    overflow: hidden;
    cursor: se-resize;
}
.JsTitle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    padding: 5px;
    background-color: #0c609c;
    color: white;
    -webkit-box-shadow: 0 0 9px #999;
    box-shadow: 0 0 9px #999;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', direction=135, strength=4);
}
.JsTitleNoBG {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    padding: 0px;
    -webkit-box-shadow: 0 0 9px #999;
    box-shadow: 0 0 9px #999;
}
.odds_checked,
.odds_unchecked {
    margin: 2px 3px;
    line-height: 24px;
    width: 82px;
    display: inline-block;
}
/*popup end*/
#analyMap a {
    width: 66px;
    text-align: center;
    color: #fff;
    line-height: 22px;
    margin-bottom: 2px;
    display: block;
}
#analyMap a:hover,
#analyMap a:first-child {
    background-color: #f60;
    text-decoration: none;
}
.tabs {
    border: 1px solid #cccccc;
    border-radius: 2px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
}
.tabs span,
.tabs a {
    padding: 0px 4px;
    line-height: 24px;
    height: 24px;
    border: none;
    margin: 0px;
    overflow: hidden;
    cursor: pointer;
}
.tabs .on {
    background: #fff;
    color: #5885b7;
}
#mScore {
    font-size: 16px;
    color: red;
    font-weight: bold;
    line-height: 30px;
}
.expLine {
    text-align: center;
}
#main #left .lrdiv {
    width: 135px;
}
.input_text {
    border: none;
    font-size: 12px;
    width: 133px;
    background: url(../../../images/f.png) no-repeat 5px;
    border-radius: 2px;
    padding: 5px 0 5px 30px;
}
.dark .input_text {
    color: #999 !important;
}
.search {
    overflow: hidden;
    padding: 10px 0 5px 0;
}
.search * {
    box-sizing: border-box;
}
.search input {
    height: 32px;
    border: solid 1px #e5e5e5;
    padding: 0 5px;
    width: 75%;
    float: left;
    border-right: none;
}
.search input[type="text"] {
    padding-left: 25px;
}
.search #btnsearch {
    width: 25%;
    float: right;
    background: #eaf7ff;
    border: solid 1px #e5e5e5;
    cursor: pointer;
    font-weight: bold;
}
.nwTool .menu span:hover {
    color: #ff0;
}
.noteImg {
    width: 728px;
    height: 63px;
    margin-bottom: 5px;
    border-radius: 2px;
    overflow: hidden;
    display: block;
}
.noteImg img {
    width: 100%;
}
.bottomBar {
    background: #efefef;
    padding: 0 5px;
    margin-bottom: -5px;
    line-height: 26px;
    margin-top: 5px;
}
#backup_fav_top {
    background: #fff;
    cursor: pointer;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
#backup_fav {
    text-align: center;
    background-color: #2d67b3;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    margin: 0 auto;
    color: #fff;
}

.backup_fav_m {
    font-size: 50px;
    line-height: 80px;
}
.leftnav .adclass a {
    padding: 0px;
    height: 80px;
    width: 144px;
}
#oddsChange,
#panluDiv,
.bak_div {
    border-radius: 3px;
    overflow: hidden;
    padding: 5px;
}
#main #left {
    overflow: hidden;
    padding: 0px; /* min-height: 1320px;*/
}
#main .adclass {
    text-align: center;
}
#main #right .adclass {
    margin-bottom: 3px;
}
#div_ad_float {
    padding-left: 24px;
    padding-top: 10px;
}
#main .adclass img,
#div_ad_float img,
#left_float_ad img {
    width: 155px;
    margin-bottom: 3px;
}
#main #left .leftnav li a {
    width: auto;
}
#basketball #main #left {
    min-height: 1520px;
}

#main #min {
    width: 710px;
}
.toolimg {
    position: relative;
    line-height: 25px;
    height: 25px;
    text-align: left !important;
}
.toolimg .icons {
    position: absolute;
    right: 0px;
    top: 6px;
    width: 88px;
}
.popWin {
    z-index: 999999;
    overflow: hidden;
    box-shadow: 0 0 10px #999;
    color: #fff;
    text-align: center;
    left: 1%;
}
.popWin .closeBtn {
    text-decoration: none;
    color: #151515;
    font-weight: normal;
    display: block;
    float: left;
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    border-style: none;
    cursor: pointer;
    font-size: 30px;
    font-family: Arial;
    line-height: 30px;
}
.popWin .info {
    padding: 5px 10px 10px 20px;
    font-size: 26px;
    text-align: center;
}
.popWin .hd {
    line-height: 40px;
    height: 40px;
    font-size: 30px;
    font-weight: bold;
    margin: 0px;
    padding: 10px 20px 0px;
}
.shareL li {
    margin: 9px;
    padding: 0;
}
.popWinBtm {
    background: #5f9bcf;
    z-index: 999999;
    box-shadow: 0 0 10px #666;
    color: #fff;
    text-align: left;
    left: 0%;
    bottom: 0px;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 22px;
}
.popWinBtm .linkBtn2 {
    background: #fff;
    width: 80px;
    text-align: center;
    border-radius: 5px;
    border: 2px solid #486d96;
    margin-right: 5px;
    margin-left: 5px;
    padding: 5px;
    overflow: hidden;
    line-height: 20px;
    height: 20px;
}
.popWinBtm .closeBtn {
    width: 20px;
    font-size: 18px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    top: 0px;
    right: 0px;
    line-height: 20px;
    height: 20px;
    padding-right: 5px;
    padding-left: 5px;
    float: right;
}
#popupLinksMsg {
    position: absolute;
    z-index: 999999;
    top: 400px;
    width: 420px;
    background: #ff6600;
    left: 50%;
    margin-left: -210px;
    border: 4px solid #fbac78;
    padding: 12px;
    border-radius: 6px;
    box-shadow: 0 8px 40px #b74949;
}
#popupLinksMsg .step {
    margin-top: 5px;
    border: 1px double #fff;
}
#popupLinksMsg a {
    color: #00c;
    text-decoration: underline;
}
#popupLinksMsg .linkBtn {
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    float: left;
    margin-left: 5px;
    color: #555;
    border-radius: 3px;
    background-color: #fff;
    width: 97% !important;
    box-shadow: 2px 2px 1px #bb6b5e;
}
#popupLinksMsg .linkBtn:hover {
    background-color: #ffeee2;
}
#popupLinksMsg .closeBtn {
    position: absolute;
    right: 0;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    text-align: center;
    top: 0;
    background-color: #fbac78;
    line-height: 14px;
    padding: 0 7px 7px 12px;
    border-radius: 0 0 0 50px;
}
#popupLinksMsg .linkDesc {
    margin: 5px 0px 0px 0;
    line-height: 22px;
    color: white;
    font-size: 14px;
    text-align: center;
}
#topLine {
    font-weight: bold;
    line-height: 40px;
}

#popTouchWin {
    min-height: 200px;
}
#popTouchWin * {
    box-sizing: border-box;
}
#popTouchWin #pop1 {
    float: left;
    width: 100%;
}
#popTouchWin b {
    font-size: 50px;
    display: block;
}
#popTouchWin .closeBtn {
    font-size: 75px;
    min-height: 200px;
    line-height: 200px;
    width: 10%;
    float: left;
    position: static;
    margin: 0;
}
#popTouchWin .phone {
    background: url("/images/phone.png") no-repeat 5px center;
    background-size: auto 60%;
}
#popTouchWin .ios {
    background: url("/images/ios.png") no-repeat 5px center;
    background-size: auto 60%;
}
#popTouchWin .android {
    background: url("/images/android.png") no-repeat 5px center;
    background-size: auto 60%;
}
#popTouchWin a {
    display: block;
    height: 200px;
    font-size: 30px;
    padding: 50px 0 0 130px;
    float: left;
    width: 45%;
    text-align: left;
}
/*顶部球类导航*/
.clear {
    clear: both;
}

/*顶部二级导航*/

/*内容页菜单*/
#tools {
    line-height: 28px;
    height: 28px;
    overflow: hidden;
}
#tools .w_search {
    float: right;
}
#tools li {
    float: left;
    margin-right: 2px;
    cursor: pointer;
    height: 30px;
}
#tools li.old {
    float: right;
}
#tools li a {
    line-height: 28px;
    text-align: center;
    display: block;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    min-width: 30px;
    text-decoration: none;
    border-radius: 3px 3px 0 0;
}
#tools li a:hover {
    text-decoration: none;
}
#tools .filterLi a {
    position: relative;
    padding: 0 19px 0 9px;
}
/*#tools .filterLi a:after { width: 0;height: 0;content:"";border: 4px solid transparent;border-top-color: #666;margin-left: 5px;vertical-align: -3px;display: inline-block;*/ /*position: absolute; right: 5px; top:13px;*/ /*}*/
#tools .on.filterLi a:after,
.dark #tools .on.filterLi a:after {
    border-top-color: #fff;
}
#tools .filterLi2 a {
    padding: 0 7px;
}
#tools li span u {
    margin-left: 8px;
}
#tools .on a,
#tools .on a:hover {
    color: #fff;
    font-weight: normal;
}
#tools .pd2 li a {
    padding: 0 15px;
}
/* #tools .pd2 .filterLi a,#main3 #tools .filterLi a {padding:0 28px 0 17px} */
#tools .pd2 .filterLi a:after,
#main3 #tools .filterLi a:after {
    right: 15px;
}
#tools .pn-selectn-selectd2 .filterLi a:after,
#main3 #tools .filterLi a:after {
    right: 15px;
}
#tools .pd2 #li_MyGame a {
    padding-right: 17px;
}
.dark #tools .filterLi a:after {
    border-top-color: #999;
}

/*内容页菜单---篮球*/
.odds_detail select {
    background: transparent;
}
#basket #tools .odds_detail {
    margin: 0 10px 0 0;
}
#basket #tools .odds_setting {
    width: auto;
}
#basket #tools .odds_setting li {
    line-height: 15px;
    border: none;
    text-align: center;
    height: auto;
    padding: 0 10px;
    cursor: pointer;
}
#basket #tools .odds_setting li:hover {
    color: #f30;
}

#main3 #tools li a {
    padding: 0 10px;
}
#main3 #tools {
    padding: 0;
}

#tools .on-arrow a {
    position: relative;
}
#oTypeText:after {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    border: 4px solid transparent;
    border-top-color: #fff;
    right: 15px;
    top: 13px;
}
#tools #li_MyGame a {
    padding-right: 7px;
}

/*日期选择*/
.date-picker {
    height: 43px;
    margin-bottom: 10px;
    border-radius: 3px;
    padding-bottom: 5px;
}
.date-picker-now {
    border-right: 1px solid #e5e5e5;
}
.date-picker > div,
.date-picker > ul > li {
    float: left;
    font-size: 10px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 4px;
    cursor: pointer;
    height: 35px;
}
.date-picker ul li {
    width: 5.05%;
    display: block;
    margin: 0 2px;
    border-radius: 4px;
    position: relative;
}
.date-picker ul li:hover {
    color: #f60;
    background-color: #fff8f3;
}
.dark .date-picker ul li:hover {
    color: #f60;
    background-color: #46382f;
}
.date-picker ul li a:hover {
    text-decoration: none;
}
.date-picker ul li.on {
    background-color: #f60;
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.2));
    box-shadow: 0 1px 5px 0 rgba(144, 87, 0, 0.25);
    color: #fff;
}
.dark .date-picker ul li.on {
    background-color: #b94b01;
}
.date-picker ul .on a,
.date-picker ul .on a:hover {
    color: #fff;
}
.date-picker .li_today a {
    color: #ec6623;
}
.date-picker span:first-child {
    display: block;
    width: 100%;
}
.date-picker span:last-child {
    display: block;
    font-size: 14px;
    font-weight: 800;
    width: 100%;
}

.date-picker ul li:last-child:after {
    display: none;
}

.date-picker .date-picker-now {
    padding: 4px 15px;
    display: none;
}
.date-picker .date-picker-calendar {
    width: 6%;
    position: relative;
}
.date-picker-calendar p {
    display: block;
    height: 20px;
    width: 20px;
    background-image: url(/images/date.png);
    margin: 7px auto 0 auto;
}

.date-now-none .date-picker-now {
    display: none;
}
.date-now-none .date-picker-calendar {
    width: 6.8%;
    position: relative;
    z-index: 999;
}
.date-now-none .date-picker ul li {
    width: 4.9%;
    display: block;
    margin: 0 2px;
}
.date-now-none2 .date-picker ul li {
    width: 5%;
    display: block;
}
.date-now-allnone .date-picker ul li {
    width: 5.51%;
    display: block;
}
.datelayer {
    position: absolute;
    z-index: 6;
    right: -1px;
    top: -1px;
    visibility: hidden;
    border-radius: 3px;
}
#calendar {
    box-shadow: 0 3px 6px rgba(0, 44, 95, 0.2);
    border-radius: 3px;
    padding: 10px;
    z-index: 10;
    box-sizing: border-box;
    text-align: center;
    width: 300px;
}
#calendar select {
    border: none;
    font-weight: bold;
    margin: 5px 30px;
    font-size: 16px !important;
}
#calendar .l-line {
    margin: 0 10px;
}
#calendar .d-line {
    padding-bottom: 5px;
    margin-bottom: 5px;
}
#calendar th {
    color: #aeaeae;
    line-height: 2;
}
#calendar td {
    line-height: 2.5;
    font-size: 14px;
    border-radius: 2px;
}
#calendar td:hover {
    background-color: #f4f4f4;
    cursor: pointer;
}
.dark #calendar td:hover {
    background-color: #545454;
}
#calendar .datelayer_td-blank,
#calendar .datelayer_td-blank:hover {
}
#calendar .datelayer_td-sel,
#calendar .datelayer_td-sel:hover {
    background: #ffd842;
    border: 1px solid #f3b07a;
    border-radius: 2px;
    font-weight: bold;
    color: #ad6212;
}
.dark #calendar .datelayer_td-sel,
.dark #calendar .datelayer_td-sel:hover {
    background: #ffd842;
    color: #ad6212;
}

.datelayer_fon-today {
    font-weight: bold;
    color: #ec6623;
}
.datelayer_btn-today {
    color: #ec6623;
    margin: 10px 0;
}

#tools .odds_setting {
    float: right;
    position: relative;
}
#tools .odds_setting p {
    display: inline;
}
#odds_setting .odds_items {
    position: absolute;
    left: 31px;
    top: 3px;
    padding: 2px;
    cursor: pointer;
    background: #e1e1e1;
    border-radius: 20px;
    width: 36px;
    overflow: hidden;
}
#odds_setting .odds_items .odds_item {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
}
#odds_setting .odds_items.on {
    background: #3c78c6;
}
#odds_setting .odds_items.on .odds_item {
    float: right;
}
.switch_box {
    display: none;
    position: absolute;
    z-index: -1;
}

.team_bf {
    font-size: 60px;
}

/* 篮球内页新头 */
.bkTeamBox {
    width: 100%;
    overflow: hidden;
    display: table;
}
.bkTeamBox li {
    width: 10%;
    min-height: 150px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.bkTeamBox li.Score {
    width: 60%;
}
.bkTeamBox li.HName a,
.bkTeamBox li.GName a {
    color: #2196f3;
}
.bkTeamBox li .team_bf {
    font-size: 30px;
    font-weight: 300;
    color: #036;
}
.topStatus {
    text-align: center;
    position: relative;
}
.topStatus > div {
    width: auto;
    position: absolute;
    top: 0;
}
.topStatus .left {
    left: 0;
}
.topStatus .right {
    right: 0;
    text-align: right;
    max-width: 400px;
}

.VS {
    font-size: 30px;
    font-weight: bold;
    display: block;
    text-align: center;
}

.uyds td {
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}
.t_bf td {
    text-align: center;
    color: #fff;
}
.t_bf {
    color: #333;
}
.zbf {
    font-weight: bold;
    font-size: 15px;
}
.o_team {
    font-size: 14px;
    font-weight: bold;
}
/* 篮球内页新头 */

#downobj {
    background-image: url(/images/Excel_icon.gif);
    background-repeat: no-repeat;
    background-position: left;
    text-decoration: underline;
    padding-left: 16px;
    color: #5f9349;
}

/*新版本足球内页头部赛事信息*/

.fbheader {
    overflow: hidden;
    padding: 0;
    padding: 10px;
}
.fbheader > div {
    text-align: center;
}
.fbheader .home {
    width: 15%;
    float: left;
    text-align: center;
    margin-top: 8.5px;
}
.fbheader .vs {
    width: 70%;
    float: left;
}
.fbheader .guest {
    width: 15%;
    float: right;
    text-align: center;
    margin-top: 8.5px;
}
.fbheader .home a,
.fbheader .guest a {
    font-size: 14px;
    color: var(--textcolor-1);
    text-decoration: none;
    font-weight: bold;
}
.fbheader .home img,
.fbheader .guest img {
    display: block;
    margin: 0 auto;
}
.fbheader .row {
    line-height: 30px;
    width: 100%;
    display: block;
    overflow: hidden;
}
.fbheader .row.vs {
    color: var(--textcolor-2);
    font-size: 26px;
    line-height: 40px;
    font-weight: bold;
}
.fbheader .row .LName {
    font-size: 14px;
    font-weight: bold;
}
.fbheader .row .half {
    width: 180px;
    margin: 0 auto;
}
.fbheader .row .half > div {
    width: 33.3%;
    float: left;
}
.fbheader .row .half .score {
    font-size: 38px;
    font-weight: bold;
    color: #236349;
    line-height: 40px;
}
.fbheader .row .half .vs {
    line-height: 40px;
    color: #236349;
    font-size: 15px;
}
.fbheader .row .HT {
    width: 180px;
    margin: 0 auto;
}
.fbheader .row .HT > div {
    width: 33.3%;
    float: left;
}
.fbheader .row .HT .score {
    font-size: 24px;
    font-weight: bold;
    color: #f30;
    line-height: 40px;
}
.fbheader .row .HT .vs {
    line-height: 40px;
    color: #3473c7;
    font-size: 15px;
}
.fbheader .row .end {
    width: 180px;
    margin: 0 auto;
}
.fbheader .row .end .row {
    line-height: 20px;
    font-size: 14px;
}
.fbheader .row .end .row:last-child {
    font-size: 14px;
}
.fbheader .row .end > div {
    width: 33.3%;
    float: left;
}
.fbheader .row .end .score {
    font-size: 38px;
    font-weight: bold;
    line-height: 40px;
}
.fbheader .row .sclassName {
    float: left;
    font-size: 18px;
    font-weight: bold;
}
.fbheader .row .sclassName a {
    line-height: normal;
}
#headVs {
    margin-top: 15px;
}

#ad_middle_133 a {
    float: left;
}
#ad_middle_133 a:last-child {
    float: right;
}

/*2019-08-02新增,队员信息弹窗*/
.plays .playBox .play span ul {
    position: absolute;
    display: none;
    background: #1f3508;
    color: #d8d8d8;
    left: 0;
    font-size: 12px;
    padding: 20px;
    border-radius: 5px;
    top: 75px;
    z-index: 999;
    padding-left: 95px;
    box-shadow: 0 28px 50px rgba(25, 24, 40, 0.35);
}
.plays .playBox .play span ul li,
#matchBox .backupPlay .play span ul li {
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 15px;
}
.plays .playBox .play span ul li.icon,
#matchBox .backupPlay .play span ul li.icon {
    float: left;
    width: 75px;
    height: 100px;
    background: #e1e1e1;
    position: absolute;
    left: 15px;
    top: 15px;
    margin-left: 0;
    border: 3px solid #d8d8d8;
}
.plays .playBox .play span ul li.icon img,
#matchBox .backupPlay .play span ul li.icon img {
    width: 100%;
    height: 100%;
}
#matchBox .one .guest .playBox .play span ul {
    left: auto;
    right: auto;
}
#matchBox .one .playBox .play span ul {
    top: 25px;
    left: auto;
}
.plays .playBox .play span:hover ul,
#matchBox .backupPlay .play span:hover ul {
    display: block;
}
.plays .guest .playBox .play span ul {
    right: 0;
    left: auto;
}
#matchBox .plays .playBox .play span:hover .name,
#matchBox .backupPlay .play span:hover .name {
    background: #ff5722;
    color: #fff;
    cursor: pointer;
}
#matchBox .plays .playBox .play span:hover .name a:hover,
#matchBox .backupPlay .play span:hover .name a:hover {
    color: #fff;
    text-decoration: none;
}

#matchBox .backupPlay .play span {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    height: 20px;
    position: relative;
}
#matchBox .backupPlay .play span:hover {
    z-index: 999;
}
#matchBox .backupPlay .play span ul {
    position: absolute;
    display: none;
    background: #1f3508;
    color: #d8d8d8;
    left: 0;
    font-size: 12px;
    padding: 20px;
    border-radius: 5px;
    top: -125px;
    z-index: 999;
    padding-left: 95px;
    box-shadow: 0 -28px 50px rgba(25, 24, 40, 0.35);
}

#matchBox .backupPlay .guest .play span ul {
    right: 0;
    left: auto;
}
#matchBox .backupPlay .clean {
    clear: both;
}
#matchBox ul li b {
    color: #a7a7a7;
    margin-right: 3px;
    font-weight: normal;
}
#matchBox .number {
    line-height: 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: top;
    text-align: center;
    margin-right: 5px;
    position: absolute;
    border-radius: 20px;
    bacolor: #fff;
    border: 2px solid #3c5d1a;
}
#matchBox .home .number {
    background-color: #e27a48;
    left: 61px;
    top: -4px;
    font-weight: bold;
}
#matchBox .guest .number {
    background-color: #3f9ed8;
    left: -12px;
    top: -4px;
    font-weight: bold;
}

#matchBox .one .home .number {
    left: -20px;
    top: -4px;
}
#matchBox .one .guest .number {
    left: -20px;
    top: -4px;
}

.pc_win {
    z-index: 5;
    position: absolute;
    width: 480px;
    visibility: hidden;
    top: 29px;
    left: 150px;
}
.pc_win .kl {
    line-height: 26px;
    padding: 3px 5px;
    text-decoration: underline;
}
.pc_win .kl:hover {
    color: #f60;
}
#goalTable tr:hover td {
    background-color: #d9eaf9;
}
.pcwin_tit {
    border-bottom: #dfdfdf 1px dotted;
    padding-bottom: 4px;
    background-color: #f5f5f5;
    padding-left: 10px;
    padding-top: 4px;
}

.DataTips {
    text-align: center;
    color: #999;
    font-weight: bold;
    padding-top: 260px;
    line-height: 24px;
    font-size: 22px;
    min-height: 380px;
    background: url(/images/nomatch.png) no-repeat center 40px;
}
.dark .DataTips {
    background: url(/images/nomatch_dark.png) no-repeat center 40px;
    background-color: #282828;
}
.date_box .blueLink {
    color: blue;
}

div.porletP {
    float: left;
    width: 100%;
    position: relative;
}

.porlet_right {
    width: 100px;
    height: 25px;
    float: right;
    position: absolute;
    right: 8px;
    line-height: 25px;
    display: none;
}
.porlet_right span {
    width: 22px;
    height: 22px;
    margin-top: 2px;
    margin-right: 2px;
    float: right;
    cursor: pointer;
    background-image: url(/images/starnew.png);
}
.porlet_right .porlet_up {
    background-position: -22px top;
}
.porlet_right .porlet_up:hover {
    background-position: -22px -22px;
}
.porlet_right .porlet_down {
    background-position: left top;
}
.porlet_right .porlet_down:hover {
    background-position: left -22px;
}
.porlet_right .porlet_close {
    background-position: -44px top;
}
.porlet_right .porlet_close:hover {
    background-position: -44px -22px;
}
.sclassLink {
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
}
.o-up {
    color: green;
}
.o-down {
    color: red;
}
.o-draw {
    color: black;
}
.oddsHead select {
    color: #fff;
    border-width: 0;
}

#myGamesCount,
#hiddencount,
#nshowhide {
    font-weight: bold;
}
.on #myGamesCount {
    color: #ffd746;
}
.Preferences input,
.Preferences2 input {
    display: none;
}

/*声音开关*/
.Preferences2 {
    float: right;
    margin-left: 10px;
    padding: 0 10px;
    border-radius: 3px 3px 0 0;
    font-weight: bold;
}
.Preferences2 .switch .switch-style {
    margin-top: 5px;
    margin-left: 10px;
    height: 18px;
    width: 40px;
}
.Preferences2 .switch .switch-style:before {
    width: 19px;
    height: 16px;
}

.Preferences2 .switch > input[type="checkbox"]:checked + .switch-style {
    background-color: #390;
}
/*单选框*/
.el-radio > input[type="radio"] {
    display: none;
}
.el-radio > input[type="radio"] + .el-radio-style {
    display: inline-block;
    padding: 0 15px;
    line-height: 35px;
    cursor: pointer;
    font-weight: bold;
}

.el-radio > input[type="radio"]:checked + .el-radio-style {
    border-bottom: 2px solid #f60;
    color: #f60;
}

/*条件过滤*/
#filterList {
    padding: 10px;
}
#filterList .item {
    margin-bottom: 4px;
}
#filterList .name {
    display: inline-block;
    width: 145px;
    text-align: right;
    margin-right: 5px;
}
.ef-radio > input[type="radio"] {
    display: none;
}
.ef-radio-style {
    display: inline-block;
    cursor: pointer;
    padding: 0 10px;
    line-height: 26px;
    width: 50px;
    margin-left: 5px;
    border: 1px solid #e5e5e5;
}
.off .ef-radio-style {
    background-color: #e5e5e5;
    color: #999;
}
.dark .off .ef-radio-style {
    background-color: #666;
    color: #999;
}
.ef-radio > input[type="radio"]:checked + .ef-radio-style {
    color: #ffffff;
    background-color: var(--primary-color);
}
.ef-radio > input[type="radio"]:checked + .dark .ef-radio-style {
    color: #ffffff;
    background-color: var(--primary-color);
}
.dark .ef-radio-style {
    border-color: #666;
    background-color: #333;
}
/*共用样式*/
#main #min,
#main3,
#teammain,
#info {
    border-radius: 4px;
}
#main #right .lrdiv,
#main #left .lrdiv {
    padding: 0 10px 10px 10px;
    overflow: hidden;
    border-radius: 4px;
}
.menu2x li a,
.leftnav li a,
.Preferences li,
#tools #filterLi a,
#tools li a,
#tools .filterLi2 a,
#menu li a {
    transition: all 0.2s linear;
}
.none {
    display: none;
}

/*对阵右则功能小图标*/
.closes,
.collapse,
.expand {
    display: inline-block;
    float: left;
    width: 29px;
    height: 28px;
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    position: relative;
}
.dark .closes {
    background-color: #3a3a3a;
    opacity: 0.6;
    border-left: 1px solid #5a5a5a;
}

.closes:before,
.closes:after {
    position: absolute;
    content: "";
    width: 12px;
    height: 1px;
    top: 11px;
    left: 6px;
    background-color: #888;
}
.dark .closes:before {
    background-color: #fff;
    opacity: 0.6;
}
.dark .closes:before,
.dark .expand:before {
    opacity: 0.6;
}
.closes:before {
    transform: rotate(45deg);
}
.closes:after {
    transform: rotate(-45deg);
}
.expand:before {
    transform: rotate(0deg);
}
.expand:after {
    transform: rotate(-90deg);
}
.collapse:before,
.expand:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 12px;
    left: 11px;
    width: 0;
    height: 0;
    /* vertical-align: middle;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent; */
    background-image: url(../../../v1/images/CaretDown.svg);
}
.collapse:before {
    border-bottom: 4px solid #666;
}
.expand:before {
    border-top: 4px solid #666;
}
.dark .collapse:before {
    border-bottom: 4px solid #999;
}
.dark .expand:before {
    border-top: 4px solid #999;
}
.dark .collapse,
.dark .expand {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}
a.schedule {
    display: inline-block;
    float: left;
    color: #666;
    width: 55px;
    height: 24px;
    overflow: hidden;
    padding: 0 5px;
    text-decoration: underline;
    line-height: 22px;
    text-align: center;
}
.schedule:hover,
.collapse:hover,
.closes:hover,
.expand:hover {
    text-decoration: none;
}
.collapse:hover,
.closes:hover,
.expand:hover,
.dark .collapse:hover,
.dark .closes:hover,
.dark .expand:hover {
    background-color: rgba(0, 0, 0, 0.08);
}

.isLeaTop .schedule:hover,
.isLeaTop .collapse:hover,
.isLeaTop .closes:hover,
.isLeaTop .expand:hover {
    text-decoration: none; /*background-color:#e4d1a9;*/
    opacity: 0.8;
}

/*弹出窗共用样式*/
#showoptional2,
#showCountry,
#showoptional,
#showCompany,
#showFilterBox,
.pc_win,
#showOddsTypes,
.tvLink,
#div_search {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 20px #777777;
}
.dark #showoptional2,
.dark #showCountry,
.dark #showFilterBox,
.dark #showoptional,
.dark #showCompany,
.dark .pc_win,
.dark #showOddsTypes,
.dark .tvLink,
.dark #div_search {
    box-shadow: 0 0 20px #000;
}

/*高亮绿提示窗*/
.notes-div {
    margin: 0 auto;
    width: 400px;
    padding: 20px;
    background-color: #eaf7e6;
    border: 1px solid #b9ccb3;
    color: #427742;
    box-shadow: 1px 2px 1px #bdd0bc;
}

/*title弹出信息*/
.add-div,
.close-info,
.hidden-info,
.display-info,
.add-info2 {
    position: relative;
}
.add-info:hover:after,
.add-info2:hover:after,
.add-info-l:hover:after,
.add-info-l2:hover:after,
.analyze-icon:hover:after,
.matchdata-icon:hover:after,
.closedata-icon:hover:after,
.odds-icon:hover:after,
.Detail-icon:hover:after,
.close-info:hover:after,
.odds-icon1x2:hover:after,
.Detail-basketball-icon:hover:after,
.hidden-info:hover:after,
.display-info:hover:after,
.open_win:hover:after,
.close_win:hover:after,
.threeinone-icon:hover:after,
.x12-icon:hover:after {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    line-height: 26px;
    z-index: 999;
    color: #fff;
    border-radius: 3px;
    background-color: #444;
    top: 28px;
    box-shadow: 0 0 6px #444;
    text-align: center;
    padding: 0 10px;
    white-space: nowrap;
}

.dark .add-info:hover:after,
.dark .add-info2:hover:after,
.dark .add-info-l:hover:after,
.dark .add-info-l2:hover:after,
.dark .analyze-icon:hover:after,
.dark .matchdata-icon:hover:after,
.dark .closedata-icon:hover:after,
.dark .odds-icon:hover:after,
.dark .Detail-icon:hover:after,
.dark .close-info:hover:after,
.dark .odds-icon1x2:hover:after,
.dark .Detail-basketball-icon:hover:after,
.dark .hidden-info:hover:after,
.dark .display-info:hover:after,
.dark .open_win:hover:after,
.dark .close_win:hover:after,
.dark .threeinone-icon:hover:after,
.dark .x12-icon:hover:after {
    background-color: #111;
}

.add-info:hover:after {
    content: "Add this game to My Games!";
}
.add-info2:hover:after {
    content: "Remove this game!";
}
.add-info-l:hover:after {
    content: "Add this league to My Leagues!";
}
.add-info-l2:hover:after {
    content: "Remove this league!";
}
.close-info:hover:after {
    content: "Remove all game of this league";
}
.hidden-info:hover:after {
    content: "Hide all game of this league";
}
.display-info:hover:after {
    content: "Display all game of this league";
}
.open_win:hover:after {
    content: "Hide prompt windows";
}
.close_win:hover:after {
    content: "Show prompt windows";
}

.odds-icon,
.odds-icon1x2,
.analyze-icon,
.Detail-icon,
.Detail-basketball-icon,
.x12-icon,
.matchdata-icon,
.closedata-icon {
    height: 14px;
    width: 14px;
    display: inline-block;
    margin: 0 1px;
    position: relative;
    text-align: center;
}
.threeinone-icon {
    display: inline-block;
    position: relative;
}
.odds-icon,
.odds-icon1x2 {
    background-image: url(/images/odds.png);
}
.analyze-icon {
    background-image: url(../../../images/icon-analytics.svg?v=1);
}
.matchdata-icon {
    background-image: url(/images/matchdata.png);
}
.closedata-icon {
    background-image: url(/images/matchdata2.png);
}
.x12-icon {
    background-image: url(/images/1x2.png);
}
.Detail-icon {
    background-image: url(/images/t5.png);
    width: 19px;
}
/*.dark .Detail-icon {background-image: url(/images/t5-dark.png); width: 17px;}*/

.Detail-basketball-icon {
    background-image: url(/images/t6.png);
}
.Detail-basketball-icon:hover:after {
    content: "Statistics";
}

.l0:hover:after {
    left: 0;
}
.r0:hover:after {
    right: 0;
}

#mintable .isLeaTop td {
    border-bottom: 1px solid #e2ded7;
}
.dark #mintable .isLeaTop td {
    border-bottom: 1px solid #4e4836;
}

/*子频道排行榜*/
.listtab td {
    text-align: center;
    padding: 8px 0;
}
.listtab tr:last-child td {
    border-bottom: 0;
}
/*.listtab a { text-decoration: underline;}*/
.rs_ser {
    padding: 0px;
    overflow: hidden;
}
.rs_ser li {
    float: left;
    position: relative;
    font-weight: normal;
}
.rs_ser li a {
    line-height: 30px;
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    color: #070f03;
}
.rs_ser li a:hover,
.rs_ser .nks a,
.rs_ser .nks a:hover {
    text-decoration: none;
    color: #070f03;
}

body.dark .rs_ser li a,
body.dark .rs_ser li a:hover {
    color: #e6e6e6;
}

.rs_ser_Second {
    background-color: #e5e5e5;
    overflow: hidden;
}
.rs_ser_Second li {
    float: left;
}
.rs_ser_Second li a {
    color: #666;
    padding: 2px 5px;
    display: inline-block;
    margin: 5px;
}
.rs_ser_Second .nks a,
.rs_ser_Second .nks a:hover {
    text-decoration: none;
}
.listtab .stsw td {
    line-height: 18px;
    padding: 2px 0;
}
.listtab .number {
    color: #666;
}
.litab2 {
    background-color: #f9f9f9;
}
#li_nba1,
#li_nba2 {
    width: 50%;
}
#li_ts1,
#li_ts2 {
    width: 50%;
}

.date-table-ul {
    height: 30px;
    padding-bottom: 2px;
}
.date-table-ul td a {
    display: inline-block;
    padding: 0 10px;
    line-height: 30px;
}
.date-table-ul td a:hover {
    text-decoration: none;
}
.date-table-ul td .dateLink-sel {
    color: #fff;
}
#tabMenu td {
    padding: 0;
    margin: 0;
}
.rf {
    padding: 10px;
    border-radius: 4px;
    overflow: hidden;
    width: 780px;
    float: left;
}

#info {
    width: 100%;
    max-width: 1188px;
    margin: 0px auto 15px auto;
    background-color: #fff;
    padding: 10px;
    border-radius: 4px;
    overflow: hidden;
}
#teammain .LName {
    text-align: left;
    font-weight: bold;
    padding-left: 10px;
}
.conner_span {
    display: inline-block;
    width: 100%;
}

.yellowcard,
.redcard {
    padding: 0 2px;
    border-radius: 2px;
    margin: 0 2px;
}
.yellowcard {
    background-color: #fdd668;
    color: #9c6c44;
}
.redcard {
    background-color: #d64444;
    color: #fff;
}

.close-match {
    display: inline-block;
    border-radius: 2px;
    width: 14px;
    height: 13px;
    position: relative;
}
.close-match:before,
.close-match:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 1px;
    top: 6px;
    left: 2px;
    background-color: #888;
}
.close-match:after {
    transform: rotate(-45deg);
}
.close-match:before {
    transform: rotate(45deg);
}
.close-match:hover {
    background-color: #e0e0e0;
}

.open_win,
.close_win {
    display: inline-flex;
    width: 14px;
    height: 8px;
    margin: 0 5px 0 3px;
    position: relative;
}
.close_win {
    border: 1px solid #bfbfbf;
    border-top: 3px solid #bfbfbf;
}
.close_win:hover {
    background-color: #ffea66;
}
.open_win {
    border: 1px solid #888;
    border-top: 3px solid #888;
    background-color: #ffea66;
}
.open_win:before {
    position: absolute;
    display: inline-flex;
    background-color: #f3ae97;
    width: 8px;
    height: 4px;
    content: "";
    left: 3px;
    top: 2px;
}
#cbbOddsType {
    border: 1px solid #c5c5c5;
    height: 26px;
    padding: 0 3px;
}

/*分析页*/
.team-table-title {
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    position: relative;
    height: 40px;
    clear: both;
}
.team-table-title .h-tools {
    display: inline-block;
    position: absolute;
    right: 10px;
    font-size: 14px;
}
.team-table-title2 {
    text-align: center;
    margin-top: 10px;
    position: relative;
    height: 20px;
}
.team-table-title2 span {
    position: inherit;
    bottom: -20px;
    font-weight: bold;
    font-size: 20px;
}
.team-table-home {
    float: left;
}
.team-table-guest {
    float: right;
}
.team-table-home,
.team-table-guest,
.team-table-other {
    line-height: 20px;
}
.team-table-home tr td,
.team-table-guest tr td,
.team-table-other tr td {
    padding: 3px 0;
}
.team-table-home td,
.team-table-guest td,
.team-table-other td {
    text-align: center;
}

.team-table-home th,
.team-table-guest th,
.team-table-other th {
    color: #666;
    font-weight: normal;
    line-height: 24px;
    background-color: #eaeaea;
    border-bottom: 1px solid #d8d8d8;
    white-space: nowrap;
}
.dark .team-table-home th,
.dark .team-table-guest th,
.dark .team-table-other th {
    background-color: #403f3f;
    border-bottom: 1px solid #525252;
}

.team-home td,
.home-m,
.team-table-home .playInfoBar {
    background-color: #de682f !important;
    color: #fff !important;
    text-align: center;
    line-height: 28px;
}
.team-guest td,
.guest-m,
.team-table-guest .playInfoBar {
    background-color: #2495da !important;
    color: #fff !important;
    text-align: center;
    line-height: 28px;
}

.dark .team-home td,
.dark .home-m,
.dark .fx-home .fx-win,
.dark .fx-home .fx-lose,
.dark .stat .homes .stat-bar,
.dark .home-bg,
.dark .team-table-home .playInfoBar {
    background-color: #a54f25 !important;
}
.dark .team-guest td,
.dark .guest-m,
.dark .fx-guest .fx-win,
.dark .fx-guest .fx-lose,
.dark .stat .away .stat-bar,
.dark .away-bg,
.dark .stat .aways .stat-bar,
.dark .away-bg,
.dark .team-table-guest .playInfoBar {
    background-color: #2a76a5 !important;
}
.dark .team-home-f,
.dark .team-home-f a,
.dark .team-table-home .teamcolor {
    color: #c36233;
}
.dark .team-away-f,
.dark .team-away-f a,
.dark .team-table-guest .teamcolor {
    color: #5cb1e6;
}

.team-home2 td,
.team-guest2 td {
    background-color: #b5b5b5;
    height: 1px;
    overflow: hidden;
}
.team-home2 span,
.team-guest2 span {
    display: none;
}
.team-home td a,
.team-guest td a,
.home-m a,
.guest-m a,
.other-title td a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.other-title td {
    background-color: #888;
    line-height: 28px;
    color: #fff;
}
.team-home-f,
.team-home-f a,
.team-table-home .teamcolor {
    color: #e27a48;
}
.team-away-f,
.team-away-f a,
.team-table-guest .teamcolor,
.blueLink {
    color: #3f9ed8;
}
/*.team-table-home .teamcolor,.team-table-guest .teamcolor {text-decoration: underline dashed; font-weight: bold}*/
.team-table-other th select,
.team-table-home th select,
.team-table-guest th select {
    margin-top: 5px;
    border: 1px solid #d2d2d2;
}
.team-table-other label,
.team-table-home label,
.team-table-guest label {
    font-size: 14px;
}

.rl {
    border-right: 1px solid #d8d8d8;
}
.ll {
    border-left: 1px solid #d8d8d8;
}

.dark .rl {
    border-right: 1px solid #525252;
}
.dark .ll {
    border-left: 1px solid #525252;
}
.team-table-other .no-b-l,
.team-table-home .no-b-l,
.team-table-guest .no-b-l {
    border-bottom: none;
}
.hbg1 {
}
.hbg-td1,
.isLeaTop,
.oddate {
    background-color: #fbfbcd !important;
}
.hbg-td2 {
    background-color: #edf9ee !important;
}
.hbg-td3 {
    background-color: #fbf1ef !important;
}

.dark .hbg-td1,
.dark .isLeaTop,
.dark .oddate {
    background-color: #3e3e2d !important;
}
.dark .hbg-td2 {
    background-color: #1e3520 !important;
}
.dark .hbg-td3 {
    background-color: #3e2e2b !important;
}

.hbg-td1r {
    background-color: #fff !important;
}
.hbg-td2r {
    background-color: #fff !important;
}
.hbg-td3r {
    background-color: #fff !important;
}
.hbg-td4r {
    background-color: #fff !important;
}

.dark .hbg-td1r {
    background-color: #404040 !important;
}
.dark .hbg-td2r {
    background-color: #404040 !important;
}
.dark .hbg-td3r {
    background-color: #404040 !important;
}
.dark .hbg-td4r {
    background-color: #404040 !important;
}

.th-bg2 {
    font-weight: bold !important;
    background-color: #e0e0e0 !important;
}
.dark .th-bg2 {
    background-color: #353434 !important;
}
.th-bg3 {
    font-weight: bold !important;
}
.bg-td2 {
    background-color: #f5f5f5;
}
.o-lose,
.o-win,
.o-draw,
.o-noResult {
    color: #fff;
    border-radius: 2px;
    min-width: 16px;
    padding: 0 2px;
    display: inline-block;
    text-transform: uppercase;
    line-height: 16px;
    text-align: center;
}
.o-lose {
    background-color: #d64444;
}
.o-win {
    background-color: #71ab49;
}
.o-draw {
    background-color: #f09b57;
}
.o-noResult {
    background-color: #aaa;
}
.lo-f2 {
    font-weight: bold;
}

.prediction-info {
    line-height: 35px;
    color: #666;
}
.Prediction-t {
    font-size: 14px;
    font-weight: bold;
}
.team-table-other .Prediction-c {
    padding: 20px;
    line-height: 22px;
    text-align: left;
    font-size: 12px;
}

.team-div {
    overflow: hidden;
    clear: both;
    z-index: 999;
}
.home-div {
    width: 49.5%;
    float: left;
}
.guest-div {
    width: 49.5%;
    float: right;
}

.player-list {
    padding: 10px;
    overflow: hidden;
    line-height: 28px;
}
.player-list a {
    float: left;
    display: inline-block;
    width: 47%;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 10px;
}
.home-div a b,
.guest-div a b {
    display: inline-block;
    margin-right: 3px;
    width: 20px;
    text-align: center;
    color: #386e90;
}
.home-div a span,
.guest-div a span {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    text-align: center;
    border-radius: 20px;
    line-height: 20px;
}
.home-div .Lineup {
    line-height: 25px;
    padding-left: 10px;
    background-color: #fffcec;
    border-bottom: 1px solid #e6deb1;
}
.dark .home-div .Lineup {
    background-color: #403e37;
    border-bottom: 1px solid #504d3c;
}

.home-div .Lineup:before {
    display: inline-grid;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #f5d155;
    border-radius: 20px;
    margin-right: 8px;
}
.dark .home-div .Lineup:before {
    background-color: #776527;
}
.guest-div .Lineup {
    line-height: 25px;
    padding-left: 10px;
    background-color: #ecf8ff;
    border-bottom: 1px solid #cbdfec;
}
.dark .guest-div .Lineup {
    background-color: #4e5558;
    border-bottom: 1px solid #606e77;
}

.guest-div .Lineup:before {
    display: inline-grid;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #9fcbe6;
    border-radius: 20px;
    margin-right: 8px;
}
.dark .guest-div .Lineup:before {
    background-color: #546e7d;
}

.Backup {
    line-height: 25px;
    padding-left: 10px;
    background-color: #eaeaea;
    border-bottom: 1px solid #d8d8d8;
}
.Backup:before {
    display: inline-grid;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #bdbdbd;
    border-radius: 20px;
    margin-right: 8px;
}
.dark .Backup {
    background-color: #3a3a3a;
    border-bottom: 1px solid #444;
}
.dark .Backup:before {
    background-color: #565656;
}

.team-table-home .vv,
.team-table-guest .vv {
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    width: 514px;
}
.team-table-home .vv {
    border-bottom: 2px solid #e27a48;
    color: #e27a48;
}
.team-table-guest .vv {
    border-bottom: 2px solid #3f9ed8;
    color: #3f9ed8;
    text-align: right;
}

/*分析图表*/
.fx {
    padding: 10px;
}
.fx-div {
    overflow: hidden;
    padding-bottom: 25px;
    margin: 0 auto;
}

.fx-div h3 {
    font-size: 18px;
    color: #666;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 10px;
}
.fx-tb-a {
    overflow: hidden;
    float: left;
}
.fx-tb-a li {
    width: 77px;
    float: left;
    text-align: center;
}
.fx-tb-a li .fx-td-data {
    height: 80px;
    position: relative;
    width: 50px;
    margin: 0 auto;
    border-radius: 3px 3px 0 0;
}
.fx-tb-a li .fx-td-data div {
    bottom: 0;
    position: absolute;
    width: 50px;
    border-radius: 3px 3px 0 0;
}
.fx-tb-a h4 {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    margin-bottom: 10px;
}
.fx-line {
    height: 140px;
    width: 1px;
    overflow: hidden;
    margin: 0 10px;
    float: left;
}
.fx-tb-a li .fx-tb-title {
    padding-top: 5px;
}
.fx-tb-a li .fx-tb-title b {
    display: block;
}
.short li {
    width: 77px;
}
.long li {
    width: 90px;
}

.fx-tb-b {
    overflow: hidden;
    padding-bottom: 5px;
}
.fx-tb-b h4 {
    font-weight: bold;
}
.fx-tb-b li {
    display: block;
    clear: both;
    line-height: 30px;
}
.fx-tb-b li .fx-td-data2 {
    height: 18px;
    float: left;
    margin: 7px 5px 0 -0;
    border-radius: 0 3px 3px 0;
}
.fx-tb-b li b {
    font-weight: normal;
}
.fx-tb-b li b,
.fx-tb-b h4 {
    width: 100px;
    text-align: center;
    float: left;
    box-shadow: 1px 1px 4px #d5d5d5;
    border: 1px solid #dedede;
    margin-bottom: -1px;
    color: #666;
    line-height: 30px;
}
/*.dark .fx-tb-b li b,.dark .fx-tb-b h4 {box-shadow: 1px 1px 4px #1d1d1d;border: 1px solid #292929;}*/

.fx-tb-b li span {
    display: inline-block;
    float: left;
    margin: 0 5px;
}
.long2 li,
.short2 li,
.short3 li {
    width: 460px;
}
.fx-logo {
    position: absolute;
    top: 230px;
}
.fx-logo img {
    height: 80px;
    vertical-align: middle;
    margin: 0 20px;
    border: 1px solid #e5e5e5;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px 0 10px 0;
}

.fx-div.fx-home,
.fx-div.fx-guest {
    height: 520px;
    overflow: visible;
    position: relative;
}
.fx-guest .short2 {
    top: 205px;
}
.fx-guest .short3 {
    top: 360px;
}
.fx-guest .fx-tb-b {
    position: absolute;
    left: -70px;
    padding-left: 5px;
}
.fx-guest .win-f,
.fx-guest .lose-f {
    color: #2495da;
    font-size: 14px;
}
.fx-guest .fx-logo {
    right: 20px;
}
.fx-home .fx-logo {
    left: 20px;
}
.fx-home .fx-tb-b.short2 {
    top: 235px;
}
.fx-home .fx-tb-b.short3 {
    top: 392px;
}
.fx-home .fx-tb-b {
    position: absolute;
    right: 28px;
    top: 81px;
}

.fx-home .fx-tb-b h4,
.fx-home .fx-tb-b li b {
    display: none;
}
.fx-home .fx-tb-b li .fx-td-data2 {
    float: right;
    border-radius: 3px 0 0 3px;
}
.fx-home .fx-tb-b li {
    line-height: 31px;
}
.fx-home .fx-tb-b li span {
    float: right;
}
.fx-home .win-f,
.fx-home .lose-f {
    color: #de682f;
    font-size: 14px;
}

.fx-win {
    background-color: #60b723;
}
.fx-lose {
    background-color: #ee6435;
}
.fx-draw {
    background-color: #aaa;
}
.win-f {
    color: #60b723;
}
.lose-f {
    color: #ee6435;
}
.draw-f {
    color: #aaa;
}
.o-tv {
    margin: 3px 0;
    display: block;
    clear: both;
}

.oodstable-t {
    text-align: center;
    font-weight: bold;
    line-height: 22px;
}
.oodstable-t2 {
    background-color: #fffae9;
    text-align: center;
}
.dark .oodstable-t2 {
    background-color: #312f26;
}
.win-note {
    background-color: #f7f7f7;
    width: 91%;
    margin: 10px auto;
    padding: 10px;
    line-height: 20px;
    color: #666;
}
.tennisAnalysis-win {
    width: 743px;
    padding: 10px;
}
.team-hg {
    color: #da2727;
    transform: scale(0.85);
}
.dark .team-hg {
    color: #eca9a9;
}
.text-info {
    text-align: center;
    color: green;
    position: relative;
    font-size: 12px;
}
.dark .text-info {
    background-color: #222f19;
    color: #999;
}

#live .no_data {
    display: none;
}
#live .no_data.active {
    display: block;
}
/*------------------------------------------------bottom--------------------*/
#bottom {
    clear: both;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    background-color: #555;
    color: #999;
}
#bottom a {
    color: #e5e5e5;
}
#bottom .f_menu {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
}
#bottom .f_menu li {
    display: inline;
    padding: 0 10px;
}
.menu,
menuL {
    font-weight: bold;
}
.menuL a {
    padding-left: 4px;
    border-left: 1px solid #999;
}
.menuL .flink {
    border-left: none;
}
.network a {
    display: inline-block;
    padding: 5px 8px;
    margin-right: 10px;
}
.network a:hover,
#bottom .webid a:hover {
    background-color: #3e3e3e;
    text-decoration: none;
    border-radius: 3px;
}
.network img {
    vertical-align: -6px;
    margin-right: 6px;
    width: 23px;
    height: 23px;
}

.webid {
    text-align: center;
    margin-bottom: 10px;
}
.webid .li {
    border-right: 1px solid #888;
    margin: 0 10px;
    display: inline-block;
    height: 12px;
}
#bottom .webid a {
    display: inline-block;
    padding: 0 10px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    font-family: Gotham, Helvetica Neue, Helvetica, Arial, " sans-serif";
}
#bottom .webid a i {
    color: #f60;
    font-style: normal;
}

/*--------------topTOOLS----------------------------------------------------*/

/*外部页面调用样式*/
.n-select {
    padding: 0 5px;
}
.n-select select {
    border: 0;
}
.n-mapp {
    background-color: #ff6002;
    height: 24px;
    overflow: hidden;
}

#free-tools {
    line-height: 24px;
}
#free-tools li {
    float: left;
    margin-top: 1px;
    border: solid 1px #cecece;
    border-radius: 2px;
    padding: 0 5px;
    display: block;
    cursor: pointer;
    margin: 0 3px 5px 0;
}
.dark #free-tools li {
    border: solid 1px #444;
}
#free-tools li select {
    border: none;
    line-height: 22px;
    height: 22px;
}
.dark #free-tools li select {
    background-color: #282828;
    color: #fff;
}
#free-tools .on {
    background-color: var(--primary-color);
}
#free-tools .on a,
#free-tools .on a:hover {
    color: #fff !important;
}

#detail-oddsSel {
    width: 86px;
    position: absolute;
    right: 0;
    top: 10px;
}
/*----------------------直播弹窗------------------------------*/
.tvLink {
    position: absolute;
    background-color: #fff;
    width: 400px;
    line-height: 30px;
    padding-bottom: 5px;
    z-index: 999;
}
.tvLink span {
    font-size: 12px;
    line-height: 20px;
    display: block;
}
.tvLink ul li a {
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    margin: 0 10px 5px;
    display: block;
    font-size: 14px;
    line-height: 32px;
}
.tvLink ul li a:hover {
    color: #fff;
    border: 1px solid var(--primary-color) !important;
    background: var(--primary-color);
}
.tvTitle {
    text-align: left;
    background-color: #397f19;
    color: #fff;
    padding: 0 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
}
.tvTitle img {
    float: right;
    line-height: 30px;
    cursor: pointer;
    margin: 6px 0;
}
.tvLink .team {
    text-align: center;
    font-weight: 800;
    line-height: 20px;
    padding: 10px;
}
.tvLink .team .home,
.tvLink .team .guest {
    float: left;
    width: 160px;
    padding: 0 5px;
    font-weight: bold;
    line-height: 16px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tvLink .team .guest {
    text-align: left;
}
.team .vs {
    font-size: 12px;
    font-weight: 800;
    line-height: 16px;
    width: 30px;
    float: left;
}
.tvLink .team span {
    color: #999;
}

.tvLink .nba {
    background: #7d5740;
}
.BtvLink {
    border: 2px solid #7d5740;
}
.BtvLink ul li:hover {
    border: 1px solid #7d5740;
    background: #faf5f0;
    color: #7d5740;
}
.BtvLink ul li a:hover {
    color: #7d5740;
}
.tvLink .noData {
    font-weight: 700;
    padding: 10px 0 15px 0;
}
.n-search {
    padding: 6px 10px;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 5px;
}
.n-search .input_text {
    border-radius: 4px;
    outline: none;
    line-height: normal;
}

/*----------------------搜索弹窗------------------------------*/
.search-container {
    z-index: 3;
    border-radius: 2px;
    overflow: hidden;
    top: -1px;
    padding: 8px 8px 0 8px;
}
.search-container .search-header {
    display: block;
    overflow: hidden;
}
.search-container .search-title {
    border-bottom: none !important;
}
.search-container .searchItem {
    line-height: 32px;
    font-size: 12px;
    overflow: hidden;
}
.search-container .searchItem:nth-child(odd) {
}
.search-container .searchItem:hover,
.search-container .more:hover {
    background: #fff0b9;
    cursor: pointer;
}
.dark .search-container .searchItem:hover,
.dark .search-container .more:hover {
    background: #191402;
}
.search-container .searchItem span {
    display: block;
    float: left;
    text-align: center;
}

.search-container .settop {
    width: 3%;
    line-height: 22px;
    height: 22px;
    background: url("/images/admygame.gif") no-repeat center center;
}
.search-container .add,
.search-container .add2 {
    width: 19px;
}
.search-container .add img,
.search-container .add2 img {
    margin-top: 7px;
}
.search-container .time-s {
    width: 6%;
}
.search-container .status {
    width: 16%;
}
.search-container .sclass {
    width: 15%;
}
.search-container .teamName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.search-container .homeName,
.search-container .guestName {
    width: 25%;
}
.search-container .totalScore {
    width: 10%;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}
#basketball .search-container .time-s {
    width: 21%;
}
#basketball .search-title span {
    background-color: #923031;
}
#div_search .sotit {
    text-align: left;
}
.search-title span {
    background-color: var(--primary-color);
    color: RGBA(255, 255, 255, 0.7);
    line-height: 26px;
}

#selectsound1,
#selectsound2 {
    width: 122px;
    height: 26px;
    margin-bottom: 4px;
    outline: none;
}
.goalTitle {
    line-height: 30px;
    padding: 0 10px;
    font-weight: 600;
}

#menu li {
    position: relative;
}
#menu li a:after {
    content: "";
    position: absolute;
    left: 35px;
    bottom: 0;
    height: 2px;
    border-radius: 100px;
    background: #fff;
    box-shadow: 0 0 0 rgb(255, 255, 255);
    transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0s,
        left 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) 0s,
        box-shadow 1s cubic-bezier(1, 1.39, 1, -1.67) 0s;
    width: 0px;
    overflow: hidden;
}
#menu li:hover {
    box-shadow: 0 0 20px rgb(255, 255, 255, 0);
}
#menu li:hover a:after {
    width: calc(100% - 44px);
    box-shadow: 0 0 20px rgb(255, 255, 255, 0);
}
#menu li .newMark {
    position: absolute;
    right: -12px;
    top: -2px;
    font-size: 12px;
    font-weight: normal;
    background: #f00;
    color: #fff;
    padding: 0 3px 2px 3px;
    border-radius: 2px;
}

.allno {
    display: inline-block;
    width: 11px;
    height: 12px;
    background-image: url(/images/allno.png);
    margin-top: 2px;
    cursor: pointer;
}
.analyze-icon,
.odds-icon,
.Detail-icon,
.matchdata-icon,
.threeinone-icon,
.closedata-icon {
    cursor: pointer;
}
.scoretab {
    background: #fff;
    padding: 5px;
    border-radius: 3px;
    box-shadow: 0 0 10px #666;
}
.scoretab td {
    line-height: 22px;
    font-size: 12px;
}
.closebtn {
    position: absolute;
    top: 6px;
    right: 6px;
    background: rgba(0, 0, 0, 0.3);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
}
.closebtn::before,
.closebtn::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 4px;
    width: 12px;
    height: 1px;
    background: #fff;
    transform: rotate(45deg);
}
.closebtn::after {
    transform: rotate(-45deg);
}
#basketball .listtab tr:hover {
    background: #ffeece;
    color: #ad6212;
    transition: all 0.2s linear;
}
#basketball.dark .listtab tr:hover {
    background: #3a3a3a;
}
#basketball .listtab tr:first-child:hover {
    background: none;
}

/*社区登陆相关*/
.loginBox {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 2px;
    top: 10px;
}
.loginBox #login_icon a {
    display: block;
}
.member-login-icon {
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: block;
}
.member-login-icon img {
    border-radius: 50%;
}
.loginBox .btn {
    padding: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: center;
}
.loginBox img {
    border-radius: 50%;
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}
.menu2x li .on .badge_fill {
    position: absolute;
    top: 3px;
    right: 3px;
    padding: 0 4px;
}
.badge_fill {
    white-space: nowrap;
    background: #f44336;
    border: solid 1px #f44336 !important;
    color: #fff;
    height: 15px;
    line-height: 13px;
    margin-left: 5px;
    font-weight: normal;
    border-radius: 10px;
    font-size: 12px;
    font-style: normal;
    position: absolute;
    top: 9px;
    padding: 0 4px;
}
.loginBox .badge_fill {
    position: absolute;
    bottom: -7px;
    top: unset;
}
.loginBox .sign_in_btn {
    position: absolute;
    right: 0;
    width: 90px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 34px;
    border: 1px solid #fff;
    border-radius: 3px;
    cursor: pointer;
}

/*--------------新球类*--------------/
/*
.data1 { float: left; width: 630px; text-align: center; }
.nodata { width: 95.2%; float: left; padding: 20px; font-size: 14px; text-align: center; line-height: 22px; border: 1px solid #d9d9d9; }
*/

/*比分页*/
.ahodds {
    text-align: right;
}
#returnTop a {
    float: right;
}
.listtab tr:hover {
    background: #ffeece;
    transition: all 0.2s linear;
}
.listtab tr:hover a {
    color: #ad6212;
    text-decoration: none;
}
.dark .listtab tr:hover {
    background: #3a3a3a;
}
.li_today {
    color: #ec6623;
}
#ball6 i {
    background-image: url(/images/Cricket.png);
}

/*资料库*/
.b {
    font-weight: bold;
}
.hide {
    display: none !important;
}
#i_main {
    float: left;
    width: 875px;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
    position: relative;
}
.info_title {
    overflow: hidden;
    margin: 0 0 15px 0;
}
.info_title_left {
    width: 85%;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    float: left;
}
.info_title_left .img {
    float: left;
    margin-right: 10px;
}
.info_title_left .img img {
    height: 60px;
    width: auto;
}
.info_title_left .btn {
    margin-left: 10px;
    height: 20px;
    line-height: 20px;
}
.info_title_right {
    float: right;
}
.info_title_right select {
    padding: 3px 4px;
    border: 1px solid #d2d2d2;
}
.sub_menu {
    overflow: hidden;
    line-height: 32px;
    border-bottom: 3px solid #005030;
}
.sub_menu a {
    text-decoration: none;
    color: #666;
    display: block;
    float: left;
    text-align: center;
    position: relative;
    margin-right: 2px;
    padding: 0 12px;
    background-color: #e5e5e5;
}
.sub_menu a:hover,
.sub_menu.league a:hover {
    background-color: #ddd;
}
.sub_menu a.on i {
    position: absolute;
    left: 0px;
    top: -3px;
    height: 3px;
    width: 100%;
    display: block;
    background: url(/images/topMenu_i.gif) no-repeat left top;
}
.league a.on,
.cup a.on,
.league a.on:hover,
.cup a.on:hover {
    background-color: var(--primary-color);
    color: var(--text-white) !important;
}
.dark .league a.on,
.dark .cup a.on,
.dark .league a.on:hover,
.dark .cup a.on:hover {
    background-color: var(--primary-color);
}
.nav_title_right {
    position: absolute;
    top: 90px;
    right: 10px;
}
.nav_title_right select {
    background-color: #fff;
    color: #333;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    line-height: 26px;
    height: 26px;
    padding: 0 5px;
    cursor: pointer;
}

.data {
    float: left;
    width: 100%;
}
table {
    border-collapse: collapse;
}
table tr td,
table tr th {
    line-height: 22px;
}
.tdlink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 1px solid #d9d9d9;
}
.tdlink > tbody > tr > td {
    border: 1px solid #e5e5e5;
}
.tdlink > tbody > tr > th {
    border: 1px solid #d2d2d2;
}
.tdlink tr:nth-child(odd) {
    background: #f7f7f7;
}
.tdlink a:link,
.tdlink a:visited {
    color: #a94446;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tdlink a:hover {
    color: #f60;
    text-decoration: none;
}

/* .nav_select_right {background-color: #e5e5e5;overflow: hidden;}
.crumbs {float: left;line-height: 33px;margin: 0 10px;color: #666;}
.nav_select_right #selectTeam {float: right;} */
.divtitle {
    background-color: #ffdc73;
    width: 200px;
    line-height: 25px;
    height: 25px;
    font-weight: bold;
    text-align: center;
    margin-top: 8px;
}
.regiontitle {
    width: 100%;
    background: #f5f5f5;
    color: #999;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    border-bottom: solid 1px #e8e8e8;
}
.team-box {
    border-bottom: solid 1px #e8e8e8;
}
.team-box::after {
    content: "";
    clear: both;
    display: block;
}
.teamnamebox {
    float: left;
    width: 49.9%;
    font-size: 15px;
    border-bottom: solid 1px #e8e8e8;
    border-right: solid 1px #e8e8e8; /* display: flex;align-items: center;justify-content: left;*/
}
a.teamnamebox:hover {
    text-decoration: none;
}
.teamnamebox .teamicon {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
    border-radius: 50%;
    margin: 10px;
    vertical-align: middle;
}
.teamnamebox:nth-child(even) {
    border-right: none;
}
.teamnamebox:last-child,
.teamnamebox:nth-last-child(2) {
    border-bottom: none;
}
.teamdeatbox {
    width: 99.8%;
    border: 1px solid #d9d9d9;
}
.team-head .teamdeatbox {
    width: 20%;
}

.content {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.main_title {
    background: var(--primary-color);
    color: var(--text-white);
    position: relative;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    float: left;
    width: 100%;
}
.main_title .title_left {
    padding: 0px;
    position: absolute;
    left: 4px;
    top: 6px;
}

.pages {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
.pages ul {
    margin: 0 auto;
    display: inline-block;
}
.pages li {
    float: left;
    background: #e5e5e5;
    color: #333;
    line-height: 26px;
    text-align: center;
    border-radius: 3px;
    margin: 0 2px;
    padding: 0 15px;
    cursor: pointer;
}
.pages .pagechose {
    color: #666;
    float: left;
    line-height: 26px;
    margin: 0 5px;
}
.pagechose select {
    margin-left: 5px;
    padding: 2px 5px;
}
.pages .pageicon {
    width: 6px;
    height: 6px;
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    transform: rotate(-45deg);
    margin: 9px 2px;
}
.pages .pageicon.next {
    transform: rotate(135deg);
}

.data .cupmatch {
    padding: 4px 0;
    border-bottom: 2px solid #a94446;
}
.data .cupmatch::after {
    content: "";
    display: block;
    clear: both;
}
.data .cupmatch li {
    float: left;
    padding: 0 3px;
    margin-right: 5px;
    line-height: 30px;
}
.data .cupmatch li:last-child {
    margin: 0;
}
.cupmatch_rw1 {
    color: #fff;
    background: #d05254;
    border: 1px solid #d05254;
    border-radius: 3px;
    line-height: 15px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    cursor: pointer;
}
.cupmatch_rw1 a {
    color: #fff;
}
.cupmatch_rw2 {
    color: #333;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    line-height: 15px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    cursor: pointer;
}
.cupmatch_rw2:hover {
    background: #fff1f1;
    border-color: #efc5c6;
}
.cupmatch_rw2:hover a {
    color: #333;
}
.points {
    background: #4aaf6c;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    padding: 1px 5px;
    margin-left: 5px;
    border-radius: 10px;
}

/*资料库----dark*/
.dark #info,
.dark #i_main,
.dark #i_main2,
.dark #bottom {
    background-color: #282828;
}
.dark .sub_menu a {
    background: #444;
    color: #ccc;
}
/* .dark .league a.on,.dark .league a.on:hover { background-color: var(--primary-color); color: #FFF; } */
.dark .league a:hover,
.dark .cup a:hover {
    background: #555;
}
.dark .nav_title_right select {
    background: #222;
    color: #e5e5e5;
    border: solid 1px #444;
}
.dark .tdlink tr:nth-child(odd),
.dark #Table3 tr:nth-child(odd) {
    background: #222;
}
.dark .tdlink,
.dark .tdlink > tbody > tr > td,
.dark .tdlink > tbody > tr > th {
    border-color: #444 !important;
}
.dark .divtitle {
    background-color: #bd9d4a;
    color: #444;
}
.dark .regiontitle {
    background: #333;
    border-color: #444;
}
.dark .pages li {
    background: #444;
    color: #ccc;
}
.dark .pages .pageicon {
    border-color: #ccc;
}
.dark .cupmatch_rw2 {
    background: #444;
    color: #fff;
    border-color: #555;
}
.dark .cupmatch_rw2:hover {
    background: #3e2a2b;
    border-color: #4e2e30;
}
.dark .cupmatch_rw2:hover a {
    color: #fff;
}

.footH1 {
    font-size: 15px;
    padding-top: 5px;
}

.Leaguestitle .rankicon {
    background: url(/Images/rank.svg) no-repeat center;
    width: 24px;
    height: 24px;
    margin: 2px 6px;
    float: right;
    display: inline-block;
    cursor: pointer;
}
.nodata {
    color: #999;
    padding: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
}

/*面包屑*/
.bread {
    width: 1060px;
    color: #999;
    font-size: 12px;
    line-height: 20px;
    margin: 5px auto;
    display: flex;
    align-items: center;
}
.bread a.off {
    color: var(--text-primary);
    font-weight: 600;
    margin: 0 5px;
    flex: 0 0 auto;
}
.bread h1 {
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    margin: 0 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.pushnote {
    height: 30px;
    overflow: hidden;
}
.pMsg a {
    color: #ffde00;
}

/* ---- 排行榜 ---- */
.rankbox {
    padding: 0;
}
.rankbox .lis {
    padding: 10px 0;
    border-bottom: 1px solid var(--border-2);
    cursor: pointer;
}
.rankbox .lis:last-child {
    border: none;
}
.rankbox .lis:hover {
    background: #ffeece;
    color: #ad6212;
    transition: all 0.2s linear;
}
#tennis.dark .rankbox .lis:hover {
    background: #3a3a3a;
}
.rankbox .lis .rank {
    color: #222222;
    font-size: 12px;
    font-style: italic;
    text-align: center;
    width: 20px;
    margin-right: 5px;
    vertical-align: 2px;
    display: inline-block;
    font-style: normal;
}

.rankbox .lis:nth-child(-n + 4) .rank {
    color: #222222;
}

.dark .rankbox .lis:nth-child(-n + 4) .rank,
.dark .rankbox .lis .rank {
    color: #e5e5e5;
}

.rankbox .lis .team {
    width: 110px;
    font-size: 12px;
    text-align: left;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.commontable {
    background: var(--bgcolor-1);
}
.commontable .tr-title th {
    color: var(--textcolor-2);
    line-height: 26px;
    padding: 2px 0;
}
.commontable td {
    font-size: 12px;
    line-height: 30px;
    padding: 3px 0;
    border-bottom: 1px solid var(--border-2);
}
.commontable .up2,
.commontable .down2 {
    background-position: 20px 12px;
    padding-left: 12px;
}
.commontable .rank {
    color: var(--textcolor-3);
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}
/*.commontable tr:nth-child(-n+11) .rank {color: var(--thirdly-color);}*/

/* css tennis - theo doi - favCount */
#favCount {
    white-space: nowrap;
    background: #f44336;
    border: solid 1px #f44336 !important;
    color: #fff;
    height: 15px;
    line-height: 14px;
    text-align: center;
    margin-left: 5px;
    font-weight: normal;
    border-radius: 10px;
    font-size: 12px;
    font-style: normal;
    position: absolute;
    top: 9px;
    padding: 0 4px;
    box-sizing: initial;
}
.fl {
    float: left;
}
.rankbox .lis .team {
    display: inline;
}
.team-hg {
    color: #da2727;
    transform: scale(0.85);
}
.dark .team-hg {
    color: #eca9a9;
}
.guest {
    display: block;
}
/* æ— æ•°æ® */
.no_data {
    height: 255px;
    padding: 20px;
}
.no_data p {
    text-align: center;
    line-height: 30px;
    margin: 10px 0;
}
.no_data .title {
    font-size: 20px;
    font-weight: 600;
    margin-top: 55px;
}
.no_data .explain {
    font-size: 16px;
}
.no_data .explain .icon {
    background: var(--bgcolor-2);
    color: var(--textcolor-3);
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    margin: 0 4px;
}
.no_data .searchbtn {
    background: var(--primary-color);
    color: var(--text-white);
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    min-width: 150px;
    padding: 5px 10px;
    margin: 10px 0;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
}
.no_data .searchbtn .icon {
    color: var(--text-white);
    font-size: 18px;
    font-weight: normal;
    margin-right: 5px;
}
p.explain {
    justify-content: center;
    display: flex;
}

#soccer.dark .Leaguestitle,
#basketball .Leaguestitle,
#soccer.dark .team_leaguetitle,
body.dark .Leaguestitle td {
    background: #1a1a1a;
}

#soccer.dark #live .Leaguestitle, body.dark .Leaguestitle td {
    background-color: transparent;
}

#tools .f11,
#switchLeagueBlock {
    display: block;
}
select#CompanySel {
    color: var(--textcolor-2);
    background: none;
    line-height: 24px;
    border-radius: 3px;
}
span.odds_detail-tn {
    display: flex;
    justify-content: end;
    padding-right: 8px;
}
span.odds_detail-tn select {
    border: 0;
    width: 90px;
}
/*.add-div .icon-font-collect-off, .add-div .icon-font-collect-on{*/
/*    width: 20px;*/
/*    height: 20px;*/
/*}*/
.icon-font-collect-on:before,
.icon-font-collect-off:before {
    /*margin-top: 7px;*/
}
#soccer .scoretitle td {
    color: #070f03;
    font-weight: 500;
}

.odds1 > span.up,
.odds1 > span.down {
    width: 100% !important;
    height: 100% !important;
    display: inline-block;
    margin: 0;
    color: white;
    line-height: 22px;
    border-radius: 4px;
    text-align: center;
}
.odds1 > span.up {
    background-color: #28966a !important;
    position: relative;
}
#tools.tools {
    margin-bottom: 10px;
}
.odds1 > span.up,
.odds1 > span.down,
.odds2 > span.up,
.odds2 > span.down,
.odds3 > span.up,
.odds3 > span.down {
    width: auto !important;
    height: auto !important;
    display: inline-block;
    margin: 0;
    /*padding: 1px 3px;*/
    color: #282828;
    line-height: 1.3;
    border-radius: 0px;
    text-align: center;
}
.odds1 > span,
.odds2 > span,
.odds3 > span,
.oddstd > span > span,
.oods-c-bg1 > span > span {
    padding: 0 2px !important;
    border-radius: 2px !important;
    display: inline-block;
}
.ahodds {
    padding-right: 10px !important;
}
.oods-c-bg2,
.down {
    color: white;
}
.oods-c-bg1,
.up {
    color: white;
}
.tennisPage #main #left {
    background-color: transparent !important;
}
.tennisPage #main #left .lrdiv {
    width: calc(100% - 20px) !important;
}
#tools .pd2 .filterLi.on {
    background: #005030;
}
#tools li.filterLi.on a .icon {
    color: white;
}
.Leaguestitle .icon-font-collect-on:before,
.Leaguestitle .icon-font-collect-off:before {
    /* margin-top: 0;
    top: 0;
    left: 0;
    transform: translate(0,0); */
    margin-top: 0;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
}
tr.Leaguestitle > td > a > span b {
    margin-left: 25px !important;
}

.tennisPage .main_title .title_left #seasonList,
.tennisPage .main_title .title_left #floorList,
.tennisPage .main_title .title_left #titleSelect {
    background-color: #e5e5e5;
    border: none;
    padding: 4px 30px 4px 10px;
    cursor: pointer;
    height: 100%;
    border: 1px solid #bbbbbb;
    border-radius: 60px;
    width: 100%;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #414141;
    font-size: 12px;
    font-weight: 500;
}