:root {
    /*GRAY灰色*/
    --white:  #fff;
    --gray3:  #f9f9f9;
    --gray5:  #f5f5f5;
    --gray10: #f0f0f0;
    --gray20: #eaeaea;
    --gray30: #e5e5e5;
    --gray40: #dadada;
    --gray45: #d0d0d0;
    --gray50: #999;
    --gray60: #666;
    --gray65: #555;
    --gray70: #444;
    --gray80: #333;
    --gray90: #222;
    --gray95: #151515;
    --black:  #000;
    --black85: rgba(0, 0, 0, 0.85);
    --black60: rgba(0, 0, 0, 0.60);
    --black50: rgba(0, 0, 0, 0.50);
    --black40: rgba(0, 0, 0, 0.40);
    --black30: rgba(0, 0, 0, 0.30);
    --black20: rgba(0, 0, 0, 0.20);
    --black15: rgba(0, 0, 0, 0.15);
    --black05: rgba(0, 0, 0, 0.05);
    --white85: rgba(255, 255, 255, 0.85);
    --white70: rgba(255, 255, 255, .70);
    --white60: rgba(255, 255, 255, .60);
    --white45: rgba(255, 255, 255, .45);
    --white30: rgba(255, 255, 255, .30);
    --white20: rgba(255, 255, 255, .20);
    --white10: rgba(255, 255, 255, .10);

    /*品牌色*/
    --primary-color: #307b06;
    --second-color: #226204;
    --thirdly-color: #f60;

    /*比分功能色*/
    --red20:    #ec7979;
    --red40:    #d64444;             /*完场比分,赢*/
    --red60:    #be0000;             /*指数升*/
    --blue10:   #e7eef8;
    --blue40:   #0076e3;             /*进行中比分，中场、走*/
    --blue60:   #0057a6;
    --green40:  #0d9f1c;             /*指数降、输*/
    --yellow20: #fffae0;
    --yellow30: #fff6d1;
    --yellow60: #ffc700;             /*黄牌*/
    --redbg:    #ffe8e8;             /*指数升背景*/
    --greenbg:  #e5ffd9;             /*指数降背景*/
    --goalbg:   #ffe99c;             /*入球提示背景*/
    --home_team: #de682f;            /*主队*/
    --away_team: #2495da;            /*客队*/
    --table_header: var(--gray10);     /*表格标题*/
    --table_highlight: var(--gray5);      /*表格突出色*/
    --down: red;   /*指数降*/
    --up: green;   /*指数升*/

    --win: #71ab49;     /*胜*/
    --draw: #f09b57;    /*平*/
    --lose: #d64444;    /*负*/

    /*背景色*/
    --body-bg:   var(--gray30);
    --footer-bg: var(--gray65);
    --white-bg:  var(--white);
    --bgcolor-1: var(--white);
    --bgcolor-2: var(--gray5);
    --bgcolor-3: var(--gray30);
    --bgcolor-4: var(--gray40);

    /*文字*/
    --text-white: var(--white);
    --textcolor-1: var(--gray90);
    --textcolor-2: var(--gray60);
    --textcolor-3: var(--gray50);       /*说明*/
    --textcolor-4: var(--gray40);       /*禁用*/

    /*边框*/
    --border-1: var(--white);
    --border-2: var(--gray10);
    --border-3: var(--gray30);
    --border-4: var(--gray45);
    --border-5: var(--gray20);
}

.dark {
    /*基础色*/
    /* --blue5: linear-gradient(0deg,#20384e,var(--gray90)); */
    --red40:    #de5b5c;
    --red60:    #d64c3e; 
    --blue10:   #223240;
    --blue20:   #224c73;
    --blue60:   #3a8ad4;
    --yellow20: #3a362f;
    --yellow30: #4e473b;
    --redbg:   #4e1c1c;               /*指数升背景*/
    --greenbg: #2c4e1c;               /*指数降背景*/
    --goalbg:  #765e00;               /*入球提示背景*/
    --table_header: var(--gray80);      /*表格标题*/
    --table_highlight: var(--gray80);       /*表格突出色*/
    
    /*背景色*/
    --body-bg:   var(--gray95);
    --footer-bg: var(--gray90);
    --bgcolor-1: var(--gray90);
    --bgcolor-2: var(--gray80);
    --bgcolor-3: var(--gray70);
    --bgcolor-4: var(--gray70);
    --bg-highlight-1: #2c2818;
    --bg-highlight-2: #332f1f;
    
    /*文字*/
    --textcolor-1: var(--white);
    --textcolor-2: var(--gray50);
    --textcolor-3: var(--gray50);       /*说明*/
    --textcolor-4: var(--gray60);       /*禁用*/
    
    /*边框*/
    --border-2: var(--gray80);
    --border-3: var(--gray70);
    --border-4: var(--gray70);
    --border-5: var(--gray70);
}

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

