@import url('/css/header.css');
body { background: #eceff3; color: #333; font-size: 11px; font-family: Tahoma,Arial,Helvetica,"微软雅黑" }
body, div, form, h1, h2, h3, h4, img, input, p, span, textarea, ul { margin: 0; padding: 0 }
ul { list-style-type: none }
li { vertical-align: bottom }
img { border-width: 0 }
.red { color: #e9250f; }
.blue { color: #0054d7; }
.oddbg { background: #f1fefe; }
.bluebg { background: #edf7ff !important; }
.yllbg { background: #fffced !important; }
.graybg { background: #f5f5f5; }
.ts1 { background-color: #fff; }
.ts2 { background-color: #f4f8ff; }
.ts1, .ts2 { line-height: 22px; }
.ll { border-left: 1px solid #e5e5e5; }
.rl { border-right: 1px solid #e5e5e5; }
.lb { border-left: 1px solid #bfbfbf; }
.rb { border-right: 1px solid #bfbfbf; }
a:link, a:visited { color: #333; text-decoration: none; }
a:hover { color: #e9410f; text-decoration: underline; }
a.pk:link, a.pk:visited { color: #00f; text-decoration: none; font-weight: 700; font-size: 9pt }
a.pk:hover { color: red; text-decoration: underline; font-weight: 700; font-size: 9pt }
.blue A:link, .blue A:visited { color: #00f; text-decoration: none; font-size: 9pt }
.blue A:hover { color: red; text-decoration: underline; font-size: 9pt }
A.title:link, A.title:visited { color: #fff; text-decoration: none; font-size: 11pt }
A.title:hover { color: red; text-decoration: underline; font-size: 11pt }
A.sb:link, A.sb:visited { color: #c00; text-decoration: none; font-weight: 700; font-family: Arial }
A.sb:hover { color: #006; font-weight: 700; font-family: Arial }
A.pl:link, A.pl:visited { color: #200080; text-decoration: none }
A.pl:hover, A.pl:link, A.pl:visited { font-weight: 700; font-family: 宋体 }
A.pl:hover { color: #b00 }
a.pk:link, a.pk:visited { color: #00f; text-decoration: none; font-weight: 700; font-size: 9pt }
a.pk:hover { color: red; text-decoration: underline; font-weight: 700; font-size: 9pt }
#headAd { padding: 3px 0 0; text-align: center }
.Leaguestitle { background-color: #e0e9f6; }

.odds-header { background: #fff; margin-bottom: 10px; }
#oddsmain { background: #fff; width: 1040px; margin: 6px auto 10px auto; padding: 0; }
#oddsmain #left { float: left; width: 95pt }
#oddsmain #middle { width: 100%; }
#oddsmain #right { float: right; width: 90pt; color: #333 }
#right2 { float: right; width: 145px }
.ad_div { margin-bottom: 6px }
#oddsnews { display: block; padding-left: 9pt; width: 678px; height: 28px; background-image: url(images/mig_b.gif); line-height: 28px }
#oddsnews span { padding-left: 20px; background: url(images/redarrow.gif) no-repeat left top }
#oddstool { background-color: #EFEFEF; height: 34px; }
#oddstool, #oddstool2, #oddstool3 { clear: both; border: 1px solid #E7E7E7; margin: 0 auto; padding: 5px 6px 0 6px; }
#oddstool2 { height: 34px; }
#oddstool3 { background-color: #FFF; margin-top: -1px; height: 28px; line-height: 24px; }

.Htitle { text-align: center; padding: 5px 5px 0 5px; }
.Htitle .tabs { margin: 0 auto; border-radius: 3px; overflow: hidden; }
.Htitle .tabs .tbtn { color: #666; font-size: 14px; line-height: 20px; font-weight: bold; text-decoration: none; min-width: 40px; padding: 4px 2px; margin: 0 15px; border-radius: 0; display: inline-block; cursor: pointer; }
.Htitle .tabs .tbtn.on { color: #e9410f; border-bottom: 2px solid #e9410f; }
.oddstablebox { border: 1px solid #e5e5e5; }
.oddstablebox th { background: #f0f0f0; color: #888; line-height: 26px; border-bottom: 1px solid #e5e5e5; }
.oddstablebox td { color: #222; height: 30px; padding: 2px 0;border-bottom: 1px solid #e5e5e5;word-break: keep-all; }
.oddstablebox tr td:first-child { color: #666; }
.oddstablebox tr:last-child td { border-bottom: none; }
.oddstablebox tr:nth-child(even) { background: #f7f7f7; }
.lkbtn { background: #eaeaea; color: #666; line-height: normal; text-decoration: none; padding: 2px 4px; margin: 0; border-radius: 2px; display: inline-block; transition: all 0.2s linear; }
a.lkbtn:hover { background: #e9410f; color: #fff; }
.oddstablebox .lkbtn:hover .red { color: #fff; }
.oddstablebox .btn { background: #ffd882; color: #7c4b17; height: auto; line-height: 22px; font-size: 12px; border: none; border-radius: 3px; cursor: pointer; }
.oddstablebox .cpy { min-width: 30px; text-align: left; display: inline-block; }
.zdimg { background: url(/images/zd.svg) no-repeat center; background-size: 100%; width: 14px; height: 14px; vertical-align: -2px; margin: 0 4px; display: inline-block; animation: rotate 2s linear infinite; }

@keyframes rotate {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

.tool a { float: left; display: block; margin-top: 4px; margin-right: 15px; width: 71px; height: 23px }
.k1 a { background-image: url(images/tool.gif) }
.k1 a:hover { background: url(images/tool.gif) left 23px }
.k2 a { background: url(images/tool.gif) -71px top }
.k2 .selected, .k2 a:hover { background: url(images/tool.gif) -71px 23px }
.k3 a { background: url(images/tool.gif) -142px top }
.k3 .selected, .k3 a:hover { background: url(images/tool.gif) -142px 23px }
.k4 a { background: url(images/tool.gif) -213px top }
.k4 .selected, .k4 a:hover { background: url(images/tool.gif) -213px 23px }
.k5 a { background: url(images/tool.gif) -284px top }
.k5 .selected, .k5 a:hover { background: url(images/tool.gif) -284px 23px }
.k6 a { background: url(images/tool.gif) -355px top }
.k6 .selected, .k6 a:hover { background: url(images/tool.gif) -355px 23px }
.tool_g { float: left; display: block; padding: 8px 10px 0 0 }
.tool_g input { margin-right: 3px; }

.tg3 { line-height: 27px; height: 27px; border: 1px solid #C3C3C3; overflow: hidden; border-radius: 3px; }
.tg3 li { float: left; }
.tg3 li + li { }
.tg3 li a { text-align: center; display: block; float: left; padding: 0 10px; border-right: 1px solid #C3C3C3; background-color: #FFF; }
.tg3 .selected, .tg3 .selected a, .tg3 li a:hover { color: #FFF; background-color: #e9410f; }

.nav_on a, .nav_on a:hover { }
.lf { margin-bottom: 6px; padding: 5px; width: 81pt; border: 1px solid #ccc; background: url(images/l_div.gif) repeat-x top; color: #999; line-height: 24px }
.company { padding-left: 22px; width: 98px; background-image: url(images/comp.gif); color: #fff; font-weight: 700; font-size: 9pt; line-height: 26px; text-align: left }
.comp_li { float: left; padding: 10px 0 10px 10px }
.comp_li li { float: left; display: block; width: 75px; height: 25px; background-color: #FFF; margin-bottom: 5px; padding-top: 4px; padding-left: 5px; }
.header { float: left; font-weight: bold; font-size: 14px; color: #646464; }

.b_tab { margin-top: -1px; background-color: #ddd }
.b_tab td { text-align: center }
.stit { background-color: #7ea7e2; color: #fff; line-height: 20px }
.stit2 { background-color: #52a971 }
.down, .firstodds, .normal, .up { font-family: Arial,Helvetica,sans-serif }
.firstodds { color: #888 }
.firstodds2 { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #ddd; color: #666 }
.normal { color: #333 }
.normal, .up { font-weight: 700 }
.up { color: #d20055 }
.down { color: #393; font-weight: 700 }
.team_name { float: left }
.bf { color: #03c; font-weight: 700; font-size: 14px }
.bf, .time { float: right }
.juy { clear: both; display: block; width: 156px; height: 21px; line-height: 21px }
.toolimg li { float: left; margin-bottom: 3px; margin-left: 3px }
.ad_tab { height: 25px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #fff; color: #999; text-align: center; line-height: 25px }
.bbt { margin: 0 2px; width: 44px; height: 22px; border: 0; background-image: url(/images/bbt.gif); line-height: 22px }
#odds tr { text-align: center }
.close td { background-color: #ccc }
.white td { background-color: #fff }
.trSelected td { background-color: #fdd }
.score { color: #0054d7; }
.odds, .score { font-weight: 700 }
.odds { color: #200080; font-size: 9pt; font-family: "宋体" }
.b_tab_old { padding: 3px 2px 0; border: 0 solid #c93; background-color: #666 }
.b_cen { background-color: #fff; text-align: center }
.scoreR { color: red; font-weight: 700; font-family: verdana; cursor: pointer }
#sd { background-image: none }
.red_number { color: red; font-weight: 700; font-family: tahoma }
#LeagueDiv { position: absolute; top: 75px; left: 40px; z-index: 5; visibility: hidden; padding: 1px 1px 1px 4px; width: 605px; border: 2px solid #666; background-color: #fff }
#LeagueDiv.header { float: left; padding-left: 15px; font-weight: 700; font-size: 9pt }
#LeagueDiv ul { padding: 10px 10px 15px 10px; float: left; }
#LeagueDiv li { float: left; display: block; margin: 2px; padding-left: 3px; width: 100px; border: 1px solid #DEDEDE; text-align: left; line-height: 24px; background-color: #FFF; }
#LeagueDiv li:hover { border: 1px solid #EFB798; }

#divMatchType1, #divMatchType2, #divMatchType3 { position: absolute; top: 25px; z-index: 8; visibility: hidden; padding: 3px; width: 60px; border: 2px solid #666; background-color: #fff; text-align: center; line-height: 22px }
#divMatchType1 { left: 92px }
#divMatchType2 { left: 165px }
#divMatchType3 { left: 238px }
#divMatchType5 { position: absolute; top: 60px; left: 7px; z-index: 8; visibility: hidden; width: 340px; background-color: #FFF; border: 1px solid #FFF; -webkit-box-shadow: 0 0 18px #666; -moz-box-shadow: 0 0 18px #666; box-shadow: 0 0 18px #666; border-radius: 4px; }
divMatchType5
#league { max-height: 400px; overflow: auto }

#bottom { background-color: #fff; color: #666; width: 100%; line-height: 20px; text-align: center; margin: 10px auto 0 auto; padding: 5px 0; }
#bottom > div { margin: 5px 0; }
.stool { height: 29px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 3px solid #669; border-left: 1px solid #ccc; background-image: url(/images/ty_bg.jpg); line-height: 29px }
.stool li { float: left; background-image: url(/images/t_line.jpg); background-position: right; background-repeat: no-repeat }
.stool li a, .stool li a:visited { display: block; padding-right: 20px; padding-left: 20px; color: #390 }
.stool li a:hover { background-image: url(/images/ty_bg2.gif); color: #e9410f; text-decoration: none }
.stool .t_on a, .stool .t_on a:hover, .stool .t_on a:visited { border-right: 1px solid #ccc; background-image: url(/images/t_ons.gif); color: #930; font-weight: 700 }
#morecompany { position: absolute; top: 56px; left: 970px; padding-right: 1px; padding-left: 1px; width: 78px; border: 2px solid #72a5de; background-color: #def1fa; background-color: #ebf7fc }
#morecompany li, #morecompany li a { float: left; clear: both }
#morecompany li a { display: block; padding-left: 18px; width: 60px; height: 23px; border-bottom: 1px solid #c2d9e7; color: #3c5eac; text-decoration: none; line-height: 23px }
#morecompany .selected, #morecompany li a:hover { background-color: #84a5e1; color: #fff; text-decoration: none }
.newsmenu { clear: both; height: 36px; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eaeaea; }
.newsmenu li { float: left; }
.newsmenu li a, .newsmenu li a:visited { float: left; display: block; padding: 0px 15px; height: 36px; line-height: 36px; color: #333; text-align: center; font-size: 14px; }
.newsmenu li a:hover { color: #e9410f; text-decoration: none }
.newsmenu .uu_on a, .newsmenu .uu_on a:hover { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #e9410f; font-weight: bold; color: #e9410f; height: 34px; }
.newsmenu .rsbtns a, .newsmenu .rsbtns a:hover { display: block; width: 60px; height: 24px; color: #476392; font-size: 12px; line-height: 22px; background-color: #F3F8FC; border: 1px solid #D8E6ED; text-align: center; }
#Ad_1, #Ad_2 { padding-bottom: 4px }
.tool_g3 { float: left; display: block; width: 200px; height: 22px }
a.sortby { background: url(images/sabtn.gif) left top; height: 22px; width: 77px; line-height: 22px; margin-left: 10px; display: block; float: left; text-align: center; color: #000; text-decoration: none }
.tool_g3 a.sortby:hover, .tool_g3 a.sortbySelect:hover { background: url(images/sabtn.gif) left -22px; text-decoration: none; color: #fff }
.tool_g3 a.sortbySelect, .tool_g3 a.sortbySelect:visited { background: url(images/sabtn.gif) left -22px; height: 22px; width: 77px; line-height: 22px; margin-left: 10px; display: block; float: left; color: #fff; text-align: center }
.tabs { border-radius: 5px; }
.tabs .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; line-height: 26px }
.tabs .btn:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px }
.tabs .btn { cursor: pointer; line-height: 26px; height: 26px; overflow: hidden; padding: 4px; border: 1px solid #3473c7; background: #F2FBFF; white-space: nowrap }
.tabs .btn:hover { color: red }
.tabs .btn.on { background: #3473c7; color: #FFF }

.teaminfo { padding: 10px 0 }
.teaminfo h3 { clear: both; display: block }

.bfselect_tool, .bfselect_tool2 { float: left; line-height: 27px; height: 27px; }
.bfselect_tool li, .bfselect_tool2 li { float: left }
.bfselect_tool li a { text-align: center; display: block; float: left; border-radius: 3px; border: 1px solid #C3C3C3; background-color: #FFF; margin-right: 5px; padding: 0 6px; }
.bfselect_tool2 li a { text-align: center; display: block; float: left; border-radius: 3px; border: 1px solid #C3C3C3; background-color: #FFF; margin-right: 5px; padding: 0 10px; }
.bfselect_tool li a:hover, .bfselect_tool2 li a:hover { color: #E9410F; text-decoration: none; border: 1px solid #E9410F; }
.bfselect_tool li a em, .bfselect_tool2 li a em, .bfradio li a em { background-image: url(/images/se_arrow.png); background-repeat: no-repeat; height: 4px; width: 7px; display: inline-block; margin-bottom: 2px; margin-left: 4px; }
.bfselect_tool li a:hover em, .bfselect_tool2 li a:hover em, .bfradio li a:hover em { background-image: url(/images/se_arrow_hover.png); }

.bfradio { float: left; line-height: 27px; height: 27px; border: 1px solid #C3C3C3; overflow: hidden; border-radius: 3px; }
.bfradio li { float: left; }
.bfradio li:last-child a { border-right: 0 }
.bfradio li a { text-align: center; display: block; float: left; padding: 0 10px; border-right: 1px solid #C3C3C3; background-color: #FFF; }
.bfradio li a:hover { text-decoration: none; background-color: #FDFACC; }
.bfradio li .radio_on, .bfradio li .radio_on:hover, .bfselect_tool li .radio_on, .bfselect_tool li .radio_on:hover, .bfradio .selected, .bfradio .selected:hover, .bfselect_tool .selected, .bfselect_tool .selected:hover { color: #FFF; background-color: #e9410f; }

#DivCountry .header, #DivFunction .header, #DivLeague .header, #LeagueDiv .header { float: left; font-weight: bold; font-size: 14px; color: #646464; }

.sotit { height: 35px; line-height: 35px; padding-left: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E2E2E2; background-color: #F5F5F5; }
.popup_close { position: absolute; right: 0px; top: -0; width: 40px; height: 35px; cursor: pointer; border-left-width: 1px; border-left-style: solid; border-left-color: #E2E2E2; }

.popup_close:hover { color: #333; background-color: #FFF; border-radius: 0 4px 0 0; }
.popup_close:hover:before, .popup_close:hover:after { background-color: #E9410F; }
.popup_close:before { position: absolute; content: ''; width: 16px; height: 1px; transform: rotate(45deg); top: 17px; left: 12px; background-color: #777; }
.popup_close:after { content: ''; position: absolute; width: 16px; height: 1px; background: #777; transform: rotate(-45deg); top: 17px; left: 12px; }
.bts { clear: both; text-align: center; height: 40px; padding-top: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #E2E2E2; }
.bts input, .vsbtn { border: 1px solid #CACACA; background-color: #FFF; line-height: 18px; cursor: pointer; padding: 5px 20px; margin: 0 2px; font-size: 14px; border-radius: 4px; }
.bts input:hover { color: #FFF; background-color: #E9410F; border: 1px solid #E9410F; }

#DivCountry, #DivLeague, #DivFunction, #divMatchType3, #filterBox, .pc_win, #LeagueDiv { position: absolute; z-index: 5; visibility: hidden; border: 1px solid #fff; background-color: #F5F5F5; -webkit-box-shadow: 0 0 18px #666; -moz-box-shadow: 0 0 18px #666; box-shadow: 0 0 18px #666; border-radius: 4px; }
#DivLeague, #LeagueDiv { top: 100px; left: 75pt; padding: 1px; width: 600px; }
.rbl { margin-bottom: 5px; padding: 4px 0 4px 18px; border-bottom: 1px solid #D8DDE2; text-align: center; line-height: 30px; height: 30px; background-color: #efefef; }
.stitle { font-size: 16px; font-weight: bold; color: #333; padding-top: 6px; display: block; }
.jf { position: absolute; top: 1px; right: -242px; background-color: #E4E8ED; height: 26px; width: 80px; overflow: hidden; border-radius: 3px; font-size: 12px; }
.jf li { width: 40px; float: left; line-height: 26px; color: #7F7F7F; }
.jf li.on { color: #FFF; background-color: #6BA525; }
.jf li.on a { color: #FFF; }
.jf1 { position: absolute; top: 1px; right: -242px; background-color: #E4E8ED; height: 26px; width: 80px; overflow: hidden; border-radius: 3px; font-size: 12px; }
.jf2 { position: absolute; top: 1px; right: -242px; background-color: #E4E8ED; height: 26px; width: 80px; overflow: hidden; border-radius: 3px; font-size: 12px; }
.jf3 { position: absolute; top: 1px; right: -242px; background-color: #E4E8ED; height: 26px; width: 80px; overflow: hidden; border-radius: 3px; font-size: 12px; }
#headVs .hgscore { font-size: 40px; color: #0054d7; }
#headVs .state { font-size: 14px; margin: 16px auto; display: block; }
#headVs .state b { background: #f0f0f0; font-size: 18px; min-width: 26px; padding: 6px 4px; margin: 0 4px; border-radius: 4px; display: inline-block; }
#headVs .hgstate { width: 50%; color: #0054d7; font-size: 16px; line-height: 60px; font-weight: bold; float: left; }
#matchItems .item .score { float: left; }
#matchItems .item.end > div { color: #d64444; }