body { padding: 0; margin: 0; font-size: 12px; font-family: "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: middle; }

.nolink{ cursor:not-allowed;}

/*--足球风格--soccer-----------------------------------------------------------------------------------------------------*/ /**/ /**/ /**/ /**/ /**/ /**/ /**/
/**/ #header-wrapper, #analyMap a, .mintopnav li.on a, .dark .jqTitle { background-color: #226204; }
/*---soccer--bg1----*/
/**/ .menu2, #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: #307b06 }
/*---soccer--bg2----*/
/**/ #soccer .scoretitle td { color: #a7c19a; padding-bottom: 3px; line-height: 18px }
/**/ /*soccer二级导航栏*/
/**/ .tools, .mintopnav { border-bottom: 3px solid #307b06; }
/**/ .menu2 li a:hover { background-color: #184707 }
/*---soccer--hover-backgroundcolor----*/
/**/ .menu2 li a { border-right: 1px solid #226204; }
/**/ .menu2 li .on, .menu2 li .on:hover { color: #226204; }
/**/ .dark .menu2 li .on, .dark .menu2 li .on:hover { color: #fff }

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


/*---共用风格----------------------------------------------------------------------------------------------*/
body { background-color: #e5e5e5; }

    body.dark, body.dark, .dark .menu2 li .on, .dark .menu2 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 { 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, #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 { 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 { background-color: #282828; }


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

.menu2 li .on, .menu2 li .on:hover, .date-tab, #tools li a, .oodstable-t, .date-table th, .d_out, .gray-bg2, .fx-tb-a li .fx-td-data, .fx-line, .mintopnav a, .date-table-ul td a, .lo-f2, .fx-tb-b h4, .fx-tab span, .oddsCaption, .home-div a span, .guest-div a span { background-color: #e5e5e5; }

.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 { background-color: #444; }

.Leaguestitle { background-color: var(--table_header); }
/* .dark .Leaguestitle { background-color: #2f2f2f; } */

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

.tds:hover td, .tds:hover td p, .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 { background-color: #f9f9f9 }

.dark .tds:hover td, .dark .tds:hover td p, .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 { 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; }

.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 .menu2 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------*/
.odds1, .odds2, .odds3,.lr_tit, .lr_tit, .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 { color: #666 }
.dark .odds1, .dark .odds2, .dark .odds3, .dark .lr_tit, .dark .lr_tit, .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 { color: #999 }

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

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

/*--------线框灰度--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 { border-color: #e5e5e5 !important }


.dark #mintable td, .dark #oddsmain td, .dark .lr_tit, .dark .lr_titA, .dark .date-picker, .dark #mintable .Leaguestitle td, .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 { border-color: #444 !important }


#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 { 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 { 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 { 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 { 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; }

.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: #da2727 !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 { color: #0089F1; }
/*----绿-----------------------------------------------------------------*/
.green { color: #11AA11 }
.green1 { color: #009a01; }
/*----黄-----------------------------------------------------------------*/

/*----比分弹出窗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: #fad2c9 }

.dark .up_red { BACKGROUND-COLOR: #8c4332 }

.down_green { BACKGROUND-COLOR: #e4f5cb }

.dark .down_green { BACKGROUND-COLOR: #466b10 }

.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 #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:#f9d2d2}
.oods-c-bg2,.down {background-color:#c9e8c6}*/
.oods-c-bg1, .up { background-color: #c9e8c6 }

.oods-c-bg2, .down { background-color: #f9d2d2 }

.oods-c-bg3 { background-color: #FFFF00 }

/*.dark .oods-c-bg1,.dark .up {background-color:#8e3c64}
.dark .oods-c-bg2,.dark .down {background-color:#1e612e}*/
.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: #3e3932 }

.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: #e7f6f9 }

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


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

.dark .oddstd { background-color: #222; }

.ouOdds, .handOdds { background-color: #ffffe0 }

.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;margin:auto; }

.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; }

/*--篮球风格--Basketball-----#---------------------------------------------------------------------------------------------*/ /**/ /**/ /**/ /**/ /**/ /**/
/**/ #basketball #header-wrapper, #basketball .oddsHead select, #basketball #analyMap a, #basketball .nav_select, #basketball .mintopnav li.on a { background-color: #693131; }
/**/ #basketball .menu2, #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二级导航栏*/
    /**/ #basketball .menu2 li .on, #basketball .menu2 li .on:hover { color: #a94446; background-color: #e5e5e5 }
    /**/ #basketball .menu2 li a:hover { background-color: #923031 }
/**/ #basketball .tools, #basketball .mintopnav { border-bottom: 3px solid #a94446; }
/**/ #basketball .menu2 li a { border-right: 1px solid #8e3537; }
/**/ #basketball .menu2 .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: #e2e6f3; } */
/* #baseball.dark .Leaguestitle { background-color: #27293a; } */

/*棒球风格二级导航栏*/
#baseball .menu2 { display:flex; background-color: #4852bc }
#baseball .menu2 li{flex:1}
#baseball .menu2 li .on, #baseball .menu2 li .on:hover { color: #373f93; background-color: #e5e5e5 }
#baseball .menu2 li a:hover { background-color: rgba(0,0,0,.5); }
#baseball.dark .menu2 li .on, #baseball.dark .menu2 li .on:hover { color: #fff; background-color: #151515; }
/**/ #baseball .tools, #basketball .mintopnav, #basketball .tools, .mintopnav { border-bottom: 3px solid #373f92; }
/**/ #baseball .menu2 li a { border-right: 1px solid #373f92; }
/**/ #baseball .menu2 .sub2_4 { width: 130px; }
/**/ /*-------------------------------------------------------------------------*/


/*--网球风格--Tennis-----#---------------------------------------------------------------------------------------------*/ /**/ /**/ /**/ /**/ /**/ /**/
/**/ #tennis #header-wrapper, #tennis .oddsHead select, #tennis #analyMap a, #tennis .nav_select, #tennis .mintopnav li.on a, #tennis .menu2, #tennis #tools .on a, #tennis #tools .on a:hover, #tennis .mintopnav.v2 li.on a, #tennis .date-tab b, #tennis .date-tab a.on { background-color: #57750c; }
/**/
/**/ #tennis .tools, #tennis #tool { border-bottom: 3px solid #57750c; }
/**/
/**/ #tennis .Leaguestitle { background-color: #e5ead5; }
#tennis.dark .Leaguestitle { background-color: #41520e; }
/**/ /*-----------------------------------------------------------------------*/

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

.scoretitle td { line-height: 20px; }


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

#top { position: relative; clear: both; }

    #top .top { width: 1060px; margin: 0 auto; overflow: hidden; position: relative; height: 60px; }

    #top .weblogo { height: 32px; }

#nav { width: 100%; overflow: hidden; }

    #nav .nav { background-color: #346bab; width: 950px; margin: 0 auto; overflow: hidden; }

    #nav li { float: left; margin-right: 2px; width: 116px; }

        #nav li a { color: #fff; text-align: center; width: 100%; display: block; line-height: 40px; font-size: 15px; }

            #nav li a:hover { color: #fffc00; text-decoration: none; }

    #nav span a,
    #nav span a:hover { color: #fffc00; background-position: left 26px; }

#nav2 { width: 100%; }

    #nav2 ul { margin-bottom: 5px; }

.nav2 { background: #fff; clear: both; border: solid 1px #e4e4e4; border-top: none; height: 30px; text-align: center; width: 948px; margin: 0 auto; border-radius: 0 0 4px 4px; }

    .nav2 li { background: url(blue_img/ik.gif) no-repeat right; padding: 0 11px; line-height: 30px; display: block; float: left; height: 30px; }

        .nav2 li.worldcup { background: url("/images/worldcup.png") no-repeat 10px center; background-size: auto 77%; padding-left: 26px; }

        .nav2 li a { font-size: 14px; }

.nav22 { clear: both; height: 30px; text-align: center; background-color: #FFF; width: 950px; margin: 0 auto; }

    .nav22 li { background: url(blue_img/ik.gif) no-repeat right; padding: 0 8px; line-height: 30px; display: inline; height: 30px; font-weight: bold; }

        .nav22 li a { text-decoration: underline; }


/*------------------------------------------------main--------------------*/
.mcontent { width: 1060px; margin: 0px auto 10px auto !important; min-height: 700px }
    .mcontent:after { content: ""; display: block; clear: both; }

#live .settop { margin: 0 2px; cursor: pointer; }

#main { width: 1060px; clear: both; margin: 0 auto; padding: 0px 0px 6px 0px; }

.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; }

.slideBtn { position: relative; cursor: pointer; }
    .slideBtn::after { display: inline-block; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #999; position: absolute; right: 0; top: 16px }
    .slideBtn.on::after { transform: rotate(180deg); }

.lr_litime, .lr_litime a { line-height: 20px; }
/*------------------------------------------------left--------------------*/
#left { width: 155px; float: left; margin-right: 10px }

.leftnav { padding: 5px 0; }

    .leftnav li:last-child { border: none; }

    .leftnav li a { line-height: 28px; display: block; color: #656565; 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; }
.dark .leftnav li a img { border-color: #444; background: #333; }
.leftnav li a:hover,
.leftnav .select a,
.leftnav .select a { background: #ffeece; text-decoration: none; border-radius: 3px; color: #ad6212 }

#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 }

.L-ad { position: static; visibility: visible; z-index: 100; padding: 5px 0px; top: 491px; left: 0px; }

/*------------------------------------------------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 20px; 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; }

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: 80px; 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: #114779; 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 { }

    #mintable td, #oddsmain td { height: 24px; text-align: center; }



#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 { line-height: 24px; border-bottom: 1px solid #d1d1d1 }

.red, .blue { cursor: pointer; }

.f-b { font-weight: bold }

.status { color: #4496d4 }

.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: 350px; left: -220px; top: 0px; z-index: 5; position: absolute; display: none; padding-bottom: 10px; border: 1px double #E7E7E7; }

    #div_search a { line-height: 24px; padding: 0 10px; display: block; float: left; width: 90% }

        #div_search a:hover { text-decoration: none; }

#right { width: 155px; float: right; margin-left: 10px }

.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; height: 16px; display: block; width: 42px; }


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 { float: left; font-size: 11px; font-weight: bold; padding-left: 15px; }

#showoptional2, #showCountry { width: 600px; position: absolute; left: 55px; top: 29px; z-index: 5; visibility: hidden; }

    #showoptional2 li, #showCountry li, #showCompany 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: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: 15px 0; text-align: center; margin-top: 5px }

    .bts span { margin: 0 3px; font-size: 11px; font-weight: bold; line-height: 30px; height: 30px; cursor: pointer; padding: 0 10px; border-radius: 3px; display: inline-block; vertical-align: middle; }

    .bts .ent { background-color: #ffecc0; color: #ff6700; border: 1px solid #f9c7a6; }

        .bts .ent:hover { background-color: #ffecc0; color: #ff6700; }

.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 }

.oddschanges .odd-score { font-size: 15px; font-weight: bold }

.m5 { margin-bottom: 5px }
/*------------------------------------------------team vs team--------------------*/
#teammain { float: left; width: 710px; }

.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: #da2727; 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, .dark .lineups .partTitle { 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: #da2727; }

.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: #888; width: 150px; line-height: 25px; vertical-align: middle; cursor: pointer; }

    .fx-tab .middle-line { display: inline-block; width: 1px; background-color: #e5e5e5; margin: 0 60px; 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 { display: inline-block; color: #888; width: 120px; line-height: 25px; vertical-align: middle; cursor: pointer; }

    .fx-tab2 span { background-color: #e5e5e5; border-radius: 20px; display: inline-block; height: 25px; padding: 2px; }

    .fx-tab2 .fx-tab2-on { color: #555; font-weight: bold; border-radius: 20px; background-color: #fff; }

.fx-comparision { clear: both; width: 800px; 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: 300px; }

        .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; }

.fx-c-l, .fx-c-r { height: 18px }

.fx-c-3 { width: 100px; 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 { width: 100%; padding-bottom: 15px; position: relative; height: auto; 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: 30px; 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; }


#ad_middle_122 { text-align: center; /*background-color: #F5FAFE;*/ width: 1060px; margin: 0 auto; overflow: hidden; margin-top: 5px; margin-bottom: 5px; }

/*    #ad_middle_122 a { float: left; }

        #ad_middle_122 a:last-child { float: right; }*/

/*#ad_middle_2 img { width: 100%; }*/

.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: .2; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; }

.popup-overlay-again { background-color: #000000; filter: alpha(opacity=50); opacity: .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: #444; cursor: move; border-top: 1px solid #444; 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 #444; padding: 10px; 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; }

.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 5px; line-height: 24px; width: 80px; display: inline-block; }
/*popup end*/
#analyMap a { width: 46px; 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: 20px; color: red; font-weight: bold; line-height: 30px; }

.expLine { text-align: center; }

#main #left .lrdiv { width: 135px; }

.input_text { border: solid 1px #bbb; font-size: 12px; width: 105px; background: #fff url(/images/f.jpg) no-repeat 5px; border-radius: 2px; padding: 5px 0 5px 25px; }

.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 { padding: 0px; }

#main .adclass { text-align: center; }

#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; }


#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: #5885B7; left: 50%; margin-left: -210px; border: 10px solid RGBA(0, 0, 0, .5); padding: 14px; }

    #popupLinksMsg .step { margin-top: 5px; border: 1px double #FFF; }

    #popupLinksMsg a { color: #00C; text-decoration: underline; }

    #popupLinksMsg .linkBtn { background: url(/images/btnBg.jpg) repeat-x left top; height: 46px; width: 45%; line-height: 46px; text-align: center; font-size: 22px; font-family: tahoma; border: 2px solid #486d96; float: left; margin-right: 5px; margin-left: 5px; }

    #popupLinksMsg .closeBtn { position: absolute; right: 4px; height: 18px; width: 16px; cursor: pointer; font-size: 16px; font-weight: bolder; color: #fff; border: 2px solid #fff; text-align: center; top: 2px; }

    #popupLinksMsg .linkDesc { margin: 15px 0px 0px 5px; line-height: 20px; color: white; font-size: 16px; font-weight: bold; }

#topLine { background-color: #c1d9f5; font-weight: bold; }

#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; }
/*顶部球类导航*/
#newtop { width: 1060px; margin-right: auto; margin-left: auto; position: relative; }

#menu { padding: 2px; position: absolute; top: -50px; left: 200px; z-index: 1 ;margin-left: 10px;}

    #menu li { float: left;margin-right: 8px; }

        #menu li a { display: flex; font-size: 16px; font-weight: bold; color: #FFF; line-height: 35px; text-align: center; margin-right: 5px; padding: 0 25px; opacity: 0.6; position: relative }

            #menu li a:hover { text-decoration: none; border-radius: 3px; opacity: 1; }
            #menu li a:after { content: ""; position: absolute; left: 36px; 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 .tab_on { font-weight: bold; opacity: 1; }

        #menu .tab_on:after { display: inline-block; position: absolute; top: 33px; border-radius: 20px; left: 35%; width: 68px; height: 2px; content: ""; background-color: #fff; }
        #baseball #menu .tab_on:after {left: 30%;width: calc(100% - 44px);width: -webkit-calc(100% - 44px);}
    #menu .tab_bask_on { font-weight: bold; opacity: 1; }

        #menu .tab_bask_on:after { display: inline-block; position: absolute; top: 35px; border-radius: 20px; left: 50px; width: 83px; height: 2px; content: ""; background-color: #fff; }

    #menu a i { display: inline-block; width: 17px; height: 17px; margin-top: 10px; margin-right: 7px; background-size: 100% }

#ball1 i { background-image: url(/images/soccer.png); }

#ball2 i { background-image: url(/images/basketball.png); }

#ball3 i { background-image: url(/images/Tennis.png); }
#ball4 i { background-image: url(/images/Esports.png); }
#ball5 i { background-image: url(/images/Baseball.png); }

#ball9 i { background-image: url(/images/news.png); }
#ball11 i { background-image: url(/images/api.png); }
#balls i { background-image: url(/images/more.png); }
#ball12 i { background-image: url(/images/ad.png); }

#byLink { visibility: hidden; }
.miLive { background-image: url(/images/menubg3.gif); background-repeat: no-repeat; height: 33px; float: left; }

/*#topAdDiv { overflow: hidden; padding: 2px 0; }*/
/*#topAdDiv a:last-child { float: right; }*/
.clear { clear: both; }

/*顶部二级导航*/
.menu2 { clear: both; height: 35px; line-height: 35px; border-top: none; overflow: hidden; border-radius: 3px 3px 0 0; }
.menu2 li a { display: inline-block; line-height: 35px; height: 35px; float: left; font-weight: bold; width: 100%; text-align: center; position: relative; }
.menu2 li:last-child a { border-right: 0; }
.menu2 li a:hover { text-decoration: none; }

.shareLi { position: absolute; right: -6px; bottom: -1px; }
.shareLi img { width: 30px; margin-top: 3px; }

/*内容页菜单*/
#tools { line-height: 28px; height: 28px; }
    #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: bold; }
    #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 .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: .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,.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 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:after { content: ""; display: inline-block; position: absolute; width: 1px; height: 12px; background-color: #efefef; right: -4px; top: 15px }

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

.dark .date-picker ul li:after { background-color: #333; }

.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.97%; 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 .company_setting { float: right; position: relative; margin: 5px; line-height: 20px; }

#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;margin-bottom:4px;}
.fbheader > div {text-align:center;}
/*.fbheader .home {width:15%;float:left;text-align:center;margin-top:8.5px;position: relative;}*/
.fbheader .home,
.fbheader .guest {
  width: 35%;
  float: left;
  text-align: right;
  margin: 8px 0 0 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.fbheader .guest {
  float: right;
  justify-content: flex-start;
  text-align: left;
}
.fbheader .vs {width:30%;float:left;}
.fbheader .home .icon,
.fbheader .guest .icon {
  color: var(--textcolor-3);
  font-size: 24px;
  cursor: pointer;
}
.fbheader .sclassName {
  color: var(--textcolor-1);
  font-size: 16px;
  line-height: normal;
  font-weight: bold;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fbheader .home:not(.initcursor)  .sclassName:hover,.fbheader .guest:not(.initcursor)  .sclassName:hover {
  color: var(--thirdly-color);
}
.black { color: var(--textcolor-1)!important; }
.fbheader .icon-font-collect-on {color: var(--yellow60) !important;}
.fbheader .home a,.fbheader .guest a {font-size:14px;color:#3473C7;text-decoration:none;font-weight:bold;}
.fbheader .home img,.fbheader .guest img {display:block;margin:0 10px;width:60px;height:60px;}
.fbheader .row {line-height:30px;width:100%;display:block;overflow:hidden;}
#mScore .vs { font-weight: bold; }
.fbheader .row .LName {font-size:14px;font-weight:bold;}
.fbheader .row .half {margin:0 auto;}
.fbheader .row .half > div {width:33.3%;float:left;}
.fbheader .row .half .score {font-size:40px;font-weight:bold;color:#009a01;line-height:40px;}
.fbheader .row .half .vs {line-height:40px;color:#009a01;font-size:20px;}
.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 {margin:0 auto;}
.fbheader .row .end .row {line-height:40px;font-size:14px;cursor:auto;}
.fbheader .row .end .row:last-child {font-size:20px;}
.fbheader .row .end > div {width:33.3%;float:left;}
.fbheader .row .end .score {font-size:40px;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: 18px auto; font-family: "Sofascore Sans Condensed", sans-serif; }
#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,.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; }

#icons .icon span { display: none; }

#icons .icon:hover span { display: block; }

#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,.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: red }

.o-down { color: blue; }

.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 }

.switch { cursor: pointer; }

    .switch .switch-style { height: 14px; width: 20px; background: #c1c1c1; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; float: right; margin-top: 4px; }

        .switch .switch-style:before { display: block; content: ''; height: 12px; position: absolute; width: 8px; background-color: #fff; -webkit-border-radius: 2px; border-radius: 2px; left: 0.1em; top: 0.1em; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

    .switch > input[type="checkbox"]:checked + .switch-style:before { left: 50%; }

    .switch > input[type="checkbox"]:checked + .switch-style { }


/*dark-light模式开关*/
.theme-div { margin-top: 6px; float: left }

    .theme-div input { display: none }

.theme { cursor: pointer; }

    .theme .theme-style { height: 24px; width: 48px; background-color: #444; border-radius: 20px; display: inline-block; position: relative; transition: all 0.3s ease-in-out; cursor: pointer; float: right; vertical-align: middle; background-image: url('../../images/theme.png'); background-repeat: no-repeat; }

        .theme .theme-style:before { display: block; content: ''; height: 22px; position: absolute; width: 22px; background-color: #fff; border-radius: 20px; left: 0.1em; top: 0.1em; background-image: url(../../images/light.png); background-repeat: no-repeat; transition: all 0.3s ease-in-out; }

    .theme > input[type="checkbox"]:checked + .theme-style:before { left: 50%; background-image: url(../../images/dark.png); background-repeat: no-repeat; background-color: #fff; }

    .theme > input[type="checkbox"]:checked + .theme-style { background-color: #000 }



/*声音开关*/
.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"] + .el-radio-style { display: inline-block; padding: 0 15px; line-height: 35px; cursor: pointer; font-weight: bold; }

.el-radio > input[type="radio"] { display: none; }

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

/*共用样式*/
#main #min, #main3, #teammain, #info { padding: 10px; border-radius: 4px; }

#main #right .lrdiv, #main #left .lrdiv { padding: 0 10px 10px 10px; border-radius: 4px; }

.menu2 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: 25px; height: 28px; border-left: 1px solid #dcdcdc; position: relative; }

.dark .closes, .dark .collapse, .dark .expand { background-color: #3a3a3a; opacity: 0.6; border-left: 1px solid #5a5a5a; }

.closes:before, .closes:after, .expand:before, .expand:after, .collapse:before { position: absolute; content: ''; width: 12px; height: 1px; top: 11px; left: 6px; background-color: #888; }

.dark .closes:before, .dark .closes:after, .dark .expand:before, .dark .expand:after, .dark .collapse:before { background-color: #fff; 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 { transform: rotate(0deg); }

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; }

.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, .pc_win, #showOddsTypes { border-radius: 6px; overflow: hidden; box-shadow: 0 0 20px #777777; }

.dark #showoptional2, .dark #showCountry, .dark #showoptional, .dark #showCompany, .dark .pc_win, .dark #showOddsTypes { 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, .t_PH_RemFromMyGame { position: relative }

    .add-info:hover:after, .add-info2:hover:after, .add-info-l:hover:after, .add-info-l2:hover:after, .analyze-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, .scoretitle .t_PH_RemFromMyGame:hover:after { position: absolute; display: inline-block;font-family: "Tahoma";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 .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, .dark .scoretitle .t_PH_RemFromMyGame: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:hover:after { content: "Odds"; }

.odds-icon1x2:hover:after { content: "Odds"; }

.analyze-icon:hover:after { content: "Match analyze" }

.Detail-icon:hover:after { content: "Detail"; }

.threeinone-icon:hover:after { content: "3in1"; }

.x12-icon:hover:after { content: "1x2"; }

.odds-icon, .odds-icon1x2, .analyze-icon, .Detail-icon, .Detail-basketball-icon, .x12-icon { height: 12px; width: 12px; display: inline-block; margin: 3px; 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/analysis.png); }

.x12-icon { background-image: url(/images/1x2.png); }

.Detail-icon { background-image: url(/images/t5.png); width: 12px; }

.dark .Detail-icon { background-image: url(/images/t5-dark.png); width: 12px; }

.Detail-basketball-icon { background-image: url(/images/t6.png); width: 17px; }

    .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 { width: 100%; }
    .listtab td { text-align: center; padding: 8px 0; }

    .listtab tr:last-child td { border-bottom: 0 }

    .listtab a { text-decoration: none; }

.rs_ser { padding: 0px; overflow: hidden }

    .rs_ser li { float: left; position: relative; font-weight: bold; width: 50%; }

        .rs_ser li a { line-height: 25px; display: block; float: left; width: 100%; text-align: center; color: #666; }

    .rs_ser .nks a, .rs_ser .nks a:hover { text-decoration: none; color: #F60 }

    .rs_ser .nks:after { content: ''; display: inline-block; width: 100%; height: 3px; background-color: #F60; position: absolute; bottom: 0; left: 0 }

.dark .rs_ser_Second { background-color: #151515; }
.rs_ser_Second { }
    .rs_ser_Second li { background-color: #e5e5e5; float: left; width: 50%; text-align: center; }
.dark .rs_ser_Second li { background: #151515; }
    .dark .rs_ser_Second li a { color: #ccc; }
.rs_ser_Second li a { color: #666; padding: 5px; display: inline-block; margin: 5px; width: 70%; }
.rs_ser_Second .nks a, .rs_ser_Second .nks a:hover { background-color: #f9f9f9; text-decoration: none; }
.dark .rs_ser_Second .nks a, .dark .rs_ser_Second .nks a:hover, .dark .partTitle .line-btn { background-color: #2f2f2f; }


.listtab .stsw td { line-height: 18px; padding: 2px 0 }

.listtab .number { color: #888 }

.litab2 { background-color: #f9f9f9; }

#li_nba1, #li_nba2, #li_nba3 { width: 33% }

.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 { margin: 0px auto 10px auto; width: 1040px; min-height: 600px; }

#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: #da2727; 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; margin-bottom:10px;}
.team-table-guest{ float: right;margin-bottom:10px;}
.team-table-home, .team-table-guest, .team-table-other, .player-list { line-height: 20px; }
    .team-table-home td, .team-table-guest td, .team-table-other td { text-align: center; }
    .team-table-home tr td, .team-table-guest tr td, .team-table-other tr td { padding: 3px 0; }


    .team-table-home th, .team-table-guest th, .team-table-other th { /*color: #888;*/ 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, .team-home td, .home-m, .team-table-home .playInfoBar { background-color: #de682f !important; color: #fff !important; text-align: center; line-height: 28px }

.team-guest, .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-table-home .teamcolor { color: #c36233; }

.dark .team-away-f, .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 { color: #fff; font-size: 14px; font-weight: bold }

.other-title { background-color: rgb(222,104,47); line-height: 28px; color: #fff; }

    .other-title td { background-color: #888; line-height: 28px; color: #fff; }



/*.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 }

.table-add-lh tr{ line-height: 30px; }

.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: #efefae !important }

.hbg-td2r { background-color: #cee8d0 !important }

.hbg-td3r { background-color: #f1dddb !important }

.hbg-td4r { background-color: #e5e5e5 !important }

.dark .hbg-td1r { background-color: #56563b !important }

.dark .hbg-td2r { background-color: #384a39 !important }

.dark .hbg-td3r { background-color: #504140 !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 { color: #fff; font-weight: bold; border-radius: 2px; width: 17px; display: inline-block; text-transform: uppercase; line-height: 16px; text-align: center }

.o-lose { background-color: #da2727 }

.o-win { background-color: #60b723 }

.o-draw { background-color: #aaa }

.lo-f2 { font-weight: bold }


.prediction-info { line-height: 35px; color: #888 }

.Prediction-t { font-size: 14px; font-weight: bold; }

.Prediction-c { padding: 20px; line-height: 22px; text-align: left; font-size: 12px }

.team-div { overflow: hidden; clear: both; z-index: 999; display: flex; flex-direction: row; justify-content: space-between; }


.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; text-decoration: none; }

.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: #888; 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(.85); display: inline-block }

.dark .team-hg { color: #eca9a9 }

.text-info { text-align: center; background-color: #e7f7dd; position: relative; line-height: 22px }

.dark .text-info { background-color: #222f19; color: #999; }

/*------------------------------------------------bottom--------------------*/
#bottom { clear: both; width: 100%; text-align: center; padding: 15px 0; background-color: #555; color: #999 }

#bottom a {color: #e5e5e5; cursor:pointer; }
#bottom .f_menu{ width:1000px;line-height: 20px; margin:0 auto; text-align:center; margin-top: 10px}
#bottom .f_menu li {display:inline; padding:0 10px;line-height: 20px;}
#bottom .f_menu .btn {background: var(--white10);text-decoration: none;padding: 2px 8px;border-radius: 4px;}
.f_menu .btn.open::after,.f_menu .btn.retract::after {content:"";margin-left: 4px;vertical-align: -2px;border-width: 4px;border-style: solid;border-color: #fff transparent transparent transparent;display: inline-block;}
.f_menu .btn.retract::after {border-color: transparent transparent #fff transparent;vertical-align: 2px;}

.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; }

#logoSpan { display: inline-block;position: absolute;left: 0px;top: 10px;}

    #logoSpan i { display: inline-block; border-radius: 2px; vertical-align: 18px; color: #f90; padding: 0 4px 2px 4px; margin-left: 4px; font-size: 16px; font-style: normal; font-weight: bold; }

#Head1_ht2 { display: inline-block; position: absolute; left: 0px; top: 12px }

/*--------------topTOOLS----------------------------------------------------*/
.languageChoose{float:left;color:#fff;}
.languageChoose .Choose-tool { width: 90px; margin: 9px; }
#top-tools { background-color: #212121 }

.top-tools-c { width: 1060px; line-height: 36px; height: 36px; margin: 0 auto; color: #fff }

.top-tools-left { float: left }

.top-tools-right { float: right;height:36px; }

.Choose-tool { float: left; display: inline-block; margin-right: 15px; position: relative; cursor: pointer; }
.Choose-tool .country {display:flex;flex-direction:row;align-items:center;}
.Choose-tool .ctyicon {width: 22px;height: 22px;border-radius: 50%;margin-right: 8px;overflow: hidden;}
.Choose-tool .ctyicon img {height: 22px;vertical-align: middle;}
.Choose-tool i { display: inline-block; content: ""; top: 2px; transition: .2s; width: 0; height: 0; vertical-align: middle; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #FFF; margin-left: 4px; }
.Choose-tool.on i { transform: rotate(180deg); }
.Choose-tool ul { padding: 10px; background-color: #212121; /*#fff;*/ position: absolute; left: 0; z-index: 9999; box-shadow: 0 5px 10px rgba(0,0,0,0.3); }
.Choose-tool ul li { height: 26px; line-height: 26px; padding: 5px !important; }

.top-tools-share { float: right; margin-left: 80px; }
.share { display: inline-block; width: 22px; height: 22px; margin: 7px 10px 0 0; opacity: .4; background-size: 22px 22px; cursor: pointer; }

    .share:hover { opacity: .8 }

    .share.facebook { background-image: url(/images/FaceBook.png); }

    .share.blogger { background-image: url(/Images/blogger.png); }

    .share.telegram { background-image: url('../../images/share/telegram.png'); }

    .share.twitter { background-image: url(/images/twitter.png); }

.menu-more { opacity: 1; background-color: #212121; }

.basketball-infos { text-align: center; line-height: 30px }

.bak_div .odd-bg1 b { white-space: nowrap }

#matchBox .shutup { height: 24px; position: relative }

    #matchBox .shutup table { display: none }

#matchBox .backupPlay .shutup-btn { background-color: rgb(58, 92, 27); color: #FFF; margin: 0 auto; text-align: center; line-height: 24px; width: 80px; border-radius: 3px 3px 0 0; cursor: pointer; }

    #matchBox .backupPlay .shutup-btn:hover { background-color: rgb(42, 82, 6) }

#matchBox .shutup .shutup-btn { background-color: #41750D; width: 100%; }

#matchBox .backupPlay .shutup-btn:after { display: inline-block; content: ""; width: 0; height: 0; border-bottom: 4px solid rgba(255, 255, 255,0.5); border-top: 0 none; border-left: 4px solid transparent; border-right: 4px solid transparent; vertical-align: 2px; margin-left: 5px; }

#matchBox .shutup .shutup-btn:after { display: inline-block; content: ""; width: 0; height: 0; border-top: 4px solid rgba(255, 255, 255,0.5); border-bottom: 0 none; border-left: 4px solid transparent; border-right: 4px solid transparent; vertical-align: 2px; margin-left: 5px; }

#matchBox .backupPlay table { padding: 10px 0 }

#porletAd0, #porletAd1, #porletAd2, #porletAd3, #porletAd4, #porletAd5, #porletAd6, #porletAd7, #porletAd8, #porletAd9, #porletAd10 { text-align: center; }

.top-tools-btn { display: block; padding: 0 10px; border: 1px solid rgba(255,255,255,0.5); float: left; margin: 7px 10px 0 0; line-height: 20px; border-radius: 3px; overflow: hidden; cursor: pointer; }


/* ------------图表----------- */
select { border: 1px solid #888; border-radius: 3px; }
.home-div, .guest-div, .guest-div-previous, .home-div-previous, .guest-div-handicap, .home-div-handicap { width: 49.5%; }
.dark .StatisticalTr { background-color: #2f2f2f; }
.StatisticalTr { padding: 15px 0; background: #f9f9f9; }
    .StatisticalTr td { border: none; }
    .StatisticalTr .rank { height: 40px; line-height: 40px; margin-top: -10px; padding-left: 10px; font-size: 16px; text-align: left; color: #4879bc; }
.dark .StatisticalTr .RWL { color: #e5e5e5; }
.StatisticalTr .RWL { min-width: 35px; font-size: 14px; font-weight: bold; color: #333; text-align: right; margin-right: 5px; display: inline-block; }
.StatisticalTr .chart-ht { width: 100%; height: 20px; border-radius: 3px; display: inline-block; vertical-align: middle; margin: 0 5px; }
.StatisticalTr .chart { height: 40px; line-height: 40px; padding-left: 10px; text-align: left; }
.StatisticalTr .circle { width: 200px; height: 100px; display: inline-block; margin: 0; padding: 0; position: relative; background: transparent; }
    .StatisticalTr .circle .txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
        .StatisticalTr .circle .txt span, .StatisticalTr .circle_pss .txt span { display: block; line-height: 18px; text-align: center; }
        .StatisticalTr .circle .txt .tcB, .StatisticalTr .circle_pss .txt .tcB { font-size: 16px; }
.StatisticalTr .circle_pss .txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.circle_pss { width: 32%; display: inline-block; padding: 0; position: relative; background: transparent; position: relative; }
.Sline:before, .Sline:after { content: ""; position: absolute; top: 5px; left: 0; right: auto; width: 1px; height: 96px; background: #e5e5e5; }
.Sline:after { left: auto; right: 0; }
.dark .Sline:before, .dark .Sline:after { background-color: #444; }
.Stat-text { display: block; width: 100%; }
.dark .text-center { color: #e5e5e5; }
.text-center { width: 32%; display: inline-block; color: #666; text-align: center; font-size: 14px; font-weight: bold; line-height: 30px; }
.hos_tool { font-size: 12px; line-height: 20px; font-weight: bold; margin: 0 10px; display: inline-block; vertical-align: middle; }
.dark .seltit { background-color: #403f3f; border-color: #525252; }
.seltit { background: #eaeaea; border-bottom: 1px solid #d8d8d8; line-height: 26px; text-align: center; }
.nocan { border: 9px solid #e5e5e5; border-radius: 50%; width: 80px; height: 80px; margin: 0 auto; }
    .nocan:hover { border-color: #ddd; transition: all 0.2s linear; }
.small { width: 65px; height: 65px; border-width: 8px; }
.team-home-f, .team-table-home .teamcolor { color: #f60; }
.team-away-f, .team-table-guest .teamcolor, .blueLink { color: #2495da; }
    .team-table-guest .teamcolor:hover, .blueLink:hover { text-decoration: underline; }



.hide { display: none; }
.b { font-weight: bold; }
.winBG { background: #4879bc; }
.losBG { background: #ca4b4b; }
.draBG { background: #aaa; }
.tcB { color: #4879bc; }
.tcR { color: #ca4b4b; }
.chart_bs { width: 100%; height: 100%; border-radius: 3px 3px 0 0; position: absolute; bottom: 0; left: 0; }
.dark .progress { background-color: #444; }
.progress { width: 50px; height: 100px; background: #e5e5e5; border-radius: 3px 3px 0 0; text-align: center; display: inline-block; margin: 20px; position: relative; }
    .progress span { color: #999; font-weight: bold; display: inline-block; position: absolute; top: -10px; transform: translate(-50%, -50%); }
.square { width: 15px; height: 15px; border-radius: 3px; display: inline-block; margin-right: 10px; margin-bottom: 3px; vertical-align: middle; }

.flex-dispaly_column { width: 32%; padding: 0 5px; display: inline-block; text-align: center; }
    .flex-dispaly_column h2 { font-size: 16px; font-weight: bold; line-height: 30px; margin-bottom: 20px; }
.flex-dispaly { text-align: center; }
    .flex-dispaly .ltb { min-width: 24px; display: inline-block; }
.flex-center { text-align: center; display: inline-block; }
.textL { text-align: left; line-height: 22px; }
.recent .o-win, .recent .o-lose, .recent .o-draw { margin: 0 5px; }

/* -----收展按钮------ */
.toggle { background: #f9f9f9; cursor: pointer; display: none; }
    .toggle:hover { background: #f5f5f5; transition: all 0.2s linear; }
.upIcon, .downIcon { width: 95%; height: 30px; background: url(../../images/tpl/expand_hide.png) no-repeat center; margin: 0 auto; opacity: 0.7; border-top: 1px dashed #e5e5e5; }
.downIcon { background: url(../../images/tpl/expand_show.png) no-repeat center; }
    .upIcon:hover, .downIcon:hover { opacity: 1; transition: all 0.2s linear; }
/* ------------------ */
.full_width { width: 100%; }
.full_height { height: 100%; }
.li_today { color: #ec6623; }

.bftab { text-align: center; line-height: 25px }
    .bftab tr { height: 30px; }
    .bftab .att-icon { width: 16px; height: 16px; background: url(/images/bat.png) no-repeat center; background-size: 100%; display: inline-block; }
    .bftab .def-icon { width: 16px; height: 16px; background: url(/images/Bball.png) no-repeat center; background-size: 100%; display: inline-block; }
.scoretitle .detail-icon { width: 16px; height: 16px; background: url(/images/detail.png) no-repeat center; background-size: 100%; display: inline-block; vertical-align: middle; margin: 0 0 2px 5px; cursor: pointer; }

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

.leftnav li a img { width: 20px; height: 13px; background: #f5f5f5; border: 1px solid #e4e4e4; border-radius: 3px; margin-right: 10px; }
.league .add-info2:hover:after { top: 0; left: 70px; }

.Statistics .Sta_Tab { height: 35px; }
    .Statistics .Sta_Tab ul li { float: left; width: 35px; height: 35px; }

.Statistics .Sta_pag { background: #373f92; height: 25px; line-height: 25px; padding: 5px; margin-bottom: 5px; }
.Sta_pag .page-numb { font-size: 12px; color: #fff; float: left; text-align: center; padding: 0 10px; margin-right: 10px; border-radius: 3px; }
    .Sta_pag .page-numb.on, .Sta_pag .page-numb:hover { background: #4852bc; transition: all 0.2s linear; }
.Sta_Content { background: #f9f9f9; }
.dark .Sta_Content { background: #2f2f2f; }
.Sta_Content .stat { padding-top: 20px; }

.arrow-up, .arrow-down { cursor: pointer; height: 0px; width: 0px; border-top: 6px solid #4852bc; transform: rotate(180deg); display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: none; margin: 0 6px; }
.arrow-down { transform: rotate(0deg); }
.countryicon { width: 20px; height: 15px; text-align: left; background: #eee; border-radius: 3px; margin: 0 10px 2px 10px; vertical-align: middle; }
.noflag { background: #eee url(/images/country/noflag.png) no-repeat center; background-size: 100%; border: 1px solid #ddd; }
.team-table-other .player { text-align: left; padding-left: 10px; }
.lineups { position: relative; }
    .lineups .partTitle { position: absolute; top: calc(50% + 26px); left: 50%; transform: translate(-50%, -50%); padding: 0 8px; width: 160px; height: 122px; background: #fff; color: #888; font-weight: bold; line-height: 30px; text-align: center; border: 1px solid #dedede; border-radius: 3px; box-shadow: 0 1px 10px #d5d5d5; }
.partTitle .line-btn { font-size: 12px; font-weight: bold; background: #eee; margin: 8px 0; border-radius: 3px; cursor: pointer; }
    .partTitle .line-btn:hover { background: #f5f5f5; color: #666; transition: all 0.2s linear; }
.dark .partTitle .line-btn:hover { background: #333; color: #ccc; }
.partTitle .line-btn.on, .dark .partTitle .line-btn.on { background: #4852bc; color: #fff; }
.home-div .countryicon, .guest-div .countryicon { margin: 0; }
.nodata { color: #999; padding: 20px; text-align: center; font-size: 12px; line-height: 22px; }
.finger-cursor { cursor: pointer; }
.notitle { margin-top: 5px; }
.LH tr td { padding: 10px 0; }
.sde .closes, .sde .collapse, .sde .expand { width: 32px; }
.sde1 .closes, .sde1 .collapse, .sde1 .expand { width: 29px; }

.n-search { padding: 6px 10px; overflow: hidden; border-radius: 4px; margin-bottom: 5px; background-color: #fff; }
.dark .n-search { background: #282828; }
.n-search .input_text { border-radius: 4px; outline: none;line-height: normal; }
.input_text { border: none; font-size: 12px; width: 105px; background: url(/images/f.png) no-repeat 5px; border-radius: 2px; padding: 5px 0 5px 25px; }
.dark .input_text { color: #999 !important; }
.sde1 .closes, .sde1 .collapse, .sde1 .expand { width: 27px; }

#bottom .explain { width: 1000px; text-align: justify; line-height: 20px; margin: 5px auto; }

#ball6 i { background-image: url(/images/Cricket.png); }

/*---广告相关样式----------*/
#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 { float:left;}
#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; }

.flyClose { position: absolute; top: 0px; right: 0px; background: rgb(0 0 0 / 40%); width: 20px; height: 20px; border-radius: 50%; z-index: 100; cursor: pointer; }
    .flyClose::before, .flyClose::after { content: ""; position: absolute; top: 4px; left: 10px; background: #fff; width: 1px; height: 12px; transform: rotate( 45deg); }
    .flyClose::after { transform: rotate( -45deg); }


/* ----404---- */
.nodatapage { margin: 50px auto; text-align: center; }
.nodatapage .alogo { color: #226204; font-size: 90px; font-weight: bold; }
.nodatapage .explain { color: #999; font-size: 26px; line-height: 30px; font-weight: bold; }
.nodatapage .proposal { color: #999; font-size: 14px; line-height: 30px; margin-top: 40px; }
.nodatapage .backbtn { background: #226204; color: #fff; width: 20%; padding: 0 10px; margin: 0 auto; border-radius: 4px; display: block; }
.nodatapage .iconsbtn { margin: 30px 0; }
.nodatapage .iconsbtn a, .dark .nodatapage .iconsbtn a { color: #999; min-width: 60px; display: inline-block; margin: 0 10px; }
.nodatapage span { display: block; margin: 0 auto; }
.nodatapage .ndpicon { background: #f5f5f5; width: 30px; height: 30px; padding: 10px; border-radius: 50%; }
.dark .nodatapage .ndpicon { background: #353535; }

/*底部*/
.newlogoBar { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly;}
.newlogo img { vertical-align: middle; border: none; max-width: 100%; position: relative; font-size: 12px; }


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

.new_icon { color: #fff; background: #F44336; background-image: none !important; height: 15px; line-height: 13px; margin-left: 5px; font-weight: normal; border-radius: 10px; font-size: 12px; font-style: normal; position: absolute; top: 0; left:106px; padding: 0 4px; white-space: nowrap; }

body #bottom .webid .mobile-version { background: url("/Images/phone.svg") no-repeat; background-position-y: 2px; font-size: 18px; font-weight: normal; line-height: 30px; width: 148px; }
.pushnote { height: 30px; overflow: hidden; }
.pMsg a { color: #ffde00; }

.Leaguestitle .rankicon { background: url(/Images/rank.svg) no-repeat center; width: 24px; height: 24px; margin: 2px 6px; float: right; display: inline-block; cursor: pointer; }
.Leaguestitle {background: var(--table_header);}
.Leaguestitle.team { background: var(--bgcolor-3) !important; }
.Leaguestitle td {border-bottom: 1px solid var(--black05) !important;}
.dark .Leaguestitle td {border-bottom: 1px solid var(--white10) !important;}


/*面包屑*/
.bread {width: 1060px;color: #999;font-size: 12px;line-height: 20px;margin: 5px auto;display: flex;align-items: center;}
.bread a.off {color: #307b06;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;}

/*社区登陆相关-------------------------------------*/
#top .weblogo { height: 32px !important; }
.mcontent {margin: 10px auto;}
.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; }
.member-icon { width: 40px; height: 40px; position: absolute; background: url(/images/user-login.png) no-repeat; cursor: pointer; }

/*Gao*/
.icon { color: var(--textcolor-3); font-size: 15px; width: 20px; height: 20px; line-height: 20px; position: relative; cursor: pointer; }
.team-hg, .bftab .rank { color: #888888; transform: scale(.85); display: inline-block; }

.webid .site { color: #d0d0d0; font-size: 14px; margin: 0 5px 0 20px;}
/*通知弹窗*/
body .NotificalPop {
    background: var(--bgcolor-1);
    width: 280px;
    padding: 10px;
    border-radius: 6px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 10000;
}
body .NotificalPop .tit {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
}
body .NotificalPop p {
    color: var(--textcolor-1);
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    padding: 10px;
}
body .NotificalPop .btn {
    background: var(--primary-color);
    color: var(--text-white);
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 4px;
    padding: 8px 0;
    margin: 5px 10px;
    cursor: pointer;
}
.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);
}
#favnotice {
    bottom: unset !important;
    right: unset;
    left: 50%;
    top: 30%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.loginBox .iconfont {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
}