.odds1 { color: #880000 }
.odds2 { color: #222 }
.odds3 { color: #0000BB }

.dark .odds1 { color: #dc4232 }
.dark .odds2 { color: #e5e5e5 }
.dark .odds3 { color: #7aa4e2 }

/*----蓝---------------------------*/
.blue, .blue2, .gocheck A:link { color: #0089F1; }
/*----绿-------------------------*/
.green { color: #11AA11 }

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

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

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

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

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

.up_red { BACKGROUND-COLOR: #e4f5cb }
.dark .up_red { BACKGROUND-COLOR: #466b10 }
.down_green { BACKGROUND-COLOR: #fad2c9 }
.dark .down_green { BACKGROUND-COLOR: #8c4332 }

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

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

.dark #oddsChange, .dark .white-bg2, .dark .livetab, .dark #panluDiv, .dark #showoptional2, .dark #showFilterBox, .dark #showCountry, .dark #showoptional, .dark #showCompany, .dark .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 .fav-highlight { background-color: #4c4c2c !important}
.dark .oods-bg2 { background-color: #232323 }

.oods-c-bg1, .up { background-color: rgba(200,253,162,0.5);color: #000000ba;}
.oods-c-bg2, .down { background-color: rgba(247,200,200,0.5);color: #000000ba;}
.oods-c-bg3 { background-color: #FFFF00;color: #000000ba;}

.dark .oods-c-bg1, .dark .up { background-color: rgba(30,97,46,0.5);color:#FFFFFFba;}
.dark .oods-c-bg2, .dark .down { background-color: rgba(142,60,100,0.5);color:#FFFFFFba;}
.dark .oods-c-bg3 { background-color: #a97d00;color:#FFFFFFba;}

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

.oddschanges { background-color: #CECECE; }
.dark .oddschanges { background-color: #333 !important; }

.down2 { background: url(/images/redDown.png) no-repeat 43px 5px; display: block; width: 50px; margin: 0 auto; color: red; }
.up2 { background: url(/images/greenUp.png) no-repeat 43px 5px; display: block; width: 50px; margin: 0 auto; color: green; }

.resultColor {background:var(--yellow30);} /*完场赔率*/
.odds-change{background:var(--yellow30);} /*变化赔率*/

/*--------突出色---背景1--------*/
.switch > input[type="checkbox"]:checked + .switch-style { background-color: #FF6600 }

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


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

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

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


/*---广告相关样式----------*/
#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:nth-of-type(even) { margin-left: 4px; }
#ad_middle_122 a img { padding-top: 5px }
/*#ad_middle_2 img{width:100%;}*/
#ad_middle_2 a:nth-of-type(even) { margin-left: 4px; }
#ad_middle_2 a img, #ad_middle_3 a img { padding: 1px 0; }
.leftnav .adclass { margin-left: -10px; }
/*#ad_middle_2,#ad_middle_133,.adclass { display:none}*/
.ad_inner_txt { display: inline-block; text-align: center; line-height: 26px; font-size: 14px; background-color: #FFF857; padding: 0 8px; border-radius: 3px; margin: 0 auto; }

/*------------------------------------------------main--------------------*/
.mcontent { width: 1060px; margin: 0px auto 10px auto; min-height: 700px }
.mcontent:after { content: " "; display: block; height: 0; visibility: hidden; clear: both; }
#main { width: 1060px; clear: both; margin: 0 auto; padding: 0px 0px 6px 0px; }
.clear { clear: both; display: block; height: 1px; overflow: hidden; }

.Preferences { padding: 6px 0 }
.Preferences li { line-height: 22px; padding: 0 6px }
.Preferences li:hover { background-color: #ffeece; border-radius: 3px; }

.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);}
.dark .slideBtn::after {border-top: 5px solid #999;}
.lr_tit.on {border-bottom: 1px solid #e5e5e5;}
.dark .lr_tit.on {border-bottom: 1px solid #444;}

.lr_tit { font-weight: bold; display: block; line-height: 35px; font-size: 14px; padding-left: 5px; }
/*------------------------------------------------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; text-align: left; }
.leftnav li a img { vertical-align: middle; width: 18px; height: 18px; border-radius: 50%; overflow: hidden; margin-top: -3px; margin-right: 3px; }
.leftnav li a:hover,
.leftnav .select a,
.leftnav .select a { background: #ffeece; text-decoration: none; border-radius: 3px; color: #ad6212 }
.leftnav span { padding-left: 24px; background: url(/Images/flag-list_rgb_17.png) no-repeat; }
/*------------------------------------------------min--------------------*/
#min { float: left; width: 660px }

ul.menu { float: left; margin: 5px 5px 5px 0; overflow: hidden; }
ul.menu li { float: left; padding: 0 8px; 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; }

#mintable td { text-align: center; }
#mintable .tds { height: 36px; }
#mintable .Leaguestitle td { border-bottom: 1px solid rgba(0,0,0,.1) !important }
.tds:hover { background-color: #efefef }
.dark #mintable .tds:hover td { background-color: #333 }
.bftab { text-align: center; line-height: 25px }
.bftab .iconbox {padding: 0 6px;text-align: center;}
.bftab .iconbox span {margin: 4px;}

#basketball #tools { padding: 0 }

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

.status { color: #0066FF }
.dark .status { color: #3778da }


.b3 { BACKGROUND-COLOR: #eeeeff }
.b4 { BACKGROUND-COLOR: #eeeeee }
.l1 { float: left; margin-left: 2px; }
.l1 a { font-weight: bold; }
.l1 .nolink { font-weight: bold; cursor:not-allowed}
.l2 { float: right; }
.l2 img { margin: 0 2px }
.l3 { float: left; margin-left: 10px; background: url(/Content/Com/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 }
/*------------------------------------------------right--------------------*/
#div_search { width: 650px; left: -507px; top: 5px; z-index: 5; position: absolute; display: none; padding-bottom: 10px; }
#div_search a { line-height: 24px; padding: 0 10px; display: block; float: left; width: 90% }
#div_search a:hover { text-decoration: none; }
#right { width: 155px; float: left; margin-left: 10px }
.color { background-image: url(/Content/Com/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--------------------*/
.oddstd p { min-width: 40px;line-height: 16px; display: block; height: 16px; }
#soccer .mcontent .oddstd {padding: 2px 0;cursor:pointer;}

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--------------------*/
.p2 { color: #999 }
#showoptional2 h1, #showoptional h1, #showCompany h1, #showCountry h1, #showFilterBox h1 { float: left; font-size: 11px; font-weight: bold; padding-left: 15px; }

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

#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: 470px; }
#myleague2 ul, #countryListDiv ul, #showCompany ul, #myleague ul, #showoptional ul { padding: 10px; overflow: hidden }

.cc a, #div_search .cc a { position: absolute; right: 10px; top: 8px; padding: 0; width: 24px; height: 24px; }
.cc a:before, .cc a:after { position: absolute; content: ''; width: 16px; height: 1px; top: 11px; left: 4px; background-color: #666; }
.dark .cc a:before, .dark .cc a:after { background-color: #999; }
.cc a:before { transform: rotate(45deg); }
.cc a:after { transform: rotate(-45deg); }
.sotit { padding: 0 10px; line-height: 40px; text-align: center; font-size: 14px; font-weight: bold; }
.rbl { text-align: center; font-weight: bold; line-height: 35px; }
.bts { display: block; clear: both; padding: 10px; text-align: center; margin-top: 5px; overflow: hidden }
.bts span { margin: 0 3px; font-size: 11px; font-weight: bold; line-height: 36px; height: 36px; cursor: pointer; padding: 0 18px; border-radius: 3px; display: inline-block; vertical-align: middle; }
.bts .ent { background-color: #307b06; color: #FFF; padding: 0 30px }
.bts .LQent { background-color: #8e3537; color: #FFF; padding: 0 30px }
.bts .LQent:hover,.bts .ent:hover { background-color: #FF6600; }
.dark .bts .LQent,.dark .bts .ent { background-color: #c75102; color: #fff; }
.dark .bts .LQent:hover,.dark .bts .ent:hover { background-color: #F60; }
.bts span:hover { background-color: #FFF; }

.bts .fgSpan input[type="checkbox"] { vertical-align: middle;margin:-2px 5px 0 0;}
.bts .fgSpan label{cursor:pointer;}
.fg_Title { display: block; color: #212121; line-height: 24px; font-size: 14px; padding-left: 15px; clear: both; background-color: #FAFAFA; }
.dark .fg_Title {color: #fff;background-color: #2f2f2f;}
.oddstable { box-shadow: 1px 2px 1px #a0a0a0; }
.dark .oddstable { box-shadow: 0 1px 5px #000; }
.dark .oddstable .oddsCaption {background-color: #444;}
.oddstable td { line-height: 17px; text-align:center; }
.oddsCaption { font-weight: bold; line-height: 26px; text-align: center; }
.oddschanges td { line-height: 24px;text-align:center; }
.oddschanges .odd-teamname .sup { font-size: 12px; color: #9f0000; -webkit-transform: scale(0.89); transform: scale(0.89); display: inline-block; margin: 0 2px }
.oddschanges .odd-sname { display: inline-block; padding: 0 5px; line-height: 22px; border-radius: 3px; }
.oddschanges .odd-teamname { font-size: 13px; line-height: normal; }
.oddschanges .odd-score { font-size: 15px; font-weight: bold }
.oddschanges .more{text-align:center;background-color:var(--gray3);}
.oddschanges .more span{font-weight:bold;color:var(--blue40);text-decoration:underline;}
.oddschanges .more span:hover{color:#f60;cursor:pointer;}
.dark .oddschanges .more{background-color:#282828;}
.m5 { margin-bottom: 5px }
/*------------------------------------------------team vs team--------------------*/
.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; }
.teaminfo2 { background-color: #E6F0FB; color: #33638A; }
.agaT, .agaT td {background:var(--yellow20) !important;}
.greens { color: #360; background-color: #D3F88F; font-weight: bold; }
#teamid .sl { text-align: left }
#teamid .sr { text-align: right }
#teamid .underLine a { text-decoration: underline }
/*------------------------------------------------i vs i--------------------*/
#main2 { background-color: #FFF; clear: both; margin: 4px auto 0 auto; padding: 10px }
.dark #main2 { background-color: #282828; }

.bg1 { background-color: #f3f2f2 !important }
.dark .bg1 { background-color: #282828 !important }

#main .content { overflow: hidden; margin-bottom: 10px;padding:50px 6px 0px 6px; }
.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; }
.adclass { text-align: center; }
.white { color: white !important; }
.discription { padding: 10px 0; 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; }
.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; }
/*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: #397f19; cursor: move; border-top: 1px solid #397f19; background-position: 0px -2px; }
.popup-container .popup-titlebar .Ptitle { font-weight: 700; line-height: 30px; color: #fff; margin-left: 15px; background: none; font-size: 13px; }
.popup-container .popup-titlebar .Pclose { float: right; text-decoration: none; margin-top: 5px; margin-right: 3px; background: url(/images/close.gif) no-repeat; width: 20px; height: 20px; }
.popup-container .popup-titlebar .Pclose:hover { background: url(/images/close.gif) no-repeat; }
.popup-container .popup-content { border: solid 3px #397f19; margin: 0; overflow: hidden; }
.dark .popup-container .popup-content { background-color: #2f2f2f }
.popup-container .popup-resize { text-align: right; margin-top: -30px; height: 30px; line-height: 0; overflow: hidden; }
.popup-container .popup-resize div { width: 30px; line-height: 30px; background: url(/images/a_popup_resize.gif) 23px 22px no-repeat; float: right; text-indent: 100px; overflow: hidden; cursor: se-resize; }
.popup-container2 { width: 100%; background-color: #FFFFFF; overflow: hidden; }
.popup-container2 .popup-titlebar2 { height: 28px; background: #8e3537; cursor: move; background-position: 0px -2px; }
.popup-container2 .popup-titlebar2 .Ptitle { font-weight: 700; line-height: 30px; color: #fff; margin-left: 15px; background: none; font-size: 13px; }
.popup-container2 .popup-titlebar2 .Pclose { float: right; text-decoration: none; margin-top: 5px; margin-right: 3px; background: url(/images/close.gif) no-repeat; width: 20px; height: 20px; }
.popup-container2 .popup-titlebar2 .Pclose:hover { background: url(/images/close.gif) no-repeat; }
.popup-container2 .popup-content2 { border: solid 3px #8e3537; margin: 0; overflow: hidden; }
.dark .popup-container2 .popup-content2 { background-color: #2f2f2f }
.popup-container2 .popup-resize { text-align: right; margin-top: -30px; height: 30px; line-height: 0; overflow: hidden; }
.popup-container2 .popup-resize div { width: 30px; line-height: 30px; background: url(/images/a_popup_resize.gif) 23px 22px no-repeat; float: right; text-indent: 100px; overflow: hidden; cursor: se-resize; }
.JsTitle { position: absolute; top: 0; left: 0; z-index: 2000; padding: 5px; background-color: #0C609C; color: white; -webkit-box-shadow: 0 0 9px #999; box-shadow: 0 0 9px #999; filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', direction=135, strength=4); }
.JsTitleNoBG { position: absolute; top: 0; left: 0; z-index: 2000; padding: 0px; -webkit-box-shadow: 0 0 9px #999; box-shadow: 0 0 9px #999; }
.odds_checked, .odds_unchecked { margin: 2px 3px; line-height: 24px; width: 87px; display: inline-block; }
/*popup end*/
.tabs { border: 1px solid #cccccc; border-radius: 2px; line-height: 24px; height: 24px; overflow: hidden; }
.tabs span,
.tabs a { padding: 0px 4px; line-height: 24px; height: 24px; border: none; margin: 0px; overflow: hidden; cursor: pointer; }
.tabs .on { background: #fff; color: #5885B7; }
#mScore { font-size: 16px; color: #d64444; font-weight: bold; line-height: 30px; }
.dark #mScore {color: #de5b5c; }
.expLine { text-align: center; }
#main #left .lrdiv { width: 135px; }
.lrdiv .odds_setting{margin:0 0 3px 3px;}
.input_text { border: none; font-size: 12px; width: 105px; background: url(/images/f.png) no-repeat 5px; border-radius: 2px; padding: 5px 0 5px 30px; }
.dark .input_text { color: #999 !important; }
.search { overflow: hidden; padding: 10px 0 5px 0 }
.search * { box-sizing: border-box; }
.search input { height: 32px; border: solid 1px #e5e5e5; padding: 0 5px; width: 75%; float: left; border-right: none; }
.search input[type="text"] { padding-left: 25px; }
.search #btnsearch { width: 25%; float: right; background: #eaf7ff; border: solid 1px #e5e5e5; cursor: pointer; font-weight: bold; }
.leftnav .adclass a { padding: 0px; height: 80px; width: 144px; }
#oddsChange, #panluDiv, .bak_div { border-radius: 3px; overflow: hidden; padding: 5px; }
#main #left { overflow: hidden; padding: 0px; min-height: 1320px; }
#main .adclass { text-align: center; }
#main #right .adclass { margin-bottom: 5px }
#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: 135px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
#basketball #main #left { min-height: 1520px; }

#main #min { width: 710px; }
.toolimg {min-width: 45px;position: relative; line-height: 25px; height: 25px;text-align: left !important;padding-left: 5px; }
.toolimg span {float: left;}
.toolimg .icons { position: absolute; right: 0px; top: 6px; width: 88px; }
.result .toolimg,.Schedule .toolimg{text-align:center !important;padding-left:0;}
.result .toolimg span,.Schedule .toolimg span{float:none;}
.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; }
#popupLinksMsg { position: fixed; z-index: 999999; top: 400px; width: 420px; background: #ff6600; left: 50%; margin-left: -210px; border: 4px solid #fbac78; padding: 12px; border-radius: 6px; box-shadow: 0 8px 40px #b74949; }
#popupLinksMsg .step { margin-top: 5px; border: 1px double #FFF; }
#popupLinksMsg a { color: #00C; text-decoration: underline; }
#popupLinksMsg .linkBtn { line-height: 36px; text-align: center; font-size: 16px; float: left; margin-left: 5px; color: #555; border-radius: 3px; background-color: #FFF; width: 97% !important; box-shadow: 2px 2px 1px #bb6b5e; }
#popupLinksMsg .linkBtn:hover { background-color: #ffeee2 }
#popupLinksMsg .closeBtn { position: absolute; right: 0; cursor: pointer; font-size: 16px; color: #fff; text-align: center; top: 0; background-color: #fbac78; line-height: 14px; padding: 0 7px 7px 12px; border-radius: 0 0 0 50px; }
#popupLinksMsg .linkDesc { line-height: 28px; color: white; font-size: 14px; text-align: center }
#popupLinksMsg .content{ font-size:16px;color:#fff;line-height:24px;text-indent:1em;margin-bottom:8px; }
#topLine { font-weight: bold; line-height: 40px }

/*顶部球类导航*/
#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 10px; opacity: 0.75; position: relative }
#menu li a:hover { text-decoration: none; border-radius: 3px; opacity: 1; }
#menu .tab_on { font-weight: bold; opacity: 1; }
#menu .tab_on:after { display: inline-block; position: absolute; top: 32px; border-radius: 20px; left: 35px; width: calc(100% - 44px); width: -webkit-calc(100% - 44px); 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); }
#ball6 i { background-image: url(/images/Cricket.png); }
#ball9 i { background-image: url(/images/news.png); }
#ball10 i { background-image: url(/images/duelday.png); }
#ball11 i { background-image: url(/images/api.png); }
#ball12 i { background-image: url(/images/ad.png); }
#balls i { background-image: url(/images/more.png); }
#byLink { visibility: hidden; }
.miLive { background-image: url(/images/menubg3.gif); background-repeat: no-repeat; height: 33px; float: left; }
.clear { clear: both; }

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

/*内容页菜单*/
#tools { line-height: 28px; height: 28px; overflow: hidden; }
#tools .w_search { float: right; }
#tools li { float: left; margin-right: 2px; cursor: pointer; height: 30px }

#tools li.old { float: right; }
#tools li span { 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 span:hover { text-decoration: none; }

#tools .low span{position: relative; padding:0 20px 0 9px !important}
#tools .low span:after {position: absolute; width: 0;height: 0;content:"";border: 4px solid transparent; border-top-color: #666; right: 8px; top:13px}
#tools .on.low span:after, .dark #tools .on.low span:after { border-top-color: #fff; }
#tools .filterLi a,#tools .filterLi2 a {padding: 0 7px 0 10px;}
#tools li span u { margin-left: 8px }
#tools .on span, #tools .on span:hover { color: #fff; font-weight: bold; }
#tools .pd2 li a { padding: 0 15px }
#tools .pn-selectn-selectd2 .filterLi a:after, #main3 #tools .filterLi a:after { right: 15px; }
#tools .pd2 #li_MyGame a { padding-right: 17px }
.dark #tools .filterLi a:after { border-top-color: #999; }

/*内容页菜单---篮球*/
#basketball .odds_detail select {background: transparent;color: var(--textcolor-2);}

#main3 #tools li span { padding: 0 10px }
#main3 #tools { padding: 0 }

/*日期选择*/
.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: 12px; 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 .li_today{ color: #ec6623; }
.date-picker span:first-child { display: block; width: 100% }
.date-picker span:last-child { display: block; font-size: 14px; font-weight: 800; width: 100%; }

.date-picker ul li: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 .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; }

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


#goalTable tr:hover td { background-color: #d9eaf9 }
.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; }

.sclassLink { font-size: 14px; cursor: pointer; font-weight: bold; }
.o-up { color: green }
.o-down { color: red; }
.o-draw { color: black; }
.oddsHead select { color: #FFF;font-size: 14px; border-width: 0; }

#myGamesCount, #hiddencount, #nshowhide { font-weight: bold; }
.on #myGamesCount { color: #ffd746 }
.Preferences input, .Preferences2 input { display: none }
.switch { cursor: pointer;width: 100%;display: inline-block; }
.switch .switch-style { height:14px; width:26px; background: #c1c1c1; -webkit-border-radius: 3px; border-radius: 10px; 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: 12px; background-color: #fff; -webkit-border-radius: 2px; border-radius: 50%; left: 0.1em; top: 1px; -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:after { }


/*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"] { display: none; }
.el-radio > input[type="radio"] + .el-radio-style { display: inline-block; padding: 0 15px; line-height: 35px; cursor: pointer; font-weight: bold; }
.el-radio > input[type="radio"]:checked + .el-radio-style { border-bottom: 2px solid #F60; color: #F60; }

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

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

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

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

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

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

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

.fbsclass:hover::after{content:"No league information found"}
.neutral_info:hover:after { content: "Neutral Locatio" }
.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!" }
.add-info-t:hover:after { content: "Add this team to my favorites" }
.add-info-t2:hover:after { content: "Remove this team" }
.close-info:hover:after { content: "Remove all game of this league" }
.hidden-info:hover:after { content: "Hide all matches of this league";left:20px; }
.display-info:hover:after { content: "Display all matches of this league" }
.hidden-team:hover:after{content:"Hide all matches of this team"}
.display-team:hover:after{content:"Display all matches of this team"}

.odds-icon:hover:after { content: "Odds"; }
.odds-icon1x2:hover:after { content: "Odds"; }
.analyze-icon:hover:after { content: "Match analyze" }
.matchdata-icon:hover:after, .closedata-icon:hover:after { content: "Match data" }
.highlight-icon:hover:after{ content: "Match Highlights" }
.bkflash-icon:hover:after{ content: "Live Animation" }
.Detail-icon:hover:after { content: "Detail"; }
.threeinone-icon:hover:after { content: "3in1"; }
.x12-icon:hover:after { content: "1x2"; }
.rankicon:hover:after { content: "Standings" }
.Detail-basketball-icon:hover:after { content: "Statistics"; }

.odds-icon, .odds-icon1x2, .analyze-icon, .Detail-icon, .Detail-basketball-icon, .x12-icon, .matchdata-icon, .closedata-icon,.icon-font-reduce,.highlight-icon {color: #888;line-height: 14px;height: 14px; width: 16px; display: inline-block;margin: 0 2px; position: relative; text-align: center; }
.bkflash-icon {color: #888;line-height: 14px;height: 14px; width: 14px; display: inline-block; margin: 0 1px; position: relative; text-align: center; }
.threeinone-icon { display: inline-block; position: relative; }
.x12-icon { background-image: url(/images/1x2.png); }

.add-div .icon {padding-left: 3px;}
.add-div .icon.on {color: var(--yellow60);}
.add-div .icon-font-collect-on {color:var(--yellow60) !important;font-size:20px;cursor:pointer;}
.add-div .icon-font-collect-off{color:var(--gray50);font-size:20px;cursor:pointer;}

.icon.icon-analysis,.icon.icon-odds {font-size:15px;}
.icon.icon-icon-detail,.icon.icon-icon-live1,.icon.icon-b-ant-off,.icon.icon-b-ant-on {font-size:17px;vertical-align:-1px;}
.icon-matchdata,.icon-font-lineup,.icon-icon-live1 {color: #4fa82a;}
.icon-matchdata.on {color: #fe9626;transform: rotate(180deg);display: inline-block;}
.icon-icon-live1.on,.icon-b-ant-on {color: #fe9626;}
.icon-b-ant-on.on {color: #ff4e1e;}

.hidden-info, .display-info,.hidden-team,.display-team{ cursor:pointer;}

.l0:hover:after { left: 25px; }
.r0:hover:after { right: 0 }
.b0:hover:after { bottom: 28px;top: auto; }
#mintable .isLeaTop td { border-bottom: 1px solid #e2ded7; }
.dark #mintable .isLeaTop td { border-bottom: 1px solid #4e4836; }
.rankicon{font-style:normal;}

/*子频道排行榜*/
.Nrank {color:var(--textcolor-3);font-weight:700;font-style:italic;line-height:normal;font-family:"Sofascore Sans Condensed",sans-serif;}
.listtab td { text-align: center; padding: 8px 0; }
.listtab tr:last-child td { border-bottom: 0 }
/*.listtab a { text-decoration: underline;}*/
.rs_ser { padding: 0px; overflow: hidden }
.rs_ser li { float: left; position: relative; font-weight: bold; }
.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 }

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

#info { margin: 0px auto 10px auto; width: 1040px }
.conner_span { display: inline-block; width: 100%; cursor:pointer; color:var(--blue40);}
.fx_corner{color:var(--blue40);}

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

#cbbOddsType { border: 1px solid #c5c5c5; height: 26px; padding: 0 3px; }

.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,.bftab .rank{ color: #888888; transform: scale(.85); display: inline-block }
/*.dark .team-hg { color: #eca9a9 }*/
.text-info { text-align: center; color: green; position: relative; font-size: 12px; word-break: break-all; }
.dark .text-info, .dark .search-container .searchexplain { background-color: #222f19; color: #999; }

/*------------------------------------------------bottom--------------------*/
#bottom { clear: both; width: 100%; text-align: center; padding: 15px 0; background-color: #555; color: #999;}
.dark #bottom {background-color: #282828;}
#bottom a { color: #e5e5e5; }
#bottom .f_menu { width: 1000px;line-height: 20px;text-align: center;margin: 0 auto;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; }
.webid .site {color: #d0d0d0;font-size: 14px;margin: 0 5px 0 20px;}
#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 i { display: inline-block; border-radius: 2px; vertical-align: 20px; color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.2); padding: 0 4px; font-size: 13px; font-style: normal; font-weight: bold; line-height: 20px }
#logoSpan { display: inline-block; position: absolute; left: 0px; top: 10px }

/*--------------topTOOLS----------------------------------------------------*/
#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-left2 { float: left; padding-left: 20px;width:630px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#ffde00; }
.top-tools-left2 a,.top-tools-left2 a:hover{color:#ffde00;text-decoration:none;cursor:pointer;}
.top-tools-right { float: right; height: 36px }
.Choose-tool { float: left; display: inline-block; margin-right: 15px; position: relative; cursor: pointer; }
.Choose-tool i { display: inline-block; content: ""; top: 2px; transition: .2s; width: 0; height: 0; vertical-align: middle; margin-left: 4px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #FFF; }
.Choose-tool.on i { transform: rotate(180deg); }
.Choose-tool ul { padding: 10px; background-color: #212121; position: absolute; left: 0; top: 44px; z-index: 9999; box-shadow: 0 5px 20px rgba(0,0,0,0.6); animation: popover .2s ease-in-out; border-radius: 6px; white-space: nowrap }
.top-notice{display:flex;float:right;width:550px;}
.top-notice .top-tools-left2{flex-grow:1;text-align:right;width:auto;padding:0px 5px;}
.top-notice .top-tools-left2 .swiper-slide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.top-notice .medias{display:inline-flex;margin-left:auto;height:36px;}
.top-notice .medias img{margin:6px;width:23px;height:23px;}
.top-notice > :only-child{text-align:left;}

@keyframes popover {
    0% { opacity: 0; transform: translateY(-60px); }
    100% { opacity: 1; transform: translateY(0); }
}

.Choose-tool ul:before { border-right: 8px solid transparent; position: absolute; display: block; content: ""; border-bottom: 8px solid #212121; border-left: 8px solid transparent; left: 20px; top: -8px; }
.Choose-tool ul li { height: 26px; line-height: 26px; padding: 0 5px; }

/*语言选择下拉框*/
.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;}
#chooseBolaWebSite ul li{padding:5px;}
#chooseBolaWebSite i{margin-left:6px;}

#ddlTimeZone { width: 320px; }

#ddlTimeZone li { float: left; width: 68px; border-radius: 2px }
.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.twitter { background-image: url(/images/twitter.png); }
.share.telegram { background-image:url(/Images/telegram.png); }
.share.blogger { background-image:url(/Images/blogger.png); }
.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; }
.menu-more { opacity: 1; background-color: #212121; }
.basketball-infos { text-align: center; line-height: 30px }
.bak_div { width: 550px; }
.bak_div .closebtn{top:10px;right:10px;}
.bak_div td { TEXT-ALIGN: center; LINE-HEIGHT: 21px; }
.bak_div .odd-bg1 b { white-space: nowrap }
.goal_bg { background-color: #BBBB22; }
.dark .goal_bg { background-color: #BBBB22; }
.redcard_bg { background-color: #ff8888; }

.tipsNum { padding-right: 10px; color: rgba(0,0,0,.6); display: none; }
.tipsNum:hover{text-decoration:underline;cursor:pointer;}
.tipsNum0 { padding-right: 35px; color: rgba(0,0,0,.6); display: none; }
.dark .tipsNum,.dark .tipsNum0 { color: rgba(255,255,255,.6) }
.tipsPre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: "Tahoma", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.plays .guest .playBox .play:last-child ul { right: 108px; top: 14px; }
.plays .playBox .play:last-child ul { left: 100px; top: 20px; }
.homeSix span, .guestSix span { font-size: 12px !important; font-weight: normal !important; width: 15px;display: inline-block !important; }
.homeSix span { margin-right: 2px; }
.guestSix span { margin-left: 2px; }
.ant .lb-ms { margin-bottom: 4px;text-align: center; }
.mx2 ul { padding-bottom: 2px; overflow: hidden; }
.lb-m { width: 55px;height:12px;display: inline-block; position: relative; margin: 0 3px; }
.lb-m:before { display: inline-block; content: ""; position: absolute; top: 4px; left: 0; width: 0; height: 0; vertical-align: middle; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #999; }
.lb-m:after { display: inline-block; content: ""; position: absolute; top: 4px; right: 0; width: 0; height: 0; vertical-align: middle; border-right: 4px solid #999; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.title-th th {white-space: inherit;width: auto;line-height: 16px;padding: 2px 0;}

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

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

#detail-oddsSel { width: 86px; position: absolute; right: 0; top: 10px; }
#detail-hfSel { width: 50px; position:absolute; right: 100px; top: 10px;}
.n-search { padding: 6px 10px; overflow: hidden; border-radius: 4px; margin-bottom: 5px }
.n-search .input_text { border-radius: 4px; outline: none; }

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


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

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

/*社区登陆相关*/
.loginBox { width: 40px; height: 40px; position: absolute; right: 2px; top: 10px; }
.loginBox .iconfont{position:relative;display:block;width:40px;height:40px;}
.loginBox #login_icon a { display: block; }
.loginBox .badge_fill {position: absolute;bottom: -7px;top: unset; right:-2px;text-align:center;min-width:33px;}
.loginBox .sign_in_btn {position: absolute;right: 0;width: 90px;color: #fff;font-size: 14px;text-align: center;font-weight: bold;line-height: 34px;border: 1px solid #fff;border-radius: 3px;cursor:pointer;}
.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; }
.menu2 li .icon {font-size: 16px;margin-right: 4px;font-weight: normal;vertical-align: -1px;}
.menu2 li .on .badge_fill { position: absolute; top: 3px; right: 3px; padding: 0 4px; }
.menu2 li .on .fav_count { position: absolute; top: 9px; padding: 0 4px; }
.badge_fill { white-space: nowrap; background: #F44336; border: solid 1px #F44336 !important; color: #fff; height: 15px; line-height: 13px; margin-left: 5px; font-weight: normal; border-radius: 10px; font-size: 12px; font-style: normal; position: absolute; top: 3px; right: 3px; padding: 0 4px; }
.fav_count { white-space: nowrap; background: #F44336; border: solid 1px #F44336 !important; color: #fff; height: 15px; line-height: 14px;text-align: center; margin-left: 5px; font-weight: normal; border-radius: 10px; font-size: 12px; font-style: normal; position: absolute; top: 9px;padding: 0 4px;box-sizing: initial; }
.fav_count.grayBG {background: #999;border-color: #999 !important;}

.footH1 {font-size: 15px; padding-top:5px;}
.sdss {background-color: #e5e5e5;}
.sdss:hover {background-color: #dadada;}
.dark .sdss {color: #FFF;background-color: #333;}
.dark .sdss:hover {color: #FFF;background-color: #505050;}

*{-webkit-text-size-adjust: none;} 
html {min-width: 1060px}

.nosclassLink { font-size: 14px; font-weight: bold; color: #d64444 !important; }
.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);}
.tav {color: #888;}

.to-1 {color: #555;}
.to-2 {color: #222;}
.dark .to-1 {color: #999;}
.dark .to-2 {color: #e5e5e5;}
.dark .timeco {color: #888;}

/*进球弹窗*/
#flGoalDiv {background-color: #FFF;margin-top:5px;border:3px solid #2f6f13;}
.dark #flGoalDiv {background-color: #292929;border: 3px solid #585858;box-shadow: 0 0 10px #000;}
#flGoalDiv td {font-family: 'Arial';font-size: 12px;}
#flGoalDiv .line td {line-height: 18px;font-size: 14px;padding: 6px 0;}
.line .teamname {width: 150px;padding: 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.line i.rank {float: right;font-size: 12px;font-style: normal;}
.GoalDiv-t {background-color: #DBECA6;color:#666;padding-left: 10px;}
.dark .GoalDiv-t {background-color: #0e100d;color:#999;}
.goal-time {color: #D64444;font-size: 12px;float: right;margin-right: 15px;}
.sjicon {width: 30px;height: 30px;border-radius: 50%;margin: 0 auto;}

/*------完场赛事分隔栏-----*/
.result-split{ background-color:#ffffcc;align-content:center;height:20px;font-weight:bold; }
.dark .result-split{background:#3e392c;color:#999;}

/*-----头部下拉框选项底色-----*/
#ddlTimeZone li:hover,#ddlOddsType li:hover { background:#226204; }

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

/*精华视频*/
.youtube_box {background: var(--black);position: relative;height: 300px;text-align: center;}
.youtube_box .close {background: var(--white10);width: 24px;height: 24px;top: 10px;right: 10px;transform: translate(0,0);border-radius: 50%;}
.youtube_box iframe {width: 85%;height: 100%;}

.o-lose, .o-win, .o-draw, .o-none { color: #fff; border-radius: 2px; width: 17px; display: inline-block; line-height: 17px; text-align: center; }
.o-lose { background-color: #d64444 !important}
.o-win { background-color: #71ab49 !important }
.o-draw { background-color: #F09B57 !important }
.o-none { background-color: #999 !important }

.hbg-td1, .isLeaTop, .oddate, .fav-highlight { 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: #4c4c2c !important }
.dark .hbg-td2 { background-color: #28462a !important }
.dark .hbg-td3 { background-color: #3e2e2b !important }

.tvImg {cursor:pointer;width:16px;height:16px;}

/* 指数公司logo----- */
.cmpimg {max-width: 100px;border-radius: 3px;margin: 2px auto;display: block;}
.flex {display: flex !important;align-items: center;justify-content: center;}
.tcenter .flex {justify-content: left;}
.flex .cmpimg {margin: 2px;display: inline-block;}
.flex .icon {color: var(--textcolor-3);font-size: 14px;display: inline-block;transform: rotate(-90deg);}

/*骨架屏*/
.skeleton-animate {
    background: linear-gradient(90deg, rgb(242,243,245) 25%, rgb(229,230,235) 37%, rgb(242,243,245) 63%);
    background-size: 400% 100%;
    animation: skeleton-circle 1.5s linear infinite;
}
body.dark .skeleton-animate {background: linear-gradient(90deg, hsla(0,0%,100%,0.08) 25%, hsla(0,0%,100%,0.12) 37%, hsla(0,0%,100%,0.08) 63%);background-size: 400% 100%;}

@keyframes skeleton-circle{
    0% {background-position: 100% 50%;}
    100% {background-position: 0 50%;}
}

/*圆圈加载动画*/
.spinner-border {display: inline-block;width: 2rem;height: 2rem;vertical-align: text-bottom;border: .25em solid currentColor;border-right-color: transparent;border-radius: 50%;-webkit-animation: spinner-border .75s linear infinite;animation: spinner-border .75s linear infinite;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
@keyframes spinner-border {
    0% { transform: rotate(0deg); }
    100% { -webkit-transform:rotate(360deg);transform: rotate(360deg); }
}

body {
  background-color: #e5e5e5;
  color: #222;
  /*---白色背景--------*/

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

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

  /*--------灰色背景--3---600----*/

  /*--------文字灰度--1------*/

  /*--------文字灰度--2------*/

  /*--------线框灰度--1------*/

  /*--------线框灰度--2--深----*/

  /*导航共用*/

  /*----红-----------------*/

  /*-----篮球比分无指数版-----*/

  /*比分页亚指让球方标识*/

  /*页脚触屏入口*/

  /*积分榜标识*/

  /*手指鼠标*/

  /*引流弹窗*/

  /*加载弹窗*/

  /*遮罩*/

  /*足球分析页*/

  /* 筛选弹窗 */

  /* 比分事件弹窗 */

  /* 比分国旗 */

  /* 联系我们跳转小弹窗 */

  /*版本切换按钮*/

  /*导航下拉图标*/

  /*联赛筛选首字母选择栏*/

  /*赔率升降（无箭头）*/

  /*中立场标识*/

  /*无数据提示*/

}
body .ant .matchdata .databtns,
body #settingPop .box-footer,
body .matchList .item .exbar,
body #settingPop .dbList ul div,
body .w10,
body .calendar__days,
body #div_search,
body #oddsChange,
body #panluDiv,
body #calendar,
body #calendar .datelayer_td-blank,
body #calendar .datelayer_td-blank:hover,
body #main #min,
body #main3,
body #info,
body #main #right .lrdiv,
body #main #left .lrdiv,
body .rf,
body #showoptional2,
body #showCountry,
body #showFilterBox,
body #showoptional,
body #showCompany,
body .rbl,
body .b1,
body .com LI SPAN A:hover,
body .white-bg,
body .white-bg2,
body .livetab,
body .team-table-home .vv,
body .team-table-guest .vv,
body .home-div a span,
body .guest-div a span,
body body select,
body .fx-tb-b li b,
body .fx-tb-b h4,
body .fx-tab .fx-tab-on,
body .fx-tab .fx-tab-on2,
body .twin,
body .bak_div,
body .tvLink,
body .BtvLink,
body .n-search {
  background-color: #fff !important;
}
body #tools li span,
body .oodstable-t,
body .date-table th,
body .gray-bg2,
body .fx-tb-a li .fx-td-data,
body .fx-line,
body .mintopnav a,
body .lo-f2,
body .fx-tb-b h4,
body .fx-tab span,
body .oddsCaption,
body .home-div a span,
body .guest-div a span,
body .Leaguestitle {
  background-color: #e5e5e5;
}
body .sotit,
body .bts span,
body .scoretitle td,
body .litab2,
body .listtab .stsw td,
body .com LI SPAN A,
body .team-table-home td,
body .team-table-guest td,
body .team-table-other td,
body .team-table-home tr,
body .team-table-guest tr,
body .team-table-other tr,
body .fx,
body .team-table-home,
body .team-table-guest,
body .team-table-other,
body .player-list,
body .jqSubTitle2,
body .jqTitle2,
body #calendar td,
body .loadngdiv,
body .fx20,
body .oddstitle,
body .search-container .searchItem:nth-child(odd) {
  background-color: #f9f9f9;
}
body #tools li span:hover,
body .oddstable,
body .schedule:hover,
body .collapse:hover,
body .closes:hover,
body .expand:hover {
  background-color: #dadada;
}
body body,
body .Leaguestitle,
body a,
body .sotit,
body A.sb:hover,
body a.pk:hover,
body .team-table-title,
body .team-table-title a,
body .team-table-title2,
body .fx-title .fx-title-vs,
body .team_bf,
body .lr_tit {
  color: #222;
}
body .time,
body #tools .odds_setting p,
body .rbl,
body #tools li span:hover,
body .date-table th,
body .odd-bg1 span,
body .bts span,
body .team-table-other b,
body .stat-title,
body .fx-c-3,
body .oddstitle,
body .oodstable-t {
  color: #666;
}
body #mintable td,
body .date-picker,
body .sotit,
body .rbl,
body .scoretitle td,
body .listtab td,
body .listtab .stsw td,
body .com LI,
body .team-table-home td,
body .team-table-guest td,
body .team-table-other td,
body .fx-div,
body .fg_Title,
body #calendar .d-line,
body .tgs2 td,
body .rs_ser li a,
body .r-line,
body .jqSubTitle2,
body .jqTitle2,
body .Prediction-t,
body ul.menu li,
body #calendar .l-line,
body .bts span,
body .win-note,
body .loadngdiv,
body ul.menu,
body .tabsBox,
body .twin,
body .discription span,
body .Leaguestitle td,
body .date-picker .date-picker-calendar,
body .tvLink ul li a,
body .BtvLink ul li a,
body #div_search,
body .search-container .searchItem,
body .bt-selected,
body .searchexplain {
  border-color: #e5e5e5 !important;
}
body #mintable td,
body .date-picker,
body .sotit,
body .rbl,
body .scoretitle td,
body .listtab td,
body .listtab .stsw td,
body .com LI,
body .team-table-home td,
body .team-table-guest td,
body .team-table-other td,
body .fx-div,
body .fg_Title,
body #calendar .d-line,
body .tgs2 td,
body .search-container .searchItem {
  border-bottom: 1px solid transparent;
}
body .rs_ser li a {
  border-bottom: 3px solid transparent;
}
body .r-line,
body .jqSubTitle2,
body .jqTitle2,
body .Prediction-t,
body ul.menu li {
  border-right: 1px solid transparent;
}
body .jqSubTitle2,
body .jqTitle2,
body #calendar .l-line,
body .date-picker .date-picker-calendar {
  border-left: 1px solid transparent;
}
body .bts span,
body .win-note,
body .loadngdiv,
body ul.menu,
body .tabsBox,
body .twin,
body .discription span,
body .tvLink ul li a,
body .BtvLink ul li a,
body #div_search {
  border: 1px solid transparent;
}
body .bts {
  border-top: 1px solid #e5e5e5;
}
body .matchList .item .odds,
body .date-table,
body .date-table td,
body .date-table th,
body #selectsound1,
body #selectsound2 {
  border-color: #d0d0d0 !important;
}
body .Leaguestitle td,
body .date-table {
  border-bottom: 1px solid transparent;
}
body .date-table {
  border-right: 1px solid transparent;
}
body .date-table td,
body .date-table th {
  border-left: solid 1px transparent;
  border-top: solid 1px transparent;
}
body .menu2 li .on,
body .menu2 li .on:hover {
  background-color: #e5e5e5;
}
body .red,
body .red2,
body .lo-f2,
body .fbheader .row .LName,
body .fbheader .row .LName a,
body .fbheader .row .end .score,
body .sclassLink,
body .zbf {
  color: #d64444 !important;
}
body .only-score .odds-title,
body .only-score .otOdds,
body .only-score .ouOdds,
body .only-score .handOdds {
  display: none;
}
body #table_live .tds .hdpstar {
  display: inline;
  padding: 2px 0px 0px 0px;
  margin: 0px;
  color: red;
}
body #table_live .tds .hdpstar::before {
  content: "*";
}
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;
}
body .Leaguestitle .rankicon,
body .team_leaguetitle .rankicon {
  background: url(/Images/rank.svg) no-repeat center;
  width: 24px;
  height: 24px;
  margin: 2px 6px;
  float: right;
  display: inline-block;
  cursor: pointer;
}
body a,
body .tvLinkBtn,
body .glove {
  cursor: pointer;
}
body .drainage {
  position: fixed;
  top: 350px;
  z-index: 1000;
  width: 420px;
  left: 50%;
  margin-left: -210px;
  padding: 12px;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  text-indent: 1em;
  border-radius: 6px;
  background: #196ab7;
  border: 4px solid #2d8de8;
  box-shadow: 0 8px 40px #00407d;
}
body .drainage .linkDesc {
  line-height: 28px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-align: center;
}
body .drainage .countdown {
  text-align: center;
  margin: 8px 0px;
}
body .drainage #drainageCountDown {
  color: yellow;
  font-size: 24px;
}
body .drainage .btn {
  background: var(--white-bg);
  color: var(--thirdly-color);
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  text-indent: initial;
  width: 30%;
  margin: 8px auto 4px;
  padding: 2px 10px;
  border-radius: 4px;
  cursor: pointer;
}
body .sloading {
  position: fixed;
  width: 95%;
  top: 250px;
  left: 1px;
  z-index: 8;
  text-align: center;
}
body .sloading .loadngdiv {
  width: 300px;
  height: 120px;
  border-collapse: collapse;
  border: 1px;
}
body .sloading .loadngdiv img {
  border: 1px;
}
body .drainage_mask {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 999;
}
body .win_lose {
  display: flex;
  justify-content: center;
}
body .win_lose .o-lose,
body .win_lose .o-win,
body .win_lose .o-draw,
body .win_lose .o-none {
  margin: 0 2px;
}
body .bt-selected {
  border-top: solid 1px transparent;
  text-align: center;
  padding: 6px 0 2px 0;
}
body .detail_player {
  display: inline-block;
  max-width: 141px;
  height: 20px;
  vertical-align: -2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body .scoretab .odds-table-bg img {
  vertical-align: -5px;
}
body .Leaguestitle .cImg,
body .team_leaguetitle .cImg {
  position: relative;
  width: 18px;
  height: 12px;
  top: 1px;
  padding: 0 4px;
  vertical-align: 0;
}
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;
}
body #tools.tools {
  overflow: initial;
}
body .tools .switch-btn {
  background: var(--primary-color);
  height: 22px;
  padding: 1px;
  margin: 2px 10px;
  border-radius: 20px;
  float: right;
  display: inline-block;
  position: relative;
}
body .tools .switch-btn span {
  color: var(--text-white);
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  padding: 0 3px;
  border-radius: 20px;
  float: left;
  display: inline-block;
  cursor: pointer;
}
body .tools .switch-btn span.on {
  background: var(--white-bg);
  color: var(--primary-color);
  font-weight: bold;
}
body .tools .switch-btn .pop {
  min-width: 150px;
  background: var(--gray80);
  color: var(--text-white);
  text-align: center;
  line-height: normal;
  padding: 15px;
  border-radius: 5px;
  position: absolute;
  top: 26px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}
body .tools .switch-btn .pop .btn {
  background: var(--primary-color);
  color: var(--text-white);
  text-align: center;
  line-height: 24px;
  width: 50%;
  padding: 0 10px;
  margin: 10px auto 0 auto;
  border-radius: 5px;
  cursor: pointer;
}
body #tools li span .icon {
  color: var(--textcolor-2);
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  margin-left: 2px;
}
body #tools li.on span .icon {
  color: var(--text-white);
}
body #showoptional2 .quickPos {
  background: var(--bgcolor-2);
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translate(0, -50%);
  padding: 4px 0;
  border-radius: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  z-index: 99;
}
body #showoptional2 .quickPos li {
  color: var(--textcolor-1);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 2px;
  display: block;
  float: none;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
body #showoptional2 .quickPos li.on {
  background-color: var(--black);
  color: var(--text-white);
}
body .down3 {
  color: var(--down);
}
body .up3 {
  color: var(--up);
}
body .neutraity {
  color: #FF2929;
  font-weight: normal;
}
body .no-match-box .no_data {
  height: 255px;
  padding: 20px;
}
body .no-match-box .no_data p {
  text-align: center;
  line-height: 30px;
  margin: 10px 0;
}
body .no-match-box .no_data .title {
  font-size: 20px;
  font-weight: 600;
  margin-top: 55px;
}
body .no-match-box .no_data .logo {
  font-size: 30px;
  margin-top: 55px;
}
body .no-match-box .no_data .logo img {
  height: 50px;
}
body .no-match-box .no_data .explain {
  font-size: 16px;
}
body .no-match-box .no_data .explain .icon {
  background: var(--bgcolor-2);
  color: var(--textcolor-3);
  font-size: 18px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  margin: 0 4px;
  display: inline-block;
}
body .no-match-box .no_data .searchbtn {
  background: var(--primary-color);
  color: var(--text-white);
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 500;
  min-width: 150px;
  padding: 5px 10px;
  margin: 10px 0;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
}
body .no-match-box .no_data .searchbtn .icon {
  font-size: 18px;
  font-weight: normal;
  margin-right: 5px;
}
body.dark {
  background-color: #151515;
  color: #fff;
  /*---白色背景--------*/

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

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

  /*--------灰色背景--3---600----*/

  /*--------文字灰度--1------*/

  /*--------文字灰度--2------*/

  /*--------线框灰度--1------*/

  /*--------线框灰度--2--深----*/

  /*导航共用*/

  /*----红-----------------*/

  /*-----篮球比分无指数版-----*/

  /*比分页亚指让球方标识*/

  /*页脚触屏入口*/

  /*积分榜标识*/

  /*手指鼠标*/

  /*引流弹窗*/

  /*加载弹窗*/

  /*遮罩*/

  /*足球分析页*/

  /* 筛选弹窗 */

  /* 比分事件弹窗 */

  /* 比分国旗 */

  /* 联系我们跳转小弹窗 */

  /*版本切换按钮*/

  /*导航下拉图标*/

  /*联赛筛选首字母选择栏*/

  /*赔率升降（无箭头）*/

  /*中立场标识*/

  /*无数据提示*/

}
body.dark .ant .matchdata .databtns,
body.dark #settingPop .box-footer,
body.dark .matchList .item .exbar,
body.dark #settingPop .dbList ul div,
body.dark .w10,
body.dark .calendar__days,
body.dark #div_search,
body.dark #oddsChange,
body.dark #panluDiv,
body.dark #calendar,
body.dark #calendar .datelayer_td-blank,
body.dark #calendar .datelayer_td-blank:hover,
body.dark #main #min,
body.dark #main3,
body.dark #info,
body.dark #main #right .lrdiv,
body.dark #main #left .lrdiv,
body.dark .rf,
body.dark #showoptional2,
body.dark #showCountry,
body.dark #showFilterBox,
body.dark #showoptional,
body.dark #showCompany,
body.dark .rbl,
body.dark .b1,
body.dark .com LI SPAN A:hover,
body.dark .white-bg,
body.dark .white-bg2,
body.dark .livetab,
body.dark .team-table-home .vv,
body.dark .team-table-guest .vv,
body.dark .home-div a span,
body.dark .guest-div a span,
body.dark body select,
body.dark .fx-tb-b li b,
body.dark .fx-tb-b h4,
body.dark .fx-tab .fx-tab-on,
body.dark .fx-tab .fx-tab-on2,
body.dark .twin,
body.dark .bak_div,
body.dark .tvLink,
body.dark .BtvLink,
body.dark .n-search {
  background-color: #282828 !important;
}
body.dark #tools li span,
body.dark .oodstable-t,
body.dark .date-table th,
body.dark .gray-bg2,
body.dark .fx-tb-a li .fx-td-data,
body.dark .fx-line,
body.dark .mintopnav a,
body.dark .lo-f2,
body.dark .fx-tb-b h4,
body.dark .fx-tab span,
body.dark .oddsCaption,
body.dark .home-div a span,
body.dark .guest-div a span,
body.dark .Leaguestitle {
  background-color: #333;
}
body.dark .sotit,
body.dark .bts span,
body.dark .scoretitle td,
body.dark .litab2,
body.dark .listtab .stsw td,
body.dark .com LI SPAN A,
body.dark .team-table-home td,
body.dark .team-table-guest td,
body.dark .team-table-other td,
body.dark .team-table-home tr,
body.dark .team-table-guest tr,
body.dark .team-table-other tr,
body.dark .fx,
body.dark .team-table-home,
body.dark .team-table-guest,
body.dark .team-table-other,
body.dark .player-list,
body.dark .jqSubTitle2,
body.dark .jqTitle2,
body.dark #calendar td,
body.dark .loadngdiv,
body.dark .fx20,
body.dark .oddstitle,
body.dark .search-container .searchItem:nth-child(odd) {
  background-color: #2f2f2f;
}
body.dark #tools li span:hover,
body.dark .oddstable,
body.dark .schedule:hover,
body.dark .collapse:hover,
body.dark .closes:hover,
body.dark .expand:hover {
  background-color: #505050;
}
body.dark body,
body.dark .Leaguestitle,
body.dark a,
body.dark .sotit,
body.dark A.sb:hover,
body.dark a.pk:hover,
body.dark .team-table-title,
body.dark .team-table-title a,
body.dark .team-table-title2,
body.dark .fx-title .fx-title-vs,
body.dark .team_bf,
body.dark .lr_tit {
  color: #fff;
}
body.dark .time,
body.dark #tools .odds_setting p,
body.dark .rbl,
body.dark #tools li span:hover,
body.dark .date-table th,
body.dark .odd-bg1 span,
body.dark .bts span,
body.dark .team-table-other b,
body.dark .stat-title,
body.dark .fx-c-3,
body.dark .oddstitle,
body.dark .oodstable-t {
  color: #999;
}
body.dark #mintable td,
body.dark .date-picker,
body.dark .sotit,
body.dark .rbl,
body.dark .scoretitle td,
body.dark .listtab td,
body.dark .listtab .stsw td,
body.dark .com LI,
body.dark .team-table-home td,
body.dark .team-table-guest td,
body.dark .team-table-other td,
body.dark .fx-div,
body.dark .fg_Title,
body.dark #calendar .d-line,
body.dark .tgs2 td,
body.dark .rs_ser li a,
body.dark .r-line,
body.dark .jqSubTitle2,
body.dark .jqTitle2,
body.dark .Prediction-t,
body.dark ul.menu li,
body.dark #calendar .l-line,
body.dark .bts span,
body.dark .win-note,
body.dark .loadngdiv,
body.dark ul.menu,
body.dark .tabsBox,
body.dark .twin,
body.dark .discription span,
body.dark .Leaguestitle td,
body.dark .date-picker .date-picker-calendar,
body.dark .tvLink ul li a,
body.dark .BtvLink ul li a,
body.dark #div_search,
body.dark .search-container .searchItem,
body.dark .bt-selected,
body.dark .searchexplain {
  border-color: #444 !important;
}
body.dark #mintable td,
body.dark .date-picker,
body.dark .sotit,
body.dark .rbl,
body.dark .scoretitle td,
body.dark .listtab td,
body.dark .listtab .stsw td,
body.dark .com LI,
body.dark .team-table-home td,
body.dark .team-table-guest td,
body.dark .team-table-other td,
body.dark .fx-div,
body.dark .fg_Title,
body.dark #calendar .d-line,
body.dark .tgs2 td,
body.dark .search-container .searchItem {
  border-bottom: 1px solid transparent;
}
body.dark .rs_ser li a {
  border-bottom: 3px solid transparent;
}
body.dark .r-line,
body.dark .jqSubTitle2,
body.dark .jqTitle2,
body.dark .Prediction-t,
body.dark ul.menu li {
  border-right: 1px solid transparent;
}
body.dark .jqSubTitle2,
body.dark .jqTitle2,
body.dark #calendar .l-line,
body.dark .date-picker .date-picker-calendar {
  border-left: 1px solid transparent;
}
body.dark .bts span,
body.dark .win-note,
body.dark .loadngdiv,
body.dark ul.menu,
body.dark .tabsBox,
body.dark .twin,
body.dark .discription span,
body.dark .tvLink ul li a,
body.dark .BtvLink ul li a,
body.dark #div_search {
  border: 1px solid transparent;
}
body.dark .bts {
  border-top: 1px solid #444;
}
body.dark .matchList .item .odds,
body.dark .date-table,
body.dark .date-table td,
body.dark .date-table th,
body.dark #selectsound1,
body.dark #selectsound2 {
  border-color: #444 !important;
}
body.dark .Leaguestitle td,
body.dark .date-table {
  border-bottom: 1px solid transparent;
}
body.dark .date-table {
  border-right: 1px solid transparent;
}
body.dark .date-table td,
body.dark .date-table th {
  border-left: solid 1px transparent;
  border-top: solid 1px transparent;
}
body.dark .menu2 li .on,
body.dark .menu2 li .on:hover {
  background-color: #151515;
}
body.dark .red,
body.dark .red2,
body.dark .lo-f2,
body.dark .fbheader .row .LName,
body.dark .fbheader .row .LName a,
body.dark .fbheader .row .end .score,
body.dark .sclassLink,
body.dark .zbf {
  color: #de5b5c !important;
}
body.dark .only-score .odds-title,
body.dark .only-score .otOdds,
body.dark .only-score .ouOdds,
body.dark .only-score .handOdds {
  display: none;
}
body.dark #table_live .tds .hdpstar {
  display: inline;
  padding: 2px 0px 0px 0px;
  margin: 0px;
  color: red;
}
body.dark #table_live .tds .hdpstar::before {
  content: "*";
}
body.dark #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;
}
body.dark .Leaguestitle .rankicon,
body.dark .team_leaguetitle .rankicon {
  background: url(/Images/rank.svg) no-repeat center;
  width: 24px;
  height: 24px;
  margin: 2px 6px;
  float: right;
  display: inline-block;
  cursor: pointer;
}
body.dark a,
body.dark .tvLinkBtn,
body.dark .glove {
  cursor: pointer;
}
body.dark .drainage {
  position: fixed;
  top: 350px;
  z-index: 1000;
  width: 420px;
  left: 50%;
  margin-left: -210px;
  padding: 12px;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  text-indent: 1em;
  border-radius: 6px;
  background: #196ab7;
  border: 4px solid #2d8de8;
  box-shadow: 0 8px 40px #00407d;
}
body.dark .drainage .linkDesc {
  line-height: 28px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-align: center;
}
body.dark .drainage .countdown {
  text-align: center;
  margin: 8px 0px;
}
body.dark .drainage #drainageCountDown {
  color: yellow;
  font-size: 24px;
}
body.dark .drainage .btn {
  background: var(--white-bg);
  color: var(--thirdly-color);
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  text-indent: initial;
  width: 30%;
  margin: 8px auto 4px;
  padding: 2px 10px;
  border-radius: 4px;
  cursor: pointer;
}
body.dark .sloading {
  position: fixed;
  width: 95%;
  top: 250px;
  left: 1px;
  z-index: 8;
  text-align: center;
}
body.dark .sloading .loadngdiv {
  width: 300px;
  height: 120px;
  border-collapse: collapse;
  border: 1px;
}
body.dark .sloading .loadngdiv img {
  border: 1px;
}
body.dark .drainage_mask {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 999;
}
body.dark .win_lose {
  display: flex;
  justify-content: center;
}
body.dark .win_lose .o-lose,
body.dark .win_lose .o-win,
body.dark .win_lose .o-draw,
body.dark .win_lose .o-none {
  margin: 0 2px;
}
body.dark .bt-selected {
  border-top: solid 1px transparent;
  text-align: center;
  padding: 6px 0 2px 0;
}
body.dark .detail_player {
  display: inline-block;
  max-width: 141px;
  height: 20px;
  vertical-align: -2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
body.dark .scoretab .odds-table-bg img {
  vertical-align: -5px;
}
body.dark .Leaguestitle .cImg,
body.dark .team_leaguetitle .cImg {
  position: relative;
  width: 18px;
  height: 12px;
  top: 1px;
  padding: 0 4px;
  vertical-align: 0;
}
body.dark .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.dark .NotificalPop .tit {
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
}
body.dark .NotificalPop p {
  color: var(--textcolor-1);
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  padding: 10px;
}
body.dark .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;
}
body.dark #tools.tools {
  overflow: initial;
}
body.dark .tools .switch-btn {
  background: var(--primary-color);
  height: 22px;
  padding: 1px;
  margin: 2px 10px;
  border-radius: 20px;
  float: right;
  display: inline-block;
  position: relative;
}
body.dark .tools .switch-btn span {
  color: var(--text-white);
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  padding: 0 3px;
  border-radius: 20px;
  float: left;
  display: inline-block;
  cursor: pointer;
}
body.dark .tools .switch-btn span.on {
  background: var(--white-bg);
  color: var(--primary-color);
  font-weight: bold;
}
body.dark .tools .switch-btn .pop {
  min-width: 150px;
  background: var(--gray80);
  color: var(--text-white);
  text-align: center;
  line-height: normal;
  padding: 15px;
  border-radius: 5px;
  position: absolute;
  top: 26px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}
body.dark .tools .switch-btn .pop .btn {
  background: var(--primary-color);
  color: var(--text-white);
  text-align: center;
  line-height: 24px;
  width: 50%;
  padding: 0 10px;
  margin: 10px auto 0 auto;
  border-radius: 5px;
  cursor: pointer;
}
body.dark #tools li span .icon {
  color: var(--textcolor-2);
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  margin-left: 2px;
}
body.dark #tools li.on span .icon {
  color: var(--text-white);
}
body.dark #showoptional2 .quickPos {
  background: var(--bgcolor-2);
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translate(0, -50%);
  padding: 4px 0;
  border-radius: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  z-index: 99;
}
body.dark #showoptional2 .quickPos li {
  color: var(--textcolor-1);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 2px;
  display: block;
  float: none;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
body.dark #showoptional2 .quickPos li.on {
  background-color: var(--black);
  color: var(--text-white);
}
body.dark .down3 {
  color: var(--down);
}
body.dark .up3 {
  color: var(--up);
}
body.dark .neutraity {
  color: #FF2929;
  font-weight: normal;
}
body.dark .no-match-box .no_data {
  height: 255px;
  padding: 20px;
}
body.dark .no-match-box .no_data p {
  text-align: center;
  line-height: 30px;
  margin: 10px 0;
}
body.dark .no-match-box .no_data .title {
  font-size: 20px;
  font-weight: 600;
  margin-top: 55px;
}
body.dark .no-match-box .no_data .logo {
  font-size: 30px;
  margin-top: 55px;
}
body.dark .no-match-box .no_data .logo img {
  height: 50px;
}
body.dark .no-match-box .no_data .explain {
  font-size: 16px;
}
body.dark .no-match-box .no_data .explain .icon {
  background: var(--bgcolor-2);
  color: var(--textcolor-3);
  font-size: 18px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  margin: 0 4px;
  display: inline-block;
}
body.dark .no-match-box .no_data .searchbtn {
  background: var(--primary-color);
  color: var(--text-white);
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  font-weight: 500;
  min-width: 150px;
  padding: 5px 10px;
  margin: 10px 0;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
}
body.dark .no-match-box .no_data .searchbtn .icon {
  font-size: 18px;
  font-weight: normal;
  margin-right: 5px;
}
/*公用样式*/

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,
.f11:hover {
  color: #f60;
  text-decoration: underline;
  cursor: pointer;
}
.teamNames a:hover {
  color: #fff;
  text-decoration: underline;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 2px 5px 0 0;
  vertical-align: -2px;
  cursor: pointer;
}
._hide {
  display: none;
}
.tipsText {
  font-weight: normal;
  background: #FFF3E8 !important;
  color: #cb6f2d !important;
  height: 16px;
  line-height: 16px;
  border-radius: 2px;
  min-width: 10px;
  min-height: 10px;
  padding: 0 5px;
  text-align: center;
  display: inline-block;
  font-size: 11px;
  font-style: normal;
  vertical-align: unset !important;
  margin: 2px;
  cursor: pointer;
}
.fbsclass {
  color: var(--textcolor-1);
  font-weight: bold;
}
.fbsclass:hover {
  color: #222;
  text-decoration: none;
  cursor: not-allowed;
}
.dark .fbsclass:hover {
  color: #fff;
  text-decoration: none;
  cursor: not-allowed;
}
.LGname {
  color: var(--textcolor-1);
  font-weight: bold;
  cursor: pointer;
}
.LGname:hover {
  color: #f60;
  text-decoration: underline;
}
.nounderline {
  text-decoration: none !important;
  cursor: auto;
}
.nolink {
  cursor: text !important;
  text-decoration: none !important;
  color: var(--textcolor-2) !important;
}
dark .nolink {
  color: #fff;
}
.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;
  right: 0;
  padding: 0 4px;
  white-space: nowrap;
}
/*--足球风格--soccer-------*/

#header-wrapper,
#analyMap a,
.mintopnav li.on a,
.dark .jqTitle {
  background-color: var(--second-color);
}
.menu2,
#soccer .scoretitle td,
#tools .on span,
#tools .on span:hover,
#soccer.dark #tools .on span,
#soccer.dark #tools .on span:hover,
.mintopnav.v2 li.on a,
.oddsHead select,
.nav_select,
.jqTitle {
  background-color: var(--primary-color);
}
.nav_select {
  padding: 5px 10px;
  line-height: 20px;
  overflow: hidden;
  margin-top: -1px;
}
.dark .sbtn,
.dark .sbtn2,
.dark option {
  background: #333;
  color: #fff;
}
.dark .sbtn2:after {
  border-top-color: #fff;
}
#soccer .scoretitle td {
  color: rgba(255, 255, 255, 0.7);
  padding-bottom: 3px;
  line-height: 18px;
}
.tools,
.mintopnav {
  border-bottom: 3px solid var(--primary-color);
}
.menu2 li a:hover {
  background-color: var(--black40);
}
.menu2 li a {
  border-right: 1px solid var(--black20);
}
.menu2 li .on,
.menu2 li .on:hover {
  color: var(--text-primary);
}
#soccer .Leaguestitle td {
  padding-left: 0;
}
/*--篮球风格--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 span,
#basketball #tools .on span:hover,
#basketball .mintopnav.v2 li.on a,
.on-bg-color {
  background-color: #a94446;
}
#basketball .Leaguestitle {
  background-color: var(--table_header);
}
#basketball .scoretitle td {
  line-height: 24px;
}
#basketball .bftab {
  line-height: 16px;
}
#basketball .bftab .b1 {
  height: 30px;
}
#basketball .bf {
  font-weight: 600;
}
#basketball .txtad_div {
  text-align: center;
  width: 100%;
  background-color: #FFF;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}
#basketball.dark .txtad_div {
  background-color: #222;
  border-color: #444;
}
#basketball .nolink {
  cursor: not-allowed;
  text-decoration: none;
  color: #222;
}
#basketball.dark .nolink {
  cursor: not-allowed;
  text-decoration: none;
  color: #fff;
}
/*二级导航栏*/

#basketball .menu2 li .on,
#basketball .menu2 li .on:hover {
  color: var(--text-primary);
  background-color: #e5e5e5;
}
#basketball.dark .menu2 li .on,
#basketball.dark .menu2 li .on:hover {
  background-color: #151515 !important;
}
#basketball .menu2 .sub2_4 {
  width: 130px;
}
#basketball .tools,
#basketball .mintopnav {
  border-bottom: 3px solid var(--primary-color);
}
/*--网球风格--Tennis-------*/

/**/
#tennis #header-wrapper,
#tennis .oddsHead select,
#tennis #analyMap a,
#tennis .nav_select,
#tennis .mintopnav li.on a,
#tennis .menu2,
#tennis #tools .on span,
#tennis #tools .on span: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;
}
#tennis .Leaguestitle td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
#tennis.dark .Leaguestitle td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
/**/
/*---------------------------*/

/*单黑暗模式*/

.dark .menu2 li .on,
.dark .menu2 li .on:hover {
  color: #fff !important;
}
.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.8;
}
.dark .scoretitle td,
.dark .listtab .stsw td {
  color: #949494;
}
/*---dark情景-弹出窗背景-------*/

.dark .Preferences li:hover,
.dark .leftnav li a:hover,
.dark .leftnav .select a,
.dark #showoptional2 li:hover,
.dark #countryListDiv li:hover,
.dark #showCompany li:hover,
.dark .rbl,
.dark #goalTable tr:hover td {
  background-color: #3a3a3a;
}
.dark .schedule:hover,
.dark .collapse:hover,
.dark .closes:hover,
.dark .expand:hover {
  background-color: #151515;
}
/*--------弹出窗口阴影--------*/

#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;
}
/*赔率内页菜单栏*/

.match-odds-menu {
  position: relative;
  height: 30px;
  margin-top: 8px;
}
.match-odds-menu a {
  display: inline-block;
  padding: 0 5px;
  margin: 0 2px;
  height: 30px;
  line-height: 30px;
  min-width: 90px;
  text-align: center;
  font-weight: bold;
  border: 1px solid var(--border-3);
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}
.dark .match-odds-menu a {
  border: 0px;
  background: #333;
}
.match-odds-menu .on {
  background-color: var(--primary-color) !important;
  color: var(--text-white);
  font-weight: 600;
}
.match-odds-menu a select,
.match-odds-menu a select:focus {
  height: 24px;
  background: none;
  border: none;
  outline: none;
}
/*比分页赛事表*/

/*分析页即时赔率*/

#liveCompareDiv .nodata,
#iframeA .nodata {
  background: var(--gray3);
  color: var(--textcolor-2);
  border: 1px solid var(--border-3);
  height: 80px;
  font-size: 15px;
  line-height: 35px;
  text-align: center;
  padding: 10px 0;
  display: none;
}
#liveCompareDiv .nodata .btn,
#iframeA .nodata .btn {
  background: var(--primary-color);
  color: var(--text-white);
  width: auto;
  margin: 0 auto 10px auto;
  padding: 0 30px;
  border-radius: 30px;
  display: table;
  cursor: pointer;
}
#liveCompareDiv .nodata .btn .icon,
#iframeA .nodata .btn .icon {
  margin-right: 4px;
}
.dark #liveCompareDiv .nodata,
.dark #iframeA .nodata {
  background: #2f2f2f;
}
@keyframes loader4Animation {
  0% {
    background-color: #7d7d7d;
    box-shadow: 15px 0px 0px 0px rgba(125, 125, 125, 0.67), 30px 0px 0px 0px rgba(125, 125, 125, 0.33);
  }
  17% {
    background-color: rgba(125, 125, 125, 0.67);
    box-shadow: 15px 0px 0px 0px #7d7d7d, 30px 0px 0px 0px rgba(125, 125, 125, 0.67);
  }
  33% {
    background-color: rgba(125, 125, 125, 0.33);
    box-shadow: 15px 0px 0px 0px rgba(125, 125, 125, 0.67), 30px 0px 0px 0px #7d7d7d;
  }
  50% {
    background-color: rgba(125, 125, 125, 0);
    box-shadow: 15px 0px 0px 0px rgba(125, 125, 125, 0.33), 30px 0px 0px 0px rgba(125, 125, 125, 0.67);
  }
  67% {
    background-color: rgba(125, 125, 125, 0.33);
    box-shadow: 15px 0px 0px 0px rgba(125, 125, 125, 0), 30px 0px 0px 0px rgba(125, 125, 125, 0.33);
  }
  83% {
    background-color: rgba(125, 125, 125, 0.67);
    box-shadow: 15px 0px 0px 0px rgba(125, 125, 125, 0.33), 30px 0px 0px 0px rgba(125, 125, 125, 0);
  }
  100% {
    background-color: #7d7d7d;
    box-shadow: 15px 0px 0px 0px rgba(125, 125, 125, 0.67), 30px 0px 0px 0px rgba(125, 125, 125, 0.33);
  }
}
.loading-box {
  width: 100%;
  text-align: center;
  padding: 40px 0;
}
.loading {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
  animation: loader4Animation 1s linear infinite;
}
.isports-txt {
  background: var(--thirdly-color);
  color: var(--text-white) !important;
  text-align: center;
  line-height: 24px;
  padding: 2px 10px 2px 15px;
  margin-bottom: 6px;
  border-radius: 4px;
  display: block;
}
.isports-txt .icon {
  font-size: 12px;
  transform: rotate(-90deg);
  display: inline-block;
}

/*-------文字广告--c-------*/

.adtext-bg {
  background-color: #FFFFE8;
}
.dark .adtext-bg {
  background-color: #403323;
}
.ad-txt-red,
a.adtext1 {
  color: #D64444;
  font-weight: bold;
}
.dark .ad-txt-red,
.dark a.adtext1 {
  color: #fbd0b4;
  font-weight: bold;
}
.ad-txt-blue,
a.adtext2 {
  color: #0089F1;
  font-weight: bold;
}
.dark .ad-txt-blue,
.dark a.adtext2 {
  color: #6cb9fd;
  font-weight: bold;
}
.adtext-bg2 {
  background-color: #ffffcc;
}
.dark .adtext-bg2 {
  background-color: #383832 !important;
}
.txtad_div {
  text-align: center;
  width: 100%;
  background-color: #FFFFE8;
  border-top: solid 1px #e5e5e5;
}
/*---Basketball-Baseball-Tennis--共用比分线框----------*/

.Leaguestitle td {
  padding-left: 8px;
  line-height: 25px;
}
#basketball .Leaguestitle td {
  padding-left: 2px;
  line-height: 29px;
}
#basketball .Leaguestitle .add-div img {
  vertical-align: -3px;
  padding-left: 2px;
}
.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: 40px;
}
#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;
}
.member-icon {
  width: 40px;
  height: 40px;
  position: absolute;
  background: url(/images/user-login.png) no-repeat;
  cursor: pointer;
}
#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(/Content/Com/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(/Content/Com/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;
}
/*---广告相关样式----------*/

#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:nth-of-type(even) {
  margin-left: 4px;
}
#ad_middle_122 a img {
  padding-top: 5px;
}
/*#ad_middle_2 img{width:100%;}*/

#ad_middle_2 a:nth-of-type(even) {
  margin-left: 4px;
}
#ad_middle_2 a img,
#ad_middle_3 a img {
  padding: 1px 0;
}
.leftnav .adclass {
  margin-left: -10px;
}
/*#ad_middle_2,#ad_middle_133,.adclass { display:none}*/


/* Logo 字体 */
@font-face {
  font-family: "iconfont logo";
  src: url(https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834);
  src: url(https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix) format('embedded-opentype'),
    url(https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834) format('woff'),
    url(https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834) format('truetype'),
    url(https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont) format('svg');
}

.logo {
  font-family: "iconfont logo";
  font-size: 160px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* tabs */
.nav-tabs {
  position: relative;
}

.nav-tabs .nav-more {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 42px;
  line-height: 42px;
  color: #666;
}

#tabs {
  border-bottom: 1px solid #eee;
}

#tabs li {
  cursor: pointer;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  border-bottom: 2px solid transparent;
  position: relative;
  z-index: 1;
  margin-bottom: -1px;
  color: #666;
}


#tabs .active {
  border-bottom-color: #f00;
  color: #222;
}

.tab-container .content {
  display: none;
}

/* 页面布局 */
.main {
  padding: 30px 100px;
  width: 960px;
  margin: 0 auto;
}

.main .logo {
  color: #333;
  text-align: left;
  margin-bottom: 30px;
  line-height: 1;
  height: 110px;
  margin-top: -50px;
  overflow: hidden;
  *zoom: 1;
}

.main .logo a {
  font-size: 160px;
  color: #333;
}

.helps {
  margin-top: 40px;
}

.helps pre {
  padding: 20px;
  margin: 10px 0;
  border: solid 1px #e7e1cd;
  background-color: #fffdef;
  overflow: auto;
}

.icon_lists {
  width: 100% !important;
  overflow: hidden;
  *zoom: 1;
}

.icon_lists li {
  width: 100px;
  margin-bottom: 10px;
  margin-right: 20px;
  text-align: center;
  list-style: none !important;
  cursor: default;
}

.icon_lists li .code-name {
  line-height: 1.2;
}

.icon_lists .icon {
  display: block;
  height: 100px;
  line-height: 100px;
  font-size: 42px;
  margin: 10px auto;
  color: #333;
  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
  -moz-transition: font-size 0.25s linear, width 0.25s linear;
  transition: font-size 0.25s linear, width 0.25s linear;
}

.icon_lists .icon:hover {
  font-size: 100px;
}

.icon_lists .svg-icon {
  /* 通过设置 font-size 来改变图标大小 */
  width: 1em;
  /* 图标和文字相邻时，垂直对齐 */
  vertical-align: -0.15em;
  /* 通过设置 color 来改变 SVG 的颜色/fill */
  fill: currentColor;
  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
      normalize.css 中也包含这行 */
  overflow: hidden;
}

.icon_lists li .name,
.icon_lists li .code-name {
  color: #666;
}

/* markdown 样式 */
.markdown {
  color: #666;
  font-size: 14px;
  line-height: 1.8;
}

.highlight {
  line-height: 1.5;
}

.markdown img {
  vertical-align: middle;
  max-width: 100%;
}

.markdown h1 {
  color: #404040;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 24px;
}

.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5,
.markdown h6 {
  color: #404040;
  margin: 1.6em 0 0.6em 0;
  font-weight: 500;
  clear: both;
}

.markdown h1 {
  font-size: 28px;
}

.markdown h2 {
  font-size: 22px;
}

.markdown h3 {
  font-size: 16px;
}

.markdown h4 {
  font-size: 14px;
}

.markdown h5 {
  font-size: 12px;
}

.markdown h6 {
  font-size: 12px;
}

.markdown hr {
  height: 1px;
  border: 0;
  background: #e9e9e9;
  margin: 16px 0;
  clear: both;
}

.markdown p {
  margin: 1em 0;
}

.markdown>p,
.markdown>blockquote,
.markdown>.highlight,
.markdown>ol,
.markdown>ul {
  width: 80%;
}

.markdown ul>li {
  list-style: circle;
}

.markdown>ul li,
.markdown blockquote ul>li {
  margin-left: 20px;
  padding-left: 4px;
}

.markdown>ul li p,
.markdown>ol li p {
  margin: 0.6em 0;
}

.markdown ol>li {
  list-style: decimal;
}

.markdown>ol li,
.markdown blockquote ol>li {
  margin-left: 20px;
  padding-left: 4px;
}

.markdown code {
  margin: 0 3px;
  padding: 0 5px;
  background: #eee;
  border-radius: 3px;
}

.markdown strong,
.markdown b {
  font-weight: 600;
}

.markdown>table {
  border-collapse: collapse;
  border-spacing: 0px;
  empty-cells: show;
  border: 1px solid #e9e9e9;
  width: 95%;
  margin-bottom: 24px;
}

.markdown>table th {
  white-space: nowrap;
  color: #333;
  font-weight: 600;
}

.markdown>table th,
.markdown>table td {
  border: 1px solid #e9e9e9;
  padding: 8px 16px;
  text-align: left;
}

.markdown>table th {
  background: #F7F7F7;
}

.markdown blockquote {
  font-size: 90%;
  color: #999;
  border-left: 4px solid #e9e9e9;
  padding-left: 0.8em;
  margin: 1em 0;
}

.markdown blockquote p {
  margin: 0;
}

.markdown .anchor {
  opacity: 0;
  transition: opacity 0.3s ease;
  margin-left: 8px;
}

.markdown .waiting {
  color: #ccc;
}

.markdown h1:hover .anchor,
.markdown h2:hover .anchor,
.markdown h3:hover .anchor,
.markdown h4:hover .anchor,
.markdown h5:hover .anchor,
.markdown h6:hover .anchor {
  opacity: 1;
  display: inline-block;
}

.markdown>br,
.markdown>p>br {
  clear: both;
}


.hljs {
  display: block;
  background: white;
  padding: 0.5em;
  color: #333333;
  overflow-x: auto;
}

.hljs-comment,
.hljs-meta {
  color: #969896;
}

.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
  color: #df5000;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
  color: #a71d5d;
}

.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
  color: #0086b3;
}

.hljs-section,
.hljs-name {
  color: #63a35c;
}

.hljs-tag {
  color: #333333;
}

.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #795da3;
}

.hljs-addition {
  color: #55a532;
  background-color: #eaffea;
}

.hljs-deletion {
  color: #bd2c00;
  background-color: #ffecec;
}

.hljs-link {
  text-decoration: underline;
}

/* 代码高亮 */
/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
code[class*="language-"],
pre[class*="language-"] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;

  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}

pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}

@media print {

  code[class*="language-"],
  pre[class*="language-"] {
    text-shadow: none;
  }
}

/* Code blocks */
pre[class*="language-"] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
}

:not(pre)>code[class*="language-"],
pre[class*="language-"] {
  background: #f5f2f0;
}

/* Inline code */
:not(pre)>code[class*="language-"] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: slategray;
}

.token.punctuation {
  color: #999;
}

.namespace {
  opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #9a6e3a;
  background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

.token.function,
.token.class-name {
  color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
  color: #e90;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

@font-face {
  font-family: "iconfont"; /* Project id 3795594 */
  src: url(/Content/Com/fonts/iconfont.woff2?t=1747790464099) format('woff2'),
       url(/Content/Com/fonts/iconfont.woff?t=1747790464099) format('woff'),
       url(/Content/Com/fonts/iconfont.ttf?t=1747790464099) format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-rank:before {
  content: "\e601";
}

.icon-rank1:before {
  content: "\e870";
}

.icon-coins:before {
  content: "\e6b8";
}

.icon-gift:before {
  content: "\e6b7";
}

.icon-delete:before {
  content: "\e6b6";
}

.icon-keyboard:before {
  content: "\e6b5";
}

.icon-expression:before {
  content: "\e69e";
}

.icon-talk:before {
  content: "\e69d";
}

.icon-jersey-fb:before {
  content: "\e69a";
}

.icon-ptcode:before {
  content: "\e699";
}

.icon-jersey:before {
  content: "\e698";
}

.icon-score:before {
  content: "\e696";
}

.icon-trend:before {
  content: "\e697";
}

.icon-max:before {
  content: "\e694";
}

.icon-min:before {
  content: "\e695";
}

.icon-odds1:before {
  content: "\e693";
}

.icon-weather:before {
  content: "\e692";
}

.icon-b-ant-off:before {
  content: "\e691";
}

.icon-b-ant-on:before {
  content: "\e690";
}

.icon-tennis_racket:before {
  content: "\e68e";
}

.icon-tennis_ball:before {
  content: "\e68f";
}

.icon-icon-live1:before {
  content: "\e68c";
}

.icon-icon-live2:before {
  content: "\e68d";
}

.icon-drop-down:before {
  content: "\e685";
}

.icon-font-display:before {
  content: "\e684";
}

.icon-live:before {
  content: "\e61c";
}

.icon-icon-corner1:before {
  content: "\e61a";
}

.icon-footballclass2:before {
  content: "\e618";
}

.icon-footballclass1:before {
  content: "\e619";
}

.icon-font-rank:before {
  content: "\e616";
}

.icon-font-footballclass:before {
  content: "\e64d";
}

.icon-font-sendont:before {
  content: "\e64e";
}

.icon-font-esports:before {
  content: "\e64f";
}

.icon-font-topping:before {
  content: "\e650";
}

.icon-font-hide:before {
  content: "\e651";
}

.icon-font-bonus:before {
  content: "\e652";
}

.icon-font-analysis:before {
  content: "\e653";
}

.icon-font-camera:before {
  content: "\e654";
}

.icon-font-delete:before {
  content: "\e655";
}

.icon-font-follow:before {
  content: "\e656";
}

.icon-font-hit:before {
  content: "\e657";
}

.icon-font-hot:before {
  content: "\e658";
}

.icon-font-emailver:before {
  content: "\e659";
}

.icon-font-profile-email:before {
  content: "\e65a";
}

.icon-font-membershipchengyuanguanli:before {
  content: "\e65b";
}

.icon-font-post:before {
  content: "\e65c";
}

.icon-font-manypeople:before {
  content: "\e65d";
}

.icon-font-profile-password:before {
  content: "\e65e";
}

.icon-font-profile-withdrawalaccount:before {
  content: "\e65f";
}

.icon-font-report2:before {
  content: "\e660";
}

.icon-font-index:before {
  content: "\e661";
}

.icon-font-report:before {
  content: "\e662";
}

.icon-font-improper:before {
  content: "\e663";
}

.icon-font-time:before {
  content: "\e664";
}

.icon-font-sharearticel:before {
  content: "\e665";
}

.icon-font-record:before {
  content: "\e666";
}

.icon-font-subscribe:before {
  content: "\e667";
}

.icon-font-wifi:before {
  content: "\e668";
}

.icon-font-wallet:before {
  content: "\e669";
}

.icon-icon_help:before {
  content: "\e66a";
}

.icon-baseball:before {
  content: "\e66b";
}

.icon-font-forbidden:before {
  content: "\e66c";
}

.icon-font-subscribe2:before {
  content: "\e66d";
}

.icon-matchdata:before {
  content: "\e66e";
}

.icon-analysis:before {
  content: "\e66f";
}

.icon-odds:before {
  content: "\e670";
}

.icon-t5:before {
  content: "\e671";
}

.icon-font-share:before {
  content: "\e672";
}

.icon-font-pk:before {
  content: "\e673";
}

.icon-font-live1:before {
  content: "\e674";
}

.icon-font-live2:before {
  content: "\e675";
}

.icon-font-report21:before {
  content: "\e676";
}

.icon-font-report3:before {
  content: "\e677";
}

.icon-cricbat:before {
  content: "\e678";
}

.icon-criball:before {
  content: "\e679";
}

.icon-cricket:before {
  content: "\e67a";
}

.icon-warning:before {
  content: "\e67b";
}

.icon-font-Telep:before {
  content: "\e67c";
}

.icon-fond-add:before {
  content: "\e67d";
}

.icon-font-ID:before {
  content: "\e67e";
}

.icon-font-number:before {
  content: "\e67f";
}

.icon-font-charge:before {
  content: "\e680";
}

.icon-font-index1:before {
  content: "\e681";
}

.icon-font-injured:before {
  content: "\e682";
}

.icon-font-Assists:before {
  content: "\e683";
}

.icon-font-female-yes:before {
  content: "\e686";
}

.icon-font-male-yes:before {
  content: "\e687";
}

.icon-font-male:before {
  content: "\e688";
}

.icon-font-Tennis-y:before {
  content: "\e689";
}

.icon-font-female:before {
  content: "\e68a";
}

.icon-font-Tennis:before {
  content: "\e68b";
}

.icon-font-animation:before {
  content: "\e69b";
}

.icon-font-push:before {
  content: "\e69c";
}

.icon-font-collect-on:before {
  content: "\e69f";
}

.icon-font-sort:before {
  content: "\e6a0";
}

.icon-font-varicon:before {
  content: "\e6a1";
}

.icon-font-collect-off:before {
  content: "\e6a2";
}

.icon-font-upload:before {
  content: "\e6a3";
}

.icon-font-upload-1:before {
  content: "\e6a4";
}

.icon-font-logout:before {
  content: "\e6a5";
}

.icon-font-menu2:before {
  content: "\e6a6";
}

.icon-font-menu:before {
  content: "\e6a7";
}

.icon-font-switch:before {
  content: "\e6a8";
}

.icon-font-doubleopen-off:before {
  content: "\e6a9";
}

.icon-font-index-on:before {
  content: "\e6aa";
}

.icon-font-doubleopen-on:before {
  content: "\e6ab";
}

.icon-font-heat:before {
  content: "\e6ac";
}

.icon-font-prohibit:before {
  content: "\e6ad";
}

.icon-font-live:before {
  content: "\e6ae";
}

.icon-font-injured1:before {
  content: "\e6af";
}

.icon-font-live-2:before {
  content: "\e6b0";
}

.icon-t5-2:before {
  content: "\e6b1";
}

.icon-icon-corner:before {
  content: "\e6b2";
}

.icon-icon-detail:before {
  content: "\e6b3";
}

.icon-font-set:before {
  content: "\e6b4";
}

.icon-font-events-exit:before {
  content: "\e611";
}

.icon-font-events-enter:before {
  content: "\e612";
}

.icon-font-events-red:before {
  content: "\e613";
}

.icon-font-setup:before {
  content: "\e617";
}

.icon-font-becareful:before {
  content: "\e61b";
}

.icon-font-dialogue:before {
  content: "\e61d";
}

.icon-font-connect:before {
  content: "\e61e";
}

.icon-font-diamonds2:before {
  content: "\e61f";
}

.icon-font-diamonds:before {
  content: "\e620";
}

.icon-font-doubt:before {
  content: "\e621";
}

.icon-font-expert:before {
  content: "\e622";
}

.icon-font-open-on:before {
  content: "\e623";
}

.icon-font-open-off:before {
  content: "\e624";
}

.icon-font-picture:before {
  content: "\e625";
}

.icon-font-opinion:before {
  content: "\e626";
}

.icon-font-signin:before {
  content: "\e627";
}

.icon-font-signin2:before {
  content: "\e628";
}

.icon-font-setup2:before {
  content: "\e629";
}

.icon-font-mail:before {
  content: "\e62a";
}

.icon-font-more:before {
  content: "\e62b";
}

.icon-font-adduser:before {
  content: "\e62c";
}

.icon-font-return:before {
  content: "\e62d";
}

.icon-font-returnon:before {
  content: "\e62e";
}

.icon-font-proaganda:before {
  content: "\e62f";
}

.icon-font-small-administrators:before {
  content: "\e630";
}

.icon-font-small-display:before {
  content: "\e631";
}

.icon-font-small-lock:before {
  content: "\e632";
}

.icon-font-small-reply:before {
  content: "\e633";
}

.icon-font-small-document:before {
  content: "\e634";
}

.icon-font-small-support-on:before {
  content: "\e635";
}

.icon-font-username:before {
  content: "\e636";
}

.icon-font-small-support-off:before {
  content: "\e637";
}

.icon-font-password:before {
  content: "\e638";
}

.icon-font-choice:before {
  content: "\e639";
}

.icon-font-homepage-on:before {
  content: "\e63a";
}

.icon-font-homepage-off:before {
  content: "\e63b";
}

.icon-font-change:before {
  content: "\e63c";
}

.icon-font-change_new:before {
  content: "\e63d";
}

.icon-font-top:before {
  content: "\e63e";
}

.icon-font-small-support-off1:before {
  content: "\e63f";
}

.icon-font-small-support-on1:before {
  content: "\e640";
}

.icon-font-open-off1:before {
  content: "\e641";
}

.icon-font-open-on1:before {
  content: "\e642";
}

.icon-font-refresh:before {
  content: "\e643";
}

.icon-font-basketballclass:before {
  content: "\e644";
}

.icon-font-class:before {
  content: "\e645";
}

.icon-font-screen:before {
  content: "\e646";
}

.icon-font-calendar:before {
  content: "\e647";
}

.icon-font-search:before {
  content: "\e648";
}

.icon-font-setup1:before {
  content: "\e649";
}

.icon-font-lineup:before {
  content: "\e64a";
}

.icon-font-reduce:before {
  content: "\e64b";
}

.icon-font-plus:before {
  content: "\e64c";
}