/*--------文字白色--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 .pc_win, .dark .bak_div { background-color: #444; }

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

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

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


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

.oods-c-bg1, .up { background-color: #d4ffb6;color: #000000ba;}
.oods-c-bg2, .down { background-color: #f9d2d2;color: #000000ba;}
.oods-c-bg3 { background-color: #FFFF00;color: #000000ba;}

.dark .oods-c-bg1, .dark .up { background-color: #1e612e;color:#FFFFFFba;}
.dark .oods-c-bg2, .dark .down { background-color: #8e3c64;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; }
/*--------突出色---背景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 ~ a { margin-left: 4px; }
#ad_middle_122 a img { padding-top: 5px }
/*#ad_middle_2 img{width:100%;}*/
#ad_middle_2 a ~ a { margin-left: 4px; }
#ad_middle_2 a img, #ad_middle_3 a img { padding: 1px 0; }
.leftnav .adclass { margin-left: -10px; }
/*#ad_middle_2,#ad_middle_133,.adclass { display:none}*/


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

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

.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, .lr_titA { font-weight: bold; display: block; line-height: 35px; font-size: 14px; padding-left: 5px; }
.lr_tit2 { line-height: 24px; font-weight: bold; color: #425B7E; display: block; height: 24px; padding-left: 24px; }
.lr_litime, .lr_litime a { line-height: 20px; }
/*------------------------------------------------left--------------------*/
#left { width: 155px; float: left; margin-right: 10px }
.leftnav { padding: 5px 0;}

.leftnav li:last-child { border: none; }
.leftnav li a { line-height: 28px; display: block; text-align: left; padding-left: 5px }
.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 }
#nob,
#nob2 { border-bottom-width: 0; }
.leftnav span { padding-left: 24px; background: url(/Images/flag-list_rgb_17.png) no-repeat; }
.selectBtn { background: url("/images/rt.gif") no-repeat 130px center #fff; border: solid 1px #ccc; color: #333; cursor: pointer }
/*------------------------------------------------min--------------------*/
#min { float: left; width: 660px }
.comp .mintopnav { padding-top: 5px; margin: 0; }
.comp .mintopnav a { background: #fff; }
.mintopnav { text-align: center; }
.mintopnav a { display: inline-block; text-align: center; padding: 0 30px; line-height: 24px; border-radius: 2px 2px 0 0; }
.mintopnav a:hover { text-decoration: none; }
.mintopnav.v2 li a { text-align: center; float: none; line-height: 30px;  position: relative;}
.mintopnav.v2 li a i{
    right:0px;
    top:-5px;
}
.mintopnav.v2 li { display: inline-block; margin: 0 -1px }
.mintopnav.v2 li.on a, .mintopnav li.on a { color: #fff; line-height: 30px; border-radius: 2px 2px 0 0; font-weight: 600; }

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

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

.nav_select { overflow: hidden; }
.nav_select ul { }
.nav_select li { display: inline-block; padding: 0 10px; float: left; margin: 5px 3px; line-height: 24px; color: #FFF; cursor: pointer; }
.nav_select li:first-child { margin-left: 10px }
.nav_select li a { color: #FFF; }
.nav_select .nav_selected { background-color: #114779; border-radius: 3px; opacity: 1; }
#mnavnone a { background-image: none; }
#note { line-height: 26px; background-color: #FFFACC; clear: both; border-right: 1px solid #C6C6C6; border-left: 1px solid #C6C6C6; padding: 0 10px; text-align: left; height: 26px; color: #B36946; }
#note .close a { float: right; display: block; background-image: url(blue_img/close.gif); height: 14px; width: 14px; margin-top: 5px; line-height: 0px; }

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

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

.Leaguestitle { text-align: left; }
#mintable .Leaguestitle td { border-bottom: 1px solid rgba(0,0,0,.1) !important }
.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 }

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

.b3 { BACKGROUND-COLOR: #eeeeff }
.b4 { BACKGROUND-COLOR: #eeeeee }
.l1 { float: left; margin-left: 2px; }
.l1 a { font-weight: bold; }
.l2 { float: right; }
.l2 img { margin: 0 2px }
.contest { font-weight: bold; background-color: #FFFACC; }
.l3 { float: left; margin-left: 10px; background: url(blue_img/ds.gif) no-repeat left; padding-left: 12px; color: black; font-weight: bold; }
.l4 { float: left; margin-left: 5px; padding-left: 6px; color: #B36946; }
.l5 { float: right; }
.l5 img { margin: 0 2px }
.contest { font-weight: bold; background-color: #FFFACC; }
.date_li { background: #e4e4e4; margin-bottom: 5px; }
.date_li a { height: 26px; line-height: 26px; display: block; float: left; padding: 0 8px; border-left: solid 1px #ccc; }
.date_li a:first-child { border: none; }
.date_li a:hover { background-color: #F4FBFF; text-decoration: none; color: #F30; }
.date_li b { height: 26px; line-height: 26px; display: block; float: left; padding: 0 8px; background: #346bab; color: #FFF; }
.date_li22 { height: 32px; line-height: 32px; background: #e4e4e4; margin-bottom: 5px; }
.date_li22 a { display: block; float: left; padding: 0 5px; text-decoration: underline; }
.date_li22 a:hover { background-color: #F4FBFF; text-decoration: underline; color: #F30; }
.date_li22 b { height: 26px; line-height: 26px; display: block; float: left; padding: 0 8px; background-image: url(/images/date6.gif); color: #FFF; }
/*------------------------------------------------right--------------------*/
#div_search { width: 650px; left: -507px; top: 5px; z-index: 5; position: absolute; display: none; padding-bottom: 10px; }
#div_search a { line-height: 24px; padding: 0 10px; display: block; float: left; width: 90% }
#div_search a:hover { text-decoration: none; }
#right { width: 155px; float: left; margin-left: 10px }
.comCbb { vertical-align: middle; }
.soundtab { background-color: #F4F5F5; clear: both; width: 100%; overflow: hidden; padding: 0 0 4px 0; line-height: 20px; }
.soundtab select { margin-left: 2px; width: 85px; height: 20px; font-size: 11px; margin-top: 1px; }
.soundtab span { line-height: 18px }
.fontse a { background: url(blue_img/font.gif) repeat-x; font-weight: bold; border: 1px solid #D1D1D1; margin-right: 7px; display: block; float: left; padding-right: 4px; padding-left: 4px; }
.fontse a:hover { color: #039; border: 1px solid #09F; text-decoration: none; }
.e12 { font-size: 12px }
.e14 { font-size: 14px }
.set1 { padding-left: 13px; background: url(blue_img/re.gif) no-repeat left top; margin: 0 8px 0 4px; }
.set2 { padding-left: 13px; background: url(blue_img/re.gif) no-repeat left -20px; }
.color { background-image: url(blue_img/color.gif); height: 8px; width: 72px; margin-top: 3px; background-repeat: no-repeat; overflow: hidden; }
.color li { float: left }
.color li a { display: block; height: 8px; width: 8px; margin-right: 4px; }

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


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


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

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

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

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

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

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

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


.bts { display: block; clear: both; padding: 10px; text-align: center; margin-top: 5px; overflow: hidden }
.bts span { margin: 0 3px; font-size: 11px; font-weight: bold; line-height: 36px; height: 36px; cursor: pointer; padding: 0 20px; border-radius: 3px; display: inline-block; vertical-align: middle; }
.bts .ent { background-color: #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; }
.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 }
.oddschanges .odd-teamname .sup { font-size: 12px; color: #9f0000; -webkit-transform: scale(0.89); transform: scale(0.89); display: inline-block; margin: 0 2px }
.oddschanges .odd-sname { display: inline-block; padding: 0 5px; line-height: 22px; border-radius: 3px; }
.oddschanges .odd-teamname { font-size: 13px; line-height: normal; }
.oddschanges .odd-score { font-size: 15px; font-weight: bold }
.m5 { margin-bottom: 5px }
/*------------------------------------------------team vs team--------------------*/
#teammain { float: left; width: 875px; }
.team_info { display: block; line-height: 24px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E6E6E6; border-top-width: 1px; border-top-style: solid; border-top-color: #E6E6E6; }

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

.teamname_td,
.teamname_td2 { background-color: #E6F0FB; line-height: 18px; font-weight: bold; font-size: 14px; }
.teaminfo2 { background-color: #E6F0FB; color: #33638A; }
.teaminfo_td,
.teaminfo_td2 { background-color: #FFF7E1; font-weight: bold; }
.te1 { background-color: #FFF; }
.te2 { background-color: #F5F5F5; }
.greens { color: #360; background-color: #D3F88F; font-weight: bold; }
.BgYellow { background-color: #fcebda; color: #73250f }
.BgSky { background-color: #d2e6ff }
#teamid .sl { text-align: left }
#teamid .sr { text-align: right }
#teamid .underLine a { text-decoration: underline }

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

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

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

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

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

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

.fx-tab2 { text-align: center; margin: 10px auto }
.fx-tab2 li { display: inline-block; color: #666; width: 120px; line-height: 25px; vertical-align: middle; cursor: pointer; }
.fx-tab2 span { background-color: #e5e5e5; border-radius: 20px; display: inline-block; height: 25px; padding: 2px; }
.fx-tab2 .fx-tab2-on { color: #555; font-weight: bold; border-radius: 20px; background-color: #fff; }

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

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

.team-table-other .fx-green { background-color: #60a93c !important; color: #fff }
.team-table-other .fx-red { background-color: #ec4545 !important; color: #fff }
.team-table-other .fx-blue { background-color: #346ec5 !important; color: #fff }
.dark .team-table-other .fx-green { background-color: #407228 !important; }
.dark .team-table-other .fx-red { background-color: #742222 !important; }
.dark .team-table-other .fx-blue { background-color: #17335c !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; }
.blueBtn { color: #666; padding: 4px 10px; border-radius: 3px; text-decoration: underline dashed !important; }
.blueBtn:hover { color: #c74141 !important; text-decoration: none }
#home,
#guest { float: left; width: 170px; height: auto; text-align: center; margin-top: 10px; }
#matchItems { float: left; width: 598px; padding-top: 10px; }
#matchItems .item { text-align: center; line-height: 20px; font-size: 12px; overflow: hidden; }
.bhTable,
.statisticsTable { line-height: 16px; }
.bhTable th,
.statisticsTable th { padding: 5px; background: #5885B7; color: #FFF; font-size: 14px; }
.bhTable td,
.statisticsTable td { border-bottom: 1px solid #e5e5e5; font-size: 12px; padding-right: 5px; padding-left: 5px; height: 20px; color: #333; }
.bhTable tr td.bg1,
.statisticsTable tr td.bg1 { background: #F4F4F4; }
.bhTable tr td.bg2,
.statisticsTable tr td.bg2 { background: #FFF; }
.bhTable tr td.bg3,
.statisticsTable tr td.bg3 { background: #F4F4F4; }
.bhTable tr td.bg4,
.statisticsTable tr td.bg4 { background: #FFF; }
.bhTable tr.bg1,
.statisticsTable tr.bg1 { background: #F4F4F4; }
.barBg2 .info { background: #ff6600; height: 16px; float: right; }
.barBg .info { background: #0b79c9; height: 16px; }
#home { width: 170px; height: auto; text-align: center; margin-top: 10px; float: left; }
#guest { width: 170px; height: auto; text-align: center; margin-top: 10px; float: left; }
#home .name { text-align: center; color: rgb(18, 134, 197); line-height: 20px; font-size: 14px; font-weight: bold; margin-top: 5px; display: block; }
#guest .name { text-align: center; color: rgb(18, 134, 197); line-height: 20px; font-size: 14px; font-weight: bold; margin-top: 5px; display: block; }
/*match box*/
#mactbox-black { background-color: #444; overflow: hidden; padding: 30px 0 10px 0 }
#matchBox { background: url("/images/soccer-bg.png") no-repeat; color: #fff; width: 980px; margin: 0 auto; clear: both }
.dark #matchBox { opacity: 0.85; }
.teamNames { position: relative; text-align: center; width: 980px; margin: 0 auto }
.teamNames a { color: #fff }
.tn-home, .tn-away { width: 50%; display: inline-block; float: left; color: #fff; line-height: 30px; font-size: 16px; font-weight: bold; border-radius: 8px 8px 0 0; }
.tn-vs-d { position: absolute; left: 400px; width: 180px; height: 46px; border-radius: 6px; top: -3px; display: inline-block; transform: perspective(1.5em) rotateX(-5deg); transform-origin: top; background-color: #e8e8e8; background-image: linear-gradient(180deg,transparent,#ccc,#f0f0f0); box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.25); }
.tn-vs-c { position: absolute; left: 400px; width: 180px; font-size: 22px; font-weight: bold; color: #555; top: -1px; display: inline-block; }
#matchBox .backupPlay { background-color: #41750D; border: 3px solid #71A140; border-top: none; height: auto; }
#matchBox .backupPlay .play { width: 131px; height: 40px; color: rgb(231, 241, 218); line-height: 20px; font-size: 12px; text-decoration: none; margin-right: 5px; margin-left: 5px; float: left; display: block; white-space: nowrap; }
#matchBox .backupPlay .play div { height: 20px; text-align: center; line-height: 20px; display: block; }
#matchBox .backupPlay .play .name { background: rgb(58, 92, 27); width: 115px; height: 20px; text-align: left; line-height: 20px; overflow: hidden; padding-right: 5px; padding-left: 5px; display: block; white-space: nowrap; text-overflow: ellipsis; border-radius: 3px; }
#matchBox .backupPlay .play .name a, #matchBox .backupPlay .play .name a:hover { color: #ceefc0; }
#matchBox .backupPlay .bu_txt { text-align: center; color: #79af35; font-size: 14px; }
#matchBox .backupPlay .home { width: 425px; clear: left; float: left; padding-left: 15px; }
#matchBox .backupPlay .guest { width: 425px; clear: right; float: right; }
#matchBox .plays { width: 100%; height: 450px; display: block; }
#matchBox .plays .home { width: 469px; float: left; }
#matchBox .plays .guest { width: 469px; float: right; }
#matchBox .plays .playBox { width: 117px; float: left; position: relative; }
#matchBox .plays .playBox .play { height: 90px; margin-right: auto; margin-left: auto; float: none; display: table; position: relative }
#matchBox .plays .playBox .play div { text-align: center; line-height: 20px; display: block; min-height: 20px; }
.plays .playBox .play span { vertical-align: middle; display: table-cell; }
#matchBox .plays .playBox .play .name { background: rgb(58, 92, 27); width: 80px; height: 20px; text-align: left; color: rgb(231, 241, 218); line-height: 20px; padding-right: 5px; font-size: 12px; display: block; white-space: nowrap; text-overflow: ellipsis; border-radius: 3px; position: relative }
#matchBox .plays .playBox .play .name a { color: rgb(231, 241, 218); overflow: hidden; width: 60px; display: inline-block; padding-left: 10px; white-space: nowrap; text-overflow: ellipsis; }

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

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

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

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

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

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

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

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

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

.scTitle { padding: 2px 20px 2px 20px; }
.scTitle a { color: #003399 !important; font-weight: bold; }
.more_r { color: red; font-weight: bold; float: right; font-size: 14px; line-height: 26px; padding-right: 5px; }
.aotable { text-align: center; margin-bottom: 10px; }
/*popup*/
.popup-overlay { background-color: #000000; filter: alpha(opacity=20); opacity: .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; border-top: 1px solid #8e3537; background-position: 0px -2px; }
.popup-container2 .popup-titlebar2 .Ptitle { font-weight: 700; line-height: 30px; color: #fff; margin-left: 15px; background: none; font-size: 13px; }
.popup-container2 .popup-titlebar2 .Pclose { float: right; text-decoration: none; margin-top: 5px; margin-right: 3px; background: url(/images/close.gif) no-repeat; width: 20px; height: 20px; }
.popup-container2 .popup-titlebar2 .Pclose:hover { background: url(/images/close.gif) no-repeat; }
.popup-container2 .popup-content2 { border: solid 3px #8e3537; margin: 0; overflow: hidden; }
.dark .popup-container2 .popup-content2 { background-color: #2f2f2f }
.popup-container2 .popup-resize { text-align: right; margin-top: -30px; height: 30px; line-height: 0; overflow: hidden; }
.popup-container2 .popup-resize div { width: 30px; line-height: 30px; background: url(/images/a_popup_resize.gif) 23px 22px no-repeat; float: right; text-indent: 100px; overflow: hidden; cursor: se-resize; }
.JsTitle { position: absolute; top: 0; left: 0; z-index: 2000; padding: 5px; background-color: #0C609C; color: white; -webkit-box-shadow: 0 0 9px #999; box-shadow: 0 0 9px #999; filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', direction=135, strength=4); }
.JsTitleNoBG { position: absolute; top: 0; left: 0; z-index: 2000; padding: 0px; -webkit-box-shadow: 0 0 9px #999; box-shadow: 0 0 9px #999; }
.odds_checked, .odds_unchecked { margin: 2px 3px; line-height: 24px; width: 87px; display: inline-block; }
/*popup end*/
#analyMap a { width: 66px; text-align: center; color: #fff; line-height: 26px; margin-bottom: 2px; display: block; }
#analyMap a:hover, #analyMap a:first-child { background-color: #f60 !important; text-decoration: none; }
.tabs { border: 1px solid #cccccc; border-radius: 2px; line-height: 24px; height: 24px; overflow: hidden; }
.tabs span,
.tabs a { padding: 0px 4px; line-height: 24px; height: 24px; border: none; margin: 0px; overflow: hidden; cursor: pointer; }
.tabs .on { background: #fff; color: #5885B7; }
#mScore { font-size: 16px; color: #d64444; font-weight: bold; line-height: 30px; }
.dark #mScore {color: #de5b5c; }
.expLine { text-align: center; }
#main #left .lrdiv { width: 135px; }
.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; }
.nwTool .menu span:hover { color: #ff0; }
.noteImg { width: 728px; height: 63px; margin-bottom: 5px; border-radius: 2px; overflow: hidden; display: block; }
.noteImg img { width: 100%; }
.bottomBar { background: #efefef; padding: 0 5px; margin-bottom: -5px; line-height: 26px; margin-top: 5px; }
#backup_fav_top { background: #fff; cursor: pointer; width: 1000px; margin-right: auto; margin-left: auto; position: relative; }
#backup_fav { text-align: center; background-color: #2d67b3; width: 100%; font-size: 16px; line-height: 30px; margin: 0 auto; color: #fff; }

.backup_fav_m { font-size: 50px; line-height: 80px; }
.leftnav .adclass a { padding: 0px; height: 80px; width: 144px; }
#oddsChange, #panluDiv, .bak_div { border-radius: 3px; overflow: hidden; padding: 5px; }
#main #left { overflow: hidden; padding: 0px; min-height: 1320px; }
#main .adclass { text-align: center; }
#main #right .adclass { margin-bottom: 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 { position: relative; line-height: 25px; height: 25px; text-align: left !important; }
.toolimg .icons { position: absolute; right: 0px; top: 6px; width: 88px; }
.popWin { z-index: 999999; overflow: hidden; box-shadow: 0 0 10px #999; color: #fff; text-align: center; left: 1%; }
.popWin .closeBtn { text-decoration: none; color: #151515; font-weight: normal; display: block; float: left; position: absolute; left: 0; top: 50%; width: 30px; height: 30px; margin-top: -15px; border-style: none; cursor: pointer; font-size: 30px; font-family: Arial; line-height: 30px; }
.popWin .info { padding: 5px 10px 10px 20px; font-size: 26px; text-align: center; }
.popWin .hd { line-height: 40px; height: 40px; font-size: 30px; font-weight: bold; margin: 0px; padding: 10px 20px 0px; }
.shareL li { margin: 9px; padding: 0; }
.popWinBtm { background: #5f9bcf; z-index: 999999; box-shadow: 0 0 10px #666; color: #fff; text-align: left; left: 0%; bottom: 0px; width: 100%; padding-top: 5px; padding-bottom: 5px; line-height: 22px; }
.popWinBtm .linkBtn2 { background: #fff; width: 80px; text-align: center; border-radius: 5px; border: 2px solid #486d96; margin-right: 5px; margin-left: 5px; padding: 5px; overflow: hidden; line-height: 20px; height: 20px; }
.popWinBtm .closeBtn { width: 20px; font-size: 18px; text-align: center; border-radius: 5px; color: #fff; font-family: Verdana, Geneva, sans-serif; text-decoration: none; top: 0px; right: 0px; line-height: 20px; height: 20px; padding-right: 5px; padding-left: 5px; float: right; }
#popupLinksMsg { position: 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 }

#popTouchWin { min-height: 200px; }
#popTouchWin * { box-sizing: border-box; }
#popTouchWin #pop1 { float: left; width: 100%; }
#popTouchWin b { font-size: 50px; display: block; }
#popTouchWin .closeBtn { font-size: 75px; min-height: 200px; line-height: 200px; width: 10%; float: left; position: static; margin: 0; }
#popTouchWin .phone { background: url("/images/phone.png")no-repeat 5px center; background-size: auto 60%; }
#popTouchWin .ios { background: url("/images/ios.png") no-repeat 5px center; background-size: auto 60%; }
#popTouchWin .android { background: url("/images/android.png") no-repeat 5px center; background-size: auto 60%; }
#popTouchWin a { display: block; height: 200px; font-size: 30px; padding: 50px 0 0 130px; float: left; width: 45%; text-align: left; }
/*顶部球类导航*/
#newtop { width: 1060px; margin-right: auto; margin-left: auto; position: relative; }
#menu { padding: 2px; position: absolute; top: -50px; left: 200px; z-index: 1; margin-left: 10px }
#menu li { float: left; margin-right: 8px }
#menu li a { display: flex; font-size: 16px; font-weight: bold; color: #FFF; line-height: 35px; text-align: center; margin-right: 5px; padding: 0 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); }
#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; }
.menu2 li a:hover { text-decoration: none; }
#soccer .menu2 li{flex:1}
#soccer .menu2{display:flex}

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

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

#tools li.old { float: right; }
#tools li a { line-height: 28px; text-align: center; display: block; float: left; padding-right: 5px; padding-left: 5px; min-width: 30px; text-decoration: none; border-radius: 3px 3px 0 0; }
#tools li a:hover { text-decoration: none; }

#tools .low a{position: relative; padding:0 28px 0 9px !important}
#tools .low a:after {position: absolute; width: 0;height: 0;content:"";border: 4px solid transparent; border-top-color: #666; right: 8px; top:13px}
#tools .on.low a:after, .dark #tools .on.low a:after { border-top-color: #fff; }
#tools .filterLi2 a { padding: 0 7px; }
#tools li span u { margin-left: 8px }
#tools .on a, #tools .on a:hover { color: #fff; font-weight: bold; }
#tools .pd2 li a { padding: 0 15px }
/*#tools .pd2 .filterLi a,#main3 #tools .filterLi a {padding:0 28px 0 17px}*/
#tools .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; }

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

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

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

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

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


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

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

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

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

.fbheader { overflow: hidden; padding: 0; padding: 10px; -webkit-text-size-adjust: none;}

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

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

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

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

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

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

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

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

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


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

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

#myGamesCount, #hiddencount, #nshowhide { font-weight: bold; }
.on #myGamesCount { color: #ffd746 }
.Preferences input, .Preferences2 input { display: none }
.switch { cursor: pointer; }
.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: 0.1em; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.switch > input[type="checkbox"]:checked + .switch-style:before { left: 50%; }
.switch > input[type="checkbox"]:checked + .switch-style: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, #teammain, #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 a, #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: 24px; 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, .pc_win, #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 .pc_win, .dark #showOddsTypes, .dark .tvLink, .dark #div_search { box-shadow: 0 0 20px #000; }

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

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

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

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

.odds-icon:hover:after { content: "Odds"; }
.odds-icon1x2:hover:after { content: "Odds"; }
.analyze-icon:hover:after { content: "Match analyze" }
.matchdata-icon:hover:after, .closedata-icon:hover:after { content: "Match data" }
.Detail-icon:hover:after { content: "Detail"; }
.threeinone-icon:hover:after { content: "3in1"; }
.x12-icon:hover:after { content: "1x2"; }
.odds-icon, .odds-icon1x2, .analyze-icon, .Detail-icon, .Detail-basketball-icon, .x12-icon, .matchdata-icon, .closedata-icon { height: 14px; width: 14px; display: inline-block; margin: 0 1px; position: relative; text-align: center; }
.threeinone-icon { display: inline-block; position: relative; }
.odds-icon, .odds-icon1x2 { background-image: url(/images/odds.png); }
.analyze-icon { background-image: url(/images/analysis.png); }
.matchdata-icon { background-image: url(/images/matchdata.png); }
.closedata-icon { background-image: url(/images/matchdata2.png); }
.x12-icon { background-image: url(/images/1x2.png); }
.Detail-icon { background-image: url(/images/t5.png); width: 19px; }
/*.dark .Detail-icon {background-image: url(/images/t5-dark.png); width: 17px;}*/

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

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

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

/*子频道排行榜*/
.listtab td { text-align: center; padding: 8px 0; }
.listtab tr:last-child td { border-bottom: 0 }
/*.listtab a { text-decoration: underline;}*/
.rs_ser { padding: 0px; overflow: hidden }
.rs_ser li { float: left; position: relative; font-weight: 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% }

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

#info { margin: 10px auto; width: 1040px }
#teammain .LName { text-align: left; font-weight: bold; padding-left: 10px }
.conner_span { display: inline-block; width: 100% }

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

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

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

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

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

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

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

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

.home-m b, .guest-m b{ font-size:14px;cursor:pointer; }
.home-m b:hover,.guest-m b:hover{ text-decoration:underline; }

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

.dark .rl { border-right: 1px solid #525252 }
.dark .ll { border-left: 1px solid #525252 }
.team-table-other .no-b-l, .team-table-home .no-b-l, .team-table-guest .no-b-l { border-bottom: none }

.hbg-td1, .isLeaTop, .oddate { background-color: #fbfbcd !important }
.hbg-td2 { background-color: #edf9ee !important }
.hbg-td3 { background-color: #fbf1ef !important }

.dark .hbg-td1, .dark .isLeaTop, .dark .oddate { background-color: #4c4c2c !important }
.dark .hbg-td2 { background-color: #28462a !important }
.dark .hbg-td3 { background-color: #3e2e2b !important }

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

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

.th-bg2 { font-weight: bold !important; background-color: #e0e0e0 !important }
.dark .th-bg2 { background-color: #353434 !important }
.th-bg3 { font-weight: bold !important; }
.bg-td2 { background-color: #F5F5F5 }
.o-lose, .o-win, .o-draw { color: #fff; border-radius: 2px; width: 17px; display: inline-block; text-transform: uppercase; line-height: 16px; text-align: center }
.o-lose { background-color: #d64444 }
.o-win { background-color: #71ab49 }
.o-draw { background-color: #F09B57 }

.lo-f2 { font-weight: bold }

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

.ky_tit th {font-size: 14px;line-height: 34px;font-weight: bold;}
.ky_tit .t15 {color: #e86e33;font-size: 16px;font-weight: bold;}
.ky_tit .blue {color: #0089F1;}

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

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

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

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

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

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

.data-comp-select { position: absolute;right: 0;margin-top:14px;text-align:left; }


/*分析图表*/
.team-div.compare {background: #f9f9f9;}
.compare .content::after {content:"";display: block;clear: both;}
.compare h4 {background: #f0f0f0;color: #666;display: flex;align-items: center;justify-content: space-around;text-align: center;font-size: 14px;line-height: 30px;padding: 0;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.compare h4 span {flex: 1;}
.compare .fx {width: 46%;padding: 15px 20px;}
.compare .fx-div {border: none !important;padding: 0;}
.compare .fx-line {height: 144px;margin: 0;}
.compare .fx-tb-title .win-f {color: #de682f;}
.compare .fx-tb-title .lose-f {color: #2495da;}

.dark .team-div.compare {background: #2f2f2f;}
.dark .compare h4 {background: #3a3a3a;color: #888;border-color: #444;}
.dark .compare .fx-tb-a li .fx-td-data {background: #383838;}

.fx { padding: 10px; }
.fx-div { overflow: hidden; padding-bottom: 25px; margin: 0 auto; }

.fx-div h3 { font-size: 18px; color: #666; text-align: center; line-height: 40px; font-weight: bold; margin-bottom: 10px }
.dark .fx-div h3 {color: #888; }
.fx-tb-a { overflow: hidden; float: left;width: 100%; }
.fx-tb-a li { width: 100%; float: left; text-align: center;margin-bottom: 10px; }
.fx-tb-a li .fx-td-data { height: 8px;width: 49.5%;float: left;position: relative; margin: 0 1px; border-radius: 4px 0 0 4px; }
.fx-tb-a li .fx-td-data div {height: 8px;bottom: 0;position: absolute; border-radius: 4px 0 0 4px;right: 0; }
.fx-tb-a li .fx-td-data.guest {border-radius: 0 4px 4px 0;}
.fx-tb-a li .fx-td-data.guest div {right: auto;border-radius: 0 4px 4px 0;}
.fx-tb-a h4 { text-align: center; font-size: 14px; font-weight: bold; color: #666; margin-bottom: 10px }
.fx-line { height: 140px; width: 1px; overflow: hidden; margin: 0 10px; float: left }
.fx-tb-a li .fx-tb-title { padding-bottom: 6px;width: 100%;display: flex;align-items: center;justify-content: space-between; }
.fx-tb-a li .fx-tb-title b { display: block; }
.short li { width: 77px; }
.long li { width: 90px; }

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

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

.fx-div.fx-home, .fx-div.fx-guest { height: 470px;padding: 5px 0;overflow: visible; position: relative }
.fx-guest .short2 { top: 160px }
.fx-guest .short3 { top: 315px }
.fx-guest .fx-tb-b { position: absolute; left: -70px;}
.fx-guest .win-f, .fx-guest .lose-f { color: #2495da; font-size: 14px }
.fx-guest .fx-logo { right: 20px }
.fx-home .fx-logo { left: 20px }
.fx-home .fx-tb-b.short2 { top: 190px }
.fx-home .fx-tb-b.short3 { top: 346px }
.fx-home .fx-tb-b { position: absolute; right: 28px; top: 36px }

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

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

.oodstable-t { text-align: center; font-weight: bold; line-height: 22px }
.oodstable-t2 { background-color: #fffae9; text-align: center }
.dark .oodstable-t2 { background-color: #312f26; }
.win-note { background-color: #f7f7f7; width: 91%; margin: 10px auto; padding: 10px; line-height: 20px; color: #666; }
.tennisAnalysis-win { width: 743px; padding: 10px; }
.team-hg { color: #da2727; transform: scale(.85); display: inline-block }
.dark .team-hg { color: #eca9a9 }
.text-info { text-align: center; color: green; position: relative; font-size: 12px; }
.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; margin: 0 auto; text-align: center; margin-top: 10px }
#bottom .f_menu li { display: inline; padding: 0 10px;line-height: 20px;}
.menu, menuL { font-weight: bold; }
.menuL a { padding-left: 4px; border-left: 1px solid #999; }
.menuL .flink { border-left: none; }
.network a { display: inline-block; padding: 5px 8px; margin-right: 10px; }
.network a:hover, #bottom .webid a:hover { background-color: #3e3e3e; text-decoration: none; border-radius: 3px }
.network img { vertical-align: -6px; margin-right: 6px; width: 23px; height: 23px }

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

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

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

.pk_hdp_td { width: 156px; }
.pk_odd_td { width: 30px; }

#matchBox .shutup { height: 24px; position: relative }
#matchBox .shutup table { display: none }
#matchBox .backupPlay .shutup-btn { background-color: rgb(58, 92, 27); color: #FFF; margin: 0 auto; text-align: center; line-height: 24px; width: 80px; border-radius: 3px 3px 0 0; cursor: pointer; }
#matchBox .backupPlay .shutup-btn:hover { background-color: rgb(42, 82, 6) }
#matchBox .shutup .shutup-btn { background-color: #41750D; width: 100%; }
#matchBox .backupPlay .shutup-btn:after { display: inline-block; content: ""; width: 0; height: 0; border-bottom: 4px solid rgba(255, 255, 255,0.5); border-top: 0 none; border-left: 4px solid transparent; border-right: 4px solid transparent; vertical-align: 2px; margin-left: 5px; }
#matchBox .shutup .shutup-btn:after { display: inline-block; content: ""; width: 0; height: 0; border-top: 4px solid rgba(255, 255, 255,0.5); border-bottom: 0 none; border-left: 4px solid transparent; border-right: 4px solid transparent; vertical-align: 2px; margin-left: 5px; }
#matchBox .backupPlay table { padding: 10px 0 }

.sbOddsCornerNoData { border: solid 1px #666; background-color: #FFFFFF; width: 180px; line-height: 28px; text-align: center; font-size: 14px; }
.dark .sbOddsCornerNoData { border: solid 1px #444; background-color: #444; }

#Lineup_icons { line-height: 30px; padding-top: 10px; width: 780px; margin: 0 auto; }
#Lineup_icons .icon { text-align: center; float: left; width: 40px; }
.tipsNum { margin-right: 10px; color: rgba(0,0,0,.6); display: none; }
.dark .tipsNum { 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; 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; }
/*----------------------直播弹窗------------------------------*/
.tvLink,.BtvLink { position: absolute; background-color: #fff; width: 400px; line-height: 30px; padding-bottom: 5px; z-index: 999; }
.tvLink span,.BtvLink span { font-size: 12px; line-height: 20px; display: block; }
.tvLink ul li a , .BtvLink ul li a{ text-decoration: none; text-align: center; border-radius: 3px; margin: 0 10px 5px; display: block; font-size: 14px; line-height: 32px }
.tvLink ul li a:hover { color: #FFF; border: 1px solid #307b06; background: #307b06; }
.BtvLink ul li a:hover { color:#fff; border:1px solid #8e3537; background: #8e3537; }
.tvTitle { text-align: left; background-color: #397f19; color: #fff; padding: 0 5px; font-size: 12px; font-weight: bold; line-height: 30px; }
.tvTitle img { float: right; line-height: 30px; cursor: pointer; margin: 6px 0; }
.tvLink .team, .BtvLink .team { text-align: center; font-weight: 800; line-height: 20px; padding: 10px }
.tvLink .team .home, .tvLink .team .guest, .BtvLink .team .home, .BtvLink .team .guest { float: left; width: 160px; padding: 0 5px; font-weight: bold; line-height: 16px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tvLink .team .guest, .BtvLink .team .guest { text-align: left; }
.team .vs { font-size: 12px; font-weight: 800; line-height: 16px; width: 30px; float: left; }
.tvLink .team span, .BtvLink .team span { color: #999; }

.tvLink .nba { background: #7d5740; }
.tvLink .noData { font-weight: 700; padding: 10px 0 15px 0; }
.n-search { padding: 6px 10px; overflow: hidden; border-radius: 4px; margin-bottom: 5px }
.n-search .input_text { border-radius: 4px; outline: none; }

/*---------------------直播登录提示弹窗------------------------*/
.tvLoginPop { position:absolute; left: 37%; top: 348px; width:400px; z-index:999; background-color:#fff; font-size:18px;min-height:150px; }
.tvLoginPop .content { text-align:center;padding-top:50px;height:37%;word-break:break-word; }
.tvLoginPop .btns { height:34%; background:whitesmoke;display:-webkit-box;border-top:1px solid #D0D0D0;border-bottom:2px solid whitesmoke;cursor:pointer;margin-top:32px; }
.tvLoginPop .btns span{ width:50%;height:34px;display:block;text-align:center;padding-top:9px; }
.tvLoginPop .btns .no { border-right:1px solid #D0D0D0; }
.tvLoginPop .btns .yes { color:#f44336;font-weight:bold; }
.dark .tvLoginPop {background: #282828; box-shadow: 0 0 20px #000;}
.dark .tvLoginPop .btns,.dark .tvLoginPop .btns .no {background: #2f2f2f;border-color: #444;}

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

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

#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-top: 2px; cursor: pointer; }
.analyze-icon, .odds-icon, .Detail-icon, .matchdata-icon, .threeinone-icon, .closedata-icon, .odds-icon1x2, .Detail-basketball-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 #login_icon a { display: block; }
.loginBox .badge_fill {
    position: absolute;
    bottom: -7px;
    top: unset
}
.loginBox .sign_in_btn {
    position: absolute;
    right: 0;
    width: 90px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    line-height: 34px;
    border: 1px solid #fff;
    border-radius: 3px;
    cursor:pointer;
}
.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 .on .badge_fill { position: absolute; top: 3px; right: 3px; padding: 0 4px; }
.badge_fill { white-space: nowrap; background: #F44336; border: solid 1px #F44336 !important; color: #fff; height: 15px; line-height: 13px; margin-left: 5px; font-weight: normal; border-radius: 10px; font-size: 12px; font-style: normal; position: absolute; top: 3px; right: 3px; padding: 0 4px; }

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