/* 未能缩小。正在返回未缩小的内容。 (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 (876,109): run-time error CSS1046: Expect comma, found '253' (876,116): run-time error CSS1046: Expect comma, found ')' (876,130): run-time error CSS1046: Expect comma, found '253' (876,138): run-time error CSS1046: Expect comma, found '/' (877,36): run-time error CSS1046: Expect comma, found '162' (877,44): run-time error CSS1046: Expect comma, found '/' (888,120): run-time error CSS1046: Expect comma, found '162' (888,128): run-time error CSS1046: Expect comma, found '/' (1127,131): run-time error CSS1046: Expect comma, found '66' (1127,137): run-time error CSS1046: Expect comma, found '/' (1133,83): run-time error CSS1046: Expect comma, found '174' (1133,90): run-time error CSS1046: Expect comma, found '/' (1134,89): run-time error CSS1046: Expect comma, found '121' (1134,97): run-time error CSS1046: Expect comma, found '/' (1346,121): run-time error CSS1046: Expect comma, found '162' (1346,129): run-time error CSS1046: Expect comma, found '/' (1581,125): run-time error CSS1046: Expect comma, found '162' (1581,133): run-time error CSS1046: Expect comma, found '/' (1764,36): run-time error CSS1046: Expect comma, found '0' (1764,40): run-time error CSS1046: Expect comma, found '/' (1999,49): run-time error CSS1046: Expect comma, found '255' (1999,57): run-time error CSS1046: Expect comma, found '/' (2012,49): run-time error CSS1046: Expect comma, found '255' (2012,57): run-time error CSS1046: Expect comma, found '/' (2192,36): run-time error CSS1046: Expect comma, found '162' (2192,44): run-time error CSS1046: Expect comma, found '/' (2284,40): run-time error CSS1046: Expect comma, found '255' (2284,48): run-time error CSS1046: Expect comma, found '/' (2319,39): run-time error CSS1046: Expect comma, found '180' (2319,47): run-time error CSS1046: Expect comma, found '/' (2552,297): run-time error CSS1054: JavaScript error in expression property: Variable 'documentElement' has not been declared: documentElement (2552,393): run-time error CSS1054: JavaScript error in expression property: Variable 'documentElement' has not been declared: documentElement */ 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; } /* ======================================== PC 竞彩指数展开区域 ======================================== */ .xg_cont { padding: 0 !important; background: #f7f8fa !important; } .select-odds { width: 100%; padding: 16px 20px 20px; background: #fff; box-sizing: border-box; } /* ======================================== 竞彩指数标题 ======================================== */ .select-odds .odds-name { height: 42px; display: flex; align-items: center; padding: 0 14px; margin-bottom: 8px; border-radius: 6px; background: #f7f8fa; color: #222; font-size: 15px; font-weight: 600; box-sizing: border-box; } /* ======================================== 每一个玩法模块 ======================================== */ .select-odds .guessBox { position: relative; display: flex; align-items: flex-start; width: 100%; min-height: 60px; padding: 16px 0; margin: 0; border-bottom: 1px solid #eeeeee; box-sizing: border-box; } .select-odds .guessBox:last-child { border-bottom: 0; } /* ======================================== 左侧玩法标题 主玩法 / 进球数 / 半全场 / 比分 ======================================== */ .select-odds .title-type { width: 74px; min-width: 74px; margin-right: 16px; padding-top: 7px; color: #666; font-size: 13px; line-height: 20px; font-weight: 600; box-sizing: border-box; } /* ======================================== 主玩法 ======================================== */ .select-odds .chbtn { flex: 1; display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; box-sizing: border-box; } .select-odds .chbtn[data-type="2"] { margin-left: 90px; } /* ======================================== 让球值 0 / -1 ======================================== */ .select-odds .chbtn .pk-style { width: 44px; min-width: 44px; height: 36px; display: flex; align-items: center; justify-content: center; padding: 0; border: 1px solid #e5e7eb; border-radius: 5px; background: #f5f6f8; color: #555; font-size: 13px; line-height: 36px; box-sizing: border-box; } /* ======================================== 主玩法赔率按钮 ======================================== */ .select-odds .chbtn li.state1 { position: relative; width: 120px; min-width: 120px; height: 36px; display: flex; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid #dfe2e7; border-radius: 5px; background: #fff; color: #333; font-size: 13px; line-height: 34px; text-align: center; white-space: nowrap; box-sizing: border-box; cursor: pointer; transition: border-color .18s ease,background-color .18s ease,color .18s ease; } .select-odds .chbtn li.state1:hover { border-color: #ff8b82; background: #fff6f5; color: #e94237; } .select-odds .chbtn li.state1.on { border-color: #f04438 !important; background: #fff1ef !important; color: #e6382e !important; font-weight: 600; } /* 主推、次推选中状态 */ .select-odds .chbtn li.state1.on.zhu, .select-odds .chbtn li.state1.on.ci { position: relative; border-color: #f04438 !important; background: #fff4f2 !important; color: #e6382e !important; font-weight: 600; } /* 主推文字 */ .select-odds .chbtn li.state1.on.zhu::after { content: "主推"; } /* 次推文字 */ .select-odds .chbtn li.state1.on.ci::after { content: "次推"; } /* 主推 / 次推公共标签样式 */ .select-odds .chbtn li.state1.on.zhu::after, .select-odds .chbtn li.state1.on.ci::after { position: absolute; top: -1px; right: -1px; width: 36px; height: 16px; display: flex; align-items: center; justify-content: center; border-radius: 0 5px 0 6px; background: #f04438; color: #fff; font-size: 12px; line-height: 16px; font-weight: 500; box-sizing: border-box; } /* ======================================== 进球数 / 半全场 / 比分 ======================================== */ .select-odds .bfItem { flex: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 8px; margin: 0; padding: 0; list-style: none; box-sizing: border-box; } /* ======================================== 普通赔率按钮 ======================================== */ .select-odds .bfItem li.state1 { position: relative; height: 36px; display: flex; align-items: center; justify-content: center; padding: 0 8px; border: 1px solid #dfe2e7; border-radius: 5px; background: #fff; color: #333; font-size: 13px; line-height: 34px; text-align: center; white-space: nowrap; box-sizing: border-box; cursor: pointer; transition: border-color .18s ease,background-color .18s ease,color .18s ease; } /* ======================================== 进球数 8个一排 ======================================== */ .select-odds .bfItem[data-type="3"] li.state1 { flex: 0 0 calc((100% - 56px) / 8); max-width: calc((100% - 56px) / 8); } /* ======================================== 半全场 6个一排 ======================================== */ .select-odds .bfItem[data-type="4"] li.state1 { flex: 0 0 calc((100% - 40px) / 6); max-width: calc((100% - 40px) / 6); } /* ======================================== 比分 7个一排 ======================================== */ .select-odds .bfItem[data-type="5"] li.state1 { flex: 0 0 calc((100% - 48px) / 7); max-width: calc((100% - 48px) / 7); } /* ======================================== 普通赔率 hover ======================================== */ .select-odds .bfItem li.state1:hover { border-color: #ff8b82; background: #fff6f5; color: #e94237; } /* ======================================== 普通赔率选中 ======================================== */ /* 选中状态 */ .select-odds .bfItem li.state1.on { position: relative; overflow: hidden; border-color: #f04438 !important; background: #fff1ef !important; color: #e6382e !important; font-weight: 600; } /* 右上角红色三角 */ .select-odds .bfItem li.state1.on::before { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 22px solid #f04438; border-left: 22px solid transparent; pointer-events: none; } /* 三角里面的白色勾 */ .select-odds .bfItem li.state1.on::after { content: "✓"; position: absolute; top: 1px; right: 2px; color: #fff; font-size: 10px; font-weight: 600; line-height: 12px; pointer-events: none; } /* ======================================== 比分空白占位 ======================================== */ .select-odds .bfItem li.emp { visibility: hidden; pointer-events: none; } /* ======================================== 细节优化 ======================================== */ .select-odds ul { list-style: none; } .select-odds li.state1:active { transform: scale(.98); } .select-odds .guessBox:last-child { padding-bottom: 10px; } /* ======================================== PC较窄屏幕兼容 ======================================== */ @media screen and (max-width: 1200px) { .select-odds { padding-left: 16px; padding-right: 16px; } .select-odds .title-type { width: 64px; min-width: 64px; margin-right: 12px; } .select-odds .chbtn[data-type="2"] { margin-left: 76px; } .select-odds .chbtn li.state1 { width: 110px; min-width: 110px; } .select-odds .bfItem li.state1 { font-size: 12px; } } .odds-confirm-box { width: 100%; display: flex; justify-content: center; align-items: center; padding: 14px 0 10px; box-sizing: border-box; } .odds-confirm-btn { width: 220px; height: 36px; border: 0; border-radius: 6px; background: #f04438; color: #fff; font-size: 14px; cursor: pointer; } .odds-confirm-btn:hover { background: #e63b30; } /* ======================================== 篮球玩法 ======================================== */ .guessBox.basketball-box { position: relative; } /* ======================================== 篮球前三个玩法 ======================================== */ .basketball-box .chbtn { flex: 1; display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; box-sizing: border-box; } /* 第二、第三排没有 title-type 补出“主玩法”的位置 */ .basketball-box .chbtn[data-type="2"],.basketball-box .chbtn[data-type="3"] { margin-left: 90px; } /* ======================================== 篮球左侧类型 胜负 / 让分 / 大小分 ======================================== */ .basketball-box .chbtn .pk-style { width: 72px; min-width: 72px; height: 36px; display: flex; align-items: center; justify-content: center; padding: 0 8px; border: 1px solid #e5e7eb; border-radius: 5px; background: #f5f6f8; color: #555; font-size: 13px; line-height: 18px; text-align: center; white-space: nowrap; box-sizing: border-box; } /* ======================================== 篮球主玩法按钮 ======================================== */ .basketball-box .chbtn li.state1 { position: relative; width: 130px; min-width: 130px; height: 36px; display: flex; align-items: center; justify-content: center; padding: 0 10px; border: 1px solid #dfe2e7; border-radius: 5px; background: #fff; color: #333; font-size: 13px; line-height: 34px; text-align: center; white-space: nowrap; box-sizing: border-box; cursor: pointer; transition: border-color .18s ease,background-color .18s ease,color .18s ease; } /* hover */ .basketball-box .chbtn li.state1:hover { border-color: #ff8b82; background: #fff6f5; color: #e94237; } /* 选中 */ .basketball-box .chbtn li.state1.on { border-color: #f04438 !important; background: #fff4f2 !important; color: #e6382e !important; font-weight: 600; } /* ======================================== 篮球胜分差 ======================================== */ .basketball-box .score-chbtn { flex: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 8px; margin: 0; padding: 0; list-style: none; box-sizing: border-box; } /* 胜分差 6个一排 */ .basketball-box .score-chbtn li.state1 { position: relative; flex: 0 0 calc((100% - 40px) / 6); max-width: calc((100% - 40px) / 6); height: 36px; display: flex; align-items: center; justify-content: center; padding: 0 6px; border: 1px solid #dfe2e7; border-radius: 5px; background: #fff; color: #333; font-size: 13px; line-height: 34px; text-align: center; white-space: nowrap; box-sizing: border-box; cursor: pointer; transition: border-color .18s ease,background-color .18s ease,color .18s ease; } /* hover */ .basketball-box .score-chbtn li.state1:hover { border-color: #ff8b82; background: #fff6f5; color: #e94237; } /* 选中 */ .basketball-box .score-chbtn li.state1.on { border-color: #f04438 !important; background: #fff4f2 !important; color: #e6382e !important; font-weight: 600; } /* ======================================== 篮球选中 - 右上角勾选 ======================================== */ .basketball-box li.state1.on { position: relative; overflow: hidden; } /* 右上角红色三角 */ .basketball-box li.state1.on::before { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-top: 22px solid #f04438; border-left: 22px solid transparent; pointer-events: none; } /* 白色勾 */ .basketball-box li.state1.on::after { content: "✓"; position: absolute; top: 1px; right: 2px; color: #fff; font-size: 10px; font-weight: 600; line-height: 12px; pointer-events: none; } #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; } .prolist li .z6 { position: absolute; right: 15px; top: 10px; color: #666; } .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; } .desc2 { color: #fff; background: linear-gradient(90deg,#e9410f,#e9410f); 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;} a{text-decoration:none;} a:hover{cursor:pointer;} *{padding:0;margin:0;} body{background:#f4f4f4;} .green{color:#019d26;} .vip-head{position:relative;height:308px;overflow:hidden;} /* 背景图片 */ .vip-head-bg{position:absolute;top:0;left:50%;width:1920px;height:308px;transform:translateX(-50%);background-image:url('/Images/VIP/newvipbg.png');background-repeat:no-repeat;background-position:center top;background-size:1920px 308px;} .vip-head-inner{position:relative;width:1080px;height:100%;margin:0 auto;} @media screen and (min-width:1930px){.vip-head-bg{width:2560px;height:308px;background-image:url('/Images/VIP/newvipbg_2560.png');background-size:2560px 308px;}} .vip-info{position:absolute;top:22px;left:0;z-index:2;width:720px;padding-left:0px;} .vip-logo{display:block;width:auto;height:52px;object-fit:contain;} .vip-desc{width:520px;margin-top:10px;color:rgba(255,255,255,.92);font-size:16px;line-height:1.75;font-weight:400;} .vip-tools{position:absolute;top:20px;right:32px;z-index:3;display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;box-sizing:border-box;background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.65);border-radius:10px;box-shadow:0 6px 18px rgba(165,22,31,.12);backdrop-filter:blur(10px);} .vip-tool{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:4px;background:transparent;cursor:pointer;transition:background-color .2s ease,transform .2s ease;} .vip-tool img{display:block;width:24px;height:24px;object-fit:contain;transition:transform .2s ease,opacity .2s ease;} .vip-tool:hover{background:rgba(237,43,55,.1);transform:translateY(-1px);} .vip-tool:hover img{transform:scale(1.08);} .vip-tool:active{transform:scale(.96);} .vip-tool:focus-visible{outline:2px solid rgba(237,43,55,.45);outline-offset:1px;} .r-line{width:1px;height:20px;background:rgba(0,0,0,.08);} .vip-content{position:relative;z-index:2;width:1080px;margin:-60px auto 0;} .profile-member-top{width:calc(100% - 88px);height:46px;display:flex;align-items:center;justify-content:space-between;background:url(/Images/VIP/vip-exp-bg.png) no-repeat top center;background-size:100% 78px;padding:16px 54px 16px 34px;} .profile-member-logo{width:auto;height:24px;} .profile-member-info{display:flex;} .profile-member-title{font-size:18px;font-weight:400;margin-left:20px;} .profile-member-btn{border-radius:8px;background:linear-gradient(180deg,#F9645D 0%,#F92626 100%);width:170px;height:46px;font-size:16px;line-height:46px;font-weight:500;position:relative;color:#fff !important;overflow:hidden;flex-shrink:0;transition:all 0.2s ease;text-align:center;} /* 鼠标悬浮效果 */ .profile-member-btn:hover{background:linear-gradient(270deg,#e84846 0%,#e8433b 100%);box-shadow:0 6px 24px 0 rgba(254,90,53,0.15);transform:translateY(-1px);cursor:pointer;} /* 流光扫光伪元素 */ .profile-member-btn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,255,255,.28),rgba(255,255,255,.08),transparent);transform:skewX(-25deg);animation:lightMove 3s linear infinite;} /* 流光移动动画 */ @keyframes lightMove{0%{left:-60%;}100%{left:120%;}} .vip-rights { position: relative; width: 1080px; height: 364px; margin: 14px auto 0; overflow: visible; box-sizing: border-box; border: 1px solid #FFF; border-radius: 10px; background: url(/Images/VIP/vip-rights-bg.png) no-repeat center bottom, linear-gradient(180deg, rgb(254 253 254) 0%, rgb(255 253 249 / 85%) 100%); box-shadow: 0 0 20px 0 rgb(162 162 162 / 10%); } .vip-rights-title{display:block;margin:24px auto 0;height:20px;width:auto;} .vip-rights-list{padding:40px 40px 0;box-sizing:border-box;font-size:0;} .vip-rights-item{display:inline-block;width:16.6666%;margin-bottom:36px;vertical-align:top;text-align:center;font-size:16px;} .vip-rights-item img{display:block;width:54px;height:54px;margin:0 auto;} .vip-rights-item span{display:block;margin-top:12px;color:#262626;font-size:16px;line-height:22px;font-weight:500;} .vip-rights-item:hover img{transform:translateY(-3px);transition:.2s;} .vip-rights-item:hover span{color:#ED2B37;transition:.2s;} /*免费解锁*/ .unlock-card{border:1px solid #ffffff;border-radius:10px;overflow:hidden;margin-top:20px;box-shadow:0 0 20px 0 rgb(162 162 162 / 10%);flex:1;width:1078px;margin:20px auto 0;position:relative;transition:all 0.22s ease;cursor:pointer;} .vip-content .unlock-card:hover {transform:translateY(-3px);box-shadow:0 8px 26px 0 rgba(162,162,162,0.18);} .vip-content .unlock-card:active {transform:translateY(0);box-shadow:0 3px 12px 0 rgba(162,162,162,0.12);} .unlock-header{padding:14px 16px 22px;background:linear-gradient(178deg,#FEF8F7 1.7%,#FEF9F7 90.25%);display:flex;align-items:center;justify-content:space-between;} .header-tip{color:#777;font-size:14px;line-height:18px;font-weight:400;display:flex;align-items:center;} .header-tip2{flex-direction: column; display: flex;color:#777;font-size:14px;line-height:18px;font-weight:400;align-items: flex-end;} .header-tip span { color: #fc4645; margin: 0 1px; } .header-tip2 span { color: #fc4645; margin: 0 1px; } span.header-tip a{color:#777 !important;} .header-left{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:bold;} .header-left img{width:24px;} .main-content.second{padding:20px 0px;display:flex;flex-direction:column;gap:12px;align-items:center;} .main-content.third{padding:0px;display:flex;flex-direction:column;gap:12px;align-items:center;} /* ========================= 内容区域 ========================= */ .main-content,.main-content2{position:relative;padding:24px 0 0;margin-top:-10px;overflow:hidden;background:#fff;border-radius:10px 10px 0 0;box-sizing:border-box;z-index:1;} .main-content2 { padding-bottom: 24px; display: flex; gap: 20px; } /* ========================= 单条赛事 ========================= */ .match-list{position:relative;margin-bottom:20px;} .match-list-title{position:relative;font-size:14px;background:#fafafa;border-radius:6px;margin:0 14px;padding:8px 12px;} .match-mid-box{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 18px;padding:10px 0 20px;border-bottom:none;box-sizing:border-box;cursor:pointer;border-bottom:0.5px solid #40404008;margin-top:10px;} /* ========================= 分割线 正常、模糊状态都显示 最后一条不显示 单条列表不显示 ========================= */ .main-content > .match-list:not(:last-child) .match-mid-box::after, .main-content2 > .match-list:not(:last-child) .match-mid-box::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:rgba(64,64,64,0.21); transform:scaleY(0.5); transform-origin:bottom; z-index:8; pointer-events:none; } /* ========================= 模糊状态 ========================= */ .main-content.blur, .main-content2.blur{ overflow:hidden; } .main-content.blur > .match-list, .main-content2.blur > .match-list{ position:relative; } /* ========================= 需要模糊的内容 info-box 完全保持清晰 ========================= */ /* 比分 VS 等内容轻度模糊 */ .main-content.blur .score-part, .main-content2.blur .score-part{ position:relative; z-index:1; filter:blur(1.8px); opacity:0.65; pointer-events:none; user-select:none; } /* 赔率区域若隐若现 */ .main-content.blur .odds-box, .main-content2.blur .odds-box{ position:relative; z-index:1; filter:blur(2px); opacity:0.55; pointer-events:none; user-select:none; } /* 结果区域若隐若现 */ .main-content.blur .result, .main-content2.blur .result{ position:relative; z-index:1; filter:blur(2px); opacity:0.5; pointer-events:none; user-select:none; } .main-content.blur .data-compare, .main-content2.blur .data-compare{ position:relative; z-index:1; filter:blur(2px); opacity:0.55; pointer-events:none; user-select:none; } /* ========================= 柔和白色渐变遮罩 比原来更透明，可以看到下面内容 ========================= */ .main-content.blur > .match-list::before, .main-content2.blur > .match-list::before{ content:""; position:absolute; inset:0; z-index:2; background: linear-gradient( to bottom, rgba(255,255,255,0.02) 0px, rgba(255,255,255,0.08) 30px, rgba(255,255,255,0.20) 65px, rgba(255,255,255,0.58) 105px, rgba(255,255,255,0.92) 100% ); pointer-events:none; } /* 第一条适配顶部圆角 */ .main-content.blur > .match-list:first-child::before, .main-content2.blur > .match-list:first-child::before{ border-radius:10px 10px 0 0; } /* ========================= 标题保持清晰 ========================= */ .main-content.blur > .match-list > .match-list-title, .main-content2.blur > .match-list > .match-list-title{ position:relative; z-index:5; filter:none; opacity:1; pointer-events:auto; user-select:auto; } /* ========================= 球队信息 info-box 完全清晰 必须高于渐变遮罩 ========================= */ .main-content.blur .info-box, .main-content2.blur .info-box{ position:relative; z-index:5; filter:none; opacity:1; pointer-events:auto; user-select:auto; } /* ========================= 分割线处于遮罩上方 ========================= */ .main-content.blur > .match-list:not(:last-child) .match-mid-box::after, .main-content2.blur > .match-list:not(:last-child) .match-mid-box::after{ z-index:8; } /* ========================= 鼠标状态 ========================= */ .match-mid-box:hover{cursor:pointer;} .user-grid { display: flex; padding: 0px 8px; font-size: 12px; line-height: 14px; color: #141414; gap: 32px; overflow: hidden; justify-content: flex-start; } .user-item { display: flex;flex-direction: column;align-items: center;gap: 4px;min-width: 0;padding: 0 1px;position: relative;cursor: pointer;width: -webkit-fill-available;width: 160px;background: #fefaf7;padding: 12px 0 16px 0;border-radius: 10px;border: 1px solid #fef1e5;transition: all 0.2s ease;/* 关键：上下预留空间，上浮不会被裁 */margin-top: 4px;margin-bottom: 4px; } .user-item:hover {background: #fff3ec;border-color: #fdc9b0;box-shadow: 0 2px 6px rgba(237, 55, 56, 0.15);transform: translateY(-2px); } .user-item:active {transform: translateY(0);box-shadow: 0 1px 2px rgba(237, 55, 56, 0.08); } .usernew-box{ padding-left: 24px; display: flex; flex-direction: column; gap: 12px;width: 750px;} .avatar-container{position:relative;} .red-dot{position:absolute;top:0;right:-6px;width:16px;height:16px;background-color:#ef2f27;border-radius:50%;color:#fff;font-weight:400;font-size:13px;line-height:12px;display:flex;align-items:center;justify-content:center;} .user-grid .avatar{width:50px;height:50px;display:block;margin:0;border-radius:50%;object-fit:cover;flex-shrink:0;} .user-nametext{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:14px;margin:4px 0px 0px;line-height:18px;} .win-label{background:#fef8f8;color:#ff3030;font-size:12px;line-height:normal;padding:1.5px 10px;border-radius:20px;border:1px solid #ffadad;display:flex;font-weight:500;justify-content:center;align-items:center;flex-shrink:0;margin-top:2px;} .match-list-gmm{margin-bottom:20px;position:relative;border-bottom:10px solid #f4f4f4;padding-bottom:0px;} .match-list:last-child .match-mid-box{border-bottom:none;padding-bottom:0;} .info-box-left{display:flex;align-items:center;} .info-box{display:flex;flex-direction:column;padding-left:2px;gap:8px;} .team-icon-box{display:flex;align-items:center;justify-content:center;width:34px;height:34px;} .info-box img{width:auto;height:auto;max-height:30px;max-width:30px;} .teambox-left,.teambox-right{display:flex;align-items:center;gap:10px;font-weight:500;min-width:30px;justify-content:center;} .hometeam,.guestteam{min-width:280px;font-size:16px;} .score-text{font-size:18px;color:#c5c5c5;width:20px;text-align:center;line-height:30px;} .have-score{display:flex;gap:4px;flex-direction:column;font-size:16px;color:#e54939;} /*环形图*/ .rate-wrap { display: flex; justify-content: flex-end; margin: 0px; gap: 10px; } .rate-item { display: flex; justify-content: center; align-items: center; gap: 8px; flex-direction: column; } .rate-side{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;} .rate-tag{font-weight:500;border-radius:4px;font-size:16px;padding:2px 6px;display:flex;align-items:center;justify-content:center;} .rate-tag.red{color:#F44336;background:#FFF2F2;} .rate-tag.blue{color:#1976D2;background:#EEF6FF;} .rate-num{font-size:14px;font-weight:500;line-height:1.2;} .rate-num.red{color:#F44336;} .rate-num.blue{color:#1976D2;} /************************* 环形图 *************************/ .rate-circle{width:80px;height:80px;position:relative;flex-shrink:0;contain:layout paint;} .rate-circle svg{width:80px;height:80px;display:block;transform:rotate(-90deg);} .ring-blue,.ring-red,.ring-gray{fill:none;stroke-width:14;stroke-linecap:butt;shape-rendering:geometricPrecision;} .ring-blue{stroke:#1677FF;} .ring-red{stroke:#F44336;} .ring-gray{stroke:#CECECE;} .circle-text{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);font-size:14px;font-weight:400;color:#666;line-height:1;white-space:nowrap;} /*结果*/ .result { padding: 8px 14px 8px 16px; display: flex; gap: 6px; align-items: center; border-radius: 8px; border: 1px solid rgb(253 66 65 / 16%); background: #FFF2F2; color: #F44336; min-width: 250px; justify-content: flex-start; margin-left: auto; margin: 0 8px 0 20px; font-size: 14px; font-weight: 600; } .main-content.second .result{margin:0;} .first-result{margin-top:10px;} .result b{margin:0 2px;} .result.odds{justify-content: center;} .result:last-of-type{margin-bottom:0;} .result.green{background:#f6fdf8;color:#019d26 !important;border:1px solid rgb(90 174 17 / 45%);} .result.blue { background: #EEF6FF; color: #1976D2 !important; border: 1px solid rgb(42 121 255 / 28%); } .result img{width:16px;} .value{font-weight:500;} span.value{margin-left:2px;} .up-odd{display:flex;gap:6px;margin-right:6px;} .odds-box{margin:0 0 0 54px;display:flex;flex-direction:column;gap:4px;font-size:15px;} .odds-box span{width:31px;text-align:center;background:#f4f4f4;line-height:20px;text-align:center;min-width:30px;padding:2px 8px;border-radius:5px;display:inline-block;} .odds-box span:first-child{margin-left:6px;} .odds-row{display:flex;gap:6px;} /*新比赛列表*/ .ai-game-card{position:relative;display:flex;align-items:center;padding:16px 16px 16px 20px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.05);margin:0 18px 20px;border:1px solid #ebebeb4f;height:86px;} .game-line{position:absolute;left:0;width:4px;height:64px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#fe4b43,#fe514e);} /* 信息区域 */ .game-info{min-width:200px;margin-right:4px;} .game-meta{display:flex;align-items:center;} .game-time,.game-league{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;} .game-divider{width:1px;height:12px;background:#E8E8E8;margin:0 10px;} /* 战绩标签 */ .game-record{display:flex;gap:10px;margin-top:12px;} .game-tag{display:flex;align-items:center;justify-content:center;height:22px;padding:0 13px;border-radius:100px;font-size:13px;font-weight:500;} .game-tag-hit{color:#fff;background:linear-gradient(270deg,#FD9D30 0%,#F8AF05 100%);} .game-tag-red{color:#fff;background:linear-gradient(270deg,#FF2700 0%,#FF803C 100%);} /* 球队区域 */ .game-team-wrap{display:flex;align-items:center;justify-content:center;padding:8px 0px;margin-right:4px;border-right:1px solid #EFEFEF;} .game-team-wrap:hover{background:#f5f5f5;border-radius:100px;cursor:pointer;} .home-team{display:flex;align-items:center;text-align:right;font-size:16px;line-height:36px;gap:12px;width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-content:flex-end;} .home-team span{font-weight:bold;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;} .away-team{display:flex;align-items:center;text-align:left;font-size:16px;font-weight:bold;line-height:36px;gap:12px;width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .away-team span{font-weight:bold;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;} span.black{color:#333 !important;} /* VS */ .game-vs{position:relative;width:90px;display:flex;align-items:center;justify-content:center;margin:0 8px;} .game-vs span{font-size:18px;font-weight:600;color:#767676;} /* AI推荐 */ .game-ai-wrap{display:flex;justify-content:space-between;padding-left:20px;width:100%;position:relative;} .game-ai-wrap.second{flex-direction:column;gap:4px;} .game-ai{padding:6px 10px;border-radius:8px;background:linear-gradient(90deg,#E9F1FE 0%,rgba(233,241,254,0.00) 100%);flex:1;font-size:13px;} .game-ai span{color:#096fff;} .game-ai-title{display:flex;align-items:center;gap:8px;color:#4A7CFF;font-size:18px;font-weight:700;} .game-ai-content{margin-top:6px;color:#666;font-size:16px;white-space:nowrap;} /* 解锁按钮 */ .game-unlock-wrap{display:flex;justify-content:flex-end;flex-shrink:0;} .game-unlock-btn{display:flex;align-items:center;justify-content:center;gap:4px;height:36px;padding:0 10px 0px 4px;border-radius:999px;font-size:16px;font-weight:500 !important;color:#fff !important;text-decoration:none;background:linear-gradient(135deg,#FF6B4A,#FF2F45);box-shadow:0 10px 24px rgba(255,73,73,.28);transition:all .25s ease;} .game-unlock-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(255,73,73,.35);background:linear-gradient(135deg,#ed7358,#FF2F45);} .game-unlock-btn img{width:28px;} .line-text{color:#ffffff7d;text-decoration:line-through;} .result-right{position:absolute;right:0px;top:40px;width:60px;height:60px;z-index:9;} .teamicon{width:24px;height:24px;margin:0;vertical-align:middle;flex-shrink:0;} .btn-ai{display:flex;align-items:center;justify-content:center;gap:10px;width:44%;padding:8px 20px;margin:0 auto 20px;border:1px solid #F44336;border-radius:100px;color:#F44336;font-size:15px;font-weight:500;cursor:pointer;} /*底部按钮*/ .vipbtn{position:fixed;left:50%;bottom:40px;transform:translateX(-50%);z-index:100;display:flex;align-items:center;justify-content:center;gap:10px;width:500px;height:46px;border:1px solid rgba(255,227,165,.65);border-radius:999px;background:linear-gradient(90deg,#ff4d45 0%,#ff3b35 45%,#ff6652 100%);color:#FFF9EE;font-size:18px;font-weight:600;letter-spacing:.5px;cursor:pointer;user-select:none;overflow:hidden;box-shadow:0 10px 28px rgba(244,67,54,.28),inset 0 1px 0 rgba(255,255,255,.35);transition:all .25s ease;border:1px solid rgba(255,229,173,.75);outline:1px solid rgba(255,255,255,.18);outline-offset:-2px;} .vipbtn::before{content:"";position:absolute;top:0;left:-35%;width:28%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-25deg);transition:left .7s ease;} .vipbtn::after{content:"";position:absolute;inset:0;border-radius:999px;box-shadow:inset 0 -10px 20px rgba(170,25,20,.12);pointer-events:none;} .vipbtn:hover{transform:translateX(-50%) translateY(-3px);background:linear-gradient(90deg,#ff564d 0%,#ff4339 45%,#ff7360 100%);box-shadow:0 16px 36px rgba(244,67,54,.38),inset 0 1px 0 rgba(255,255,255,.4);} .vipbtn:hover::before{left:120%;} .vipbtn:active{transform:translateX(-50%) scale(.98);box-shadow:0 8px 18px rgba(244,67,54,.25),inset 0 2px 8px rgba(0,0,0,.12);} .vipbtn img{width:24px;height:24px;flex-shrink:0;} /* ==================== 筛选区域 ==================== */ .ai-filter-row{display:flex;justify-content:space-between;align-items:center;padding:0 16px;margin-bottom:16px;background:#fff;padding-bottom:0px;} /* ==================== 左侧筛选 ==================== */ .ai-analysis-filter{display:flex;overflow:hidden;border:1px solid #FF4D4F;border-radius:22px;background:#fff;} .ai-analysis-item{width:100px;height:32px;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:14px;font-weight:500;transition:.25s;cursor:pointer;} .ai-analysis-item.active{color:#fff;background:#FF4D4F;font-weight:500;} .ai-analysis-item:not(.active){color:#FF4D4F;} /* 左侧未选中hover */ .ai-analysis-item:not(.active):hover{background:rgba(255,77,79,0.08);} /* 左侧激活hover加深底色 */ .ai-analysis-item.active:hover{background:#e64547;} /* ==================== 右侧悬浮胶囊 ==================== */ .ai-sport-filter{display:flex;align-items:center;padding:2px;border-radius:100px;background:#F0F1F4;} .ai-sport-item{width:80px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:100px;font-size:15px;font-weight:400;color:#8e8e8e;line-height:14px;transition:all .25s ease;cursor:pointer;} /* 右侧未选中hover */ .ai-sport-item:not(.active):hover{color:#FF4D4F;background:rgba(255,255,255,0.6);} /* 悬浮选中 */ .ai-sport-item.active{background:#fff;color:#FF4D4F;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.04);} /* 右侧选中hover轻微上浮阴影 */ .ai-sport-item.active:hover{box-shadow:0 3px 10px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.05);} .show-more{margin:13px auto;text-align:center;display:flex;align-items:center;justify-content:center;padding:5px 0px;width:400px;border-radius:8px;cursor:pointer;background:#f9f9f9;gap:10px;font-weight:bold;font-size:13px;} /*数据*/ .data-compare{width:520px;margin:4px 0px 16px 0px;margin-left:20px;} .data-compare.second{width:1030px;margin:0 auto;padding:10px 0px 30px;} .data-top{display:flex;width:100%;justify-content:center;} .data-bottom{display:flex;width:100%;gap:14px;} .data-item{display:flex;align-items:center;width:100%;margin-bottom:16px;flex-direction:column;gap:10px;} .data-item:last-child{margin-bottom:0;} .data-value{flex-shrink:0;font-size:17px;font-weight:600;color:#2F2F2F;line-height:1;font-family:DIN Alternate,Arial,sans-serif;} .data-value.home{text-align:left;flex:1;} .data-value.away{text-align:right;flex:1;} .data-title{width:14%;flex-shrink:0;text-align:center;font-size:16px;font-weight:bold;color:#464646;margin:0 6px;white-space:nowrap;} .data-bar{flex:1;} .data-track{position:relative;width:100%;height:8px;background:#ECEFF3;border-radius:100px;overflow:hidden;} .data-fill{position:absolute;top:0;height:100%;border-radius:100px;transition:width .35s ease;} .data-fill.home{right:0;} .data-fill.away{left:0;} .data-fill.goal.away{background:linear-gradient(90deg,#69B8FF 0%,#2F88FF 100%);} .data-fill.goal.home{background:linear-gradient(90deg,#FF7676 0%,#F53F3F 100%);} .data-fill.big.home{background:linear-gradient(90deg,#fabb52 0%,#ff6c00 100%);} .data-fill.goal{background:linear-gradient(-90deg,#69B8FF 0%,#2F88FF 100%);} .data-fill.lose{background:linear-gradient(-90deg,#FF7676 0%,#F53F3F 100%);} .data-fill.big{background:linear-gradient(-90deg,#fabb52 0%,#ff6c00 100%);} /*更多会员*/ .more-vip-card{border-radius:10px;border:1px solid #FFF;background:linear-gradient(178deg,#FEF3E0 1.7%,#FDF3E0 98.3%);padding:24px 0px 18px;position:relative;color:#000;margin:20px auto;width:1078px;} .vip-top-img{position:absolute;top:0px;left:0px;width:74px;} .more-vip-card .section-title{font-size:20px;line-height:20px;background:linear-gradient(93deg,#764017 1.33%,#81461C 35.09%,#B46823 67.84%,#622B03 96.35%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 auto;text-align:center;display:flex;justify-content:center;align-items:center;gap:20px;font-weight:bold;} .section-title img{height:12px;} .vip-group-item{display:flex;align-items:center;margin:24px 0px 24px;} .vip-item-label{display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:500;flex:1;font-size:14px;} .out-icon{display:flex;padding:11px;border-radius:50%;background:linear-gradient(180deg,#FFF 0%,rgba(255,255,255,0.85) 100%);align-items:center;justify-content:center;width:max-content;} .out-icon img{width:36px;height:36px;} .btn-more-vip{border-radius:100px;background:linear-gradient(90deg,#F85F52 0%,#ED3738 100%);width:50%;margin:0 auto;color:#fff;padding:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;transition:all 0.2s ease;cursor:pointer;} .btn-more-vip:hover{background:linear-gradient(90deg,#f75043 0%,#e62829 100%);box-shadow:0 4px 12px rgba(237,55,56,0.3);} .btn-more-vip:active{transform:scale(0.97);box-shadow:0 2px 6px rgba(237,55,56,0.2);} /*会员弹窗*/ /* 弹窗遮罩 */ .vip-footer-buy{position:fixed;inset:0;z-index:99;display:flex;align-items:center;justify-content:center;padding:30px;background:rgba(0,0,0,0.30);box-sizing:border-box;} /* PC弹窗主体 */ .vip-buy-dialog{width:540px;background:#fff;border-radius:10px;box-shadow:0 18px 60px rgba(0,0,0,0.2);overflow:hidden;animation:vipDialogShow 0.22s ease-out;} /* 弹窗标题区域 */ .vip-buy-head{height:60px;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f1f1f1;} /* 弹窗标题 */ .vip-buy-title{color:#333;font-size:20px;line-height:36px;font-weight:700;text-align:center;} /* 右上角关闭按钮 */ .vip-buy-close{width:42px;height:42px;position:absolute;top:50%;right:16px;transform:translateY(-50%);padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:background-color 0.2s ease;} .vip-buy-close::before,.vip-buy-close::after{content:"";width:23px;height:2px;position:absolute;top:20px;left:10px;border-radius:2px;background:#999;transition:background-color 0.2s ease;} .vip-buy-close::before{transform:rotate(45deg);} .vip-buy-close::after{transform:rotate(-45deg);} .vip-buy-close:hover{background:#f5f5f5;} .vip-buy-close:hover::before,.vip-buy-close:hover::after{background:#555;} /* 三个会员类型容器 */ .vip-buy-list{display:flex;gap:18px;padding:20px 20px 28px;background:linear-gradient(180deg,#fff 0%,#fffaf3 100%);box-sizing:border-box;} /* 单个价格卡片 */ .vip-bottom-card{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;padding:0 14px 14px;border:1px solid #f2d99e;border-radius:14px;background:linear-gradient(180deg,#fffffd 0%,#fff7e5 100%);text-align:center;box-sizing:border-box;transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;} .vip-bottom-card:hover{transform:translateY(-4px);border-color:#e9bf62;box-shadow:0 12px 28px rgba(153,101,25,0.13);} /* 推荐卡片 */ .vip-bottom-card.vip-recommend{border-color:#efbf59;box-shadow:0 8px 24px rgba(153,101,25,0.11);} .vip-recommend-label{position:absolute;top:-12px;right:-10px;padding:3px 12px;border-radius:6px 2px 8px 2px;color:#fff;font-size:14px;line-height:18px;background:linear-gradient(90deg,#fd684a 0%,#ee2a24 100%);} /* VIP天数标签 */ .vip-top{width:128px;height:34px;display:flex;align-items:center;justify-content:center;margin-top:-1px;color:#ffe9ae;font-size:15px;line-height:22px;font-weight:600;background:url("/Images/VIP/vip-label.png") no-repeat center bottom / 100% 100%;} /* 当前价格 */ .vip-price{display:flex;align-items:baseline;justify-content:center;margin-top:10px;} .vip-price .num-new{color:#ef2f27;font-size:32px;line-height:44px;font-weight:700;letter-spacing:-1px;} .vip-price .unit{margin-left:5px;color:#444;font-size:14px;line-height:22px;font-weight:500;} /* 原价 */ .vip-old{margin-top:2px;color:#999;font-size:18px;line-height:20px;text-decoration:line-through;margin-bottom:10px;} /* 开通按钮 */ .vip-bottom-btn{width:100%;height:40px;position:relative;margin-top:auto;padding:0;overflow:hidden;border:0;border-radius:8px;color:#fff;font-size:15px;line-height:40px;font-weight:600;background:linear-gradient(90deg,#fd684a 0%,#ee2a24 100%);box-shadow:0 6px 10px rgba(238,42,36,0.18);cursor:pointer;transition:transform 0.18s ease,box-shadow 0.18s ease,filter 0.18s ease;} .vip-bottom-btn:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 8px 18px rgba(238,42,36,0.26);} .vip-bottom-btn:active{transform:translateY(0);} /* 按钮流光 */ .vip-bottom-btn::after{content:"";width:45%;height:100%;position:absolute;top:0;left:-70%;z-index:2;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.42),transparent);transform:skewX(-20deg);animation:vipBtnShineMove 3.5s linear infinite;pointer-events:none;} /* 弹窗出现动画 */ @keyframes vipDialogShow{from{opacity:0;transform:translateY(18px) scale(0.97);}to{opacity:1;transform:translateY(0) scale(1);}} /* 按钮流光动画 */ @keyframes vipBtnShineMove{0%{left:-70%;}35%,100%{left:135%;}} /* 较窄窗口适配 */ @media screen and (max-width: 760px){.vip-footer-buy{padding:18px;}.vip-buy-dialog{width:100%;max-height:calc(100vh - 36px);overflow-y:auto;border-radius:16px;}.vip-buy-head{height:68px;}.vip-buy-title{font-size:21px;}.vip-buy-close{right:14px;}.vip-buy-list{flex-direction:column;padding:20px;}.vip-bottom-card{min-height:190px;}} .data-none{display:flex;flex-direction:column;align-items:center;font-size:14px;gap:0px;padding:0px 0px 34px 0px;color:#8b8b8b;} .data-none img{width:150px;} /*新增会员价格*/ .vip-plan-wrap{width:100%;box-sizing:border-box;padding:24px 36px 28px;border-radius:10px;box-shadow:0 0 20px 0 rgb(162 162 162 / 15%);margin-bottom:16px;border:1px solid #FFF;background:linear-gradient(180deg,#FFFAF6 0%,#FFF 100%);margin-top:14px;} .vip-open-count{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:20px;color:#141414;font-size:18px;font-weight:500;line-height:24px;white-space:nowrap;} .vip-open-count strong{color:#F04438;font-size:18px;font-weight:500;} .title-decor{width:26px;height:auto;flex-shrink:0;} .vip-plan-list { display: flex; align-items: stretch; gap: 16px; /* width: 100%; */ margin-right: 24px; } .vip-plan-item { position: relative; width: 130px; height: 142px; box-sizing: border-box; border-radius: 10px; border: 1px solid #f8f1d4; overflow: hidden; cursor: pointer; transition: all .3s ease; background: #fefefe; transform: translateZ(0); will-change: border, background; } .vip-plan-item.active,.vip-plan-item:hover{border:1px solid #FB270A;background:#fff7f5;} .plan-corner-bg{opacity: .65;position:absolute;top:0;right:0;width:80px;height:80px;background-image:url("/Images/VIP/plan-corner-normal.png");background-repeat:no-repeat;background-position:top right;background-size:contain;pointer-events:none;z-index:-10;border-radius:0 10px 0 0;transition:background-image .2s ease;will-change:background-image;} .vip-plan-item.active .plan-corner-bg,.vip-plan-item:hover .plan-corner-bg{background-image:url("/Images/VIP/plan-corner-active.png");} .plan-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;height:100%;box-sizing:border-box;padding:22px 0px 0px;} .vip-plan-item.yearly .plan-content{padding-top:22px;} .plan-name{color:#141414;font-size:14px;font-weight:500;line-height:18px;white-space:nowrap;} .plan-price{display:flex;align-items:baseline;justify-content:center;margin-top:6px;color:#141414;line-height:1;transition:color .2s ease;will-change:color;} .price-symbol{margin-left:4px;font-size:15px;font-weight:600;line-height:20px;} .price-value{font-size:26px;font-weight:600;} .vip-plan-item.active .plan-price,.vip-plan-item:hover .plan-price{color:#FB270A;} .vip-plan-item.yearly .plan-original{margin:4px 0px 4px;} .plan-original{margin:4px 0px 4px;color:#929191;font-size:14px;line-height:16px;white-space:nowrap;font-weight:400;} .plan-original del{color:#999;} .plan-daily{box-sizing:border-box;padding:4px 12px;border-radius:100px;color:#444;font-size:13px;font-weight:400;line-height:12px;white-space:nowrap;margin-top:0px;transition:background .2s ease;will-change:background;} .plan-daily span{color:#FB270A;font-weight:700;font-size:14px;} .discount-tag{position:absolute;top:-3px;left:50%;transform:translateX(-50%);z-index:5;} .discount-tag img { width: 100px; height: 20px; object-fit: contain; } .save-bar{position:absolute;left:-1px;right:-1px;bottom:0px;z-index:5;display:flex;align-items:center;justify-content:center;height:20px;box-sizing:border-box;padding:0px;border-radius:0 0 9px 9px;background:linear-gradient(90deg,#FB270A 0%,#e71e1d 100%);color:#fff;white-space:nowrap;} .save-bar img{width:14px;height:14px;object-fit:contain;margin-right:4px;} .save-bar span{font-size:13px;} .save-bar em{color:#FFEF7F;font-size:14px;font-weight:500;font-style:normal;} .jb-vip-open-card{width:1080px;margin:0 auto;padding:20px 10px 20px 20px;box-sizing:border-box;display:flex;align-items:center;background:#fefbf6;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.06);} /* 左侧 */ .jb-vip-user-info{width:420px;display:flex;align-items:flex-start;} .jb-vip-user-logo img{width:100px;height:100px;border-radius:18px;} .jb-vip-user-content{margin-left:14px;} .jb-vip-title{font-size:22px;font-weight:700;color:#481a0a;display:flex;align-items:center;} .jb-vip-status{margin-left:10px;padding:2px 8px;font-size:14px;color:#764121;background:#fff3df;border-radius:8px;} .jb-vip-desc{margin-top:6px;font-size:16px;color:#623d2a;} .jb-vip-benefit-box{margin-top:14px;width:240px;height:60px;border:1px solid #fee9d8;border-radius:8px;display:flex;align-items:center;padding:0px 18px 0px 14px;gap:16px;} .jb-benefit-item{display:flex;align-items:center;justify-content:center;gap:8px;} .jb-benefit-item-left{display:flex;flex-direction:column;} .item-left-title{display:flex;align-items:center;gap:4px;font-size:13px;color:#656569;} .jb-benefit-item-left strong{font-size:20px;color:#f23a25;} .jb-benefit-item img{width:38px;height:38px;} .jb-benefit-item p{margin:0;font-size:13px;color:#656569;} .jb-benefit-item strong{font-size:20px;color:#f23a25;} .jb-benefit-line{width:1px;height:38px;background:#eee;} /* 右侧 */ .jb-vip-action{width:170px;} .jb-vip-open-btn{ position:relative; overflow:hidden; padding-left: 8px; width:170px; height:40px; border:0; border-radius:24px; color:#fff; font-size:18px; background:linear-gradient(180deg,#fb6a65 0%,#de0504 100%); display:flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; transition: transform .25s ease, box-shadow .25s ease; } .jb-vip-open-btn::before{ content:""; position:absolute; top:0; left:-80px; width:50px; height:100%; background: linear-gradient( 120deg, transparent 0%, rgba(255,255,255,.7) 50%, transparent 100% ); transform:skewX(-20deg); animation:vip-btn-shine 3s infinite; } .jb-vip-open-btn:hover{ transform:translateY(-2px); box-shadow: 0 8px 18px rgba(238,35,25,.35); } .jb-vip-open-btn:active{ transform:scale(.96); } .jb-vip-open-btn span, .jb-vip-open-btn img{ position:relative; z-index:2; } @keyframes vip-btn-shine{ 0%{ left:-80px; } 35%{ left:180px; } 100%{ left:180px; } } .jb-vip-open-btn img{width:16px;} .jb-vip-gift-tip{margin-top:15px;height:38px;border:1px solid #ffd8c8;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ef4028;font-size:13px;background: #fffffd;} .jb-vip-gift-tip img{width:20px;margin-right:2px;} .member-num{ display: flex; font-size: 14px; margin-bottom: 10px; justify-content: center; } .member-num strong{margin: 0 2px;color: #ff3b35;} .jb-benefit-item-left, .jb-benefit-item { transition: all 0.3s ease; cursor: pointer; border-radius: 10px; } .jb-benefit-item-left:hover, .jb-benefit-item:hover { transform: translateY(-1px); } .jb-benefit-item-left:hover strong, .jb-benefit-item:hover strong { color: #F45A2A; } .jb-benefit-item img { transition: transform 0.3s ease; } .jb-benefit-item:hover img { transform: scale(1.08); } .jb-vip-gift-tip { transition: all 0.3s ease; cursor: pointer; } .jb-vip-gift-tip:hover { transform: translateY(-3px); filter: brightness(1.05); } .jb-vip-gift-tip img { transition: transform 0.3s ease; } .jb-vip-gift-tip:hover img { transform: scale(1.12) rotate(5deg); } /*新会员图标*/ .vip-core-list { display: flex; align-items: center; width: 100%; margin-top: 14px; justify-content: center; } .vip-core-item{ width: 104px; position:relative; display:flex; flex-direction:column; align-items:center; height:110px; } .vip-core-item:not(:last-child)::after{ content:""; position:absolute; right:0; top:20px; width:1px; height:48px; background:#F6E3D3; } .vip-core-item img{ width:56px; height:56px; object-fit:contain; margin-bottom:6px; } .vip-core-name{ color:#333; font-size:14px; font-weight:600; line-height:20px; } .vip-core-desc{ margin-top:4px; color:#999; font-size:12px; line-height:18px; white-space:nowrap; } .vip-core-item { transition: all 0.3s ease; border-radius: 12px; cursor: pointer; } .vip-core-item:hover { transform: translateY(-5px); background: linear-gradient(180deg, #FFF8F2 0%, #FFFFFF 100%); box-shadow: 0 8px 18px rgba(245, 120, 60, 0.12); } .vip-core-item img { transition: transform 0.3s ease; } .vip-core-item:hover img { transform: scale(1.08); } .vip-core-item:hover .vip-core-name { color: #F45A2A; } .vip-core-item:hover .vip-core-desc { color: #888; } .vip-core-item::before { content: ""; position: absolute; inset: 0; border-radius: 12px; border: 1px solid transparent; transition: all 0.3s ease; pointer-events: none; z-index: 999; } .vip-core-item:hover::before { border-color: rgba(244, 90, 42, 0.18); } .vip-core-item:hover:not(:last-child)::after { background: transparent; } .vip-zstext{ font-size: 14px; color: #7a7a7a; margin: 0 auto; text-align: center; margin-top: 6px; } .new-type-box{ display: flex; gap: 20px; } .unlock-card-new {border:1px solid #ffffff;border-radius:10px;overflow:hidden;margin-top:20px;box-shadow:0 0 20px 0 rgb(162 162 162 / 10%);flex:1;width:323px;margin:20px auto 0;position:relative;transition:all 0.22s ease;cursor:pointer;} .unlock-card-new:hover {transform:translateY(-3px);box-shadow:0 8px 26px 0 rgba(162,162,162,0.18);} .unlock-card-new:active {transform:translateY(0);box-shadow:0 3px 12px 0 rgba(162,162,162,0.12);} .unlock-card-new .main-content { padding: 0px; display: flex; justify-content: center; } .unlock-card-new .main-content img{ width: 320px; height:auto; } .unlock-card-new .header-tip { position: absolute; bottom: 12px; right: 18px; z-index: 99; } .vip-pop-bg{ z-index: 998 !important; height: 100%; width: 100%; left: 0px; top: 0px; background: #000; opacity: 0.3; z-index: 3; position: fixed; } /*.vip-pop-bg .vip-plan-list { display: flex; align-items: stretch; gap: 16px; margin-right: 0px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; background: #fff; border-radius: 12px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); z-index: 999; padding: 20px; height: 214px; }*/ .vip-module-content-2 .vip-plan-item { width: 130px; height: 152px; } .vip-module-content-2{ position: relative; } .vip-module-content-2 .vip-bottom-btn { width: calc(100% - 40px); height: 44px; position: relative; /* margin-top: auto; */ padding: 0; overflow: hidden; border: 0; border-radius: 8px; color: #fff; font-size: 15px; line-height: 40px; font-weight: 600; background: linear-gradient(90deg, #fd684a 0%, #ee2a24 100%); box-shadow: 0 6px 10px rgba(238, 42, 36, 0.18); cursor: pointer; transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease; position: absolute; display: flex; align-items: center; justify-content: center; bottom: 24px; } /* 赛事外层容器 */ .game_card_container { width: 100%; position: relative; padding: 24px 0 0; margin-top: -10px; overflow: hidden; background: #fff; border-radius: 10px 10px 0 0; box-sizing: border-box; } /* 单场赛事卡片 */ .game_card_box { height: 112px; display: flex; align-items: center; justify-content: space-between; background: #fdfdfdd9; border-radius: 10px; padding: 0 16px 0 0; margin: 0 16px 18px; border: 1px solid #efefef; overflow: hidden; /* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.02); */ } .game_card_box-pre { /* height: 112px; */ display: flex; align-items: center; justify-content: space-between; background: #fdfdfdd9; border-radius: 10px; padding: 0px 12px 0px 0; margin: 0 16px 18px; border: 1px solid #efefef; overflow: hidden; /* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.02); */ } /* 左侧联赛时间区域 */ .game_league_title { font-size: 15px; color: #222; font-weight: 500; display: flex; align-items: center; gap: 8px; margin-bottom: 10px; } .game_league_title img { width: 36px; height: 36px; } .game_date_text { font-size: 15px; color: #555; } .game_left_time { background: linear-gradient(270deg, #F4FAFE 0%, #f6f9fe82 100%); padding: 0 18px; border-right: solid 1px #efefef; height: 116px; display: flex; flex-direction: column; align-content: flex-start; justify-content: center; min-width: 92px; } .game_left_time-pre { background: linear-gradient(270deg, #F4FAFE 0%, #f6f9fe82 100%); padding: 0 18px; border-right: solid 1px #efefef; height: 126px; display: flex; flex-direction: column; align-content: flex-start; justify-content: center; min-width: 92px; } /* 中间两队对战主体区域 */ .game_vs_main { flex: 1; display: flex; align-items: center; justify-content: center; } .team_unit { display: flex; align-items: center; gap: 10px; flex: 1; width: 170px; margin-right: 6px;margin-left: 30px;} .team_unit_left { justify-content: flex-end; display: flex; align-items: center; gap: 10px; flex: 1; width: 146px; margin-right: 30px; margin-left: 6px;} .team_icon { width: auto; height: auto; /* object-fit: contain; */ max-height: 36px; max-width: 36px; } .team_name_text { font-size: 16px; color: #111; font-weight: 500; max-width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .team_rank_text { font-size: 26px; color: #777; } .vs_label { font-size: 15px; color: #999; /* padding: 0 28px; */ font-weight: 800; text-align: center; } /* 赛事状态标签 */ .game_status_tag { padding: 0.5px 12px; background-color: #f1f3f6; border-radius: 10px; font-size: 12px; color: #666; white-space: nowrap; font-weight: 500; position: absolute; top: -24px; } .game_status_tag.odds{position: relative; top: 0px;} .game_score_box{ display: flex; flex-direction: column; align-items: center; gap: 10px;position: relative;} .game_score_text { font-size: 22px; color: #222; font-weight: 600; letter-spacing: 4px; min-width: 130px; text-align: center; } /* 右侧预警提示两块内容 */ .game_tips_block { display: flex; flex-direction: column; gap: 10px; width: 314px;} .tips_warn_box { background-color: #fff0f0; color: #e53e3e; font-size: 28px; padding: 12px 16px; border-radius: 12px; display: flex; align-items: center; gap: 8px; } .tips_normal_box { background-color: #f0f7ff; color: #2563eb; font-size: 28px; padding: 12px 16px; border-radius: 12px; display: flex; align-items: center; gap: 8px; } /* 右侧查看箭头按钮 */ .game_arrow_btn img{width: 30px; height: 30px; object-fit: contain; cursor: pointer;} .border_right { width: 1px; height: 60px; background: #efefef; margin-right: 14px; } .border_left { width: 1px; height: 60px; background: #efefef; margin-left: 14px; } .game_vs_mid { flex: 1; display: flex; flex-direction: column; gap: 8px; } .odds_box_new{ display: flex; justify-content: center; gap: 70px; } .odds-row2{ display: flex; gap: 8px; font-size: 14px; } .odds-row2 span{min-width: 28px; text-align: center; } .gmm-result-tag { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); height: 20px; padding: 0 24px; display: flex; align-items: center; justify-content: center; background: linear-gradient(90deg, #FF566B, #F72C45); border-radius: 0 0 12px 12px; color: #fff; font-size: 12px; font-weight: 500; white-space: nowrap; box-shadow: 0 6px 12px rgba(245, 60, 80, .25); } .gmm-result-content { display: flex; align-items: baseline; justify-content: center; color: #1E2D45; font-size: 14px; font-weight: 600; } .gmm-result-content strong { margin-left: 6px; font-size: 20px; line-height: 1; color: #F43F55; font-weight: 700; font-family: DIN Alternate,Arial,sans-serif; } /*新数据*/ .match-rate-box { /* width: 100%; */ padding: 0 16px; margin-bottom: 40px; } .match-rate-item { width: 100%; padding: 12px 16px; margin-bottom: 10px; box-sizing: border-box; background: rgba(255, 255, 255, .9); border-radius: 8px; border: 0.5px solid #FFF; box-shadow: 0 6px 16px 0 rgb(0 0 0 / 5%); } .match-rate-row { width: 100%; display: flex; align-items: center; } .match-rate-value { min-width: 40px; flex: 0 0 0px; font-size: 17px; font-weight: 700; line-height: 1; color: #182742; font-family: DIN Alternate, Arial, sans-serif; } .match-rate-value.home { text-align: left; } .match-rate-value.away { text-align: right; } .match-rate-bar { flex: 1; } .match-rate-bar.left { margin-right: 20px; margin-left: 0px; } .match-rate-bar.right { margin-left: 20px; margin-right: 0px; } .match-rate-track { width: 100%; height: 10px; overflow: hidden; background: #EDF1F8; border-radius: 100px; } .match-rate-fill { height: 100%; border-radius: 100px; transition: width .35s ease; } .match-rate-fill.red { margin-left: auto; background: linear-gradient(90deg,#FF8585,#F53F3F); } .match-rate-fill.blue { background: linear-gradient(90deg,#69B8FF,#267AFF); } .match-rate-title { flex: 0 0 140px; height: 34px; display: flex; justify-content: center; align-items: center; gap: 4px; background: #fff; border-radius: 30px; box-shadow: 0 8px 20px rgba(35, 65, 120, .08); color: #333; font-size: 16px; font-weight: 600; } .match-rate-title img { width: 18px; height: 18px; } .gmm-result-box { position: relative; height: 74px; /* margin-top: 6px; */ border-radius: 10px; background: linear-gradient(90deg, #FFF0F4 0%, #FFF7F8 100%); display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding-top: 20px; margin: 0 10px 0 20px; } .gmm-result-tag { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); height: 20px; padding: 0 24px; display: flex; align-items: center; justify-content: center; background: linear-gradient(90deg, #FF566B, #F72C45); border-radius: 0 0 12px 12px; color: #fff; font-size: 12px; font-weight: 500; white-space: nowrap; box-shadow: 0 6px 12px rgba(245, 60, 80, .25); } .gmm-result-content { display: flex; align-items: baseline; justify-content: center; color: #1E2D45; font-size: 15px; font-weight: 600; } .gmm-result-content strong { margin-left: 6px; font-size: 20px; line-height: 1; color: #F43F55; font-weight: 700; font-family: DIN Alternate,Arial,sans-serif; } .GMM-card{ border-bottom: 10px solid #f4f4f4; padding-top: 20px; } .GMM-card:first-child{ padding-top: 0px; } .GMM-card:last-child{ border-bottom: 0px; } .odds-tag-row { display: flex; align-items: center; gap: 4px; } .color-block { width: 10px; height: 10px; border-radius: 2px; } .color-block.red { background-color: #FD3E46; } .tag-text { font-size: 13px; color: #222222; font-weight: 500; } .percent-text.red { font-size: 13px; color: #FD3E46; font-weight: 500; min-width: 40px; } .color-block.blue { background-color: #1677FF; } .percent-text.blue { font-size: 13px; color: #1677FF; font-weight: 500; min-width: 40px; } .rate-num-flex { display: flex; align-items: flex-start; justify-content: center; gap: 4px; } .game_vs_mid-data{ flex: 1; display: flex; flex-direction: column; gap: 8px; max-width: 480px; } .game_tips_block-data { display: flex; flex-direction: column; gap: 10px; width: 330px; } .game_tips_block-data .result{margin: 0 8px 0 0px;} .main-content.second .result { padding: 8px 16px 8px 16px; display: flex; gap: 8px; align-items: center; min-width: 320px; justify-content: center;} .game_card_container { position: relative; } /* 激活blur类时：仅对赔率、提示块生效 */ .game_card_container.blur .odds_box_new, .game_card_container.blur .game_tips_block-data { position: relative; } /* 赔率块：模糊 + 局部白渐变蒙层 */ .game_card_container.blur .odds_box_new { filter: blur(2.1px); } .game_card_container.blur .odds_box_new::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgb(255 255 255 / 0%), rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.30)); border-radius: 4px; } /* 数据提示块：模糊 + 局部白渐变蒙层 */ .game_card_container.blur .game_tips_block-data { filter: blur(2.1px); } .game_card_container.blur .game_tips_block-data::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgb(255 255 255 / 0%), rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.30)); border-radius: 4px; } .gmm-detail-content .match-rate-box { width: 60%; padding: 0 16px; margin-bottom: 0px; } .gmm-detail-content{ background: #fff; border-radius: 10px 10px 0 0; margin-top: -10px; padding: 16px; display: flex; align-items: center; gap: 30px; padding: 20px 16px; } .gmm-detail-content .match-rate-item { width: 100%; padding: 8px 16px;} .gmm-detail-content .gmm-result-content{ font-size: 16px; } .gmm-detail-content .gmm-result-box { position: relative; height: 124px; border-radius: 10px; background: linear-gradient(90deg, #FFF0F4 0%, #FFF7F8 100%); display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding-top: 4px; margin: 0 ; width: 330px; } .gmm-detail-content .gmm-result-tag{ height: 26px; font-size: 15px; } .gmm-detail-content .match-rate-title { flex: 0 0 120px;} .border_right2 { width: 1px; height: 60px; background: #efefef00; margin-right: 30px; } .gmm-detail-content.blur .match-rate-box{ position:relative; z-index:1; filter:blur(1.8px); opacity:0.65; pointer-events:none; user-select:none; } .gmm-detail-content.blur > .match-rate-box{ position:relative; } .gmm-detail-content.blur > .match-rate-box::before{ content:""; position:absolute; inset:0; z-index:2; background: linear-gradient( to bottom, rgba(255,255,255,0.02) 0px, rgba(255,255,255,0.08) 30px, rgba(255,255,255,0.20) 65px, rgba(255,255,255,0.58) 105px, rgba(255,255,255,0.92) 100% ); pointer-events:none; } .gmm-detail-content.blur .game_tips_block{ position:relative; z-index:1; filter:blur(1.8px); opacity:0.65; pointer-events:none; user-select:none; } .gmm-detail-content.blur > .game_tips_block{ position:relative; } .gmm-detail-content.blur > .game_tips_block::before{ content:""; position:absolute; inset:0; z-index:2; background: linear-gradient( to bottom, rgba(255,255,255,0.02) 0px, rgba(255,255,255,0.08) 30px, rgba(255,255,255,0.20) 65px, rgba(255,255,255,0.58) 105px, rgba(255,255,255,0.92) 100% ); pointer-events:none; } .main-content.blur .rate-wrap { position: relative; z-index: 1; filter: blur(1.8px); opacity: 0.65; pointer-events: none; user-select: none; display: flex; justify-content: center; align-items: center; gap: 24px; flex-direction: row; } .main-content.blur > .rate-wrap{ position:relative; } .main-content.blur > .rate-wrap::before{ content:""; position:absolute; inset:0; z-index:2; background: linear-gradient( to bottom, rgba(255,255,255,0.02) 0px, rgba(255,255,255,0.08) 30px, rgba(255,255,255,0.20) 65px, rgba(255,255,255,0.58) 105px, rgba(255,255,255,0.92) 100% ); pointer-events:none; } .main-content .rate-item { display: flex; justify-content: center; align-items: center; gap: 24px; flex-direction: row; margin-bottom: 14px; } .main-content .rate-circle{width:100px;height:100px;} .main-content .rate-circle svg{width:100px;height:100px;} .main-content .circle-text{font-size:16px;} .game_card_box-pre .game_left_time{height: 136px;} .qz-header { padding: 24px 16px; background: linear-gradient(178deg, #FEF8F7 1.7%, #FEF9F7 90.25%); display: flex; justify-content: space-between; box-shadow: 0 0 20px 0 rgb(162 162 162 / 10%); border-radius: 10px; border: solid #fff 1px; margin-top: 20px; align-items: center; font-weight: bold; position: relative; overflow: hidden; } .qz-text { font-size: 18px; font-weight: bold; } .qz-text span{ color: #333; font-weight: 400; } .btn-qz { padding: 11px 24px; display: flex; border-radius: 100px; color: #F44336; align-items: center; gap: 4px; font-size: 15px; font-weight: 500; line-height: 14px; width: max-content; border: 1px solid; min-width: 124px; justify-content: center; cursor: pointer; } .qz-header::after { content: ""; position: absolute; right: -270px; bottom: -4px; width: 120%; height: 80px; /* transform: translateY(-50%); */ background: url(/Images/VIP/qz-bg.png) no-repeat center; background-size: contain; opacity: 0.95; pointer-events: none; } .header-left, .btn-qz { position: relative; z-index: 1; } .qz-enter { height: 90px; margin: 20px 20px 28px; background: #000; border-radius: 10px; display: flex; align-items: center; justify-content: flex-end; padding-right: 30px; background: url(/Images/VIP/qz-bg-xin.png) no-repeat; border: 1px solid #f51f1f0d; background-size: contain; } .qz-btn-new { position: relative; overflow: hidden; padding-left: 8px; width: 150px; height: 44px; border: 0; border-radius: 24px; color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; transition: transform .25s ease, box-shadow .25s ease; background: linear-gradient(270deg, #FE7B49 -2.03%, #FE523C 97.97%); stroke-width: 0.5px; /* stroke: rgba(255, 255, 255, 0.24); */ box-shadow: 4px 4px 20px 0 rgb(255 255 255 / 9%) inset; filter: drop-shadow(0 4px 20px rgba(232, 0, 0, 0.31)); } .qz-btn-new img{width: 16px;} .qz-btn-new:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(244, 68, 45, 0.069); } .vip-rights-title-new { width: 380px; margin: 0 auto; height: auto; display: flex; margin-top: 14px; } .vip-tools2 { position: absolute; top: 0px; right: -54.5px; z-index: 3; display: flex; align-items: center; gap: 0px; height: 90px; padding: 14px 8px; box-sizing: border-box; background: rgba(255, 255, 255, .85); border: 1px solid rgba(255, 255, 255, .65); border-radius: 10px; box-shadow: 20px 0px 20px rgb(180 180 180 / 12%); backdrop-filter: blur(10px); flex-direction: column; justify-content: center; /* border-radius: 0 10px 10px 0px; */ } .r-line2 { width: 22px; height: 0.5px; background: #e1e1e16e; /* display: flex; */ border-bottom: solid 0.5px #7c7c7c6e; margin: 12px 0px; } .vip-plan-listnew { display: flex; align-items: stretch; gap: 16px; /* width: 100%; */ margin-right: 24px; } /* 未能缩小。正在返回未缩小的内容。 (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 */ 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.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: 30px 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; } .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} .h_main { clear: both; width: 1000px; margin: 5px auto 0 auto; position: relative; z-index: 1; background-color: #FFF; min-height: 603px; overflow: hidden } .hi_left { float: left; width: 160px; } .hi_left h2 { line-height: 30px; color: #FFF; clear: both; height: 30px; width: 182px; padding-right: 8px; padding-left: 10px; font-size: 15px; font-weight: bold; font-family: "微软雅黑"; background: #277bd5; } .h_l_menu { background-color: #FFF; clear: both; padding: 10px; } .h_l_menu li { display: block; line-height: 30px; color: #333; border-radius: 4px; font-size: 14px; padding-left: 35px; margin-bottom: 5px; } .h_main .h_l_menu li:hover { background-color: #F7F7F7; } .h_main .h_l_menu li a:hover { text-decoration: none; color: #4378AD; } .h_l_menu .kson a, .h_l_menu .kson a:visited, .h_l_menu .kson a:hover { color: #E03713; font-weight: bold; } .t1 { background-image: url(../Images/user/t1.png); } .t2 { background-image: url(../Images/user/t2.png); } .t3 { background-image: url(../Images/user/t3.png); } .t4 { background-image: url(../Images/user/t4.png); } .t5 { background-image: url(../Images/user/t5.png); } .t6 { background-image: url(../Images/user/t6.png); } .t7 { background-image: url(../Images/user/t7.png); } .t8 { background-image: url(../Images/user/t8.png); } .t9 { background-image: url(../Images/user/t7.png); } .t10 { background-image: url(../Images/user/t10.png); background-size: 20px; } .t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8, .t9, .t10 { background-repeat: no-repeat; background-position: 8px; } .sdown { margin-bottom: 8px } .miandiv { padding-top: 20px } .hit { color: red; font-weight: bolder; font-size: 14px; padding-left: 122px } .mynote { width: 83%; margin: 20px 0 10px 40px; clear: both; float: left; background-color: #f9f9f9; padding: 20px 25px; border: 1px solid #f5f5f5; color: #666; line-height: 26px; } .hi_right { float: right; width: 839px; min-height: 515px; border-left-width: 1px; border-left-style: solid; border-left-color: #eaeaea; } .hi_right .msgBox { padding: 10px 20px; line-height: 26px; font-size: 14px; background-color: #FFFBF2; } .hi_right .rankInfo { font-size: 14px; overflow: hidden; } .hi_right .rankInfo .item { float: left; padding: 0px 10px 0px 10px } .h_main .r_tit_bt { font-size: 14px; font-weight: bold; color: #FFF; padding-left: 10px; clear: both; line-height: 30px; height: 30px; background: #277bd5; } .rrs { display: block; width: 80px; margin-right: auto; margin-left: auto; background: #ff6600; color: #FFF; line-height: 20px; position: relative; border-radius: 2px; cursor: pointer; } .rrsed { display: block; width: 80px; margin-right: auto; margin-left: auto; background: #999999; color: #FFF; line-height: 20px; position: relative; border-radius: 2px; cursor: pointer; } .rrs i { background: url(../images/user/help.gif) no-repeat; height: 14px; width: 14px; position: absolute; top: -7px; right: -20px; cursor: pointer; } .rrsed i { background: url(../images/user/help.gif) no-repeat; height: 14px; width: 14px; position: absolute; top: -7px; right: -20px; cursor: pointer; } .mytable { background: #eaeaea; } .mytable tr:hover td { background-color: #F9F2EC } .mytable tr th { color: #999; font-size: 14px; line-height: 30px; margin: 0px; padding: 0px; border-bottom: 1px solid #eaeaea; background-color: #F3F3F3; } .mytable tr th.subBG { font-weight: bold; color: #333; background-color: #FFF; } .mytable tr td { background: #FFF; padding: 3px 5px; font-size: 12px; height: 40px; line-height: 20px; } .mytable .date { color: #666; } .mytable tr.h20 td { line-height: 20px; height: 20px; } .mytable tr td.redBG { color: #FFF; background: #C30; } .mytable tr td.blueBG { background: #36C; color: #FFF; } .mytable tr td.greenBG { background: #448E08; color: #FFF; } .tools { padding: 15px 8px 5px 7px; background-color: #FFF; } .subHead + .subHead { padding-top: 8px } .subHead { overflow: hidden; } .subHead .left { float: left } .subHead .right { float: right } .tools .total { float: right; line-height: 25px; font-size: 14px; text-align: right; color: #277bd5; margin-right: 5px; } .tools .blue_btn, .tools .red_btn, .tools .gray_btn { color: #FFF; margin: 0px; padding: 0px; border-style: none; width: 80px; line-height: 30px; height: 30px; cursor: pointer; } .tools .blue_btn { background: #277bd5; } .tools .red_btn { background-color: #F60; } .tools .gray_btn { background: #666666; } .tools select { padding: 3px 5px 7px 5px; vertical-align: middle; border: 1px solid #CCC; line-height: 26px; margin: 0 3px; border-radius: 3px; } .tools input { line-height: 28px; height: 28px; padding-right: 5px; padding-left: 5px; border: 1px solid #CCC; margin: 0 3px; border-radius: 3px; } .tools .dateicon { background-image: url(../Images/user/date.png); background-repeat: no-repeat; background-position: right; } a.mark { border: solid 1px #277BD5; width: 80px; display: block; margin: 0px auto; padding: 5px; color: #277BD5; border-radius: 2px; } a.mark:hover { text-decoration: none; background-color: #F0FDFF } a.marked { border: solid 1px #4cb71d; padding: 5px; width: 80px; display: block; margin: 0px auto; color: #FFF; background-color: #4cb71d; border-radius: 2px; } a.marked:hover { text-decoration: none; } .recharge { overflow: hidden; line-height: 24px; font-size: 14px; background-color: #FFF; } .recharge2 { overflow: hidden; line-height: 24px; font-size: 14px; background: url(../images/user/rechace2.gif) no-repeat left top; border: 1px solid #D6D6D6; padding-top: 115px; padding-bottom: 0px; margin-bottom: 10px; } .btnBox { padding-left: 120px; float: left; margin-top: 25px; margin-bottom: 15px; } .btnBox input { height: 40px; width: 250px; background: #ff6600; color: #FFF; font-size: 14px; border-radius: 2px; border-style: none; cursor: pointer; font-family: "微软雅黑"; } .btnBox input:hover { background: #E33900; } .control-group { display: block; float: left; width: 100%; margin-top: 15px; margin-bottom: 5px; } .control-group .getCode { line-height: 30px; height: 30px; padding-right: 5px; padding-left: 5px; cursor: pointer; } .control-group .control-label { float: left; width: 110px; text-align: right; display: block; margin-right: 10px; padding: 0px; line-height: 38px; } .control-group .controls { float: left; width: 80%; line-height: 38px; } .control-group .controls .input { line-height: 30px; height: 30px; vertical-align: middle; padding-right: 10px; padding-left: 10px; } .control-group .bank { display: block; float: left; display: block; float: left; background: no-repeat center center; margin-right: 10px; cursor: pointer; padding: 1px; line-height: 28px; border: 2px solid #CCC; } .control-group .bank.on { border: 2px solid #FF6500; position: relative; } .control-group .bank.on i { position: absolute; height: 14px; width: 14px; right: -2px; bottom: -2px; display: block; background: url(../images/User/gu.gif); } .control-group .controls .cz li { float: left; display: block; padding: 0px; border: 1px solid #E6E6E6; background: #F5F5F5; margin-right: 10px; line-height: 50px; width: 100px; text-align: center; position: relative; font-size: 16px; margin-bottom: 10px; border-radius: 3px; } .control-group .controls .cz li i { position: absolute; height: 28px; width: 28px; right: 0; top: -3px; display: block; background: url(../images/user/so.png) no-repeat left top; } .control-group .controls .cz #other { width: auto; padding-right: 20px; padding-left: 20px; clear: both } .control-group .controls .cz #other input { margin: -1px 10px 0px 0px; padding: 0px 5px; background: #FFFFFF; line-height: 27px; height: 27px; width: 100px; border: 1px solid #CCC; } .control-group .controls .cz .cz_on { color: #e67100; border: 1px solid #fbb384; background-color: #ffd400; font-weight: bold; } .cz2 li { font-family: "微软雅黑"; line-height: 38px; color: #555578; background-color: #F5F5F5; text-align: center; display: block; float: left; height: 38px; width: 98px; margin-right: 12px; border: 1px solid #CFCFCF; font-size: 14px; position: relative; cursor: pointer; } .cz2 .cz_on { color: #FF6500; border: 1px solid #FF6500; display: block; float: left; background: #FFF url(../images/User/cz.png) -101px -41px; } .postion { line-height: 30px; padding-right: 10px; padding-left: 10px; border-top: 1px solid #CCC; display: none } .payNum { font-size: 20px; font-weight: bold; color: #C83600; } .dataInfo { line-height: 24px; font-size: 14px; overflow: hidden; background-color: #FFF; } .dataInfo .message { padding: 10px; } .dataInfo .message ul { margin-bottom: 10px } .dataInfo .message ul li { display: block; padding: 5px 10px 5px 10px; position: relative; overflow: hidden; height: auto; background-color: #F4F4F4; border: 1px solid #e8e8e8; margin-bottom: 10px } .dataInfo .message ul li.on { display: block; padding: 10px; position: relative; background-color: #EEF7F9; border: 1px dotted #BCD9E7; } .dataInfo .message ul li.on .title { color: #277BD5; } .dataInfo .message ul li .del { background: url(../images/user/del.png) no-repeat center center; position: absolute; height: 20px; width: 20px; top: 10px; right: 12px; cursor: pointer; } .dataInfo .message ul li .del:hover, .dataInfo .message ul li.on .del { background: url(../images/user/del2.png) no-repeat center center; } .dataInfo .message ul li .info { padding: 3px 10px 3px 23px; color: #666; } .dataInfo .message ul li.on .info { display: block; } .dataInfo .message ul li .checkBox { height: 38px; float: left; margin-right: 10px; padding-top: 2px; } .dataInfo .message ul li .title { font-weight: bold; font-size: 16px } .dataInfo .message ul li .title i { color: #fb541e; font-size: 11px; padding-left: 5px; padding-bottom: 3px; } .dataInfo .message ul li .title:hover { color: #C30; } .dataInfo .message ul li .time { font-size: 12px; color: #9e9e9e; line-height: 24px; width: 100%; } .dataInfo .coupons { overflow: hidden; width: auto; padding-right: 20px; padding-left: 20px; } .dataInfo .coupons ul li { position: relative; height: 60px; width: 100%; padding-top: 10px; padding-bottom: 10px; } .dataInfo .coupons ul li:not(:last-child) { position: relative; border-bottom: 1px dashed #CCC; } .dataInfo .coupons ul li .btns { width: 185px; position: absolute; top: 10.px; right: 0px; top: 10px; } .dataInfo .coupons ul li .btns .get { float: left; height: 30px; width: 90px; line-height: 30px; text-align: center; background: #f35d2b; color: #FFF; } .dataInfo .coupons ul li .btns .set { float: left; height: 30px; width: 90px; line-height: 30px; text-align: center; background: #227fde; color: #FFF; margin-left: 5px; } .dataInfo .coupons ul li .btns .txt { font-size: 12px; line-height: 30px; } .dataInfo .coupons .typeName { position: relative; float: left; font-weight: bold; line-height: 30px; } .dataInfo .coupons .typeName img { vertical-align: middle; margin-right: 5px; } .dataInfo .coupons .dsc { width: 655px; float: left; color: #9f9f9f; padding-left: 48px; line-height: 30px; } .dataInfo .coupons .help { background: url(../images/user/help.gif) no-repeat; height: 14px; width: 14px; position: absolute; top: -7px; right: -16px; cursor: pointer; } .dataInfo .myguess { padding: 10px 10px 20px 10px; } .dataInfo .myguess .notNew { background: url(../images/user/none.jpg) no-repeat center center; height: 100px; } .dataInfo .myguess .notData { padding: 10px; background: #FAFAFA; color: #333; text-align: center; border: 1px dotted #CCC; margin-bottom: 5px; } .dataInfo .myguess .subBar { background: #F6F6F6; font-size: 12px; padding-right: 5px; padding-left: 5px; line-height: 30px; } .dataInfo .exchange { float: left; padding: 5px; background-color: #FFF; } .userInfoBox { padding-top: 30px; position: relative; background-color: #FFF; } .userInfoBox .userDataBox { border-bottom: 1px dotted #eaeaea; overflow: hidden; text-align: center; font-size: 14px; padding-top: 5px; padding-bottom: 10px; margin-right: 5px; margin-left: 5px; } .userInfoBox .userDataBox .help { background: url(../images/user/help.gif) no-repeat; height: 14px; width: 14px; position: absolute; top: -7px; right: 5px; cursor: pointer; } .userInfoBox .userDataBox .num, .userInfoBox .userDataBox .num a { font-size: 16px; font-weight: bold; color: #E03713; display: block; } .userInfoBox .userDataBox .left { /*width: 95px; float: left;*/ position: relative; } .userInfoBox .userDataBox .right { float: right; width: 92px; border-left: 1px solid #CCC; position: relative; } .hi_right .help { background: url(../images/user/help.gif) no-repeat; height: 14px; width: 14px; position: absolute; top: 12px; left: 350px; cursor: pointer; } .hi_right .num { font-size: 16px; font-weight: bold; color: #E03713; } .userInfoBox .description { color: #999; text-align: left; margin-bottom: 20px; padding-top: 5px; padding-right: 10px; padding-left: 10px; word-break: break-all; word-wrap: break-word; } .userInfoBox .focusNum { font-size: 12px; text-align: center; line-height: 22px; overflow: hidden; } .userInfoBox .focusNum .linkBox, .userInfoBox .focusNum .linkedBox { margin: 0px auto; padding: 0px; float: none; } .userInfoBox .name { font-size: 16px; line-height: 30px; text-align: center; font-weight: bold; } .userInfoBox .icon { height: 72px; width: 72px; margin-right: auto; margin-left: auto; border-radius: 72px; overflow: hidden; } .userInfoBox .icon img { width: 100%; height: 100% } .userInfoBox .expert { background: url(/images/guess/ExpertIcon.png) no-repeat; position: absolute; top: -5px; right: 13px; width: 41px; height: 29px; } .bankCardInfo { background: #FFE; border: 1px dotted #CCC; padding: 10px; line-height: 18px; height: 18px; display: block; float: left; } .mytable tr th.tgBG { background: url(../images/user/thBG.gif) no-repeat left top; } .msg { color: #F33; background: #FFFFE6; font-size: 12px; font-weight: bold; text-align: center; line-height: 30px; height: 30px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; } .win { color: #FFF; background: #C30; height: 26px; width: 26px; display: inline-block; line-height: 20px; margin-right: auto; margin-left: auto; text-align: center; } .lose { background: #090; color: #FFF; height: 26px; width: 26px; display: inline-block; line-height: 20px; margin-right: auto; margin-left: auto; text-align: center; } .run { background: #277BD5; color: #FFF; height: 26px; width: 26px; display: inline-block; line-height: 20px; margin-right: auto; margin-left: auto; text-align: center; } .note { color: #999; font-size: 12px; } .blueButton { background: #277BD5; color: #FFF; width: 200px; border-radius: 4px; cursor: pointer; padding: 2px 5px; height: 40px; border-style: none; font-family: "微软雅黑"; font-size: 16px; text-align: center; line-height: 40px; } .blueButton_mini { background: #277BD5; color: #FFF; width: 100px; border-radius: 4px; cursor: pointer; padding: 2px 5px; height: 20px; border-style: none; font-family: "微软雅黑"; font-size: 12px; text-align: center; line-height: 20px; margin: 5px; } .mytable .h_2 td { background-color: #F9FAFB; } .mytable .marked, .mytable .mark { line-height: 32px; height: 32px; width: 80px; display: block; margin: 0px auto; color: #277BD5; border-radius: 2px; } .mytable .marked { border: solid 1px #4cb71d; background-color: #4cb71d; color: #FFF; } .mytable .mark { border: solid 1px #277BD5; background-color: #F0FDFF; color: #277BD5; } .t14 { font-size: 14px; } .Top10 { border: 1px solid #CCC; margin-bottom: 10px; } .Top10 .userList { padding: 2px; overflow: hidden; } .Top10 .userList li { overflow: hidden; border-bottom: 1px solid #CCC; display: block; padding: 2px 5px; } .Top10 .userList li:last-child { border: none; } .Top10 .userList li .idx { float: left; width: 20px; line-height: 35px; font-size: 14px; text-align: center; } .Top10 .userList li .userIcon { float: left; } .Top10 .userList li .c_data { float: left; width: 125px; margin-left: 5px; } .Top10 .userList li .c_data span { line-height: normal; } .Top10 .userList li .c_data .name { float: left; } .Top10 h2 { width: 180px; } .Top10 h2 a { font-size: 12px; font-weight: normal; color: #FFF; } .Top10 .tab { padding-right: 5px; padding-left: 5px; } .Top10 .tab li { width: 62px; float: left; display: block; } .Top10 .tab li.on { height: 35px; margin-top: 5px; line-height: 35px; } .tab { overflow: hidden; padding-left: 10px; background-color: #FFF; border-bottom: 1px solid #eaeaea; } .tab li { float: left; padding: 0 16px; line-height: 45px; color: #333; display: block; font-size: 16px; } .tab li:last-child { border-right-style: none; } .tab li:hover { color: #c11013; cursor: pointer; } .tab li.on { color: #F60; font-weight: 400; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #F60; } .tab li.resetData { float: right; height: 28px; line-height: 28px; margin-top: 8px; margin-right: 10px; text-align: center; cursor: pointer; font-size: 14px; color: #333; border-radius: 3px; background-image: url(../Images/user/fa.png); background-repeat: no-repeat; background-position: left; padding-left: 24px; } .tab2 { overflow: hidden; padding-left: 10px; background-color: #f5f5f5; } .tab2 li { float: left; padding: 0 16px; line-height: 38px; color: #666; display: block; font-size: 14px; } .tab2 li:hover { color: #c11013; cursor: pointer; } .tab2 li.on { color: #F60; font-weight: bold; } .icbc /*工商银行*/ { vertical-align: middle; display: inline-block; width: 19px; height: 19px; background: url(../images/bankLogo/bank_ico.png) 0 0 no-repeat; } .abc /*农业银行*/ { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -54px 0 no-repeat; } .ccb /*建设银行*/ { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -36px 0 no-repeat; } .boc /*中国银行*/ { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -72px 0 no-repeat; } .cmb /*招商银行*/ { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -18px 0 no-repeat; } .comm /*交通银行*/ { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -36px -18px no-repeat; } .gdb /*广发银行*/ { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -72px -18px no-repeat; } .psbc /*邮政银行*/ { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -18px -18px no-repeat; } .rcc /*农村合作社*/ { vertical-align: middle; display: inline-block; width: 19px; height: 19px; background: url(../images/bankLogo/bank_ico.png) 0px -72px no-repeat; } .citic { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -126px 0 no-repeat; } .cebbank { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -90px 0 no-repeat; } .cmbc { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -90px -18px no-repeat; } .spabank { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) 0 -36px no-repeat; } .hxb { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -18px -54px no-repeat; } .cib { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) 0 -18px no-repeat; } .cgc { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) 0 -72px no-repeat; } .spdb { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -54px -18px no-repeat; } .post { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -18px -18px no-repeat; } .bea { vertical-align: middle; display: inline-block; width: 18px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -54px -54px no-repeat; } .alip { vertical-align: middle; display: inline-block; width: 16px; height: 18px; background: url(../images/bankLogo/bank_ico.png) -109px 0 no-repeat; } .dataInfo .myguess .readBtn, #userGuess .readBtn { background: #E76D00; color: #FFF; margin-top: 5px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 0px; border-radius: 4px; cursor: pointer; } .cz_title { line-height: 30px; font-size: 12px; width: 720px; margin-right: auto; margin-left: auto; overflow: hidden; height: 30px; } .cz_title .txt { float: left; padding-right: 5px; padding-left: 5px; } .cz_title h2 { display: inline; font-weight: bold; font-size: 14px; float: left; padding-right: 10px; padding-left: 10px; } .cz_title .tg1 { color: #EB6A3B; font-weight: bold; } .cz_title .bd_bg1 { background-image: url(../images/user/tf1.png); background-repeat: repeat-x; height: 12px; } .cz_title .bd { background-color: #DFDFDF; float: left; height: 12px; width: 200px; margin-top: 9px; margin-right: 8px; } #rbtnlist { font-size: 12px; display: block; padding: 8px 10px 6px 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eaeaea; } #rbtnlist input { cursor: pointer; } #rbtnlist label { margin-right: 10px; cursor: pointer; } .resultItem { width: 33.3%; float: left; text-align: center; } .sort i { width: 11px; height: 12px; display: inline-block; background-image: url(/images/up.png); margin-left: 3px; cursor: pointer; } .sort.byDown i { background-image: url(/images/down_by.png); cursor: pointer; } .sort.up i { background-image: url(/images/up_by.png); cursor: pointer; } .h_1 td:last-child { position: relative; } .mytable .h_1 .focus { background: url(/images/guess/FocusGuess.png) no-repeat; position: absolute; top: 0; right: 0; width: 22px; height: 21px } .mytable33 tr td { background: #FFF; padding: 3px 5px; height: 40px; line-height: 20px; } .mytable33 tr th { background: #F8F8F8; color: #666; font-size: 16px; font-weight: normal; line-height: 40px; margin: 0px; padding: 0px; } .tsee { line-height: 40px; padding: 0 10px; background-color: #FFF; } .hi_left2 { float: left; width: 160px; } #data { width: 98%; margin: 10px auto 0 auto; } .profile_list { width: 500px; margin-left: 20px; position: relative; } .profile_list li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EBEBEB; color: #666; clear: both; overflow: hidden; line-height: 36px; padding: 12px 0 } .profile_list li h2 { display: inline-block; width: 18%; font-size: 14px; color: #333; text-align: right; padding-right: 10px; float: left } .profile_list li span { color: #277bd5; background-image: url(../Images/user/ed.png); background-repeat: no-repeat; background-position: left; display: inline-block; padding-left: 17px; cursor: pointer; margin-left: 10px; } .profile_list li .edit { float: left; width: 79%; } .profile_list li textarea { clear: both } .profile_list li .btn1 { height: 30px; width: 80px; margin: 0 10px 10px 0; border-radius: 4px; color: #FFF; background-color: #277bd5; border-width: 0px; } .profile_list li .btn2 { height: 28px; width: 78px; margin: 0 10px 10px 0; border-radius: 4px; color: #666; background-color: #E9E9E9; border: 1px solid #CCC; } .profile_list li .text1 { border-radius: 4px; border: 1px solid #CCC; margin-bottom: 10px; padding: 6px; } .profile_list li .text2 { border-radius: 4px; border: 1px solid #CCC; width: 94%; padding-left: 8px; height: 36px; margin-bottom: 10px; } .profile_list .mypic { position: absolute; width: 180px; top: 10px; right: -250px; text-align: center; } .profile_list .mypic img { width: 100%; height: 100%; border-radius: 50%; margin-bottom: 20px; } .profile_list .changepic { display: inline-block; border: 1px solid #CCC; background-image: url(../Images/user/uppic.png); background-repeat: no-repeat; background-position: left; background-position: 5px; padding: 0 7px 2px 22px; border-radius: 4px; } .profile_list .changepic:hover { text-decoration: none; color: #277bd5; background-image: url(../Images/user/uppic2.png); border: 1px solid #B7D3EE; } .myguessinfo { margin-bottom: 10px; overflow: hidden } .myguessinfo .mytable3 { border-top: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } .myguessinfo .mytable3 .th td { color: #999; font-weight: bold; background-color: #F3F3F3; } .myguessinfo .mytable3 td { text-align: center; line-height: 30px; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .myguessinfo .mytable3 .hitd { color: #cc3300 } .subTab { padding-left: 10px; border-bottom: 1px solid #eaeaea; } .subTab a.on { color: #F60; } .subTab a { display: inline-block; padding: 10px 15px; font-size: 16px; border-right: 1px solid #eaeaea; } .subTab a.returnOld { float: right; color: #277bd5; font-size: 14px; } body { font-family: "微软雅黑"; font-size: 12px; color: #333; } .clear { clear: both; } .odds-header { background: #fff; margin-bottom: 10px; } #vs { background-color: #fff; width: 1020px; padding: 10px; margin: 0 auto; position: relative; } #vs .info { float: left; width: 50%; } #vs .info2 { line-height: 30px; color: #999; padding: 5px 0 10px 0; } .lgtime { background: #f0f0f0; color: #333; width: max-content; font-size: 12px; line-height: 20px; text-align: center; padding-right: 5px; margin: 0 auto; border-radius: 4px; overflow: hidden; } .lgtime span { margin: 0 4px; } .lgtime .sclassName { color: #fff; padding: 4px 8px; border-radius: 0; display: inline-block; } #vs h1 { text-align: center; font-size: 18px; font-family: "微软雅黑", "黑体"; font-weight: bold; line-height: 35px; display: block; width: 100%; overflow: hidden; margin: 0px; } #vs .info h1 .guest_name { width: 45%; float: left; text-align: left; font-size: 30px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #333; } #vs .info h1 .vs { float: left; width: 10%; color: #333; font-weight: bold; } #vs .info h1 .home_name { float: left; width: 45%; text-align: right; font-size: 30px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #333; } #vs .score { width: 18%; color: #0054d7; font-size: 40px; line-height: 65px; text-align: center; font-weight: bold; font-family: Montserrat; float: left; } #vs .info.HT .score { color: #3473C7; } #vs .info.half .score { color: #009a01; } #vs .info.end .score { color: #d64444; } #vs .items { width: 64%; float: left; } #headVs .state { font-size: 14px; margin: 16px auto; display: block; } #headVs .state b { background: #f0f0f0; font-size: 18px; min-width: 26px; padding: 6px 4px; margin: 0 4px; border-radius: 4px; display: inline-block; } #headVs { text-align: center; line-height: 20px; font-size: 12px; overflow: hidden } #headVs .vs { line-height: 60px; font-weight: bold; color: #d64444; font-size: 40px; font-family: Montserrat } #headVs .end { margin: 0 auto; width: 100%; } #headVs .end .row.b { color: #d64444; } #headVs .score { width: 25% !important; font-size: 40px; font-weight: bold; line-height: 60px; text-align: right; font-family: Montserrat; } #headVs .end > div { width: 50%; float: left; } #headVs .end .score { color: #d64444; } #headVs .row.b { line-height: 20px; font-size: 15px; margin: 5px 0; } .row { line-height: 30px; width: 100%; display: block; overflow: hidden; margin-top: 0; white-space: nowrap; text-overflow: ellipsis; } #headVs .gt { text-align: left; } #headVs .HT { margin: 0 auto; width: 100%; } #headVs .HT > div { width: 50%; float: left; } #headVs .HT .score { color: #3473C7; } #headVs .HT .row.b { color: #3473C7; } #headVs .half { margin: 0 auto; width: 100%; } #headVs .half > div { width: 50%; float: left; } #headVs .half .score { color: #009a01; } #headVs .half .row.b { color: #009a01; } #headVs .half { display: flex; align-items: center; } /* #vs #hometeam a,#vs #guestteam a { color: #333; } #vs #guestteam img, #vs #hometeam img { display: block; margin: 0 auto 10px auto; border-radius: 50%; background-color: #FFF; } */ .against::after { content: ""; display: block; clear: both; } .against { padding: 12px 0 0 0; overflow: hidden; display: flex;} #hometeam, #guestteam { float: left; width: 25%; height: auto; text-align: right; margin: 5px 0; display: flex; align-items: center; justify-content: flex-end; } #guestteam { text-align: left; justify-content: flex-start; } #hometeam .teamimg, #guestteam .teamimg { width: 40px; height: 40px; outline: 5px solid #ffe4b9; border: 3px solid #7e72b3; padding: 5px; margin: 0 20px; border-radius: 18%; flex: 0 0 auto; } #guestteam .teamimg { outline-color: #c9e1ff; } #hometeam img, #guestteam img { width: 100%; height: 100%; } #hometeam a, #guestteam a { text-decoration: none; } #hometeam .name:hover, #guestteam .name:hover { color: #51409d; } #hometeam .name, #guestteam .name { color: #333; height: 20px; font-size: 20px; line-height: 20px; font-weight: bold; text-align: center; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } .guessBox { font-size: 14px; margin: 0 auto 5px auto; } .guessBox:last-child { margin: 0; } .guessBox li { width: 100%; line-height: 28px; text-align: center; padding: 0; margin: 0 auto; display: block; overflow: hidden; } .guessBox li .btn { width: 30%; background: #FFF; font-weight: bold; border: 1px solid #bcc1c3; border-radius: 4px; cursor: pointer; } .guessBox li .btn_off { width: 30%; background: #b8bec1; color: #fff; font-weight: bold; border-radius: 4px; cursor: pointer; } .guessBox li .on { background: #e9410f; color: white; border-color: #e9410f; font-weight: 600; } .guessBox li .home { float: left; font-weight: normal; } .guessBox li .guest { float: right; font-weight: normal; } .guessBox li .guessinfo { width: 38%; float: left; text-align: center; } .guessBox li .guessinfo span { padding: 0 5px; } .guessBox li .yellowBG { } #content { width: 1040px; margin-right: auto; margin-left: auto; background-color: #FFF; padding-bottom: 5px; } #content .content { margin-bottom: 1px; border-right: none; border-bottom: none; border-left: none; border-top-style: none; } #content .content h2 { background: #f9f9f9; text-align: left; line-height: 34px; font-weight: bold; padding-left: 20px; font-size: 16px; border-style: none; } #content .content h2::before { content: ""; background: #51409d; width: 4px; height: 18px; margin-right: 8px; border-radius: 2px; vertical-align: -3px; display: inline-block; } #content .content h2 .tabBtn { float: right; clear: right; height: 30px; width: 30px; display: block; cursor: pointer; background: url(../images/guess/jian.png) no-repeat center center; } #content .content h2 .hide { background: url(../images/guess/jia.png) no-repeat center center; } #content .content .info { border-bottom: 1px solid #eaeaea; } .linkBox { height: 20px; line-height: 20px; margin-left: 8px; font-size: 12px; font-weight: normal; white-space: nowrap; width: 100px; float: left; } .linkBox:hover { 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; line-height: 20px; height: 20px; } .linkedBox { height: 20px; line-height: 20px; margin-left: 6px; font-size: 12px; font-weight: normal; white-space: nowrap; width: 100px; float: left; margin-bottom: 5px; } .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; } .linkRecord { margin: 0 0 0 2px; display: inline-block; float: left; } .weiquBox .right .title .time { color: #888; font-size: 12px; line-height: 20px; margin-left: 6px; } .weiquBox { position: relative; padding: 20px; border-top: 1px solid #eaeaea; } .weiquBox .left { float: left; } .weiquBox .left .icon { background: #F3F3F3; width: 60px; text-align: center; position: relative; border-radius: 50%; } .weiquBox .left .icon i { font-style: normal; background: #e9410f; color: #FFF; display: block; line-height: 20px; } .weiquBox .left .icon i a { color: #FFF; } .weiquBox .left .icon img { border-radius: 50%; } .weiquBox .right { margin: 0px; width: 760px; float: left; clear: none; padding-left: 20px; } .weiquBox .right h3 { font-weight: bold; line-height: 34px; font-size: 18px } .weiquBox .right .title { border-style: none; font-weight: bold; font-size: 14px; line-height: normal; overflow: hidden; margin: 4px 0; } .weiquBox .right .info { font-size: 14px; } .weiquBox .right .info a { font-size: 14px; color: #277bd5; } .weiquBox .right .info a:hover { color: #E76D00; } .weiquBox .right .info img { vertical-align: text-bottom; } .weiquBox .right .title a { float: left; } .weiquBox .right .title .name { color: #277bd5; } .weiquBox a.payQB { background: #0067af; padding: 3px 5px; color: #FFF; font-size: 12px; } .weiquBox a.payQB:hover { background: #F33; padding: 3px 5px; color: #FFF; font-size: 12px; } .weiquBox .pay-btn { background: #edebf9; color: #51409d; border: 1px solid #d4d1eb; box-shadow: 0px 1px 1px rgba(90, 22, 255, 0.1); position: relative; top: 0; width: 100px; font-size: 14px; line-height: 24px; text-align: center; font-weight: bold; height: 44px; padding: 2px 0 0; margin-top: 8px; border-radius: 4px; float: right; cursor: pointer; overflow: hidden; } .weiquBox .paycou { position: static; background: #fff; color: #957d76; font-weight: normal; line-height: 21px; text-align: center; padding-bottom: 1px; font-size: 12px; } .weiquBox .paycou .b { font-weight: bold; color: #F33; } .weiquBox .btn:hover, .weiquBox .RT_Btn.hover ul li.btn:hover, .weiquBox .RT_Btn.hover ul li.btn:hover a { color: #FFF; background: #0067af; border: 1px solid #0067af; } .weiquBox .like2 { background: url(../images/guess/star_on.png) no-repeat left center; padding-left: 20px; cursor: pointer; } .weiquBox .heightLightBG { background: url(../images/guess/yy.gif) no-repeat left top; padding: 22px 16px 13px; border-style: none; margin-top: 5px; margin-bottom: 5px; font-size: 14px; } .weiquBox .btn { background: #e9f8fc; color: #069; font-size: 12px; line-height: 20px; margin-right: 4px; margin-left: 4px; cursor: pointer; padding: 2px 4px; height: 20px; border-radius: .3125em; border: 1px solid #b2c2ce; float: right; } .popupGuessTD { display: block; line-height: normal; 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:hover { background-color: #F9F2EC; } .popupGuessTD .mulit .dataBox { float: right; width: 255px } .popupGuessTD .mulit .dataBox .item { overflow: hidden; border-left: solid 1px #eaeaea; line-height: 34px; height: 34px; } .popupGuessTD .mulit .dataBox .item:last-child { border-bottom: none; } .popupGuessTD .mulit .mulitBox { } .popupGuessTD .mulit .mulitBox .odds { float: left; } .popupGuessTD .mulit .odds .odd { height: 32px; line-height: 32px; } .popupGuessTD .mulit .item .readBox { margin-top: 3px } .first { border-bottom: solid 1px #eaeaea; } .popupGuessTD .mulit .odds { margin-left: 0; padding-top: 0 } .popupGuessTD .odds { float: right; padding-top: 10px; width: 120px; } .popupGuessTD .odds .odd { display: block; float: left; line-height: 40px; } .popupGuessTD .p_content ul li { font-size: 14px; display: block; padding: 0 0 0 20px; border-bottom: 1px solid #eaeaea; overflow: hidden; height: auto; position: relative; line-height: 24px; } /* .popupGuessTD .p_content ul li:last-child { border-bottom: none; } */ .popupGuessTD .p_content ul li .userIcon { height: 40px; width: 40px; margin-right: 20px; padding-top: 10px } .popupGuessTD .p_content ul li .userIcon .img { height: 40px; width: 40px; margin: 0px; padding: 0px; } .popupGuessTD .p_content ul li .c_data { float: left; width: 300px; line-height: normal; padding: 10px 0 } .popupGuessTD .p_content ul li .readBox i { background: url(/images/hotGuess.png) no-repeat; position: absolute; right: 0px; top: 0; width: 30px; height: 30px; border-radius: 0px; } .popupGuessTD .p_content ul li .c_data .name { font-size: 14px; font-weight: bold; float: left; min-width: 100px; } .popupGuessTD .p_content ul li .readBox { float: right; text-align: center; margin-top: 18px; width: 120px; } .popupGuessTD .p_content ul li .readBox .readBtn { padding-top: 3px; padding-bottom: 3px; border-radius: 4px; cursor: pointer; color: #FFF; background-color: #F16745; width: 100px; height: 22px; line-height: 22px; } .popupGuessTD .p_content ul li .readBox .readBtn:hover { background-color: #F58C72; } .popupGuessTD .p_bottom { background: url(../images/guess/pop_top_bottom.gif) no-repeat; height: 13px; margin: 0px 0px 25px; } .popupGuessTD .p_content ul li .ranktag { position: absolute; background-color: orangered; color: white; font-size: 11px; top: 48px; padding: 2px; left: 17px; line-height: 15px; z-index: 99; border-radius: 5px; } .popupGuessTD .p_content ul li .wintag { position: absolute; background-color: red; color: white; font-size: 11px; top: 1px; padding: 2px 8px 2px 8px; left: 480px; line-height: 15px; 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: 2px; line-height: 15px; left: 17px; z-index: 99; border-radius: 5px; } .popupGuessTD .p_content ul li .wintag2 { position: absolute; background-color: red; color: white; font-size: 11px; top: 1px; padding: 2px 8px 2px 8px; left: 480px; line-height: 15px; z-index: 99; border-radius: 5px; } .popupGuessTD .p_content ul li .readBox .focus { background: url(/images/guess/FocusGuess.png); width: 22px; height: 21px; } .info .shareinfo { color: #999; } .newsmenu { background-color: #FFF; margin: 8px auto 0 auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eaeaea; font-size: 14px; height: 40px; width: 1030px; padding-left: 10px; } .newsmenu li { float: left } .newsmenu a { text-align: center; line-height: 40px; padding: 8px 10px; } .tag_on:link, .tag_on:visited { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #e9410f; font-weight: bold; color: #e9410f; } .anlynav { border-top: 1px solid #e5e5e5; } .anlynav .newsmenu { position: relative; background: #fff; width: 1040px; height: auto; font-size: 14px; text-align: center; padding: 5px 0; margin: 0 auto; border: none; } .anlynav .newsmenu li { margin: 0 5px; display: inline-block; float: none; } .anlynav .newsmenu li a { color: #333; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; padding: 0 15px; border-radius: 30px; float: none; display: inline-block; transition: all 0.2s linear; } .anlynav .newsmenu li a:hover { color: #e9410f; text-decoration: none; } .anlynav .tag_on:link, .anlynav .tag_on:visited { background: #e9410f; color: #fff !important; height: 30px; border: none; text-decoration: none; } .anlynav .rsbtns { position: absolute; right: 0; top: 6px; } .anlynav .newsmenu li.rsbtns a { width:60px; background: #f8f6ff; color: #51409d; border: 1px solid #d6d2e7; font-size: 12px; font-weight: normal; height: 26px; line-height: 26px; padding: 0 10px; border-radius: 30px; float: none; display: inline-block; transition: all 0.2s linear; } .u_record { float: left; margin-left: 85px; padding-top: 10px } .popupGuessTD .p_content ul .mulit { } .item { line-height: 42px; } .rank { margin-left: 6px; color: #f46945; } .readBox .readBtn:hover { background: #FDF9DF; color: #C30; } .rankList .readBox .readBtn { line-height: 33px; border: 1px solid #eaeaea; position: relative; width: 85px; cursor: pointer; float: left; background-color: #F7F7F7; border-radius: 4px; margin-left: 20px; } .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; } .rss:hover { background: #FF771C; } .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; } .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 .rankList .c_data { font-size: 18px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #cc3300; } .rankList tr td { padding: 5px 0; } /*前瞻-战绩标签*/ /*近X中X*/ .zhanji { display: inline-block; color: #fff; background: linear-gradient(90deg,#F1AC58,#F39D43); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; margin-left: 6px; } /*近X中X*/ .zhanji i { width: 16px; height: 16px; border-radius: 50%; background: #F1AC58 url('/images/label-desc.svg') center center; border: 1px solid #ffdf7e; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; } /*最长连红*/ .Rident { display: inline-block; color: #fff; background: linear-gradient(90deg,#F99F6D,#FF7557); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; margin-left: 6px; } /*最长连红*/ .Rident i { width: 16px; height: 16px; border-radius: 50%; background: #F99F6D url('/images/label-Rident.svg') center center; border: 1px solid #ffddb4; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; } /*人气榜*/ .m_hot { display: inline-block; color: #fff; background: linear-gradient(90deg,#78BEF9,#5DACF8); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; margin-left: 6px; } /*人气榜*/ .m_hot i { width: 16px; height: 16px; border-radius: 50%; background: #78BEF9 url('/images/label-hot.svg') center center; border: 1px solid #caeeff; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; } /*联赛胜率*/ .league { display: inline-block; color: #fff; background: linear-gradient(90deg,#62CCD6,#4EC2D0); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; margin-left: 6px; } /*联赛胜率*/ .league i { width: 16px; height: 16px; border-radius: 50%; background: #62CCD6 url('/images/label-win.svg') center center; border: 1px solid #94ffea; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; } /*连胜*/ .continuous { display: inline-block; color: #fff; background: linear-gradient(90deg,#ff745b,#ff583a); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; margin-left: 6px;} /*连胜*/ .continuous i { width: 16px; height: 16px; border-radius: 50%; background: #ff745b url('/images/label-win.svg') center center; border: 1px solid #ffd6b9; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; } /*简洁*/ .desc.concise, .Rident.concise, .Rident_long.concise, .m_hot.concise, .league.concise,.continuous.concise { padding: 0 8px !important; } /*#newsExperter .desc, #newsExperter .Rident, #newsExperter .Rident_long, #newsExperter .m_hot, #newsExperter .league {color: #e9410f;font-size: 12px;border: none;background: none;}*/ #newsExperter .desc i, #newsExperter .Rident i, #newsExperter .Rident_long i, #newsExperter .m_hot i, #newsExperter .league i { border: none; background: none; width: 0; height: 0; } #newsExperter .desc, #newsExperter .Rident, #newsExperter .Rident_long, #newsExperter .m_hot, #newsExperter .league, #guessExperter .m_hot, #guessExperter .desc { padding: 0 8px; } .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;}