/* 未能缩小。正在返回未缩小的内容。
(582,167): run-time error CSS1046: Expect comma, found '255'
(582,175): run-time error CSS1046: Expect comma, found '/'
(582,209): run-time error CSS1046: Expect comma, found '0'
(582,213): run-time error CSS1046: Expect comma, found '/'
 */
/*@import url('/css/header.css');*/
body { padding: 0; margin: 0; font-family: "微软雅黑"; color: #333; font-size: 12px; background-color: #e9ecf1; }
div, form, h1, h2, h3, h4, img, input, p, span, textarea { margin: 0; padding: 0; font-weight: 400 }
strong *, b * { font-weight: bold }
input { line-height: 20px; height: 20px; vertical-align: middle; margin: 0; padding: 0 }
.input { line-height: 38px; background: url(../images/guess/input_bg.gif) repeat-x; border: 1px solid #CCC; height: 38px; margin-top: 5px; margin-bottom: 5px; border-radius: 2px; padding-right: 5px; padding-left: 5px }
.h_main { margin: 6px auto 0 auto; width: 1040px; overflow: hidden }
.mytable tr td.w { color: #C11013 }
.mytable tr td.d { color: #06c }
.mytable tr td.l { color: #090 }
ul { margin: 0; padding: 0; list-style-type: none }
li { vertical-align: bottom }
img { border-width: 0 }
a:link, a:visited { text-decoration: none; color: #333 }
a:hover { color: #e9410f; text-decoration: none }
a.pk:link { color: #00F; text-decoration: none; font-size: 12px; font-weight: 700 }
a.pk:visited { color: #00F; text-decoration: none; font-size: 12px; font-weight: 700 }
a.pk:hover { color: red; font-size: 12px; text-decoration: underline; font-weight: 700 }
.clear { clear: both }
#sd { background-image: none }
#main { width: 992px; background-color: #FFF; clear: both; margin: 0 auto 0 auto; padding: 0 4px 10px 4px }
#left, #right { float: left }
#left { width: 71%; background-color: #FFF; border: 1px solid #FFF; }
#left2 { float: left; width: 90px }
#right2 { float: right; width: 145px }
#middle { float: left; margin: 0 6px; width: 690px }
#middle2 { float: left; margin: 0 6px; width: 720px }
.gamelist { border: 0 solid #666; width: 270px; }
.gamelist li { float: left; width: 90px }
.gamelist2 { border: 0 solid #666; width: 90px }
.gamelist2 li { float: left; width: 90px }
.gamelist li a, .gamelist li a:visited, .gamelist2 li a, .gamelist2 li a:visited { color: #666; background-image: url(../images/lsd.gif); display: block; height: 24px; padding-left: 10px; background-position: left top; line-height: 24px; border-bottom: 1px solid #C6C6C6 }
.gamelist li a:hover, .gamelist2 li a:hover { background-image: url(../images/lsd.gif); background-position: left -24px; color: #DA6730; text-decoration: none }
.ad { margin-bottom: 4px }
.ki1 td { color: #FFF; background-color: #4F608C }
.a1 { text-align: right; padding-right: 5px }
.a2 { text-align: left; padding-left: 5px }
.ts1 { background-color: #FFF; line-height: 21px }
.ts2 { background-color: #F4F8FF; line-height: 21px }
.fortime { color: #06C }
.td_half { COLOR: red; cursor: pointer }
.red, a.red { color: #e54939 !important; }
.green, a.green { color: #090 }
.blue, a.blue { color: #06C }
.red_bg { background: #c30; color: #FFF }
.red2_bg { background: #ed9700 }
.blue_bg { background: #608ec4 }
.red2 { COLOR: red }
.td_scoreR { FONT-WEIGHT: bold; CURSOR: pointer; COLOR: red }
.rstool { float: right; padding: 4px 3px 0 0 }
.rstool img { margin: 0 1px }
.fr img { margin: 0 2px }
#main2 { background-color: #F7F7F7; padding: 4px; clear: both; border-right: 1px solid #C6C6C6; border-bottom: 1px solid #C6C6C6; border-left: 1px solid #C6C6C6 }
.main2_tool { background: url(../images/m2_bg.gif) repeat-x; height: 25px; margin-top: 6px }
.main2_tool li { float: left; margin-right: 3px }
.main2_tool li a { line-height: 25px; font-weight: 700; display: block; height: 25px; width: 90px; text-align: center }
.m_on a, .m_on a:hover, .m_on a:visited { color: #F30; background-image: url(../images/ll_on.gif); text-decoration: none }
.m_off a, .m_off a:visited { color: #642100; background-image: url(../images/ll.gif) }
.m_off a:hover { color: #e9410f; text-decoration: none }
.gre a, .gre a:visited { display: block; line-height: 20px; width: 66px; color: #FFF }
.gre a:hover { color: #C30; background-color: #FF9; text-decoration: none }
.tool2 { background: url(../images/stool_bg.gif) repeat-x; height: 29px; margin-top: 8px; margin-bottom: 6px }
.tool2 li { float: left; margin-right: 2px }
.tool2 li a, .tool2 li a:visited { text-align: center; display: block; height: 23px; width: 80px; padding-top: 6px }
.t2_on a, .t2_on a:hover, .t2_on a:visited { color: #FFF; background-image: url(../images/s1.gif); font-weight: 700 }
.t2_off a, .t2_off a:visited { color: #900; background-image: url(../images/s2.gif) }
.t2_off a:hover { color: #339; text-decoration: none }
.tool3 { border-bottom: 3px solid #D15941; height: 26px; margin-top: 3px }
.tool3 li { float: left; margin-right: 3px }
.tool3 li a { line-height: 26px; text-align: center; display: block; height: 26px; width: 100px }
.t3_on a, .t3_on a:hover, .t3_on a:visited { font-weight: 700; color: #FFF; background-image: url(../images/pl1.gif) }
.t3_off a, .t3_off a:visited { background-image: url(../images/pl2.gif) }
.t3_off a:hover { color: #e9410f; text-decoration: none }
.ded td { color: #FFF }
.de2 td { background-color: #EAEEE1; text-align: center }
.de2 a { line-height: 16px; display: block }
.de2 a:hover { color: #F30; background-color: #FF9; text-decoration: none }
.kk { font-size: 12px; display: block; line-height: 30px; padding-left: 10px; margin-top: 3px }
.datatitle { display: block; line-height: 20px; padding-bottom: 9px; padding-left: 10px }
.rightool { border: 1px solid #C6C6C6; clear: both; margin-bottom: 6px; text-align: center }
.rightool { CLEAR: both; MARGIN-BOTTOM: 6px; TEXT-ALIGN: center; background-color: #EEF3F9; border-left: solid 1px #AFC7E0; border-right: solid 1px #AFC7E0; border-bottom: solid 1px #AFC7E0; background-image: url(../images/ts_bg.gif); background-repeat: no-repeat; background-position: top }
.tit { BORDER-RIGHT: #c6c6c6 1px solid; BORDER-TOP: #c6c6c6 1px solid; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/lr_title.jpg); BORDER-LEFT: #c6c6c6 1px solid; COLOR: #FFF; LINE-HEIGHT: 30px }
.fontse a { background: url(../images/font.gif) repeat-x; font-weight: 700; border: 1px solid #D1D1D1; margin-left: 3px; margin-right: 3px; display: block; float: left; padding-right: 4px; padding-left: 4px }
.fontse a:hover { color: #039; background-image: url(../images/font2.gif); border: 1px solid #09F; text-decoration: none }
.e12:link, .e12:visited { font-size: 13px }
.e14:link, .e14:visited { font-size: 14px }
.bule { background-color: #F4F9FB; border-top: 1px solid #C6C6C6; border-bottom: 1px solid #C6C6C6; padding-top: 6px; padding-right: 0; padding-bottom: 6px; padding-left: 1px }
.bule p { display: block; padding-left: 2px; padding-top: 1px; padding-bottom: 1px }
.bule p input { margin-right: 2px }
.toptool { clear: both; height: 24px; padding: 0 2px 3px 3px }
.tg1 { float: left }
.tg2 { float: left; display: block; width: 130px; text-align: center; line-height: 24px }
.tg3 { float: left; display: block; line-height: 22px }
.tg3 li { float: left; margin-left: 4px }
.tg3 li a { display: block; text-align: center; height: 23px; float: left; line-height: 22px }
.tg3 .yu1 a, .tg3 .yu1 a:visited { background-image: url(../images/hyss.gif); background-repeat: no-repeat; background-position: left -92px; width: 58px }
.tg3 .yu1 .selected:hover, .tg3 .yu1 .selected:link, .tg3 .yu1 .selected:visited, .tg3 .yu1 a:hover { background-image: url(../images/hyss.gif); background-repeat: no-repeat; background-position: left -115px; text-decoration: none }
.tg3 .yu2 a, .tg3 .yu2 a:visited { background-image: url(../images/hyss.gif); background-repeat: no-repeat; background-position: left -138px; width: 44px }
.tg3 .yu2 .selected:hover, .tg3 .yu2 .selected:link, .tg3 .yu2 .selected:visited, .tg3 .yu2 a:hover { background-image: url(../images/hyss.gif); background-repeat: no-repeat; background-position: left -161px; text-decoration: none }
.tg3s { float: left; display: block; line-height: 22px }
.tg3s li { float: left; margin-left: 4px }
.tg3s li a { display: block; text-align: center; height: 23px; float: left; line-height: 23px; color: #930 }
.tg3s .sh1 a, .tg3s .sh1 a:visited { background-image: url(../images/hyss.gif); background-repeat: no-repeat; background-position: left top; width: 58px }
.tg3s .sh1 .selected:hover, .tg3s .sh1 .selected:link, .tg3s .sh1 .selected:visited, .tg3s .sh1 a:hover { background-image: url(../images/hyss.gif); background-repeat: no-repeat; background-position: left -23px; color: #FFF; text-decoration: none }
.tg3s .sh2 a, .tg3s .sh2 a:visited { background-image: url(../images/hyss.gif); background-repeat: no-repeat; background-position: left -46px; width: 30px }
.tg3s .sh2 .selected:hover, .tg3s .sh2 .selected:link, .tg3s .sh2 .selected:visited, .tg3s .sh2 a:hover { background-image: url(../images/hyss.gif); background-repeat: no-repeat; background-position: left -69px; color: #FFF; text-decoration: none }
.Companys { clear: both; height: 28px; margin-top: 3px }
.Companys li { float: left; margin-right: 5px }
.Companys a, .Companys a:visited { line-height: 22px; background-image: url(../images/coms2.gif); height: 23px; width: 66px; text-align: center; display: block }
.Companys a:hover { background-image: url(../images/coms3.gif); text-decoration: none }
.Companys .selected span { background: url(../images/coms1.gif) no-repeat right; display: block; color: #FFF }
.secl a { line-height: 23px; background-image: url(../images/df.gif); text-align: center; display: block; height: 23px; width: 63px; float: left; margin-right: 5px }
.secl a:hover { background-image: url(../images/df.gif); background-position: left -23px; color: #06C; text-decoration: none }
#bottom { background-color: #FFF; color: #666; text-align: center; line-height: 20px; margin: 10px auto 0; padding: 5px 0; }
#bottom > div { margin: 5px 0; }
.down, .firstodds, .up { line-height: 16px }
.up { background-color: #FFb0c8 }
.down { background-color: #DCFFB9 }
#DivLeague { background-color: #FFF; padding: 1px; width: 480px; border: 2px solid #666; left: 100px; top: 25px; z-index: 5; position: absolute; visibility: hidden }
#DivCountry { background-color: #FFF; width: 272px; position: absolute; left: -6px; border: 2px solid #666; top: 0; z-index: 5; visibility: hidden }
#DivCountry .header, #DivFunction .header, #DivLeague .header { float: left; font-size: 11px; font-weight: 700; padding-left: 15px }
#DivLeague li { line-height: 22px; display: block; float: left; width: 100px; padding-left: 5px }
#DivFunction { top: 0; left: 686px; width: 125px; position: absolute; border: solid 2px #666; line-height: 22px; background-color: #fff; z-index: 8; padding: 2px; visibility: hidden }
#divMatchType3 { visibility: hidden; top: -6px; width: 60px; position: absolute; border: solid 2px #666; line-height: 22px; text-align: center; background-color: #fff; z-index: 8; padding: 3px; left: 270px }
.cc a { float: right; background-image: url(../images/cc.gif); display: block; height: 13px; width: 15px; margin-top: 1px }
.sotit { border-bottom: 1px solid #E1E1E1; height: 18px; padding-top: 2px; padding-right: 6px; padding-bottom: 0; padding-left: 6px; line-height: 18px; background-color: #F5F4EF; margin-bottom: 6px }
.bts { display: block; clear: both; padding: 8px 0 8px 0; text-align: center }
.bts input, .vsbtn { margin: 0 3px; font-weight: 700; background-color: #E2F5FA; border: 1px solid #AEC6EC; color: #06C; line-height: 18px; cursor: pointer }
.rbl { padding: 4px; text-align: center; font-weight: 700; border-bottom: 1px solid #AEC6EC; color: #06C; margin-bottom: 5px }
.oddstd { line-height: 16px }
.odds1 { color: #800 }
.odds2 { color: #000 }
.odds3 { color: #00b }
.l1 { float: left; margin-left: 10px; background: url(../images/ds.gif) no-repeat left; padding-left: 12px; line-height: 20px }
.l1 a { font-weight: 700 }
.l2 { float: right; padding: 2px 2px 0 0 }
.l2 img { margin: 0 2px }
.contest { font-weight: 700; background-color: #FFFACC }
.date_li { height: 28px; line-height: 28px; background-image: url(../images/date_li.gif); padding-left: 10px; border-bottom: 3px solid #FD8F20 }
.date_li a, .date_li a:visited { display: block; float: left; padding: 0 7px; background: url(../images/date_li2.gif) no-repeat right; color: #fff }
.date_li a:hover { background: url(../images/date_li22.gif); text-decoration: none }
.date_li b { display: block; float: left; padding: 0 8px; background-image: url(../images/date_lihover.gif); color: #FFF }
.title22 { line-height: 21px; height: 21px; font-weight: 700; color: #FFF; background-image: url(../images/tit2_bbg.gif); padding-left: 18px }
.set1:link, .set1:visited { padding-left: 13px; background: url(../images/re.gif) no-repeat left top; margin: 0 8px 0 4px }
.scoretitle { font-weight: 700; color: #444; background-color: #CBE4FB; line-height: 26px; text-align: center }
.Leaguestitle { background-color: #E0E9F6 }
.oddstable { background-color: #C6C6C6 }
.oddstable td { line-height: 17px; text-align: center }
.ivsiinfo_td { background-color: #72B0E9; color: #FFF; font-weight: 700 }
.ivsiinfo_td a, .ivsiinfo_td a:visited { color: #FFF; display: block; background-color: #1F76C5 }
.ivsiinfo_td a:hover { color: #C30; background-color: #FF0; text-decoration: none }
.tdlink a:link { color: #00328F }
.tdlink a:visited { color: #00328F }
.tdlink a:hover { color: red; text-decoration: none }
.STYLE4 { color: #FFF }
.STYLE6 { color: #006CC6 }
.lsm1 { cursor: pointer; color: #fff; background-color: #3067B1 }
.lsm2 { cursor: default; color: #036; padding-top: 3px; HEIGHT: 16px; text-decoration: none }
.lsm3 { cursor: pointer; color: #fff; background-color: #F4731F }
.redf { font-size: 12px; color: red }
.redf a:link { color: red }
.redf a:visited { color: red }
.redf a:hover { color: #000; text-decoration: none; font-weight: 700 }
.etime { font-size: 12px }
.t12 { font-size: 12px }
.tdlink2 { border: 0 solid #8DB3C2 }
.tdlink2 a:link { color: #00328F }
.tdlink2 a:visited { color: #00328F }
.tdlink2 a:hover { color: red; text-decoration: none }
.STYLE9 { color: #000 }
.STYLE11 { color: red; font-weight: 700 }
.STYLE12 { color: #060; font-weight: 700 }
.nav_select li { float: left; width: 105px; height: 28px; line-height: 28px; text-align: center; margin-right: 3px; list-style-type: none }
.nav_select a:link, .nav_select a:visited { color: #333 }
.nav_select a:hover { color: red; text-decoration: none }
.t3_on a, .t3_on a:hover, .t3_on a:link, .t3_on a:visited { font-weight: 700; color: #FFF; background-image: url(/images/pl1.gif) }
.t3_off a, .t3_off a:visited { background-image: url(/images/pl2.gif) }
.t3_off a:hover { color: #e9410f; text-decoration: none }
.tool3 { border-bottom: 3px solid #D15941; height: 26px; margin-top: 3px }
.tool3 li a { line-height: 26px; text-align: center; display: block; height: 26px; width: 100px }
.tdsolid { margin-top: 6px; line-height: 130% }
.cupmatch_rw1 { background: url(/Images/mbg1.gif); width: 154px }
.cupmatch_rw2 { background: url(/Images/mbg2.gif); width: 154px }
.main_title, .main_title1 { font-size: 14px; line-height: 24px; font-weight: 700; color: #FFF; text-align: center; margin-top: 6px; border-top: 1px solid #8DB3C2; border-right: 1px solid #8DB3C2; border-left: 1px solid #8DB3C2; background-image: url(/Images/td_bg2.jpg) }
.nav_selected { background: url(/Images/g_r1_c1.jpg); color: #fff; font-weight: 700 }
.nav_selected a { color: #fff }
.nav_selected a:link { color: #fff }
.nav_selected a:hover { color: #fff }
.nav_selected a:visited { color: #fff }
.nav_unselected { background: url(/Images/g_r1_c3.jpg); color: #000; text-decoration: none }
.bg { height: 100%; width: 100%; left: 0; top: 0; background: #000; filter: alpha(opacity=30); -moz-opacity: .3; -khtml-opacity: .3; opacity: .3; z-index: 3; position: fixed }
.QRCode { position: absolute; z-index: 4; background: #FFF; width: 200px; left: 50%; top: 300px; margin-left: -130px; font-size: 14px; text-align: center; padding: 20px 30px }
.QRCode .close { position: absolute; top: 5px; right: 5px; background: url(../images/user/close.jpg) no-repeat center center; height: 32px; width: 32px }
.QRCode .img { height: 200px; width: 200px; margin-right: auto; margin-left: auto; background: #EFEFEF; margin-bottom: 10px; position: relative }
.QRCode .img i { height: 32px; width: 32px; margin-top: -16px; margin-left: -16px; position: absolute; left: 50%; top: 50%; display: block }
.QRCode .payNum { display: block; font-size: 22px; line-height: 40px; color: #FF6500; font-weight: 400 }
.popupWin { position: absolute; z-index: 100; background: #FFF; width: 400px; left: 50%; top: 300px; box-shadow: 0 0 10px #000; margin-left: -200px }
.popupWin .msgBox { color: #FFF; background: #c30; display: inline; border-radius: 3px; padding-right: 4px; padding-left: 4px; margin-left: 2px; text-align: center; position: relative; float: right }
.popupWin .msgBox .action_po { display: block; line-height: 30px; padding-top: 2px; text-align: left; white-space: nowrap; height: 30px }
.popupWin .msgBox .action_po_top { line-height: 30px; display: block; padding-left: 42px; padding-right: 10px }
.popupWin .msgBox .wrong1 { background: url(https://passport.58.com/pic2/ui6/my/images/verification-ui6.gif) no-repeat 0 -190px; position: absolute; left: -5px; top: 8px; color: #F93501; border-right: 1px solid #FFC7C7 }
.popupWin .msgBox .wrong1 .action_po_bot { background: url(../images/verification-ui6.gif) no-repeat left bottom; display: block; height: 2px; overflow: hidden }
.popupWin .msgBox .action1 { background: url(https://passport.58.com/pic2/ui6/my/images/verification-ui6.gif) no-repeat 0 top; position: absolute; left: -5px; top: 8px; color: #277BD5; border-right: 1px solid #B9E3FF }
.popupWin .msgBox .action1 .action_po_bot { background: url(../images/verification-ui6.gif) no-repeat left -187px; display: block; height: 2px; overflow: hidden }
.popupWin a:link { color: #06C }
.popupWin a:hover { color: #F30 }
.popupWin .tab { margin-right: 30px; margin-left: 30px; background: #FFF; overflow: visible; display: block; height: 40px }
.popupWin .tab li { font-size: 16px; display: block; background: 0 0; color: #666; line-height: 40px; border-bottom: 2px solid #D6D6D6; position: relative; text-align: center; width: 50%; overflow: visible }
.popupWin .tab li:hover { color: #DE1E30 }
.popupWin .tab li.on { border-bottom: 2px solid #de1e30; background: #FFF; border-top-style: none; border-right-style: none; border-left-style: none }
.popupWin .tab li.on i { background: url(../images/guess/tab_on_bg.gif) no-repeat center bottom; height: 10px; width: 15px; display: block; position: absolute; left: 50%; margin-left: -7px; bottom: -10px }
.popupWin .loginBox { padding: 30px; font-size: 14px; line-height: 30px }
.popupWin .loginBox .telBox { position: relative }
.popupWin .loginBox .telBox input { padding-left: 60px; width: 141px }
.popupWin .loginBox .telBox select { position: absolute; left: 5px; top: 10px; line-height: 30px; height: 30px; width: 53px }
.popupWin .loginBox input[type=password], .popupWin .loginBox input[type=text] { line-height: 38px; background: url(../images/guess/input_bg.gif) repeat-x; border: 1px solid #CCC; height: 38px; margin-top: 5px; margin-bottom: 5px; border-radius: 2px }
.popupWin .loginBox input[type=button] { height: 38px }
.popupWin .addBtn { background: #277BD5; color: #FFF; width: 200px; margin-right: auto; margin-left: auto; border-radius: 4px; cursor: pointer; line-height: 40px; padding: 0; height: 40px; border-style: none; font-family: "微软雅黑"; font-size: 14px; text-align: center }
.popupWin .btn_off { background: #959595; color: #FFF; width: 200px; margin-right: auto; margin-left: auto; border-radius: 4px; cursor: pointer; line-height: 40px; padding: 0; height: 40px; border-style: none; font-family: "微软雅黑"; font-size: 14px; text-align: center }
.popupWin .addBtn:hover { background: #3D88DC }
.popupWin .info { padding: 20px; font-size: 14px; background: #FFF; line-height: 30px; margin: 0 }
.popupWin .header { background: url(../images/guess/popupBG.gif) repeat-x; line-height: 37px; margin: 0; padding: 0 0 0 10px; font-size: 14px; font-weight: 700 }
.popupWin .header .right { float: right; margin-right: 50px }
.popupWin .closeBtn { background: url(../images/guess/popupClose.png) no-repeat center center; float: right; width: 30px; height: 35px; cursor: pointer; display: block; margin-right: 5px; margin-top: 1px; position: absolute; top: 0; right: 0 }
.popupWin .closeBtn:hover { background: url(../images/guess/popupClose_hover.png) no-repeat center center }

.lbtn { height: 26px }
.mytable2 tr th { background: #f0f5fb; color: #333; font-size: 14px; font-weight: 400; line-height: 30px; margin: 0; padding: 0; border-bottom: solid 1px #ccc }
.mytable2 .rss { display: block; background: #e9410f; color: #FFF; line-height: 18px; border-radius: 2px; cursor: pointer; text-align: center; float: none; width: 50px }
.mytable2 tr td { background: #FFF; padding-right: 5px; padding-left: 5px; font-size: 13px; line-height: 60px; border-bottom: solid 1px #ccc }
.mytable2 .rankInfo { color: #c30; font-weight: 700; cursor: pointer }
.mytable2 .popupBox { position: relative; z-index: 999; float: left }
.mytable2 .popupBox .popup { border-left: solid 1px #ccc; position: absolute; left: -20px; top: 50px; z-index: 1000; width: 550px; box-shadow: 0 0 10px #666; color: #333 }
.mytable2 .readBox { margin-top: 0 }
.mytable2 .userIcon { width: 43px; height: 43px; border-radius: 26px; overflow: hidden; margin-top: 8px; margin-right: 8px }
.mytable2 .linkBox { float: none }
.mytable2 .i { background-color: #c30; color: #fff; text-align: center; font-size: 14px; font-weight: 700 }
.mytable2 .popup td, .mytable2 .popup th { border-right: solid 1px #ccc }
.mytable { background: #CCC }
.mytable tr th { background: #277BD5; color: #FFF; font-size: 14px; font-weight: 400; line-height: 30px; margin: 0; padding: 0 }
.mytable tr td { background: #FFF; padding-right: 5px; padding-left: 5px; font-size: 13px; height: 35px; line-height: 15px }
#pagination-flickr { overflow: hidden; padding-top: 5px; padding-bottom: 5px }
#pagination-flickr li { border: 0; margin: 0 5px 0 0; padding: 0; font-size: 11px; list-style: none; float: left; cursor: pointer; font-family: Arial,Helvetica,sans-serif }
#pagination-flickr .next-off, #pagination-flickr .previous-off { color: #666; display: block; float: left; font-weight: 700; padding: 3px 4px }
#pagination-flickr .next a, #pagination-flickr .previous a { font-weight: 700; border: solid 1px #FFF }
#pagination-flickr .active { color: #FFF; font-weight: 700; display: block; float: left; background: #277bd5 }
#pagination-flickr .active a { color: #fff; border: 1px solid #277bd5 }
#pagination-flickr a, #pagination-flickr a:link, #pagination-flickr a:visited { color: #333; display: block; float: left; padding: 5px 10px; text-decoration: none; font-weight: 400; font-size: 12px; border: 1px solid #CCC; line-height: 20px; font-family: "微软雅黑" }
#pagination-flickr a:hover { border: 1px solid #277bd5; background: #277bd5; color: #FFF }
#returnTop { width: 40px; height: 120px }
#returnTop .top { height: 40px; width: 40px; display: block; float: left; cursor: pointer; background: url(../images/guess/top_help_icon.jpg) no-repeat 0 0; }
#returnTop .top:hover { height: 40px; width: 40px; display: block; float: left; cursor: pointer; background: url(../images/guess/top_help_icon.jpg) no-repeat -40px top; }
#returnTop .help { height: 40px; width: 40px; display: block; float: left; cursor: pointer; background: url(../images/guess/top_help_icon.jpg) no-repeat 0 -40px; }
#returnTop .help:hover { height: 40px; width: 40px; display: block; float: left; cursor: pointer; background: url(../images/guess/top_help_icon.jpg) no-repeat -40px -40px; }
#returnTop .app { height: 40px; width: 40px; display: block; float: left; cursor: pointer; background: url(../images/guess/top_help_icon.jpg) no-repeat 0 -80px; }
#returnTop .app:hover { height: 40px; width: 40px; display: block; float: left; cursor: pointer; background: url(../images/guess/top_help_icon.jpg) no-repeat -40px -80px; }
#returnTop .FB { height: 40px; width: 40px; display: block; float: left; cursor: pointer; background: url(../images/guess/top_help_icon.jpg) no-repeat 0 -120px; }
#returnTop .FB:hover { height: 40px; width: 40px; display: block; float: left; cursor: pointer; background: url(../images/guess/top_help_icon.jpg) no-repeat -40px -120px; }

.linkfs { padding-left: 30px; background-color: #f6f6f6; color: #ccc; border-top-width: 1px; border-top-style: solid; border-top-color: #d5dbdf }
.link_tt { color: #036; text-align: center; font-weight: 700 }
.AspNetPager { overflow: hidden; padding-top: 5px; padding-bottom: 5px; float: right }
.AspNetPager li { border: 0; margin: 0 5px 0 0; padding: 0; font-size: 11px; list-style: none; float: left; cursor: pointer; font-family: Arial,Helvetica,sans-serif }
.AspNetPager .next-off, .AspNetPager .previous-off { color: #666; display: block; float: left; font-weight: 700; padding: 3px 4px }
.AspNetPager .next a, .AspNetPager .previous a { font-weight: 700; border: solid 1px #FFF }
.AspNetPager .currentPage, .AspNetPager a, .AspNetPager a:link, .AspNetPager a:visited { color: #333; display: block; float: left; padding: 5px 10px; text-decoration: none; font-weight: 400; font-size: 12px; border: 1px solid #CCC; line-height: 20px; font-family: "微软雅黑" }
.AspNetPager .currentPage { color: #fff; border: 1px solid #277bd5; display: block; color: #FFF; font-weight: 700; display: block; float: left; background: #277bd5 }
.AspNetPager a:hover { border: 1px solid #277bd5; background: #277bd5; color: #FFF }
i.help { background: url(../images/help.gif) no-repeat; height: 14px; width: 14px; cursor: pointer; display: inline-block; margin-left: 5px; }
.suggestDot { display: block; background: #f00; border-radius: 50%; width: 6px; height: 6px; top: 7px; right: -3px; position: absolute; }
.ffe { border-radius: 4px 0; font-size: 14px; line-height: 16px; color: #e9410f; white-space: nowrap; background: url(../images/selected.svg) no-repeat center center; background-size: 14px 14px; width: 14px; height: 14px; display: inline-block; margin-bottom: -2px; }
/* .hotFlag {background-color: #ffe7df; border: 1px solid #f00; border-radius:3px 0; font-size: 12px; line-height: 16px; padding: 0 4px; margin-left: 6px; color: #f00; white-space:nowrap;} */
.hotFlag { background: #e9410f; color: #fff; position: absolute; right: -17px; top: 5px; width: 60px; height: 16px; line-height: 16px; font-size: 12px; text-align: center; transform: rotate(45deg); }

.prolist { clear: both; width: 100% }
.prolist li { clear: both; border-bottom: 1px solid #eaeaea; position: relative; padding: 8px 15px 8px 15px; height: 40px }
.prolist li:hover { background-color: #F9F2EC; }
.prolist li .z1 { float: left; border-radius: 50%; height: 40px; width: 40px; overflow: hidden; }
.prolist li .z2 { margin-left: 48px; margin-top: 2px; font-weight: 600; font-size: 14px; }
.prolist li .z3 { position: absolute; right: 15px; top: 10px; color: #FFF; background-color: #e9410f; padding: 1px 8px; border-radius: 20px; }
.prolist li .z4 { margin-left: 48px; margin-top: 6px; color: #e9410f; }
.prolist li .z5 { position: absolute; right: 15px; bottom: 10px; color: #666; }
.prolist li .z5 span { color: #e9410f; }
.vip1, .vip2, .vip3 { padding: 8px; background-size: 100%; vertical-align: text-bottom; margin-left: 2px; display: inline-block; }
.vipbig { padding: 10px; }
.vip1 { background-image: url(/images/news/V1@16px.png); }
.vip2 { background-image: url(/images/news/V2@16px.png); }
.vip3 { background-image: url(/images/news/V3@16px.png); }
.vipbig.vip1 { background-image: url(/images/news/V1@20px.png); }
.vipbig.vip2 { background-image: url(/images/news/V2@20px.png); }
.vipbig.vip3 { background-image: url(/images/news/V3@20px.png); }
.topAD .adbox { height: 50px !important; overflow: hidden !important; display: flex !important; justify-content: space-between !important; }
.topAD a { display: block; }
.topAD a img { width: 518px !important; height: 50px !important; border-radius: 4px !important; }

#bottom .authPic { color: #007FE4; padding: 0px 10px; }

.modal-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; justify-content: center; align-items: center; z-index: 9999; }
.modal { width: 100%; max-width: 800px; border-radius: 8px;position: relative; }
.modal-body img { border-radius:10px}

.modal-close { background: rgba(0, 0, 0, 0.2); width: 30px; height: 30px; border-radius: 50%; position: absolute; top: 12px; right: 12px; cursor: pointer; transition: all 0.2s linear; }

.modal-close:hover { transform: rotate(180deg); }

.modal-close::before, .modal-close::after { content: ""; background: #fff; width: 20px; height: 1px; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); }
.modal-close::after { transform: translate(-50%, -50%) rotate(45deg); }

.lc-banner { display: flex;cursor:pointer }
.lc-banner img { width: 100%; }
.gap { height: 10px; background: #e9ecf1; border-bottom: 1px solid #e5e5e5; }
.list-item { display: flex; font-size: 15px; line-height: 20px; color: #141414; gap: 8px; padding: 10px 16px; background-color: #fff; align-items: center; border-bottom: 1px solid #EAEAEA; }
.list-item span{ width: 3px; height: 15px; border-radius: 100px; background: #f75241; }
.pageContent{ border-bottom: 1px solid #f4f4f4;position: relative; }
.icon-red-30 { position: absolute; right: 2px; top: 4px; width: 46px; height: 46px; z-index: 999; }
.menu-red { filter: invert(34%) sepia(88%) saturate(2894%) hue-rotate(16deg) brightness(97%) contrast(106%); }
.org { color: #ff6600; }
#left .left { width: 100%; float: left; position: relative; }
.app { position: relative }
.app:hover .QRcode { display: block }
.QRcode { display: none; border: solid 1px #ccc; width: 230px; height: 230px; position: absolute; left: -255px; bottom: -15px; background-color: #fff }
.QRcode img { width: 100% }
.QRcode i { background: url(../images/r_icon.gif) no-repeat; width: 22px; height: 45px; position: absolute; right: -22px; bottom: 10px }
.msg { float: left; margin-left: 0px; }
.msg.red { color: #fd2a2a }
.msg.gray { color: #999 }
.newsMenu { line-height: 40px; font-size: 14px; overflow: hidden; border-bottom: 1px solid #eaeaea }
.newsMenu .rightBox { float: right; padding-top: 7px; line-height: normal; margin-right: 10px }
.newsMenu .rightBox .btn { cursor: pointer; background-color: #ff5a00; border-radius: 2px; width: 80px; border: none; height: 25px; color: #fff; vertical-align: top }
.newsMenu .rightBox select { padding: 3px 0; border-radius: 2px; border: solid 1px #ccc; margin: 0 10px 0 0; width: auto !important }
.newsMenu .leftBox { float: left }
.newsMenu .leftBox a { padding: 0 16px; display: block; float: left; font-size: 15px; font-weight: 400 }
.newsMenu a { color: #666; }
.newsMenu a.now { color: #e9410f; font-weight: bold; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #e9410f; }
a.likeBtn { background-color: #ff5a00; border-radius: 2px; border: none; color: #fff; padding: 3px 10px; }
/* 公告栏 */
.bulletin { background: #f8f6ff; padding: 5px 16px; display: block; }
.bulletin::after { content: ""; display: block; clear: both; }
.bulletin i { background: #51409d; color: #fff; font-size: 12px; font-weight: bold; text-align: center; font-style: normal; padding: 9px; margin: 1px 0; border-radius: 20px; float: left; }
.bulletin i img { animation: swing 2s linear infinite; width: 20px; height: 20px; }

@keyframes swing {
    0% { transform: rotate(0); }
    5% { transform: rotate(-20deg); }
    10% { transform: rotate(20deg); }
    15% { transform: rotate(-20deg); }
    20% { transform: rotate(20deg); }
    25% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

.bulletin .title { float: right; width: 93%; }
.bulletin h2 { font-size: 15px; line-height: 22px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bulletin .dis { color: #666; font-size: 12px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.newsList li { display: block; padding: 15px; overflow: hidden; position: relative }
.newsList li + li { border-top: 1px solid #F2F2F2 }
.newsList li:hover { background-color: #F7F7F7; }
.newsList li:hover .title a:link { color: #ff5a00 }
.newsList li .info { color: #7f7f7f; position: absolute; right: 0; bottom: 10px; width: 560px; }
.newsList li .info .readCount { float: right; margin-right: 10px; padding: 8px 3px; }
.newsList li .info .readCount a { margin-right: 2px; }
.newsList li .title { display: inline; color: #333; font-size: 18px; height: 28px; overflow: hidden; line-height: 20px; }
.newsList li .title .newtitle { display: inline-block; overflow: hidden; text-overflow: ellipsis; max-width: 380px; white-space: nowrap; }
.newsList li .title .gn { color: #FFF; font-size: 12px; padding: 1px 4px 2px 4px; border-radius: 3px; }
.newsList .title .limitLength { text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 360px; overflow: hidden; vertical-align: middle; }
.newsList li a:visited b { color: #999 }
.newsList li .discriptction { margin: 5px 0; color: #999; line-height: 20px; height: 44px; overflow: hidden; font-size: 12px }
.newsList li .img { float: left; margin-right: 15px }

#moreBox li { display: block; padding: 15px; overflow: hidden; position: relative }
#moreBox li + li { border-top: 1px solid #F2F2F2 }
#moreBox li:hover { background-color: #F7F7F7; }
#moreBox li:hover .title a:link { color: #ff5a00 }
#moreBox li .info { color: #7f7f7f; position: absolute; right: 0; bottom: 10px; width: 560px; }
#moreBox li .info .readCount { float: right; margin-right: 10px; padding: 4px 3px; }
#nmoreBox li .info .readCount a { margin-right: 2px; }
#moreBox li .title { display: inline; color: #333; font-size: 18px; height: 28px; overflow: hidden; line-height: 20px; }
#moreBox li .title .newtitle { display: inline-block; overflow: hidden; text-overflow: ellipsis; max-width: 380px; white-space: nowrap; }
#moreBox li .title .gn { color: #FFF; font-size: 12px; padding: 1px 4px 2px 4px; border-radius: 3px; }
#moreBox .title .limitLength { text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 360px; overflow: hidden; vertical-align: middle; }
#moreBox li a:visited b { color: #999 }
#moreBox li .discriptction { margin: 5px 0; color: #999; line-height: 20px; height: 44px; overflow: hidden; font-size: 12px }
#moreBox li .img { float: left; margin-right: 15px }


#n_right { float: right; width: 28%; }
.box h2 { padding: 0 10px; color: #333; font-weight: 700; font-size: 16px; line-height: 40px; background-color: #FFF; font-weight: 600; color: #333; border-bottom: 1px solid #eaeaea; }
.box h2, .box h2 a { color: #333; }
.box h2 span { float: right }
.box h2 span a { font-size: 9pt }
#liveScore { }
.box .classbs { background: #f7f7f7; border-bottom: 1px solid #eaeaea; margin: 0 auto; }
.box .classbs a { color: #666; font-size: 15px; text-align: center; line-height: 34px; width: 50%; border-radius: 0; position: relative; display: inline-block; cursor: pointer; }
.box .classbs a.on { font-weight: bold; color: #51409d; border-bottom: 2px solid #51409d; }
/* .box .classbs a.on::after { content: ""; background: #51409d;display: inline-block; width: 60px; height: 2px;position: absolute; bottom: 0; left: 50%; margin-left: -30px; border-radius: 20px; } */
#liveScore li { clear: both; margin-bottom: 1px; padding-top: 5px; padding-left: 5px; height: 78px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eaeaea; padding-bottom: 5px; background-color: #FFF; }
#liveScore li:last-child { margin-bottom: 0; border-bottom: 0 }
#liveScore li img { border-radius: 4px; width: 36px; height: 36px; padding: 5px 0 0 0; }
#liveScore li .startime { padding-top: 10px }
#liveScore li .source { color: #c30; font-weight: bold; text-align: center; font-size: 20px; line-height: 45px }
#liveScore li.hover, #liveScore li:hover { background-color: #F5F5F5; }
#liveScore li .info { height: 45px; text-align: center }
#liveScore li .name { text-align: center; line-height: 24px; font-size: 14px; }
#liveScore li .state { width: 90px; text-align: center; line-height: 22px }
#liveScore li .state2 { width: 90px; text-align: center; line-height: 22px; }
#liveScore li .state2 a:link, #liveScore li .state2 a:visited { color: #e9410f; }
#liveScore li .img { overflow: hidden; padding: 1px; width: 100%; height: 44px; text-align: center }
#liveScore li .content { float: left; width: 90px; height: 68px }
#liveScore li .guest, #liveScore li .home { float: left; width: 95px; height: 68px }
.newsul2 { padding: 4px 8px }
.newsul2 li { margin: 0 auto; padding-left: 10px; color: #333; line-height: 22px; padding: 10px 5px 10px 10px; }
.newsul2 li a { font-size: 14px }
.newsul2 li a:hover { color: #f30; text-decoration: none }
.newsul2 li + li { border-top: 1px solid #EAEAEA }
.newsul2 li a span { color: #999; clear: both; display: block; font-size: 12px }
.soccegame { height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E6EBEE; }
.soccegame li { float: left; }
.soccegame li a { float: left; display: block; padding: 0 12px; height: 29px; text-align: center; line-height: 29px; }
.soccegame .inon a { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #ff5a00; color: #ff5a00; height: 30px; font-weight: bold; }
.jfb td { color: #666; text-align: center; line-height: 26px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EFEFEF; }
.jstitle td { color: #a9a9a9 }
.js1 { background-color: #f5f5f5 }
.xjc1 { background-image: url(../images/rightdivbg.gif); background-position: left -213px; background-repeat: repeat-x; line-height: 25px; border-bottom-color: #cbd6de }
.xjc1, .xjc2 { text-align: center; border-bottom-width: 1px; border-bottom-style: solid }
.xjc2 { padding-top: 10px; padding-bottom: 10px; background-color: #eaeaea; border-bottom-color: #cdd0d6 }
.xjc3 { padding-top: 7px; padding-bottom: 7px; background-color: #fff; background-image: url(../images/rightdivbg.gif); background-position: left -238px; background-repeat: repeat-x; text-align: center; line-height: 22px; border-top-width: 1px; border-top-style: solid; border-top-color: #fcfcfc }
.xjc1 a, .xjc3 a { padding: 0 4px }
.list2s a { padding: 0 5px; line-height: 20px }
.jxbs, .sctitle { background-color: #FFF }
.userInfoBox { background: url(../images/bg-new.jpg) no-repeat; background-size: 100%; position: relative; color: #FFF; font-size: 14px; padding: 20px; }
.userInfoBox .userIcon { width: 80px; height: 80px; border-radius: 100px; background-color: #fff; margin-right: 30px; float: left; text-align: center; position: relative; }
.userInfoBox .userIcon img { width: 100%; height: 100%; border-radius: 50% }
.userInfoBox .userIcon .mark { position: absolute; color: #fff; padding: 2px 0 3px; border-radius: 10px; top: 68px; left: 50%; margin-left: -35px; font-size: 12px; text-align: center; width: 70px; background: linear-gradient(90deg,#ff8f20,#ff7107); cursor: pointer; }
.userInfoBox .userIcon .markeject { background: #fff; color: #666; font-size: 12px; padding: 4px 6px; border-radius: 4px; border: 1px solid #999; position: absolute; top: 90px; left: 0; z-index: 999; width: 300px; text-align: left; }
.userInfoBox .userIcon .markeject:empty { display: none; }
.userInfoBox .nameBox { padding-bottom: 2px; }
.userInfoBox .name { font-size: 18px; font-weight: 700; line-height: 36px; display: inline-block; }
.userInfoBox .name .v { font-size: 12px; background-color: #ff5a00; border-radius: 2px; border: none; height: 28px; color: #fff; padding: 5px 10px; margin-left: 5px; margin-right: 5px }
.userInfoBox .name .tip { font-size: 12px; width: 196px; padding: 5px 15px; background: url(../images/des.png) no-repeat top left; border-radius: 2px }
.linkRecord { margin: 0 0 0 6px; display: inline-block; }
.userInfoBox .quantity { height: 24px; margin-bottom: 10px; }
.userInfoBox .quantity span { padding: 3px 10px; background-color: #fff3ed; border-radius: 20px; color: #e9410f; font-size: 12px; line-height: 24px; margin-right: 10px; }
.userInfoBox .quantity span.ranking { border-radius: 0 10px 0 10px; padding: 3px 6px; }
.userInfoBox .quantity span.fans { background: #fff3ed url(../images/news/icon_user.svg) no-repeat 8px center; background-size: 14px 14px; padding-left: 26px; }
.userInfoBox .quantity span.see { background: #fff3ed url(../images/news/icon_unlock.svg) no-repeat 8px center; background-size: 14px 14px; padding-left: 26px; }
.userInfoBox .des { color: #ffffffc4; width: 480px; min-height: 56px; overflow: hidden; font-size: 13px; max-height: 96px; }
.userInfoBox .likeBtn { cursor: pointer; padding: 5px 15px; border: solid 1px #fff; font-style: normal; position: absolute; right: 20px; top: 30px; border-radius: 4px }
.userInfoBox .likeBtn:hover { color: #FFED00; border: solid 1px #FFED00 }
.right_d { border: 1px solid #FFF; margin-bottom: 10px; background-color: #FFF }
.proman li { border-bottom: 1px solid #EAEAEA; clear: both; }
.proman li:last-child { border-bottom: 0px }
.proman li .cmmo { display: block; padding: 10px 6px; vertical-align: top; position: relative; }
.tj_avatar2 { padding-top: 3px; }
.proman .hottag { font-size: 8px; color: #FFF; background-color: #F30; height: 14px; width: 14px; position: absolute; left: 40px; top: 10px; border-radius: 50%; line-height: 14px; text-align: center; }
.left { float: left; }
.lw2 { line-height: 22px; height: 44px; }
.tj_avatar2 img { border-radius: 50%; height: 35px; width: 35px; margin: 0 10px; }
.tj_expert_name { font-size: 14px; font-weight: bold; }
.zjv2 { color: #999; margin-right: 2px; font-size: 11px; }
.ws { color: #F30 }
.ls { color: #0C0 }
.ds { color: #3CF }
.dlbtn:link, .dlbtn:visited { color: #FFF; border-radius: 15px; padding: 2px 10px; margin-right: 8px; background-color: #e9410f; }
.dlbtn:hover { background-color: #51409d; }
.hotimg { background: url('/images/news/hot-icon.png') no-repeat; height: 16px; width: 16px; background-size: 100%; display: inline-block; vertical-align: text-bottom; }
.ta_name .hotimg, .userInfos .hotimg { height: 21px; width: 21px; }
.hotmlist { overflow: hidden; }
.tj_expert2 { float: left; }
.proman-team { line-height: 28px; background-color: rgba(0, 0, 0, 0.06); clear: both; width: 96%; margin: 6px auto 0 auto; height: 28px; border-radius: 4px; overflow: hidden; position: relative; top: -10px; display: block }
.proman-team span { float: left; display: inline-block; text-align: center; }
.proman-team .pt1 { background-color: rgba(0, 0, 0, 0.05); padding: 0 6px; color: #999; }
.proman-team .pt2 { width: 30%; }
.proman-team .pt3 { width: 50px; color: #2C78B1; }

/*前瞻-战绩标签*/
/*近X中X*/ .zhanji { display: inline-block; color: #fff; background: linear-gradient(90deg,#F1AC58,#F39D43); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; }
/*近X中X*/ .zhanji i { width: 16px; height: 16px; border-radius: 50%; background: #F1AC58 url('/images/label-desc.svg') center center; border: 1px solid #ffdf7e; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; }
/*最长连红*/ .Rident { display: inline-block; color: #fff; background: linear-gradient(90deg,#F99F6D,#FF7557); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; }
/*最长连红*/ .Rident i { width: 16px; height: 16px; border-radius: 50%; background: #F99F6D url('/images/label-Rident.svg') center center; border: 1px solid #ffddb4; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; }
/*人气榜*/ .m_hot { display: inline-block; color: #fff; background: linear-gradient(90deg,#78BEF9,#5DACF8); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; }
/*人气榜*/ .m_hot i { width: 16px; height: 16px; border-radius: 50%; background: #78BEF9 url('/images/label-hot.svg') center center; border: 1px solid #caeeff; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; }
/*联赛胜率*/ .league { display: inline-block; color: #fff; background: linear-gradient(90deg,#62CCD6,#4EC2D0); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; }
/*联赛胜率*/ .league i { width: 16px; height: 16px; border-radius: 50%; background: #62CCD6 url('/images/label-win.svg') center center; border: 1px solid #94ffea; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; }
/*连胜*/ .continuous { display: inline-block; color: #fff; background: linear-gradient(90deg,#ff745b,#ff583a); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; }
/*连胜*/ .continuous i { width: 16px; height: 16px; border-radius: 50%; background: #ff745b url('/images/label-win.svg') center center; border: 1px solid #ffd6b9; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; }
/*简洁*/ .zhanji.concise, .Rident.concise, .Rident_long.concise, .m_hot.concise, .league.concise, continuous.concise { padding: 0 8px !important; }

#newsExperter .zhanji i, #newsExperter .Rident i, #newsExperter .Rident_long i, #newsExperter .m_hot i, #newsExperter .league i { border: none; background: none; width: 0; height: 0; }
#newsExperter .zhanji, #newsExperter .Rident, #newsExperter .Rident_long, #newsExperter .m_hot, #newsExperter .league, #newsExperter .continuous, #guessExperter .m_hot, #guessExperter .zhanji { padding: 0 8px; }
.zhanji + .zhanji, .zhanji + .fans, .continuous + .zhanji, .zhanji + .Rident, .zhanji + .m_hot, .league + .zhanji, .m_hot + .Rident, .league + .Rident, .list_hot_latelywp + .list_hot_latelywp, .zhanji + .Rident_long, .continuous + .Rident, .continuous + .m_hot, .continuous + .Rident_long { margin-left: 4px; }
.zhanji[data-wid], .continuous[data-wid] { cursor: pointer }

/* 注册弹框 */
.adpopbox { background: linear-gradient(0deg,#fff 50%,#fef4bf); width: 320px; min-height: 260px; border-radius: 30px 100px 30px 30px; box-shadow: 0 0 30px #9f9f9f; position: fixed; top: 25%; left: 50%; transform: translate(-50%,0); z-index: 99; }
.adpopbox .adtitle { background: linear-gradient(90deg,#fed3ae,#fef6ca); color: #e7794e; font-size: 20px; font-weight: bold; text-align: left; line-height: 60px; padding: 0 20px; border-radius: 50px 100px 0 0; position: relative; }
.adpopbox .adimg { position: absolute; top: -48px; right: -52px; }
.adpopbox .adinfo { color: #333; font-size: 14px; line-height: 26px; text-align: justify; padding: 26px; }
/*.adpopbox .adinfo a {color: #06C;}*/
.adpopbox .adbtn { background: #ff7753; color: #fff; font-size: 16px; font-weight: bold; text-align: center; line-height: normal; width: 40%; padding: 8px; margin: 20px auto 0; border-radius: 30px; cursor: pointer; display: block }
.adpopbox .close { background: #fff; width: 24px; height: 24px; border: 1px solid #999; border-radius: 50%; position: absolute; bottom: -35px; left: 50%; opacity: 0.7; transform: translate(-50%,0); cursor: pointer; }
.adpopbox .close::before, .adpopbox .close::after { content: ""; background: #999; width: 14px; height: 1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); }
.adpopbox .close::after { transform: translate(-50%,-50%) rotate(45deg); }

.convey { display: none; background: linear-gradient(-135deg,#fff5e7,#fde5c0); border-radius: 4px; position: absolute; top: 20px; left: 0px; width: 340px; padding: 10px; border-radius: 8px; box-shadow: 0px 2px 10px 2px rgba(205,205,205,0.8); z-index: 9999 !important; }
.convey::before { content: ""; background: url(/images/news/xz.png)no-repeat center; width: 118px; height: 58px; position: absolute; right: 0; top: -15px; opacity: 0.85; z-index: 1; }
.conveytop { text-align: center; padding: 0 0 8px 0; margin: 0 auto; }
.conveytop a { color: #b46307 !important; font-size: 16px; font-weight: bold; }

.conveylist { background: #fffcf8; color: #666; border-bottom: 1px solid #f2f2f2; padding: 7px 10px; margin: 0 auto; position: relative; overflow: hidden; }
.conveylist:nth-child(2) { border-radius: 5px 5px 0 0; }
.conveylist:last-child { border-radius: 0 0 5px 5px; }

.conveylist .result { position: absolute; right: 5px; width: 30px; height: 30px; }
.conveylist .result.mingzhong { background: url(/images/news/mingzhong.png)no-repeat; background-size: 30px; top: 0px; right: 5px; left: auto !important; }
.conveylist .result.go { background: url(/images/news/go.png)no-repeat; background-size: 30px; }
.conveylist .obvious { color: #FF5106; font-weight: 600; }

.blue { color: #6699cd }
#downLoadData { text-align: center; padding: 10px; border: 1px solid #E9E9E9; display: none; cursor: pointer; font-size: 16px; background-color: #FFF; }
.canFloat { position: relative; }
#selAuthor, #selSclass { width: 4em }
a.set_btn { background-size: 13px; float: left; border: 1px solid #eaeaea; border-radius: 3px; padding: 3px 15px; }
a.set_btn_on { float: left; padding: 5px 16px; border-radius: 2px; color: #51409d; z-index: 99; border: 3px solid #a499d5; }
a.set_btn2 { background-color: #ff5a00; float: left; padding: 4px 10px; border-radius: 2px; color: #FFF; }
a.help_btn { background-size: 13px; float: left; border-radius: 3px; padding: 3px 15px; }
.wsline { width: 60px; height: 3px; background-color: #FFF; position: absolute; right: 0px; top: -3px; }
.set_div { position: absolute; background-color: #FFF; padding: 10px; border: 3px solid #a499d5; top: -4px; right: 10px; z-index: 100; box-shadow: -1px 6px 10px rgba(81, 64, 157,0.4); -webkit-box-shadow: -1px 6px 10px rgba(81, 64, 157,0.4); }
.set_list { line-height: 26px; padding-left: 60px; position: relative; clear: both; margin-bottom: 10px; float: left; }
.set_list .list_tit { float: left; width: 60px; color: #B3B3B3; position: absolute; left: 10px; top: 0px; }
.set_list li { float: left; display: block; height: 26px; width: 85px; text-align: center; margin-right: 6px; color: #666; margin-bottom: 10px; cursor: pointer; }
.set_list li:hover { color: #e9410f; }
.set_list li.importantSclass { color: red }
.set_list li.on { color: #e9410f; border: 1px solid #e9410f; height: 26px; width: 85px; line-height: 24px; box-sizing: border-box; }
.set_list li.bgs { background-color: #e9410f; color: #FFF }
.set_can, .set_ok { padding: 6px 30px; border-radius: 2px; margin: 0 5px }
a.set_ok { background-color: #e9410f; color: #FFF }
.set_can { color: #999; border: 1px solid #CCC; }
.cutName { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#noticebox { height: 24px; background: url(/images/lb.png) no-repeat left center; background-size: 14px auto; padding-left: 18px; margin: 0 0 0 16px; overflow: hidden; }
#noticebox a { color: #6752c9 !important; display: block; line-height: 24px; }
#hotSclass { background: #f7f7f7; border-bottom: 1px solid #f2f2f2; position: relative; overflow: hidden; padding: 1px; }
#hotSclass ul { height: 34px; clear: both; margin: 0; padding: 0; list-style-type: none; overflow: hidden; display: inline-block; width: 668px; margin-left: 26px; }
#hotSclass ul li { float: left; display: block; border-radius: 5px 5px 0px 0px; overflow: hidden; }
#hotSclass li a, #hotSclass li a:visited { line-height: 34px; height: 34px; display: block; text-align: center; padding: 0 16px; font-size: 14px; color: #666; font-weight: normal; float: left; white-space: nowrap; }
#hotSclass li a:visited { text-decoration: none; }
#hotSclass ul li.now a { color: #6752c9; font-weight: bold; }
.adleft { -webkit-transform: rotate(45deg); width: 8px; height: 8px; display: inline-block; position: absolute; left: 16px; top: 50%; margin: -4px; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.adright { -webkit-transform: rotate(225deg); width: 8px; height: 8px; display: inline-block; position: absolute; right: 16px; top: 50%; margin: -4px; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.spantext { }
.img-1 { width: 114px; }
.ad-title { width: 114px; text-align: center; }
.leftAdbox { position: fixed; left: 10px; top: 200px; cursor: pointer; z-index: 9999; width: 118px; }
.leftAdbox2 { position: fixed; left: 10px; top: 500px; cursor: pointer; z-index: 9999; display: none }
.rightAdbox { position: fixed; right: 10px; top: 200px; cursor: pointer; z-index: 9999; }
.rightAdbox2 { position: fixed; right: 10px; top: 500px; cursor: pointer; z-index: 9999; display: none }
.closeAd { position: absolute; bottom: 0px; right: 0px; cursor: pointer; }

.match-item { display: inline-flex; min-width: 328px; align-items: center; border-radius: 4px; background: linear-gradient(90deg, rgba(226, 212, 255, 0.27) 0%, #F5F1FC 52.4%, rgba(255, 255, 255, 0.00) 100%); padding: 4px 16px 4px 4px; font-family: "Microsoft YaHei", sans-serif; gap: 8px; }
.match-label { background-color: #6752C9; color: #fff; padding: 4px 8px; border-radius: 3px; font-size: 11px; font-weight: bold; white-space: nowrap; }
.match-info { display: flex; gap: 6px; color: #333; }
.mleague { color: #FF3E3E; }
.mtime { color: #666; }
.teams { display: flex; gap: 6px; }
.writerbox { padding: 10px; }
.writerbox a { display: block; width: 264px; height: 30px; line-height: 30px; background-color: #51409d; color: #fff; text-align: center; font-size: 16px; margin: 0 auto; font-weight: bold; border-radius: 2px; }

.tab-container { display: flex; padding: 12px; align-items: center; justify-content: space-between; background: #fff; }
.left-tabs { display: flex; gap: 6px; }
.left-tab { padding: 6px 24px; border-radius: 4px; font-size: 14px; line-height: 18px; transition: all 0.2s ease; border: none; outline: none; }
.left-tab:hover { background: #f5f5f5; cursor: pointer; }
.left-tab.active { background-color: #F44336; color: #ffffff; font-weight: 500; }
.right-tabs { display: flex; background-color: #f5f5f5; border-radius: 20px; padding: 2px; }
.right-tab { padding: 4px 14px; border-radius: 18px; font-size: 14px; line-height: 18px; font-weight: 500; cursor: pointer; transition: all 0.2s ease; border: none; outline: none; background: transparent; }
.right-tab:not(.active) { color: #8E8E8E; font-weight: 400 !important; }
.right-tab.active { background-color: #ffffff; color: #F44336; }
.expert-card2 { padding: 16px 10px; background: #fff; border-bottom: 0.5px solid #e7e7e7; display: flex; flex-direction: row; align-items: center; }
.expert-card2:hover { background: #f5f5f5; }

.rank1 { font-weight: bolder; font-size: 18px; color: #f44336; padding-right: 6px; line-height: 18px; width: 30px; text-align: center; }
.rank2 { font-weight: bolder; font-size: 15px; color: #999; padding-right: 6px; line-height: 18px; width: 20px; text-align: center; }
.expert-card-new { padding: 10px 8px; border-radius: 0 0 16px 16px; border: 2px solid #FFF; background: rgba(255, 255, 255, 0.40); box-shadow: 4px 4px 20px 0 rgb(255 255 255 / 50%) inset, 0 10px 80px 0 rgb(0 0 0 / 12%); backdrop-filter: blur(10px); margin: 0px 0px 12px 0px; }
.user2 { display: flex; align-items: center; gap: 12px; width: 100%; }

.winrate { display: flex; flex-direction: column; font-size: 20px; line-height: 24px; color: #F44336; font-weight: 600; align-items: flex-end; min-width: 40px; margin-left: 20px; gap: 6px; justify-content: flex-start; }
.winrate span { font-size: 14px; line-height: 18px; font-weight: 400; }
.expert-header { display: flex; flex-direction: column; justify-content: center; gap: 6px; flex: 1; }
.rate-group { font-size: 14px; color: #999; line-height: 20px; }

.avatar-container { position: relative; width: 54px; height: 54px; border-radius: 50%; overflow: hidden; cursor: pointer }
.avatar-container .avatar { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.name2 { font-size: 16px; font-weight: 600; cursor: pointer }
.leftAdbox { position: fixed; left: 10px; top: 200px; cursor: pointer; z-index: 9999; width: 118px; }
.rightAdbox { position: fixed; right: 10px; top: 200px; cursor: pointer; z-index: 9999; width: 118px; }
.name-badges { display: flex; align-items: center; gap: 10px; }
.right-like { display: flex; flex-direction: column; align-items: flex-end; min-width: 80px; }
.btn-like { cursor: pointer; padding: 2px 0px; background-color: #FFF; border-radius: 25px; text-align: center; cursor: pointer; border: 1px solid #e9410f; color: #e9410f; font-weight: bold; font-size: 14px; width: 76px; }
.btn-like:hover { background-color: #F90; border: 1px solid #F90; color: #FFF; }
.btn-liked { cursor: pointer; padding: 2px 0px; background-color: #e9410f; border-radius: 25px; text-align: center; border: 1px solid #e9410f; color: #fff; font-weight: bold; font-size: 14px; width: 76px; }
.record-list { display: flex; gap: 6px; align-items: center; padding-top: 5px; }
.record-list span { color: #F44336; padding: 2px 10px; font-size: 13px; border-radius: 100px; background: #fff4f4; border: 0.6px solid #F44336; font-weight: 500; }
.applyAuthorWin.new { background: #fff; width: 800px; margin-left: -250px; position: fixed; top: 4%; left: 40%; padding: 10px; border-radius: 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); z-index: 999; overflow-y: auto; }