/* 未能缩小。正在返回未缩小的内容。
(209,297): run-time error CSS1054: JavaScript error in expression property: Variable 'documentElement' has not been declared: documentElement
(209,393): run-time error CSS1054: JavaScript error in expression property: Variable 'documentElement' has not been declared: documentElement
(780,45): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(790,46): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(833,45): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(843,46): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(1970,24): run-time error CSS1039: Token not allowed after unary operator: '-design-red'
(1981,24): run-time error CSS1039: Token not allowed after unary operator: '-design-blue'
(2470,28): run-time error CSS1039: Token not allowed after unary operator: '-design-red'
 */
html { overflow-y: scroll; }
body { padding: 0; margin: 0; font-family: "微软雅黑"; color: #333; font-size: 12px; background-color: #e9ecf1; }
div, h1, h2, h3, h4, p, form, input, textarea, img, span { margin: 0; padding: 0; font-weight: normal; }
input { line-height: 20px; height: 20px; vertical-align: middle; margin: 0px; padding: 0px; }
.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; }
.mytable tr td.w { color: #C11013; }
.mytable tr td.d { color: #0066cc; }
.mytable tr td.l { color: #009900; }
select { }
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: #333333; }
a:hover { color: #e9410f; text-decoration: underline; }
a.pk:link { color: #0000FF; text-decoration: none; font-size: 12px; font-weight: bold; }
a.pk:visited { color: #0000FF; text-decoration: none; font-size: 12px; font-weight: bold; }
a.pk:hover { color: #FF0000; font-size: 12px; text-decoration: underline; font-weight: bold; }
.clear { clear: both; }
#left, #right { float: left; width: 120px }
#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: 0px solid #666; width: 270px; }
.gamelist li { float: left; width: 90px; }
.gamelist2 { border: 0px 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/head/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/head/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: #FFFFFF; line-height: 21px }
.ts2 { background-color: #F4F8FF; line-height: 21px }
.fortime { color: #0066CC; }
.td_half { COLOR: red; cursor: pointer; }
a.red, .red { color: #cc3300; }
a.green, .green { color: #090; }
a.blue, .blue { color: #06C; }
.red_bg { background: #cc3300; color: #FFF; }
.red2_bg { background: #ed9700; }
.blue_bg { background: #608ec4; }
.red2 { COLOR: red; }
.td_scoreR { FONT-WEIGHT: bold; CURSOR: hand; 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/head/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: bold; display: block; height: 25px; width: 90px; text-align: center; }
.m_on a, .m_on a:visited, .m_on a:hover { color: #F30; background-image: url(../images/head/ll_on.gif); text-decoration: none; }
.m_off a, .m_off a:visited { color: #642100; background-image: url(../images/head/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/head/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:visited, .t2_on a:hover { color: #FFF; background-image: url(../images/head/s1.gif); font-weight: bold; }
.t2_off a, .t2_off a:visited { color: #990000; background-image: url(../images/head/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:visited, .t3_on a:hover { font-weight: bold; color: #FFF; background-image: url(../images/head/pl1.gif); }
.t3_off a, .t3_off a:visited, .t3_off a:visited { background-image: url(../images/head/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/head/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/head/lr_title.jpg); BORDER-LEFT: #c6c6c6 1px solid; COLOR: #FFF; LINE-HEIGHT: 30px }
.fontse a { background: url(../images/head/font.gif) repeat-x; font-weight: bold; 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/head/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: 0px 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/head/hyss.gif); background-repeat: no-repeat; background-position: left -92px; width: 58px; }
.tg3 .yu1 a:hover, .tg3 .yu1 .selected:hover, .tg3 .yu1 .selected:visited, .tg3 .yu1 .selected:link { background-image: url(../images/head/hyss.gif); background-repeat: no-repeat; background-position: left -115px; text-decoration: none; }
.tg3 .yu2 a, .tg3 .yu2 a:visited { background-image: url(../images/head/hyss.gif); background-repeat: no-repeat; background-position: left -138px; width: 44px; }
.tg3 .yu2 a:hover, .tg3 .yu2 .selected:hover, .tg3 .yu2 .selected:visited, .tg3 .yu2 .selected:link { background-image: url(../images/head/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/head/hyss.gif); background-repeat: no-repeat; background-position: left top; width: 58px; }
.tg3s .sh1 a:hover, .tg3s .sh1 .selected:hover, .tg3s .sh1 .selected:visited, .tg3s .sh1 .selected:link { background-image: url(../images/head/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/head/hyss.gif); background-repeat: no-repeat; background-position: left -46px; width: 30px; }
.tg3s .sh2 a:hover, .tg3s .sh2 .selected:hover, .tg3s .sh2 .selected:visited, .tg3s .sh2 .selected:link { background-image: url(../images/head/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/head/coms2.gif); height: 23px; width: 66px; text-align: center; display: block; }
.Companys a:hover { background-image: url(../images/head/coms3.gif); text-decoration: none; }
.Companys .selected span { background: url(../images/head/coms1.gif) no-repeat right; display: block; color: #FFF; }
.secl a { line-height: 23px; background-image: url(../images/head/df.gif); text-align: center; display: block; height: 23px; width: 63px; float: left; margin-right: 5px; }
.secl a:hover { background-image: url(../images/head/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 0px auto;padding: 5px 0;}
#bottom > div {margin:5px 0;}

.firstodds, .up, .down { line-height: 16px }
.firstodds { }
.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: 0px; z-index: 5; visibility: hidden; }
#DivLeague h1, #DivFunction h1, #DivCountry h1 { float: left; font-size: 11px; font-weight: bold; padding-left: 15px; }
#DivLeague li { line-height: 22px; display: block; float: left; width: 100px; padding-left: 5px; }
#DivFunction { top: 0px; left: 686px; width: 125px; position: absolute; border: solid 2px #666; line-height: 22px; background-color: White; 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: White; z-index: 8; padding: 3px; left: 270px; }
.cc a { float: right; background-image: url(../images/head/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 0px; text-align: center; }
.bts input, .vsbtn { margin: 0 3px; font-weight: bold; background-color: #E2F5FA; border: 1px solid #AEC6EC; color: #06C; line-height: 18px; cursor: pointer; }
.rbl { padding: 4px; text-align: center; font-weight: bold; border-bottom: 1px solid #AEC6EC; color: #06C; margin-bottom: 5px; }
.oddstd { line-height: 16px; }
.odds1 { color: #880000; }
.odds2 { color: #000000; }
.odds3 { color: #0000bb; }
.l1 { float: left; margin-left: 10px; background: url(../images/head/ds.gif) no-repeat left; padding-left: 12px; line-height: 20px; }
.l1 a { font-weight: bold; }
.l2 { float: right; padding: 2px 2px 0 0; }
.l2 img { margin: 0 2px }
.contest { font-weight: bold; background-color: #FFFACC; }
.date_li { height: 28px; line-height: 28px; background-image: url(../images/head/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/head/date_li2.gif) no-repeat right; color: White; }
.date_li a:hover { background: url(../images/head/date_li22.gif); text-decoration: none; }
.date_li b { display: block; float: left; padding: 0 8px; background-image: url(../images/head/date_lihover.gif); color: #FFF; }
.title22 { line-height: 21px; height: 21px; font-weight: bold; color: #FFF; background-image: url(../images/head/tit2_bbg.gif); padding-left: 18px; }
.set1:link, .set1:visited { padding-left: 13px; background: url(../images/head/re.gif) no-repeat left top; margin: 0 8px 0 4px; }
.scoretitle { font-weight: bold; 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: bold; }
.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: #FF0000; text-decoration: none; }
.STYLE4 { color: #FFFFFF }
.STYLE6 { color: #006CC6 }
.lsm1 { CURSOR: hand; COLOR: #ffffff; BACKGROUND-COLOR: #3067B1 }
.lsm2 { CURSOR: default; COLOR: #003366; PADDING-TOP: 3px; HEIGHT: 16px; TEXT-DECORATION: none }
.lsm3 { CURSOR: hand; COLOR: #ffffff; BACKGROUND-COLOR: #F4731F }
.redf { FONT-SIZE: 12px; color: red; }
.redf a:link { color: red; }
.redf a:visited { color: red; }
.redf a:hover { color: #000000; text-decoration: none; font-weight: bold; }
.etime { FONT-SIZE: 12px; }
.t12 { font-size: 12px; }
.tdlink2 { border: 0px solid #8DB3C2; }
.tdlink2 a:link { color: #00328F; }
.tdlink2 a:visited { color: #00328F; }
.tdlink2 a:hover { color: #FF0000; text-decoration: none; }
.STYLE9 { color: #000000 }
.STYLE11 { color: #FF0000; font-weight: bold; }
.STYLE12 { color: #006600; font-weight: bold; }
.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: #333333; }
.nav_select a:hover { color: #ff0000; text-decoration: none; }
.t3_on a, .t3_on a:visited, .t3_on a:hover, .t3_on a:link { font-weight: bold; color: #FFF; background-image: url(/images/pl1.gif); }
.t3_off a, .t3_off a:visited, .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: bold; color: #FFFFFF; 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: rgb(255, 255, 255); font-weight: bold; }
.nav_selected a { color: rgb(255, 255, 255); }
.nav_selected a:link { color: rgb(255, 255, 255); }
.nav_selected a:hover { color: rgb(255, 255, 255); }
.nav_selected a:visited { color: rgb(255, 255, 255); }
.nav_unselected { background: url("/Images/g_r1_c3.jpg"); color: rgb(0, 0, 0); text-decoration: none; }
.hi_right { float: right; width: 780px; }
.b { font-weight: bold; }
.userIcon { float: left; background: url(../images/guess/user.png) no-repeat center center; height: 33px; width: 33px; display: block; position: relative; }
.userIcon .img { border-radius: 26px; height: 26px; width: 26px; margin-top: 3px; margin-left: 4px; overflow: hidden; }
.userIcon .img.hot { overflow: hidden; }
.userIcon i { background: url(../images/guess/hotUser.png) no-repeat; height: 22px; width: 22px; position: absolute; right: -8px; bottom: 12px; }
.userIcon .img img { width: 100%; height: 100%; }
.userData { display: block; width: 100%; text-align: left; font-size: 12px; float: left; line-height: 24px; }
.userData .item { margin-right: 5px; display: block; float: left; }
.userData .rank { color: #cc3317; float: left; width: 40px; display: block; background: none; border-style: none; }
.userData .near {color:#fff;background:linear-gradient(90deg,#F1AC58,#F39D43);font-size:11px;line-height:18px;padding:0 8px;border-radius:10px;display:inline-block;}
.userData .near2 {color:#FFF;background-color:#e9410f;font-size:11px;line-height:18px;padding:0 8px;border-radius:10px;margin-left:4px;display:inline-block;}
.linkBox { height: 20px; line-height: 20px; margin-left: 6px; font-size: 12px; font-weight: normal; white-space: nowrap; width: 100px; float: left; background: url(../images/guess/guess_17.gif) no-repeat left top; }
.linkBox:hover { background: url(../images/guess/guess_06.gif) no-repeat left top; color: #FFF; }
.linkBox:hover a { color: #FFF; }
.linkBox .tm3:link, .linkBox .tm3:visited { width: 38px; margin: 0px; padding: 0px 0px 0px 18px; text-align: left; float: left; text-decoration: none; }
.linkBox span { float: right; display: block; width: 44px; text-align: center; font-family: "微软雅黑"; color: #666; font-size: 12px; }
.linkedBox { height: 20px; line-height: 20px; margin-left: 6px; font-size: 12px; font-weight: normal; white-space: nowrap; width: 100px; float: left; background: #FFF url(../images/guess/guess_177.gif) no-repeat left top; }
.linkedBox a.tm3, .linkedBox a.tm3:hover { float: left; display: block; width: 56px; overflow: hidden; background-image: none; color: #FFFFFF; margin: 0px; padding: 0px; text-align: center; }
.linkedBox span { float: left; display: block; width: 44px; text-align: center; font-family: "微软雅黑"; font-size: 12px; }
.bg { height: 100%; width: 100%; left: 0px; top: 0px; background: #000; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; z-index: 3; position: fixed; _position: absolute; _left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); _top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight); }
.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: normal; }
.popupWin { position: absolute; z-index: 4; background: #FFF; width: 400px; left: 50%; top: 300px; box-shadow: 0 0 10px #000; margin-left: -130px; }
.popupWin .msgBox { color: #FFF; background: #cc3300; 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 .tabwin { margin-right: 30px; margin-left: 30px; background: #FFF; overflow: visible; display: block; height: 40px; }
.popupWin .tabwin li { font-size: 16px; display: block; background: none; color: #666; line-height: 44px; border-bottom: 2px solid #D6D6D6; position: relative; text-align: center; width: 50%; overflow: visible; float: left; cursor: pointer }
.popupWin .tabwin li:hover { color: #e9410f; }
.popupWin .tabwin li.on { border-bottom: 2px solid #de1e30; background: #FFF; border-top-style: none; border-right-style: none; border-left-style: none; }
.popupWin .tabwin 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=text], .popupWin .loginBox input[type=password] { 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: 0px; 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: 0px; 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: 0px; }
.popupWin h2 { background: url(../images/guess/popupBG.gif) repeat-x; line-height: 37px; margin: 0px; padding: 0px 0px 0px 10px; font-size: 14px; font-weight: bold; }
.popupWin h2 .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: 0px; right: 0px; }
.lbtn { height: 26px; }
.yelbg { width:100px;margin:0 0 2px; }

/* 新登录框 */
.popupWin.new {background:#fff;width:500px;margin-left:-250px;position: fixed;top: 20%;left: 50%;padding: 10px;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,0.5);z-index: 999;}
.new .closeBtn {background: url(../images/guess/popupClose.png) no-repeat center center;background-size: 50%;width: 30px;height: 35px;margin: 0;position:absolute;top: 14px;right: 10px;float: right;display: block;cursor:pointer;transition: all 0.2s linear; }
.new .closeBtn:hover {opacity: 0.7;}
.new .tabwin { background: #fff;height: 46px;margin:0 30px;padding:0;list-style-type:none;overflow: visible;display: block;}
.new .tabwin li {color: #666;font-size: 16px;line-height: 44px;text-align: center;width: 50%;border-bottom: 2px solid #D6D6D6;position: relative;overflow: visible;float: left;cursor: pointer;vertical-align:bottom;list-style-type:none;display: block;}
.new .tabwin li.on {color: #e9410f;border-bottom: 2px solid #e9410f;font-weight: bold;background-color:#fff !important}
.loginbg { z-index: 998 !important; height: 100%; width: 100%; left: 0px; top: 0px; background: #000; opacity: 0.3; z-index: 3; position: fixed; }

.mytable2 tr th { background: #F8F8F8; color: #5d5d5d; font-size: 14px; font-weight: 700; line-height: 36px; margin: 0px; padding: 0px; border-bottom: solid 1px #eaeaea; text-align: left; }
.rankList tr th { text-align: center; }
.mytable2 tr td { background: #FFF; padding: 10px 0; font-size: 13px; line-height: 24px; border-bottom: solid 1px #eaeaea; text-align: left; }
.rankList tr td { line-height: 50px; }
.mytable2 tr:hover td { background-color: #F3FAFC }
.mytable2 .rankInfo { color: #cc3300; font-weight: bold; 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: 0px; }
.mytable2 .userIcon { width: 43px; height: 43px; border-radius: 26px; overflow: hidden; margin-top: 8px; margin-right: 8px; }
.mytable2 .linkBox { float: none; }
.mytable2 .linkedBox { float: none; }
.mytable2 .i { background-color: #FFF; color: #9a9a9a; text-align: center; font-size: 14px; font-weight: normal; }
.mytable2 .popup td, .mytable2 .popup th { border-right: solid 1px #ccc; }
.mytable2 .center { text-align: center }
.mytable2 .left { text-align: left }
.mytable2 .pp { padding-left: 10px }
.mytable2 .ff { font-size: 12px; color: #999; }
.mytable2 .fans img { height: 32px; width: 32px; border-radius: 50%; float: left }
.mytable2 .fans a { color: #277bd5; float: left; margin: 5px 0 0 8px; }
.mytable2 .bbtn a { color: #277bd5; }
.mytable2 .obtn a { color: #e9410f; }

.mytable2 .marked { color: #390; background-color: #E7F2CC; height: 28px; width: 70px; border-radius: 3px; border: 1px solid #9FD044; }
.mytable2 .mark { color: #666; background-color: #FFF; height: 28px; width: 70px; border-radius: 3px; border: 1px solid #D0D0D0; }
.mytable2 .rankInfo { color: #cc3300; font-weight: bold; }
.mytable { background: #eaeaea; }
.mytable tr th { background: #277BD5; color: #FFF; font-size: 14px; font-weight: normal; line-height: 30px; margin: 0px; padding: 0px; }
.mytable tr td { background: #FFF; padding-right: 5px; padding-left: 5px; font-size: 13px; height: 35px; line-height: 15px; }
.popupBox .popup .mytable tr td { height: 20px;padding:5px 0;text-align:center}
#pagination-flickr { overflow: hidden; padding: 15px; background-color: #FFF; margin-bottom: 10px; float: right; color: #333; width: 100%;box-sizing:border-box }
#pagination-flickr li { border: 0; font-size: 11px; list-style: none; /* savers */ float: left; cursor: pointer; font-family: Arial, Helvetica, sans-serif; margin: 0 2px; border-radius: 4px; }
#pagination-flickr .previous-off, #pagination-flickr .next-off { color: #666666; display: block; float: left; font-weight: bold; padding: 3px 4px; }

#pagination-flickr .active a { color: #FFFFFF; background: #277bd5; font-weight: bold; display: block; float: left; border: 1px solid #277bd5; }
#pagination-flickr .active a:hover { color: #FFFFFF; background-color: #418ADC; }
#pagination-flickr a:link, #pagination-flickr a:visited, #pagination-flickr a { display: block; float: left; padding: 0 11px; text-decoration: none; font-weight: bold; font-size: 14px; border: 1px solid #E3E3E3; line-height: 30px; font-family: Arial, Helvetica, sans-serif; border-radius: 4px; }
#pagination-flickr a:hover { background-color: #F3F3F3; color: #666; }
#menuList_left #left { float: left; background-repeat: repeat-x; background-position: left top; background-color: #FFF; width: 200px; }
#menuList_left #left .left { width: 200px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #f0f0f0; background-position: left bottom; background-repeat: no-repeat; }
#menuList_left #left .left ul li { background-image: url(../images/users/user_09.gif); background-repeat: no-repeat; line-height: 34px; height: 34px; color: #677C8F; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #D9E1E8; border-bottom-color: #D9E1E8; border-left-color: #D9E1E8; overflow: hidden; margin: 0px; border-top-style: none; background-position: left top; float: left; width: 190px; padding: 0px 0px 0px 8px; }
#menuList_left #left .left ul li.now { background-color: lightyellow; font-weight: bold; }
#menuList_left #left .left ul li img { float: left; margin-top: 5px; }
#menuList_left #left .left ul li a { font-size: 14px; /*font-family: "微软雅黑", "黑体", Arial;*/ width: 160px; display: block; float: right; }
#leftMenuTitle { background-image: url(../images/User/user_03.gif); background-repeat: no-repeat; height: 31px; }

#topMenu {background: #fff;width: 100%;margin: 0 auto; }
#top { clear: both; height: 66px; width: 1040px;margin: 0 auto; }
#top ul { float: right; padding-top: 5px; }
#top ul li { float: left; margin-right: 6px; margin-bottom: 5px; }
#top ul li a { display: block; height: 21px; width: 40px; text-align: center; line-height: 21px; background-image: url(../images/head/uj.gif); }
#top ul li a:hover { color: #e9410f; text-decoration: none; }
.logo { background-image: url(../images/head/logo.png); float: left; height: 66px; width: 200px; }
#toperAd {float: right;}
#nav { background: #51409d;width: 100%;position: relative; }
.snav { width: 1040px;margin: 0 auto;overflow: hidden;clear: both; }
.snav li { float: left; display: block; overflow: hidden;position: relative; }
.snav li a, .snav li a:visited { color: #dbd3ff;line-height: 46px; height: 46px; display: block; text-align: center; padding: 0 30px;  font-size: 15px; font-weight: 400; float: left; white-space: nowrap }
.snav li a.hover, .snav li a:hover, .snav li a.tag:hover { background-color: #443587;color: #dbd3ff;text-decoration: none;}
.snav li a.tag { color: #ffe202; }
#nav .nav_on a.hover, #nav .nav_on a:hover, #nav .nav_on a:link, #nav .nav_on a:visited { background-color: #7159dd;color: #fff;font-weight: bold; }
#nav p { display: block; clear: both; line-height: 28px; padding-left: 3px; color: #999; }
#nav p a { padding: 0 6px; }
#sd { background-image: none; }
#headAd { clear: both; margin: auto; width: 940px; padding: 0px 5px 5px 5px; background-color: White; text-align: center; }
#main { width: 950px; background-color: #FFF; clear: both; margin: 0px auto 0 auto; padding: 0 4px 10px 4px; }
.subMenu { background-color: #f6f9fc; padding: 14px 10px 10px; border: solid 1px #ccc; margin-top: -4px; border-radius: 4px; line-height: normal; font-size: 14px; display: none }
.subMenu a { padding: 0px 10px; border-right: solid 1px #ccc; }
.subMenu a:last-child { border-right: none; }

.popupWin .ok { background: #FFF; color: #333; width: 40%; border-radius: 4px; cursor: pointer; line-height: 40px; float: left; border: solid 1px #ccc; font-family: "微软雅黑"; font-size: 14px; text-align: center; margin-left: 7%; display: block; font-weight: bold; }
.popupWin .cancel { display: block; background: #FFF; color: #333; width: 40%; float: left; box-sizing: border-box; border-radius: 4px; cursor: pointer; line-height: 40px; border: solid 1px #ccc; font-family: "微软雅黑"; font-size: 14px; text-align: center; margin-left: 7%; font-weight: bold; }
.redTxt { color: #C31014; }
.t20 { font-size: 20px; font-weight: normal; }
.flinks { float: right; width: 900px; margin-top: 10px; }
.flinks li { overflow: hidden; margin-bottom: 8px; vertical-align: bottom; }
.flinks a { display: block; float: left; text-align: center; height: 14px; line-height: 14px; width: 99px; }
.flinks a + a { border-left: 1px dotted #999; }
.suggestDot { display: block; background: #f00; border-radius: 50%; width: 6px; height: 6px; top: 7px; right: -3px; position: absolute; }
.DownLoadQRcode { display: none; border: solid 1px #ccc; width: 230px; height: 230px; position: absolute; left: -255px; bottom: 20px; background-color: #fff; }
.DownLoadQRcode img { width: 100%; }
.DownLoadQRcode i { background: url(/images/r_icon.gif) no-repeat; width: 22px; height: 45px; position: absolute; right: -22px; bottom: 10px; }
#appDevice:hover .DownLoadQRcode { display: block }

.bfradio { overflow: hidden; }
.bfradio li { float: left; font-size: 12px; font-weight: normal; }
.bfradio li:last-child { margin-right: 0; }
.bfradio li a { text-align: center; display: block; float: left; padding: 0 12px; color: #333; border-left-width: 1px; border-left-style: solid; border-left-color: #eaeaea; }
.bfradio li .radio_on, .bfradio li .radio_on:hover, .bfradio li .selected, .bfradio li .selected:hover { color: #FFF; background-color: #277bd5; }

#embed-captcha { width: 200px; }
.show { display: block; }
.hide { display: none; }
#winRateBtn, #bonusRateBtn { position: relative; font-weight: 700; }
#winRateBtn i, #bonusRateBtn i { background-image: url(../Images/user/ud.png); background-repeat: no-repeat; height: 16px; width: 16px; display: inline-block; position: absolute; top: 10px; }
.loadingDiv { width: 100%; text-align: center; margin-top: 15px; font-size: 14px; }
.nodata { margin: 0 auto; background: url(/images/user/nodata.png) no-repeat center center; height: 110px;background-color:white;background-size: 273px 80px; }
.geetest_holder.geetest_wind { width:200px !important;min-width:200px !important; }
#bottom .authPic { color: #007FE4;padding:0px 10px; }
#bottom .line { padding:0px 10px;display: inline-block;position: relative;}
#bottom .line::after { content: ""; position: absolute; width: 1px; height: 12px; background: #999; right: 0; top: 6px; }
#loginBox{
	display:block;
	font-size: 12px;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eaeaea;
}
#loginBox .red,#loginBox  a.red {color: #c30;font-weight: normal;}
#loginBox a:link,#loginBox a:visited {color: #333;text-decoration: none;}
#loginBox  a:hover {color: #c30;text-decoration: underline;}
#loginBox .loginInfo{position:relative;z-index:2;margin-right:auto;margin-left:auto;width:62.5pc;height:33px;line-height:33px}
#loginBox .loginInfo .msgBox{position:relative;float:left;margin-top:8px;width:20px;height:14px;background:url(/images/head/msg_bg.gif) no-repeat left top}
#loginBox .loginInfo .msgBox i{position:absolute;top:-6px;right:-6px;z-index:2;display:block;width:1pc;height:9pt;border-radius:3px;background:#c30;color:#fff;text-align:center;font-style:normal;font-size:9pt;font-family:Arial,Helvetica,sans-serif;line-height:9pt}
#loginBox .loginInfo .msgBox_def{position:relative;float:left;overflow:hidden;margin-top:8px;width:20px;height:14px;background:url(/images/head/msg_bg.gif) no-repeat -20px top;line-height:14px}
#loginBox .loginInfo .userBox{position:relative;top:0;left:0;z-index:2;float:left;display:block;margin-right:10px;height:33px}
#loginBox .loginInfo .userBox .red a{display:inline;color:#c30}
#appBox:hover,#loginBox .loginInfo .userBox:hover{height:31px;background:#fff}
#appBox:hover .QRLink,#loginBox .loginInfo .userBox:hover .userName{background:url(/images/guess/red_i_hover.gif) no-repeat right center}
#loginBox .loginInfo .userBox:hover .userIcon{margin:0;padding:0;width:33px;height:33px;border-left:1px solid #ccc;background:url(/images/guess/user.png) no-repeat center center}
#loginBox .loginInfo .userBox:hover ul{display:block}
#loginBox .loginInfo .userBox .userIcon{float:left;display:block;margin-left:1px;width:33px;height:33px;background:url(/images/guess/user.png) no-repeat center center}
#appBox .QRLink,#loginBox .loginInfo .userBox .userName{float:left;display:block;padding-right:22px;padding-left:5px;background:url(/images/guess/red_i.gif) no-repeat right center;color:#c30}
#appBox .qrd{position:absolute;top:31px;right:19px;float:left;display:none;padding-top:10px;padding-bottom:10px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background:#fff;box-shadow:6px 6px 6px RGBA(3,3,3,.2)}
#loginBox .loginInfo .userBox ul{position:absolute;top:31px;left:0;float:left;display:none;padding-top:10px;padding-bottom:10px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background:#fff;box-shadow:6px 6px 6px RGBA(3,3,3,.2)}
#loginBox .loginInfo .userBox ul li{float:left;display:block;margin:0 10px;padding:0 5px;width:150px;height:auto;background:0 0;font-size:14px;line-height:28px}
#loginBox .loginInfo .userBox ul .home{padding-left:20px;width:135px;background:url(/images/guess/user_icon.gif) no-repeat 0 0px}
#loginBox .loginInfo .userBox ul .reCharge{padding-left:20px;width:135px;background:url(/images/guess/user_icon.gif) no-repeat 0 -28px}
#loginBox .loginInfo .userBox ul .myArtilce{padding-left:20px;width:135px;background:url(/images/guess/user_icon.gif) no-repeat 0 -56px}
#loginBox .loginInfo .userBox ul .exit{padding-left:20px;width:135px;background:url(/images/guess/user_icon.gif) no-repeat 0 -84px}
#loginBox .loginInfo .userBox ul li.line{overflow:hidden;margin-top:8px;margin-bottom:8px;height:1px;background:#ccc}
#loginBox .loginInfo .userBox ul li .green_btn{float:right;padding:2px 4px;height:auto;background:#2fad12;color:#fff;line-height:normal;cursor:pointer}
#loginBox .loginInfo .userBox ul li .green_btn:hover{background:#35ca15}
#loginBox .loginInfo .authorBtn{margin:6px 10px;padding:1px 8px;border-radius:2px;background-color:#199ed8;color:#fff}
#loginBox .loginInfo ul li{float:left;padding-right:5px;padding-left:8px;background:url(/images/head/link.gif) no-repeat left}
#loginBox .loginInfo ul li.fist{background:0 0}
#loginBox .loginInfo ul li.phone{padding-left:15px;background:url(/images/head/phoneIcon.gif) no-repeat left center}
#loginBox .loginInfo input{margin-top:5px;margin-right:10px;width:75pt;height:19px;border:1px solid #ccc;background:#ffc;line-height:19px}
#loginBox .loginInfo spana{float:left;display:block;padding-right:0;height:33px;line-height:33px}
#loginBox .loginInfo .loginBtn{width:46px;height:21px;border-style:none;background:url(/images/head/loginBtn.gif) no-repeat;cursor:pointer}
#loginBox .userIcon{position:relative;float:left;display:block;width:13px;height:33px;background:url(/images/guess/user.png) no-repeat center center}
#loginBox .userIcon .img{margin-top:3px;margin-left:4px;width:26px;height:26px;border-radius:26px}
#loginBox .userIcon .img,.userIcon .img.hot{overflow:hidden}
#loginBox .userIcon i{position:absolute;right:-8px;bottom:-10px;width:22px;height:22px;background:url(/images/guess/hotUser.png) no-repeat}
#loginBox .userIcon .img img{width:100%;height:auto}
.FL{float:left}
.FR{float:right}
#appBox{float:right;border-left:1px solid transparent}
#loginBox .loginInfo .userBox{float:left;border-left:1px solid transparent}
#appBox:hover{
	border-left: 1px solid #CCC;
}
#appBox .phone{float:left;margin-left:5px;width:1pc;height:33px;background:url(/images/head/phoneIcon.gif) no-repeat left center}
#appBox .qrd{box-sizing:content-box;padding:15px;width:90pt;color:#999;text-align:left;line-height:1pc}
#appBox:hover .qrd{display:block}

.menumove { position: absolute; visibility: visible; z-index: 1000; }
a:link, a:visited { text-decoration: none; }
.matchLists { margin-bottom: 8px; position: relative; }
.l_td { color: #FFF; padding-left: 5px; }
.h_main { clear: both; width: 1040px; margin: 10px auto 0 auto; position: relative; z-index: 1; min-height: 580px; }
.h_main .h_l_menu a, .h_main .h_l_menu a:visited { display: block; clear: both; height: 38px; line-height: 38px; color: #505050; font-size: 14px; font-family: "微软雅黑"; background-color: #FFF; float: left; width: 85px; }
.h_main .h_l_menu a:hover { color: #e9410f; text-decoration: none; }
.hi_left { float: left; width: 200px; height: auto; }
.hi_left h2 { line-height: 40px; color: #333; clear: both; height: 40px; /*width: 142px;*/ padding-left: 12px; font-size: 16px; font-weight: bold; font-family: "微软雅黑"; background-color: #FFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eaeaea; }
.h_l_menu { float: left; background-color: #FFF; clear: both; margin-bottom: 8px; padding-bottom: 8px; position: relative }
.h_l_menu li { float: left; margin-left: 15px }
.h_l_menu li:last-child a { border-bottom: 0 }
.h_l_menu .kson a, .h_l_menu .kson a:visited, .h_l_menu .kson a:hover { color: #e9410f; font-weight: bold; }
.h_main .r_tit_bt { font-size: 16px; font-weight: bold; color: #333; padding-left: 12px; clear: both; line-height: 40px; height: 40px; background-color: #FFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eaeaea; }
.h_main .r_tit_bt .filter { float: right; font-size: 12px; line-height: normal; height: 40px; line-height: 40px }
.h_main .r_tit_bt .filter select { margin-left: 10px; }
.h_main .r_tit_bt .filter .s_btn { margin: 0px; padding: 0px; height: 40px; width: 53px; background-color: #FFF; border-left-width: 1px; background-image: url(../Images/guess/search.png); border-left-style: solid; border-left-color: #eaeaea; background-repeat: no-repeat; background-position: center; }
.h_main .r_tit_bt .filter .s_input { line-height: 40px; height: 40px; margin: 0px; padding: 0px 15px; border-left-width: 1px; border-left-style: solid; border-left-color: #eaeaea; }
.h_main .r_tit_bt .filter select { border-style: none; padding: 1px; }
.h_main .r_tit_bt .filter input { vertical-align: middle; border-style: none; }
.h_main .r_tit_bt .msgIcon { float: left; font-weight: bold; background: url(../images/guess/msg.gif) no-repeat center center; height: 30px; width: 20px; margin-top: 5px; }
.hi_right { float: right; width: 830px; min-height: 680px; overflow: hidden }
a.game, a.game:hover { color: #FFF; }
.sm { clear: both; padding: 16px; line-height: 22px; margin-bottom: 10px; color: #4D4D4D; background-color: #FFF; }
.pk { float: left; display: block; padding-right: 10px; padding-left: 10px; font-size: 13px; line-height: 28px; height: 28px; }
.redTxt { color: #C31014; }
.desT { color: #828282 }
.h_tdf td { text-align: center; line-height: 28px; background: #FFF; }
.h_tdf .t13 { font-size: 14px; }
.t20 { font-size: 20px; font-weight: normal; }
.t18 { font-size: 18px; font-weight: normal; }
.h_tdf .teamName { float: left; margin-left: 10px; line-height: 30px; white-space: nowrap; height: 30px; width: 180px; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.h_tdf .guess_Btn { float: right; padding-right: 10px; padding-left: 10px; display: block; color: #fa241d; font-size: 12px; line-height: 28px; height: 28px; }
.h_tdf .guess_Btn.cannot { color: #999 }
.h_btn1:link, .h_btn1:visited { line-height: 18px; font-weight: bold; color: #3D2F29; text-align: center; display: block; float: right; padding: 0px 10px; height: 18px; margin-top: 4px; margin-bottom: 4px; margin-right: 0px; }
.h_tdf td.on { color: #FFF; background: #E76D00; cursor: pointer; }
.h_tdf td.on.winR { background-image: url(../Images/gou.png); background-size: 15px; background-repeat: no-repeat; background-position: 82px; }
.h_tdf td.on .guess_Btn { color: #FFF; }
.h_tdf td.on:hover { background: #FF800D; }
.h_tdf .h_tdtitle td { background: #F7F7F7; }
.h_tdf .hotGuess { width: 68px; background: #277bd5 url(../images/guess/read_i.gif) no-repeat 68px center; border-radius: 4px; display: block; color: #FFF; margin-right: auto; margin-bottom: 5px; margin-left: auto; cursor: pointer; padding-right: 12px; line-height: 22px; }
.h_tdf .hotGuess_off { width: 68px; background: #999999 url(../images/guess/read_i.gif) no-repeat 68px center; border-radius: 4px; display: block; color: #FFF; margin-right: auto; margin-bottom: 5px; margin-left: auto; cursor: pointer; padding-right: 12px; line-height: 22px; }
.h_tdf .hotGuess:hover { background: #3D88DC url(../images/guess/read_i.gif) no-repeat 68px center; }
.h_tdf .h_3 { background-color: #E4E4E4; height: 8px; overflow: hidden; }
.h_1 td { background-color: #FFF; }
.h_2 td { background-color: #F7F8FB; }
.h_tdf .hot { background: #FFF url(../images/guess/hot.gif) no-repeat right top; }
.h_main .h_data a, .h_main .h_data a:visited { color: #2C78B1; text-decoration: none; }
.languageBox { float: right; line-height: 26px; height: 26px; width: 85px; overflow: hidden; padding-top: 4px; cursor: pointer; margin-right: 2px; }
.rank { overflow: hidden; position: relative; color: #e9410f; }
.rss { display: block; background: #ff6600; color: #FFF; line-height: 33px; border-radius: 4px; cursor: pointer; text-align: center; float: left; margin-left: 20px; width: 80px; font-size: 14px }
.rss:hover { background: #FF771C; }
.rssed { display: block; background: #999999; color: #FFF; line-height: 33px; border-radius: 2px; cursor: pointer; text-align: center; float: left; margin-left: 20px; width: 80px; }
.rank .rrsSet { position: absolute; top: 12px; right: 15px; line-height: 30px; font-size: 14px; padding-right: 10px; padding-left: 10px; background-color: #FFF; border: 1px solid #DADADA; border-radius: 4px; }
.rank .rrsSet:hover { color: #C30; border: 1px solid #FF9F80; cursor: pointer; }
.rank .r_menu { height: 36px; border-left: 1px solid #CCC; width: 380px; display: block; margin: 9px auto 10px; border-radius: 2px; overflow: hidden; }
.rank .r_menu li { width: 94px; float: left; display: block; text-align: center; background: url(../images/guess/r_menu_bg.gif); line-height: 36px; font-size: 14px; height: 36px; cursor: pointer; border-right: 1px solid #CCC; }
.rank .r_menu li:hover { color: #C30; }
.rank .r_menu li.on { background: url(../images/guess/r_menu_on.gif) no-repeat; color: #FF0; font-weight: bold; }
.subTools { height: 36px; padding: 10px; line-height: 36px; background-color: #F8F8F8; }
.tabs { border-radius: 4px; overflow: hidden; border: 1px solid #E6E6E6; float: left; }
.tabs li { width: 94px; float: left; display: block; text-align: center; background: #fff; line-height: 32px; font-size: 14px; height: 32px; cursor: pointer; position: relative; }
.tabs li + li { border-left: solid 1px #E6E6E6; }
.tabs li i { position: absolute; right: 4px; top: 4px; width: 8px; height: 8px; background: #cc3300; color: #fff; border-radius: 10px; }
.tabs li:hover { color: #C30; }
.tabs li.on { color: #fff; background: #257bd7; font-weight: bold; }
.rank .rankList li { overflow: hidden; display: block; height: 60px; background-color: #FFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eaeaea; }
.rank .rankList li:hover { background-color: #F9F2EC; }
.rank .rankList li .c_data .name { float: left; width: 160px; font-weight: bold; }
.rank .rankList li .c_data .name span { color: #FFF; background-color: #e9410f; padding: 1px 8px; border-radius: 20px; }
.readBox { text-align: center; margin-top: 14px; margin-right: 25px; float: right; border-radius: 6px; }
.readBox .readBtnicon { float: right; width: 40px; background: url(../images/guess/r_i.png) no-repeat center center; height: 25px; line-height: 25px; cursor: pointer; }
.rankList .readBox .readBtn { line-height: 33px; border: 1px solid #eaeaea; position: relative; width: 85px; cursor: pointer; float: left; background-color: #F7F7F7; border-radius: 4px; }
.readBox .readBtn:hover { background: #FDF9DF; color: #C30; }
.readBox .readBtn i { background: #C30; color: #FFF; position: absolute; top: -8px; right: -8px; height: 20px; width: 20px; font-style: normal; border-radius: 10px; line-height: 20px; }
.rank .rankList li .c_data { float: left; margin-left: 10px; width: 510px; margin-top: 8px; position: relative; }
.rank .rankList li .c_data .p_txt { position: absolute; right: 0px; top: 10px; }
.rank .rankList li .c_data .p_txt .red { font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.rank .rankList li .c_data .userData { margin-top: 5px; color: #666; }

.rank .rankList li .userIcon { margin-left: 5px; height: auto; width: auto; margin-top: 8px; }
.rank .rankList li .userIcon .img { height: 43px; width: 43px; margin: 0px; padding: 0px; background: url(../images/guess/user_max.gif) no-repeat; }
.rank .rankList li .idx { width: 40px; display: block; float: left; line-height: 60px; font-weight: normal; text-align: center; font-size: 16px; color: #fff; height: 60px; margin-right: 5px; background-color: #68c1e9; font-family: Arial, Helvetica, sans-serif; }
.info { overflow: hidden; padding: 15px 20px; line-height: 24px; margin-bottom: 10px; font-size: 14px; background-color: #FFF; }
.info .helpItem { padding-bottom: 15px; padding-top: 15px; /*border-bottom: 1px dashed #DFDFDF;*/ }
.info .helpItem:last-child { border: none; }
.info .Q { font-weight: bold; font-size: 15px; font-family: "微软雅黑"; /*color: #666;*/ }
.info .A { /*color: #390;*/ font-size: 13px; text-indent: 2em; display: block; color: GrayText; font-family: "微软雅黑"; }
.popupGuessTD { border-right-style: none; display: block; line-height: normal; background: #e4e4e4; width: 100%; overflow: hidden; padding-top: 2px; padding-bottom: 2px; position: relative; }
.popupGuessTD .hide_btn { background: url(../Images/guess/hide_btn.jpg) no-repeat; height: 28px; width: 341px; margin-left: -170px; clear: both; position: absolute; left: 50%; bottom: 9px; cursor: pointer; }
.popupGuessTD .p_content ul li.mulit { height: 100%; position: relative; padding: 0px 0px 0 15px; }
.popupGuessTD .mulit .dataBox { float: right; }
.popupGuessTD .mulit .dataBox .item { border-bottom: solid 1px #eaeaea; overflow: hidden; border-left: solid 1px #eaeaea; position: relative }
.popupGuessTD .mulit .dataBox .item:last-child { border-bottom: none; }
.popupGuessTD .mulit .mulitBox { position: absolute; top: 50%; /*left:5px;*/ margin-top: -25px; }
.popupGuessTD .mulit .mulitBox .odds { float: left; }
.popupGuessTD .odds { float: right; width: 180px; }
.popupGuessTD .odds .odd { display: block; float: left; line-height: 40px; padding-left: 15px }
.popupGuessTD .p_top { background: url(../images/guess/pop_top.gif) no-repeat; height: 13px; }
.popupGuessTD .p_content { background: url(../images/guess/pop_top_centent.gif) repeat-y; width: 802px; padding-right: 10px; padding-left: 10px; }
.popupGuessTD .p_content ul li { display: block; padding: 7px 0 7px 15px; border-bottom: 1px solid #dfdfdf; overflow: hidden; height: auto; position: relative; }
.popupGuessTD .p_content ul li .ranktag { position: absolute; background-color: orangered; color: white; font-size: 11px; top: 40px; padding: 0px 2px 0px 2px; left: 10px; z-index: 99; border-radius: 5px; }
.popupGuessTD .p_content ul li .wintag { position: absolute; background-color: red; color: white; font-size: 11px; top: 0px; padding: 0px 8px 0px 8px; left: 350px; z-index: 99; border-radius: 5px; }
.popupGuessTD .p_content ul li .ranktag2 { position: absolute; background-color: orangered; color: white; font-size: 11px; top: 50px; padding: 0px 2px 0px 2px; left: 10px; z-index: 99; border-radius: 5px; }
.popupGuessTD .p_content ul li .wintag2 { position: absolute; background-color: red; color: white; font-size: 11px; top: 10px; padding: 0px 8px 0px 8px; left: 350px; z-index: 99; border-radius: 5px; }

.popupGuessTD .p_content ul li:last-child { border-bottom: none; }
.popupGuessTD .p_content ul li .userIcon { height: 30px; width: 30px; margin-right: 10px; margin-top: 4px; }
.popupGuessTD .p_content ul li .userIcon .img { height: 35px; width: 35px; margin: 0px; padding: 0px; }
.popupGuessTD .p_content ul li .c_data { float: left; width: 280px; line-height: normal; margin-top: 2px; margin-left: 6px }
.popupGuessTD .p_content ul li .c_data .name { font-weight: bold; float: left; width: 100px; }
.popupGuessTD .p_content ul li .readBox { float: right; width: 100px; text-align: center; margin: 10px 10px 0 0; }
.popupGuessTD .p_content ul li .readBox .readBtn { background: url(../images/guess/readBtn.gif) no-repeat; color: #FFF; padding-top: 3px; padding-bottom: 3px; border-radius: 4px; cursor: pointer; }
.popupGuessTD .p_content ul li .readBox i { background: url(/images/hotGuess.png) no-repeat; position: absolute; right: 1px; top: 0; width: 29px; height: 27px; border-radius: 0px; }
.popupGuessTD .p_content ul li .readBox .focus { background: url(/images/guess/FocusGuess.png); width: 22px; height: 21px; }
.popupGuessTD .p_bottom { background: url(../images/guess/pop_top_bottom.gif) no-repeat; height: 13px; margin: 0px 0px 25px; }
.h_bf { cursor: pointer; }
#returnTop { width: 40px; bottom: 100px; }
#returnTop .top { height: 40px; width: 40px; display: block; float: left; cursor: pointer; background: url(../images/guess/top_help_icon.jpg) no-repeat 0px 0px; margin-bottom: -1px }
#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; margin-bottom: -1px }
#returnTop .help { height: 40px; width: 40px; display: block; float: left; cursor: pointer; background: url(../images/guess/top_help_icon.jpg) no-repeat 0px -40px; margin-bottom: -1px }
#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; margin-bottom: -1px }
#returnTop .app { height: 40px; width: 40px; display: block; float: left; cursor: pointer; background: url(../images/guess/top_help_icon.jpg) no-repeat 0px -80px; margin-bottom: -1px }
#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; margin-bottom: -1px }
#returnTop .FB { height: 40px; width: 40px; display: block; float: left; cursor: pointer; background: url(../images/guess/top_help_icon.jpg) no-repeat 0px -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; }
.rank .rankheader { height: 30px; border-top-width: 1px; border-top-style: solid; border-top-color: #eaeaea; color: #999; background-color: #FFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eaeaea; }
.rank .rankheader li { float: left; line-height: 30px; font-size: 13px; }

/*个人主页*/
#left { width: 745px; background-color: #FFF; border: 1px solid #eaeaea; }
#n_right { float: right; width: 288px; }
.newsMenu { line-height: 40px; font-size: 14px; overflow: hidden; border-bottom: 1px solid #eaeaea; }
.newsMenu .leftBox, .newsMenu .leftBox li { float: left; }
.newsMenu a.now { color: #e9410f; font-weight: 400; border-bottom: 2px solid #e9410f; }
.newsMenu .leftBox a { padding: 0 16px; display: block; float: left; font-size: 15px; font-weight: 400; }
.cont { }
.right_d { border: 1px solid #eaeaea; margin-bottom: 10px; background-color: #FFF; }
.ta_div { text-align: center; padding: 10px; background-color: #FFF; }
.ta_div img { border-radius: 50%; height: 60px; width: 60px; }
.ta_div .ta_name { font-size: 16px; line-height: 30px; font-weight: 600; margin-bottom: 5px; }
.ta_div .ta_info { color: #666; text-align: center; line-height: 22px; padding: 0 5px 0 5px; }
.ta_div .ta_info2 { padding: 10px 0; color: #666; }
.ta_div .ta_btn { color: #F60; display: inline-block; height: 26px; width: 70px; border: 1px solid #F60; line-height: 26px; margin: 0 5px 5px 5px; border-radius: 20px; }
.right_d h2, .right_d h2 a { color: #333; }
.right_d h2 { padding: 0 10px; color: #333; font-weight: 700; font-size: 16px; line-height: 35px; background-color: #FFF; font-weight: 600; color: #333; border-bottom: 1px solid #eaeaea; }
.xl td { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eaeaea; line-height: 32px; text-align: center; font-size: 14px; color: #666 }
.xl td b { font-weight: normal; color: #E93A3A; }

.h_tdf { }
.jisd { margin-bottom: 8px; box-shadow: 2px 2px 8px rgba(236,236,236,0.8); -webkit-box-shadow: 1px 1px 2px #e4e4e4; }
.h_tdtitle { color: #999 }
#IsGuess { margin-right: 3px; }
.gglist { }
.gglist li { line-height: 36px }
.u_record { float: left; padding-top: 10px }
.prolist { background-color: #FFF; float: left; clear: both; width: 100% }
.prolist li { clear: both; border-bottom: 1px solid #eaeaea; position: relative; padding: 10px; height: 42px }
.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; }
.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: 10px; bottom: 10px; color: #666; }
.prolist li .z5 span { color: #e9410f; }
.channeldesc { color: #666; font-size: 12px; line-height: 20px; padding: 0 10px 10px 10px;text-align:center }

.desc { color: #fff; background: linear-gradient(90deg,#F1AC58,#F39D43); border-radius: 10px; padding: 0 8px; line-height: 18px; font-size: 11px; }
.m_hot { color: #fff; background: linear-gradient(90deg,#78BEF9,#5DACF8); border-radius: 10px; padding: 0 8px; line-height: 18px; font-size: 11px; }

.w4pxkuang{display:table; width:100%;}
.n_wz{width:478px;background:#fff;clear:both;padding:15px 30px;}
.n_tswz{line-height:30px;clear:both;font-size:14px;color:#555;}
.n_ts{width:14px;height:14px;display:inline-block;background:url(../images/tall.png) no-repeat -1px -2px;}
.n_tswrong{width:14px;height:14px;display:inline-block;background:url(../images/tall.png) no-repeat -45px -2px; }

.n_ts_jt{width:12px;height:12px;display:inline-block;background:url(../images/tall.png) no-repeat -30px -5px;*background:url(../images/tall.png) no-repeat -30px -8px;_background-position:-30px -5px;}
.tdrightr10{padding-right:10px;text-align:right;}
.n_table{font-size:14px;}
.n_table_c12{font-size:12px;}
.n_table_c16{font-size:16px;font-family:Arial,Helvetica,sans-serif;}
.n_24{line-height:24px;}
.n_table a:link,.n_table a:visited{text-decoration:none;}
.n_table a:hover{color:#ff6600;text-decoration:underline;}
.n_input{border:1px solid #C1C1C1;height:30px;line-height:30px;font-size:16px;font-family:Arial,Helvetica,sans-serif;}
.n_tschar{margin-top:4px;padding:12px 20px;border:2px solid #D3D3D3;line-height:20px;clear:both;color:#7C7C7C;background: none repeat scroll 0 0 #F9F9F9;}
.ztbt01g{height:22px;display:inline-block;background:#EEEDE9;line-height:22px;text-align:center;width:100px;margin:0 auto;border:1px solid #B6B6B6;font-size:12px;}
a.ztbt01g:link{color:#555;text-decoration:none;}
a.ztbt01g:hover{color:#ff6600;text-decoration:none;}
.n_nextbt{color:#fff;text-decoration:none;height:31px;display:inline-block;line-height:31px;text-align:center;width:89px;font-size:14px;background:url(../images/tall.png) no-repeat 0 -57px;font-size:14px;font-weight:bold;}
a.n_nextbt:link,a.n_nextbt:visited{color:#fff;text-decoration:none;}
a.n_nextbt:hover{cursor:pointer;height:31px;color:#F6DE12;display:inline-block;line-height:31px;text-align:center;width:89px;font-size:14px;background:url(../images/tall.png) no-repeat 0 -25px;}


.n_title{ height:45px; background:#F9F9F9; border-bottom:1px solid #D9D9D9 ; width:100%;}
.n_title_char{ line-height:38px; font-size:18px; font-family:  "STHei","Microsoft YaHei","WenQuanYi Micro Hei"; padding-left:12px; float:left;}
.n_title_cha{padding:13px 12px 0 0; float:right;}
.n_cha{height:13px;display:block;width:14px;background:url(../images/tall.png) no-repeat -100px -3px; cursor:pointer;}
a.n_cha:link,a.n_cha:visited{height:13px;display:block;width:14px;background:url(../images/tall.png) no-repeat -100px -3px; cursor:pointer;}
a.n_cha:hover{height:13px;display:block;width:14px;background:url(../images/tall.png) no-repeat -114px -3px;cursor:pointer;}
.n_okts{ width:130px; height:25px; background:url(../images/tall.png) no-repeat 0 -130px; color:#333;padding:8px 0 0 13px; float:left; display:inline-block; font-size:12px;}
.n_nookts{width:130px; height:25px; background:url(../images/tall.png) no-repeat 0 -93px;  color:#DD3424; padding:8px 0 0 13px; display:inline-block;font-size:12px; float:left; }
/* 20140225 */
.loginreg_wz{width:478px;background:#fff;clear:both;padding:45px 30px;}

.loginusericon{background:url(../images/loginwindows1.png) 0 -89px;display:block;width:20px;height:20px;float:right;}
.loginpassicon{background:url(../images/loginwindows1.png) 0 -116px;display:block;width:20px;height:20px;float:right;}
.logintbt{height:40px;width:206px;background:url(../images/loginwindows1.png) 0 -193px;display:block;margin:8px 10px 0 0;cursor:pointer;}
.tlogininput{border-left:2px solid #BFBFBF;border-top:2px solid #BFBFBF;border-right:1px solid #CACACA;border-bottom:1px solid #CACACA;background:#FAFAFA;height:32px;width:198px;line-height:32px;color:#A0A7A9;padding-left:5px;font-size:14px;}
.tdr8px{padding-right:8px;text-align:right;color:#4F5253;font-size:14px;}

.n_loginbt{color:#fff;height:31px;display:inline-block;line-height:31px;text-align:center;width:119px;font-size:14px;background:url(../images/loginwindows1.png) no-repeat 0 -153px;font-size:14px;font-weight:bold;}
a.n_loginbt:link,a.n_loginbt:visited{color:#fff;text-decoration:none;}
a.n_loginbt:hover{cursor:pointer;height:31px;color:#F6DE12;display:inline-block;line-height:31px;text-align:center;width:119px;font-size:14px;background:url(../images/loginwindows1.png) no-repeat 0 -185px;}

.n_regbt{height:31px;display:inline-block;line-height:31px;text-align:center;width:119px;font-size:14px;background:url(../images/loginwindows1.png) no-repeat -122px -153px;font-size:14px;font-weight:bold;}
a.n_regbt:link,a.n_regbt:visited{color:#67696E;text-decoration:none;}
a.n_regbt:hover{height:31px;color:#555;display:inline-block;line-height:31px;text-align:center;width:119px;font-size:14px;background:url(../images/loginwindows1.png) no-repeat -122px -185px;}

a.tloginlink,a.tloginlink:visited{color:#1B89BC;text-decoration:none;font-size:12px;}
a.tloginlink:hover{color:#FF6600;text-decoration:underline;font-size:12px;}

.n_ok_icon{width:32px;height:32px;display:inline-block;background:url(../images/loginwindows1.png) no-repeat 0px -226px;float:left;}
.n_nook_icon{width:32px;height:32px;display:inline-block;background:url(../images/loginwindows1.png) no-repeat -42px -226px;float:left;}

.n_lc_tschar{float:left;font-size:16px;color:#555;display:inline-block;line-height:32px;padding-left:15px;}

body {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑";
    color: #333;
    font-size: 12px;
    background-color: #e9ecf1;
}

.clear { clear: both; }
.DownLoadQRcode {
    display: none;
}
.list_notice {
    width: 1016px;
    height: 18px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    background-color: #fff;
    display: block;
    position: relative;
    vertical-align: middle;
    padding: 10px 12px;
    margin-bottom: 12px;
}
.notice_part {
    position: relative;
    display: inline-block;
    width: 473px;
    height: 18px;
    margin-right: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line_fenge {
    width: 2px;
    height: 18px;
    position: relative;
    display: inline-block;
    margin-right: 20px;
}
.notice_part2 {
    position: relative;
    display: inline-block;
    width: 480px;
    height: 18px;
    margin-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list_notice {
    width: 1016px;
    height: 18px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    background-color: #fff;
    display: block;
    position: relative;
    vertical-align: middle;
    padding: 10px 12px;
    margin-bottom: 12px;
}
.banner_cat {
    width: 1040px;
    margin: 0px;
    position: relative;
    margin-bottom: 12px;
    margin-top: 6px;
}

.po_left {
    width: 70%;
    float: left;
    position: relative;
}
.po_right {
    float: right;
    width: 29%;
}

.h_main {
    width: 1040px;
    margin: 6px auto 0 auto;
}
.dv_regular {
    padding:8px;
}
.po_tool .po_tabs a.on:hover {
    font-weight: bold;
    color: rgb(40, 133, 209);
}

.po_tool .po_tabs a {
    line-height: 44px;
    display: block;
    float: left;
    cursor: pointer;
    color: rgb(153, 153, 153);
    font-size: 16px;
    position: relative;
    padding: 0px 15px;
    border-radius: 4px;
}
.po_tool {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px;
    margin-bottom: 0px;
    background: rgb(255, 255, 255);
    padding: 0px 10px;
    border-bottom: 1px solid rgb(239, 239, 239);
    border-radius: 0px;
    position: relative;
    margin-bottom: 12px;
}
.po_tool .po_tabs a.on, .po_tool .po_tabs a.on:hover {
    font-weight: bold;
    color: #f75241;
}

.po_tool a:hover{
    font-weight: bold;
    color: #f75241;
}


#mainContent {
    
}
.rematch {
    float: left;
    width: calc(100% - 8px);
    color: #141414;
    padding: 8px 0px 8px 8px;
    margin: 0px;
    border-radius: 4px;
    cursor: pointer;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--bg-secondary, #F4F4F4) 0%, rgba(244, 244, 244, 0.00) 100%);
    margin-bottom: 6px;
    position: relative;
}

.rematch:last-child{
    margin-bottom: 0px;
}

.rematch:hover{
     background: linear-gradient(90deg, var(--bg-secondary, #F4F4F4) 50%, rgba(244, 244, 244, 0.00) 100%);
}

.rematch .m_count {
    background-color: #E0E0E0;
    cursor: pointer;
    color: #141414;
    font-weight: normal;
    font-style: normal;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    margin-right: 4px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    
}
    .rematch .m_rb {
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
        color:#2196F3;
        margin-right:8px;
    }
    .rematch .m_cs {
        margin-right: 4px;
    }
    .rematch .m_tm {
        margin-right: 4px;
    }


    .rematch2 {
    float: left;
    width: calc(100% - 8px);
    color: #141414;
    padding: 8px 0px 8px 8px;
    margin: 0px;
    border-radius: 4px;
    cursor: pointer;
    border-radius: 4px;
    background: linear-gradient(90deg, var(--bg-secondary, #F4F4F4) 0%, rgba(244, 244, 244, 0.00) 100%);
    margin-top: 12px;
    position: relative;
}

.rematch2:last-child{
    margin-bottom: 0px;
}

.rematch2:hover{
     background: linear-gradient(90deg, var(--bg-secondary, #F4F4F4) 50%, rgba(244, 244, 244, 0.00) 100%);
}

.rematch2 .m_count {
    background-color: #E0E0E0;
    cursor: pointer;
    color: #141414;
    font-weight: normal;
    font-style: normal;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 16px;
    margin-right: 4px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    
}
    .rematch2 .m_rb {
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
        color:#2196F3;
        margin-right:8px;
    }
    .rematch2 .m_cs {
        margin-right: 4px;
    }
    .rematch2 .m_tm {
        margin-right: 4px;
    }


   .team-text{
    font-size: 14px;
    font-weight: 500;
    margin-left: 6px;
   } 

.recom {
    border-bottom: 1px solid #f5f5f5;
    padding: 16px 16px 10px;
    position: relative;
    margin-bottom: 6px;
    border-radius: 6px;
    background: #fff;
}



.recom:last-child {border: none;}
.recom.exten {border-color: #f9f1dd;position: relative;background: linear-gradient(-90deg,transparent,#fff9ec);}
.exten .saleicon {background: url(/images/plan/Weiqiu/sale.png) no-repeat left top;height: 48px;width: 48px;left: 0;top: 0;display: block;position: absolute;border-radius: 5px;z-index: 899;}
.recom .icon {background: #F3F3F3;width: 50px;height: 50px;text-align: center;margin-right: 10px;border-radius: 50%;position: relative;float: left;}
.recom .icon>a {height: 50px; width: 50px;border-radius: 50%;overflow: hidden;display: block;}
.icon .headpic {width: 100%;height: auto;}
.icon-18{
    width: 18px;
    height: 18px;
    margin-right: 6px;
    vertical-align: -4px;
}
.zj_l {
    float:left;
}
.zj_l .userinfo {
    display: inline;
    line-height:50px;
    font-size: 16px;
    font-weight: 500;
}
.zj_r {
    float: right;
    width: 70px;
    background-color: #FFFFFF;
    border: 1px #f75241 solid;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    border-radius: 4px;
    line-height: 26px;
    text-align: center;
    margin:4px;
}

.zj_j_u {
    width: 100%;
    color: #f75241;
    background-color: #FFF5F7;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
    line-height: 18px;
    padding: 3px 0px;
    font-weight: 600;
    text-align: center;
}
.zj_j_d {
        width: 100%;
    background-color: #f75241;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 14px;
    padding: 3px 0px 2px 0px;
}


.border{
    clear: both;
    width: 100%;
    height: 1px;
    background: #EAEAEA;
    margin:12px 0;
}

/*.box {
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 8%);
}
.box {
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 10px;
    width: auto;
}
.box .title {border-bottom: solid 1px #f5f5f5;font-size: 18px;font-weight: bold;height: 40px;line-height: 40px;padding: 0 12px 0 22px;margin: 0;position: relative;}
.box .title::before {content: "";position: absolute;top: 14px;left: 12px;width: 3px;height: 14px;background: #ccc;border-radius: 5px;}
.box .info {
    background: #FFF;
}*/
.userBox {
    line-height: 48px;
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    padding: 0px 46px;
}
.fbill {
    
}
.sp_btn {
           width: 180px;
    background-color: #E9410F;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    border-radius: 2px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    margin: 10px 0;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    font-size: 14px;
    
}

.sp_btn2{
    width: 116px;
    background-color: #E9410F;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    border-radius: 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    margin: 8px 0px;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    font-size: 14px;
    float: right;
    margin-right: 20px;
}

.sp_btn2:hover{
    background-color: #dd3d0d;
    cursor: pointer;
}


.sp_btn:hover{
    background-color: #dd3d0d;
    cursor: pointer;
}

.icon-qishu{
        width: 4px;
    height: auto;
    margin: 0px 1px;
    vertical-align: -1.5px;
}

.text-qishu{
    color: #3E3276;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin-right: 6px;
}


/* hot match star */

.matchBox {
    overflow: hidden;
    border-bottom: 1px solid #f5f5f5
}

.hotMatchNews .info {
    overflow: hidden;
    background-color: #fffff1;
}

.matchLine {
    width: 100%;
    height: 1px;
    background: #efefef;
}

.matchBox a {
    color: #333;
}

.matchBox .team {
    display: block;
    margin: 12px 0 0 0;
    text-align: center;
    color: #333;
}

    .matchBox .team > span {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        font-weight: 600;
    }

.matchBox .icon {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    overflow: hidden;
    margin: 0 auto;
}

.matchBox .gameName {
    width: 218px;
    padding: 5px 10px;
    color: #666;
}

    .matchBox .gameName.sn {
        line-height: normal;
    }

.matchBox .icon img {
    width: 100%;
    height: 100%;
}

.matchBox a > div {
    width: 33.3%;
    float: left;
    overflow: hidden;
}

.matchBox .home {
}

.matchBox .vs {
    height: 76px;
    width: 33%
}

    .matchBox .vs .rows {
        width: 100%;
        text-align: center;
        color: #666;
    }

    .matchBox .vs > div {
        display: inline-block;
        vertical-align: middle;
        width: 99%;
    }

    .matchBox .vs::before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .matchBox .vs .gameName {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        border-radius: 4px;
    }

.matchBox .guest {
}

/* hot match end */


.pub {
    overflow: hidden;
    border-bottom: solid 1px #f5f5f5;
    padding: 12px;
    display: table;
}
.pub:hover {
    background: #FFF8E8;
    transition: all 0.2s linear;
}

.pub > * {
    display: table-cell;
    vertical-align: middle;
}

.pub:last-child {
    border: none;
}

.pub .icon {
    width: 40px;
    font-size: 0;
    overflow: hidden;
    float: left;
}

.pub .icon img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
    .pub .pubData .name a {
        font-weight: bold;
        height: 22px;
        line-height: 22px;
        font-size: 14px;
    }
    .pub .pubData .fdesc {
        color: #999;
        white-space: normal;
        width: 100%;
        word-break: break-all;
        align-items: center;
        margin-top: 2px;
        padding: 0;
    }
a:link, a:visited {
    text-decoration: none !important;
    color: #333333;
}

a:hover{
    text-decoration: none !important;
}



.p_right_d {
    
    margin-bottom: 10px;
    background-color: #FFF;
}

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

.p_right_d .classbs {
    background: #f7f7f7;
    border-bottom: 1px solid #eaeaea;
    margin: 0 auto;
}

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

.p_right_d .classbs a:hover{
    text-decoration: none;
}

.p_right_d .classbs a.on {
    font-weight: bold;
    color: #51409d;
    border-bottom: 2px solid #51409d;
}



#liveScore li .guest, #liveScore li .home {
    float: left;
    width: 95px;
    height: 68px;
}

#liveScore li .r_info {
    height: 45px;
    text-align: center
}

#liveScore li .name {
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    width: 95px;
    overflow: hidden;
    white-space: nowrap;
}

#liveScore li .state {
    width: 90px;
    text-align: center;
    line-height: 22px
}
div, form, h1, h2, h3, h4, img, input, p, span, textarea {
    margin: 0;
    padding: 0;
    font-weight: 400
}
#liveScore li .state2 {
    width: 90px;
    text-align: center;
    line-height: 22px;
}

#liveScore li {
    clear: both;
    margin-bottom: 1px;
    padding: 10px;
    height: 70px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
    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 .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
}


.r_prolist {
    clear: both;
    width: 100%
}

.r_prolist li {
    clear: both;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    padding: 8px 15px 8px 15px;
    height: 40px
}

.r_prolist li:hover {
    background-color: #F9F2EC;
}

.r_prolist li .z1 {
    float: left;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    overflow: hidden;
}

.r_prolist li .z2 {
    margin-left: 48px;
    margin-top: 2px;
    font-weight: 600;
    font-size: 14px;
}

.r_prolist li .z3 {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #FFF;
    background-color: #e9410f;
    padding: 1px 8px;
    border-radius: 20px;
}

.r_prolist li .z4 {
    margin-left: 48px;
    margin-top: 6px;
    color: #e9410f;
}

.r_prolist li .z5 {
    position: absolute;
    right: 15px;
    bottom: 10px;
    color: #666;
}

.r_prolist li .z5 span {
    color: #e9410f;
}

/**热门作者**/
.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
}

.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;
    }
.proman li {
    border-bottom: 1px solid #EAEAEA;
    clear: both;
}

.proman li:hover {
    background-color: #F5F5F5;
}
    .proman li .cmmo {
        display: block;
    padding: 12px 10px 12px 0;
    vertical-align: top;
    position: relative;
    }
.hotmlist {
    overflow: hidden;
}
.tj_expert2 {
    float: left;
    display: flex;
}


.tj_avatar2 {
    padding-top: 3px;
}
    .tj_avatar2 img {
        border-radius: 50%;
        height: 40px;
        width: 40px;
        margin: 0 8px 0 10px;
    }
.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;
}
.lw2 {
    line-height: 22px;
    height: 44px;
}
.tj_expert_name {
    font-size: 14px;
    font-weight: bold;
}
.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;
}
.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;
}
.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 .pt1 {
        background-color: rgba(0, 0, 0, 0.05);
        padding: 0 6px;
        color: #999;
    }

    .proman-team span {
        float: left;
        display: inline-block;
        text-align: center;
    }
    .proman-team .pt2 {
        width: 35%;
    }
    .proman-team .pt3 {
        width: 26px;
        color: #2C78B1;
    }
#newsExperter .zhanji, #newsExperter .Rident, #newsExperter .Rident_long, #newsExperter .m_hot, #newsExperter .league, #newsExperter .continuous, #guessExperter .m_hot, #guessExperter .zhanji {
    padding: 0 8px;
}
.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;
}

#liveScore li .p_info {
    height: 45px;
    text-align: center;
}
.rematch .isWin,.rematch2 .isWin {
    height: 36px;
    width: 36px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url(/images/plan/icon-red.svg);
    background-repeat: no-repeat;
    background-size: cover;

}

.rematch .isLose,.rematch2 .isLose{
    height: 36px;
    width: 36px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url(/images/plan/icon-black.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.rematch .isDraw, .rematch2 .isDraw {
    height: 36px;
    width: 36px;
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url(/images/plan/icon-blue.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.isWin-big {
    height: 60px;
    width: 60px;
    position: absolute;
    left: -10px;
    top: -50px;
    background-image: url(/images/plan/icon-red2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99;

}
.isDraw-big {
    height: 60px;
    width: 60px;
    position: absolute;
    left: -10px;
    top: -50px;
    background-image: url(/images/plan/icon-blue.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99;
}
.isLose-big {
    height: 60px;
    width: 60px;
    position: absolute;
    left: -10px;
    top: -50px;
    background-image: url(/images/plan/icon-black2.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99;
}




.red-btn{
    position: absolute;
    right: 0;
    height: 50px;
    background-color: #f75241;
}

.redText{color: #F44336 !important;}


.greenText{color: #0FAD47 !important;}

.blueText{color: #2196F3 !important;}




.top-part{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
}

.user-left{
    display: flex;
    align-items: center;
}

.top-part img{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 8px;
}

.left {
    float: left;
}

.follow-btn{
width: 80px;
height: 28px;
justify-content: center;
align-items: center;
border-radius: 100px;
border: 1px solid #E9410F;
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: #e9410f;
display: flex;

}

.follow-btn:hover{cursor: pointer;}

.follow-btn.gray{
    border: 1px solid #ccc;
    color: #ccc;
}


.followed-btn{
    
    width: 80px;
height: 28px;
justify-content: center;
align-items: center;
border-radius: 100px;
border: 1px solid #ccc;
    color: #ccc;
font-size: 14px;
line-height: 18px;
font-weight: 500;

display: flex;
}

.record-part{
    display: flex;
    flex-direction: column;
}

.record-part a{
    margin-bottom: 6px;
}

.record-label{
    display: flex;
    gap: 6px;
}




/*前瞻-战绩标签*/
/*近X中X*/
.zhanji {
    display: inline-block;
    color: #fff;
    background: linear-gradient(90deg,#F1AC58,#F39D43);
    border-radius: 10px;
    padding: 0 8px 0 0 !important;
    line-height: 18px;
    font-size: 11px;
}

.zhanji2 {
    display: inline-block;
    color: #fff;
    background: linear-gradient(90deg,#F1AC58,#F39D43);
    border-radius: 10px;
    padding: 0 8px !important;
    line-height: 18px;
    font-size: 11px;
}

/*近X中X*/
.zhanji i {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #F1AC58 url('/images/plan/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 !important;
    line-height: 18px;
    font-size: 11px;
}

.Rident2 {
    display: inline-block;
    color: #fff;
    background: linear-gradient(90deg,#F99F6D,#FF7557);
    border-radius: 10px;
    padding: 0 8px !important;
    line-height: 18px;
    font-size: 11px;
}


/*最长连红*/
.Rident i {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50%;
    background: #F99F6D url('/images/plan/label-Rident.svg') center center !important;
    border: 1px solid #ffddb4 !important;
    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 !important;
    line-height: 18px;
    font-size: 11px;
}

/*人气榜*/
.m_hot i {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #78BEF9 url('/images/plan/label-hot.svg') center center;
    border: 1px solid #caeeff;
    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 !important;
    line-height: 18px;
    font-size: 11px;
}

.continuous2 {
    display: inline-block;
    color: #fff;
    background: linear-gradient(90deg,#ff745b,#ff583a);
    border-radius: 10px;
    padding: 0 8px !important;
    line-height: 18px;
    font-size: 11px;
}


/*连胜*/
.continuous i {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50%;
    background: #ff745b url('/images/plan/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 !important;
}

.zhanji + .zhanji, .zhanji + .fans, .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: 2px;
}

.zhanji[data-wid],.continuous[data-wid] {
    cursor: pointer
}

.title-h1{
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 12px;
    position: relative;
}

.title-h2{
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}


.title-h3{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 6px;
color: #333;}



.title-h4{
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin:16px 0 10px;}




.qishu2{
    color: #3E3276;
    margin-left: -10px;
    font-weight: 500;
}

.stats-fabu{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.stats-fabu .label{
    display: flex;
    gap: 6px;
}

.stats-fabu .time{
    color: #999;
}

.label-session{
    display: flex;
padding: 5px 8px;
justify-content: center;
align-items: center;
border-radius: 4px;
border: 1px solid var(--design-red, #F44336);
color: #F44336;
line-height: 14px;
}

.label-type{
    display: flex;
padding: 5px 8px;
justify-content: center;
align-items: center;
border-radius: 4px;
border: 1px solid var(--design-blue, #2196F3);
color: #2196F3;
line-height: 14px;
}

.user-s{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 4px;
}

.user-avatar-img{
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    padding: 0 !important;
}

.user-avatar{
    display: flex;
    gap: 6px;
    font-size: 12px;
    font-weight: 500;
    color: #141414;
    align-items: center;
}

.m_tm{
    color: #999;
}

.yellow2{
    color: #FFFB17;
}

.yellow3{
    font-size: 18px;
    font-weight: 600;
    color: #FFFB17;
}

.qiubi-icon{
    width: 32px;
    height: 32px;

}

.pri_content {
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 1.75em;
    word-wrap: break-word;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 0.5px solid #e9e9e9;
}

.res_content{
    margin: 30px 0px 20px;
    position: relative;
}

.label-choose{
    border-radius: 5px 0;
    background: linear-gradient(90deg, #FFAC47 0%, #FF9000 92.5%);
    display: flex;
    padding: 2px 6px;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    position: absolute;
    line-height: 16px;
    top: 0;
    left: 0;
}

.icon-tick-red{
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url(/images/plan/tick-red.svg);
    background-repeat: no-repeat;
    background-size: cover;
    right: 6px;
    top: 6px;
}

.icon-tick-white{
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url(/images/plan/tick.svg);
    background-repeat: no-repeat;
    background-size: cover;
    right: 6px;
    top: 6px;
}


/*用户*/

.table-content{
    display: flex;
    align-items: center;
    background: #fff;
    height: 220px;
}

.rate-record{
    display: flex;
    flex-wrap: wrap;
    width: 200px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px 6px;
    padding-right: 10px;
}


.mainCard{
    margin-top: 8px;
    background: #fff;
}

.list-item {
    display: flex;
    font-size: 16px;
    line-height: 20px;
    color: #141414;
    gap: 8px;
    padding: 12px 16px;
    background-color: #F9F9F9;
    align-items: center;
    font-weight: 500;
    border-bottom: 1px solid #EAEAEA;
}

.list-item span{
    width: 4px;
height: 16px;
border-radius: 100px;
background: #51409D;
}

.record-list{
    padding: 16px;
    border-bottom: 1px solid #EAEAEA;
    display: flex;
    flex-direction: column;
    min-height: 33px;
    justify-content: center;
    
}

.record-list:last-child{
    border-bottom:none ;
}


/*---左边的更多精品文章---*/
.moretext {
    margin-top: 10px;
    border: solid 1px #eaeaea;
    background-color: #fff;
}

.moretext h2 {
    padding: 0 10px;
    color: #333;
    font-weight: 700;
    font-size: 16px;
    line-height: 35px;
    background-color: #FFF;
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #eaeaea;
}

.moretextul {
}

.moretextul li {
    margin: 0 auto;
    padding-left: 10px;
    color: #333;
    line-height: 22px;
    padding: 16px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
}

.moretextul li .icon {
    background: #F3F3F3;
    width: 46px;
    height: 46px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    float: left;
}

.moretextul li .icon .headpic {
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.moretextul li .title {
    float: left;
    margin-left: 14px;
    width: 76%;
    font-size: 14px;
}

.moretextul li .title a {
    color: #277bd5;
    font-size: 14px;
    font-weight: 600;
    margin-right: 4px;
}

.moretextul li .title .time {
    color: #999;
    font-size: 12px;
    margin-left: 4px;
}

.moretextul li .texttit {
    color: #999;
    font-size: 12px;
    margin-top: 3px;
}

.pay-btn {
    background: #edebf9;
    color: #51409d;
    border: 1px solid #d4d1eb;
    box-shadow: 0px 1px 1px rgba(90, 22, 255, 0.1);
    text-align: center;
    padding: 2px 0 0;
    width: 13%;
    font-size: 14px;
    font-weight: bold;
    height: 44px;
    border-radius: 4px;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    position: absolute;
    cursor: pointer;
    overflow: hidden;
}

.pay-btn .paycou {
    background: #fff;
    color: #999;
    font-weight: normal;
    line-height: 21px;
    text-align: center;
    padding-bottom: 1px;
    font-size: 12px;
    position: static;
}

.paycou span {
    color: #f14545;
    margin: 0 2px;
    font-weight: 600;
}

.top-analysis{
    margin-bottom: 12px;

}

.rank-card{
    padding: 10px;
    display: flex;
    background-color: #fff;
    gap: 10px;
    flex-direction: column;
    border-bottom: 1px solid #EAEAEA;
}

.rank-card:last-child{
    border-bottom: none;
}

.border2{
 
align-self: stretch;
border: 0.8px dashed #EAEAEA;
}

.avatar-left{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.avatar40{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.zhanji-name{
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 18px;
    color: #141414;
    font-weight: 500;
    gap: 4px;
}


.zhanji3{
    display: flex;
    gap: 4px;
    font-size: 12px;
    line-height: 14px;
}

.avatar-left-top{
    display: flex;
    gap: 8px;
    align-items: center;
}
.zj-n1{
    color: #FFF;
   background: linear-gradient(90deg, #F1AC58, #F39D43);
    padding: 2px 8px;
    border-radius: 20px;
}



.zj-n2{
    color: #FFF;
    background-color: #e9410f;
    padding: 2px 8px;
    border-radius: 20px;
}

.hdc-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-chakan{
padding: 4px 20px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 3px;
background: #F44336;
color: #fff;
}

.btn-chakan:hover{
background: #dd3d0d;
cursor: pointer;
}

.reText{
    margin-top: 12px;
    color: #515151;
    font-size: 14px;
    line-height: 22px;
}

.dv_regular{
    padding: 16px;
    background-color: #fff;
    font-size: 14px;
    line-height: 22px;
    color: #515151;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.dv-h1{
    display: flex;
    font-size: 16px;
    line-height: 20px;
    color: #141414;
    align-items: center;
    gap: 8px;
}

.dv-h1 span{
    width: 4px;
    height: 16px;
    border-radius: 100px;
    background-color: #E9410F;
}

.no-data{
        padding: 16px;
    background-color: #fff;
    font-size: 14px;
    line-height: 22px;
    color: #515151;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    text-align: center;
    height: 200px;
    align-items: center;
    justify-content: center;
}

.hi_left {
    float: left;
    width: 200px !important;
}

.userDataBox .left{
    float: none !important;
}


.notice_icon {
    vertical-align: -2px;
    margin-right: 2px;
    width: 14px;
    height: 14px;
}

.po_tabs{
    position: relative;
}

.red-dot{
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f75241;
    top: 6px;
    right: 6px;
}

.rematch .m_cs {
    margin-right: 4px;
    font-size: 13px !important;
}


.isWei-big {
    height: 60px;
    width: 60px;
    position: absolute;
    left: -10px;
    top: -50px;
    background-image: url(/images/plan/icon-wei.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 99;
}


.title-h1New {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #E9E7F3;
    background: #FBFBFF;
    display: flex;
    padding: 20px 5px 20px 5px;
    align-items: center;
}

.label-session2 {
    display: flex;
    padding: 5px 8px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--design-red, #F44336);
    color: #F44336;
    line-height: 14px;
    font-size: 12px;
    margin-right: 6px;
}

.title-h2.gray{
    color: #808080;
}

.text-onsale{
        font-size: 13px;
    
    display: inline-block;
    text-align: right;
   
    position: absolute;
    height: 22.5px;
    line-height: 22.5px;
    right: 10px;
    color: #2196F3;
}


.label-zj {
    display: flex;
    justify-content: flex-end;
}

.adbox img{
    width: 1040px;
}

.msg{
    text-align: center;
    color: #acacac;
}