/* http://www.xd.com * Version 3 * * Created By 代立晨 * 2012-03-22 * */ /* Global Styles */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } ul.clearfix li { float: left; } .clearfix {*height: 100%;} * html .clearfix { height: 1%; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { box-sizing:content-box; -o-box-sizing:content-box; -ms-box-sizing:content-box; -icab-box-sizing:content-box; -khtml-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } /* ios font size */ @media screen and (max-device-width: 960px){ body{ -webkit-text-size-adjust:none; } } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } *{ word-wrap: break-word; } html { overflow-y:scroll; overflow-x:hidden; } body { font:12px/1.8 Arial,sans-serif; /*防止横向滚动条*/ color: #999; background: #fff none; } input[type=password], input[type=text]{ border: 1px solid #dadada; font-size: 12px; color: #333; height: 12px; line-height: 12px; padding: 6px 5px 5px; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #ffffff; } input[type=password]:focus, input[type=text]:focus { border: 1px solid #888888 !important; outline:none; } input[type=checkbox]{ vertical-align: middle; } select{ border: 1px solid #dadada; font-size: 12px; color: #333; line-height: 12px; } ul { list-style: none; } ol{ list-style: decimal inside; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*main .css 2011.9.28 xdnew _v2 xd.com*/ a{ color: #999; text-decoration:none; cursor: pointer; } span{ color:inherit; } a:hover { text-decoration:underline; color: #ff6600; } a img{ vertical-align: middle; } label[for]{ cursor: pointer; } #noscript { height: 50px; line-height: 50px; font-size: 14px; text-align: center; background: url(../../imgs/v3/noscript.png) repeat-x; } /***************************** END OF RESET *********************************/ /***************************** COMMON BEGIN *********************************/ /* * 规定黑、白、第一灰度、第二灰度、最小灰度 * 规定主色、第一辅色、第二辅色 * 命名为 名称+'Color' 或 名称+'Bg' * * 分别命名为：blank, white, firstGray, secondGray, lastGray * primary, firstAssist, secondAssist */ .blankColor{ color: #333333; } .whiteColor{ color: #ffffff; } .firstGrayColor{ color: #666666; } .secondGrayColor{ color: #999999; } .middleGrayColor{ color: #dadada; } .lastGrayColor{ color: #cccccc; } .primaryColor{ color: #ff6600; } .firstAssistColor{ color: #ed1c24; } .secondAssistColor{ color: #ffd700; } /*背景部分*/ .blankBg{ background-color: #333333; } .whiteBg{ background-color: #ffffff; } .firstGrayBg{ background-color: #f5f5f5; } .primaryBg{ background-color: #ff6600; } .firstAssistBg{ background-color: #ed1c24; } .secondAssistBg{ background-color: #ffd700; } .basicBorder{border:1px solid #dadada;} /* 颜色定义结束 */ .floatLeft{ float: left !important; } .floatRight{ float: right !important; } .noFloat{ float: none !important; } .noWidth{ width: auto !important; } .textLeft{ text-align: left; } .textRight{ text-align: right; } .textCenter{ text-align: center; } .bold{ font-weight: bold !important; } .relative{ position: relative; } .absolute{ position: absolute; } .displayNone,.hide{ display: none; } .unvisible{ visibility: hidden; } .iBlock{ display: inline-block; *display: inline; *zoom: 1; } .mainLayout{ margin:auto; width: 980px; } .blockCenter{ display: block; margin-left:auto; margin-right:auto; } ul.hideText li{ text-indent:-99999px; } .noBg{ background: none !important; } .noBorder{border:none !important;} .noBorderLeft{border-left:none !important;} .noBorderRight{border-right:none !important;} .noBorderTop{border-top:none !important;} .noBorderBottom{border-bottom:none !important;} .noMargin{margin:0 !important;} .noMarginLeft{margin-left:0 !important;} .noMarginRight{margin-right:0 !important;} .noMarginTop{margin-top:0 !important;} .noMarginBottom{margin-bottom:0 !important;} .noPadding{padding:0 !important;} .noPaddingLeft{padding-left:0 !important;} .noPaddingRight{padding-right:0 !important;} .noPaddingTop{padding-top:0 !important;} .noPaddingBottom{padding-bottom:0 !important;} .fontSize12 {font-size:12px !important;} .fontSize14 {font-size:14px !important;} .fontSize16 {font-size:16px !important;} .fontSize18 {font-size:18px !important;} .marginAuto {margin:auto !important;} .marginBottom0 {margin-bottom:0px !important;} .marginBottom5 {margin-bottom:5px !important;} .marginBottom10 {margin-bottom:10px !important;} .marginBottom15 {margin-bottom:15px !important;} .marginBottom20 {margin-bottom:20px !important;} .marginBottom30 {margin-bottom:30px !important;} .marginBottom40 {margin-bottom:40px !important;} .marginTop0 {margin-top:0px !important;} .marginTop5 {margin-top:5px !important;} .marginTop10 {margin-top:10px !important;} .marginTop15 {margin-top:15px !important;} .marginTop20 {margin-top:20px !important;} .marginTop30 {margin-top:30px !important;} .marginTop40 {margin-top:40px !important;} .marginLeft0 {margin-left:0px !important;} .marginLeft5 {margin-left:5px !important;} .marginLeft10 {margin-left:10px !important;} .marginLeft15 {margin-left:15px !important;} .marginLeft20 {margin-left:20px !important;} .marginLeft30 {margin-left:30px !important;} .marginLeft40 {margin-left:40px !important;} .marginRight0 {margin-right:0px !important;} .marginRight5 {margin-right:5px !important;} .marginRight10 {margin-right:10px !important;} .marginRight15 {margin-right:15px !important;} .marginRight20 {margin-right:20px !important;} .marginRight30 {margin-right:30px !important;} .marginRight40 {margin-right:40px !important;} .margin0 {margin:0px !important;} .margin5 {margin:5px} .margin10 {margin:10px} .margin15 {margin:15px} .margin20 {margin:20px} .margin30 {margin:30px} .margin40 {margin:40px} .marginTop-5 {margin-top:-5px !important;} .marginTop-10 {margin-top:-10px !important;} .marginTop-15 {margin-top:-15px !important;} /** --- paddings --- **/ .paddingAuto {padding:auto !important;} .paddingBottom0 {padding-bottom:0px !important;} .paddingBottom5 {padding-bottom:5px !important;} .paddingBottom10 {padding-bottom:10px !important;} .paddingBottom15 {padding-bottom:15px !important;} .paddingBottom20 {padding-bottom:20px !important;} .paddingBottom30 {padding-bottom:30px !important;} .paddingBottom40 {padding-bottom:40px !important;} .paddingTop0 {padding-top:0px !important;} .paddingTop5 {padding-top:5px !important;} .paddingTop10 {padding-top:10px !important;} .paddingTop15 {padding-top:15px !important;} .paddingTop20 {padding-top:20px !important;} .paddingTop30 {padding-top:30px !important;} .paddingTop40 {padding-top:40px !important;} .paddingLeft0 {padding-left:0px !important;} .paddingLeft5 {padding-left:5px !important;} .paddingLeft10 {padding-left:10px !important;} .paddingLeft15 {padding-left:15px !important;} .paddingLeft20 {padding-left:20px !important;} .paddingLeft30 {padding-left:30px !important;} .paddingLeft40 {padding-left:40px !important;} .paddingRight0 {padding-right:0px !important;} .paddingRight5 {padding-right:5px !important;} .paddingRight10 {padding-right:10px !important;} .paddingRight15 {padding-right:15px !important;} .paddingRight20 {padding-right:20px !important;} .paddingRight30 {padding-right:30px !important;} .paddingRight40 {padding-right:40px !important;} .padding0 {padding:0px !important;} .padding5 {padding:5px} .padding10 {padding:10px} .padding15 {padding:15px} .padding20 {padding:20px} .padding30 {padding:30px} .padding40 {padding:40px} .paddingTop-5 {padding-top:-5px !important;} .paddingTop-10 {padding-top:-10px !important;} .paddingTop-15 {padding-top:-15px !important;} .w80{width:80px !important;} .w160{width:160px !important;} .w230{width:230px !important;} .w260{width:260px !important;} .w370{width:370px !important;} .w470{width:470px !important;} .w710{width:710px !important;} .w790{width:790px !important;} .w810{width:810px !important;} .fontSize16{font-size:16px;} /*********** Buttons ************/ .flexible_x_button, .flexible_x_button span{ background: url('../../imgs/v3/buttons.png') no-repeat -2px; _background: url('../../imgs/v3/buttons8.png') no-repeat -2px; display: inline-block; *display: inline; *zoom:1; color: #fff; font-size: 12px; text-align: center; height: 25px; line-height: 25px; cursor: pointer; text-decoration: none; } .flexible_x_button span{ display: block; *display: inline; } .flexible_x_button:hover { text-decoration: none; } .flexible_x_button.button3{ height: 23px; line-height: 23px; border: 1px solid #dadada; border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: default; background: none; } .flexible_x_button.button3 span{ background: none; height: 23px; cursor: default; } .flexible_x_button{ padding-left: 15px; background-position: -2px -570px;} .flexible_x_button span{ padding-left: 5px; padding-right: 20px; background-position: right -972px; } .flexible_x_button span.go{ padding-left: 0px; background-position: right -246px; } .flexible_x_button:hover { background-position: -2px -596px; } .flexible_x_button:hover span { background-position: right -998px; } .flexible_x_button:hover span.go { background-position: right -272px; } .flexible_x_button:active { background-position: -2px -622px; } .flexible_x_button:active span { background-position: right -1024px; } .flexible_x_button:active span.go { background-position: right -298px; } /***白按钮***/ .flexible_x_button.fxb_white{ background-position: -2px -648px;} .flexible_x_button.fxb_white span{ color: #888 !important; background-position: right -1050px !important; } .flexible_x_button.fxb_white:hover { background-position: -2px -674px !important; } .flexible_x_button.fxb_white:hover span { background-position: right -1076px !important; } .flexible_x_button.fxb_white:active { background-position: -2px -700px !important; } .flexible_x_button.fxb_white:active span { background-position: right -1102px !important; } .flexible_x_button.fxb_30.fxb_30_unable{ background-position: 0px -1728px;} .flexible_x_button.fxb_30.fxb_30_unable span{ color: #888 !important; background-position: right -1728px !important; } .flexible_x_button.fxb_30.fxb_30_unable:hover{ background-position: 0px -1728px;} .flexible_x_button.fxb_30.fxb_30_unable:hover span{ color: #888 !important; background-position: right -1728px !important; } .flexible_x_button.fxb_30.fxb_30_unable:active{ background-position: 0px -1728px;} .flexible_x_button.fxb_30.fxb_30_unable:active span{ color: #888 !important; background-position: right -1728px !important; } /***中按钮***/ .flexible_x_button.fxb_30, .flexible_x_button.fxb_30 span{ height: 30px; line-height: 30px; font-size: 14px; } .flexible_x_button.fxb_30{ padding-left: 3px; background-position: -1px -1542px; } .flexible_x_button.fxb_30 span{ padding-left: 10px; padding-right: 13px; background-position: right -1356px; } .flexible_x_button.fxb_30 span.go{ padding-left: 10px; padding-right: 25px; background-position: right -1170px; } .flexible_x_button.fxb_30:hover { background-position: -1px -1573px; } .flexible_x_button.fxb_30:hover span { background-position: right -1387px; } .flexible_x_button.fxb_30:hover span.go { background-position: right -1201px; } .flexible_x_button.fxb_30:active { background-position: -1px -1604px; } .flexible_x_button.fxb_30:active span { background-position: right -1418px; } .flexible_x_button.fxb_30:active span.go { background-position: right -1232px; } /***不可用按钮***/ .flexible_x_button.fxb_30.fxb_30_unable{ background-position: 0px -1728px;} .flexible_x_button.fxb_30.fxb_30_unable span{ color: #888 !important; background-position: right -1728px !important; } .flexible_x_button.fxb_30.fxb_30_unable:hover{ background-position: 0px -1728px;} .flexible_x_button.fxb_30.fxb_30_unable:hover span{ color: #888 !important; background-position: right -1728px !important; } .flexible_x_button.fxb_30.fxb_30_unable:active{ background-position: 0px -1728px;} .flexible_x_button.fxb_30.fxb_30_unable:active span{ color: #888 !important; background-position: right -1728px !important; } /* .flexible_x_button.fxb_30.fxb_30_unable .fxb_loading, .flexible_x_button.fxb_30.fxb_30_unable:hover .fxb_loading, .flexible_x_button.fxb_30.fxb_30_unable:active .fxb_loading { background: url(../../imgs/v3/fxb_white_loading.gif) no-repeat center center !important; margin:0; display:inline; padding: 3px 10px;} */ /***红色中按钮***/ .flexible_x_button.fxb_30.fxb_30_red{ background-position: -1px -1635px; } .flexible_x_button.fxb_30.fxb_30_red span{ background-position: right -1449px; } .flexible_x_button.fxb_30.fxb_30_red span.go{ background-position: right -1263px; } .flexible_x_button.fxb_30.fxb_30_red:hover { background-position: -1px -1666px; } .flexible_x_button.fxb_30.fxb_30_red:hover span { background-position: right -1480px; } .flexible_x_button.fxb_30.fxb_30_red:hover span.go { background-position: right -1294px; } .flexible_x_button.fxb_30.fxb_30_red:active { background-position: -1px -1697px; } .flexible_x_button.fxb_30.fxb_30_red:active span { background-position: right -1511px; } .flexible_x_button.fxb_30.fxb_30_red:active span.go { background-position: right -1325px; } /***大按钮***/ .flexible_x_button.fxb_bigger, .flexible_x_button.fxb_bigger span{ height: 40px; line-height: 40px; font-size: 14px; } .flexible_x_button.fxb_bigger{ padding-left: 20px; background-position: -2px -324px; } .flexible_x_button.fxb_bigger span{ padding-left: 10px; padding-right: 30px; background-position: right -726px; } .flexible_x_button.fxb_bigger span.go{ padding-left: 0px; background-position: right 0; } .flexible_x_button.fxb_bigger:hover { background-position: -2px -365px; } .flexible_x_button.fxb_bigger:hover span { background-position: right -767px; } .flexible_x_button.fxb_bigger:hover span.go { background-position: right -41px; } .flexible_x_button.fxb_bigger:active { background-position: -2px -406px; } .flexible_x_button.fxb_bigger:active span { background-position: right -808px; } .flexible_x_button.fxb_bigger:active span.go { background-position: right -82px; } /***红色大按钮***/ .flexible_x_button.fxb_bigger.fxb_b_red{ background-position: -2px -447px; } .flexible_x_button.fxb_bigger.fxb_b_red span{ background-position: right -849px; } .flexible_x_button.fxb_bigger.fxb_b_red span.go{ background-position: right -123px; } .flexible_x_button.fxb_bigger.fxb_b_red:hover { background-position: -2px -488px; } .flexible_x_button.fxb_bigger.fxb_b_red:hover span { background-position: right -890px; } .flexible_x_button.fxb_bigger.fxb_b_red:hover span.go { background-position: right -164px; } .flexible_x_button.fxb_bigger.fxb_b_red:active { background-position: -2px -529px; } .flexible_x_button.fxb_bigger.fxb_b_red:active span { background-position: right -931px; } .flexible_x_button.fxb_bigger.fxb_b_red:active span.go { background-position: right -205px; } /***白色大按钮***/ .flexible_x_button.fxb_bigger.fxb_b_white{ background-position: -1px -2005px; } .flexible_x_button.fxb_bigger.fxb_b_white span{ color: #666; background-position: right -1882px; } .flexible_x_button.fxb_bigger.fxb_b_white span.go{ color: #666; background-position: right -1759px; } .flexible_x_button.fxb_bigger.fxb_b_white:hover { background-position: -1px -2046px; } .flexible_x_button.fxb_bigger.fxb_b_white:hover span { background-position: right -1923px; } .flexible_x_button.fxb_bigger.fxb_b_white:hover span.go { background-position: right -1800px; } .flexible_x_button.fxb_bigger.fxb_b_white:active { background-position: -1px -2087px; } .flexible_x_button.fxb_bigger.fxb_b_white:active span { background-position: right -1964px; } .flexible_x_button.fxb_bigger.fxb_b_white:active span.go { background-position: right -1841px; } .flexible_checker, .flexible_checker span{ font-size: 12px; text-align: center; height: 20px; line-height: 20px; display: inline-block; *display: inline; *zoom:1; cursor:pointer; vertical-align: top; } .flexible_checker{ padding-left: 9px; } .flexible_checker span{ padding-right: 10px; } .flexible_checker.fc_active, .flexible_checker.fc_active span{ background: url('../../imgs/v3/buttons.png') no-repeat -1px -1128px; _background: url('../../imgs/v3/buttons8.png') no-repeat -1px -1128px; color: #fff; cursor: pointer; } .flexible_checker.fc_active span{ background-position: right -1149px; } .flexible_checker:hover { text-decoration:none; } /********* END OF PROPERITY *********/ /********* 各种基类 *********/ /* 主要的分栏 */ .column{ margin: 0 5px; float:left;} /* 图片背景的按钮都在一张雪碧图中 */ .png_button{ background: url('../../imgs/v3/uc_button.gif') no-repeat; color: #ffffff; cursor: pointer; text-align: center; } .gif_button{ background: url('../../imgs/v3/gif_button.gif') no-repeat; color: #ffffff; cursor: pointer; text-align: center; } a.png_button, a.gif_button{ display: block; } a.png_button:hover, a.gif_button:hover { color: #ffffff; text-decoration:none; } .png_button.orange_round_small{ width: 66px; height: 27px; line-height: 27px; background-position: 0 -72px; } /* 类似于挂件的东西都用这个 */ .widget { border: 1px solid #dadada; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 10px; } .widget .header{ height: 32px; background: url('../../imgs/v3/widget_header.gif') repeat-x; border-bottom: 1px solid #dadada; overflow: hidden; } .widget .header.dashedBorder{ border-style: dashed; } .widget .header .title{ float:left; padding: 8px 10px; font-size: 15px; line-height: 100%; background: url('../../imgs/v3/widget_icon.gif') no-repeat left center; color: #333; } .widget .content .header .title{ padding-left: 0; } .widget .header .addition{ float:right; padding: 10px 0px 8px 10px; margin-right: 5px; font-size: 12px; line-height: 12px; } .widget .header .addition a.link{ font-size: 12px; height: 12px; line-height: 12px; padding-right: 10px; background: url('../../imgs/v3/widget_right_icon.gif') no-repeat right 1px; display:inline-block; *display:inline; } .widget .header .addition a.link:hover { background-image: url('../../imgs/v3/widget_right_icon_active.gif'); text-decoration: none; } .widget .body .addition{/** to stop the **/ background: none; } .widget .body{ padding: 10px; } .widget.hasSidebarContent .body{ padding: 0; background: url('../../imgs/v3/sidebar_gray.gif') repeat-y; } .widget.hasSidebarContent .body .sidebar{ float: left; width: 160px; padding-bottom: 10px; } .widget.hasSidebarContent .body .sidebar li{ font-size: 14px; color: #666666; padding: 7px 0 0 10px; } .widget.hasSidebarContent .body .sidebar li a{ color: #333333; font-size: 12px; padding-left: 45px; line-height: 32px; display:block; } .widget.hasSidebarContent .body .sidebar li.no_icon a{ padding: 0 10px 0 20px; } .widget.hasSidebarContent .body .content{ float: left; background: #fff; padding: 20px; width: 778px; } .widget.noHeaderWidget .body .header, .widget.noHeaderWidget .body .header .title, .widget.hasSidebarContent .body .content .header, .widget.hasSidebarContent .body .content .title{ background:none; } .widget.noHeaderWidget .body .content, .widget.hasSidebarContent .body .content .content{ float:none; padding: 20px 0; width: 100%; color: #666666; } .widget.hasSidebarContent .body .sidebar li a{ background: url('../../imgs/v3/icons3.gif') no-repeat -161px -5px; } .widget.hasSidebarContent .body .sidebar li.icon_2 a{ background-position: -161px -42px; } .widget.hasSidebarContent .body .sidebar li.icon_3 a{ background-position: -161px -80px; } .widget.hasSidebarContent .body .sidebar li.icon_4 a{ background-position: -161px -146px; } .widget.hasSidebarContent .body .sidebar li.icon_5 a{ background-position: -161px -184px; } .widget.hasSidebarContent .body .sidebar li.icon_6 a{ background-position: -161px -222px; } .widget.hasSidebarContent .body .sidebar li.icon_7 a{ background-position: -161px -259px; } .widget.hasSidebarContent .body .sidebar li.icon_8 a{ background-position: -161px -328px; } .widget.hasSidebarContent .body .sidebar li.icon_9 a{ background-position: -161px -367px; } .widget.hasSidebarContent .body .sidebar li.icon_10 a{ background-position: -161px -432px; } .widget.hasSidebarContent .body .sidebar li.icon_11 a{ background-position: -161px -471px; } .widget.hasSidebarContent .body .sidebar li.icon_12 a{ background-position: -161px -531px; } .widget.hasSidebarContent .body .sidebar li.icon_13 a{ background-position: -161px -571px; } .widget.hasSidebarContent .body .sidebar li.icon_14 a{ background-position: -161px -608px; } .widget.hasSidebarContent .body .sidebar li.icon_15 a{ background-position: -161px -646px; } .widget.hasSidebarContent .body .sidebar li.icon_16 a{ background-position: -161px -684px; } .widget.hasSidebarContent .body .sidebar li.icon_17 a{ background-position: -161px -723px; } .widget.hasSidebarContent .body .sidebar li.icon_18 a{ background-position: -161px -759px; } .widget.hasSidebarContent .body .sidebar li.icon_19 a{ background-position: -161px -797px; } .widget.hasSidebarContent .body .sidebar li.icon_20 a{ background-position: -161px -836px; } .widget.hasSidebarContent .body .sidebar li.icon_21 a{ background-position: -161px -873px; } .widget.hasSidebarContent .body .sidebar li.icon_22 a{ background-position: -161px -912px; } .widget.hasSidebarContent .body .sidebar li.icon_23 a{ background-position: -161px -950px; } .widget.hasSidebarContent .body .sidebar li.icon_24 a{ background-position: -161px -989px; } .widget.hasSidebarContent .body .sidebar li.icon_25 a{ background-position: -161px -1026px; } .widget.hasSidebarContent .body .sidebar li.icon_26 a{ background-position: -161px -1065px; } .widget.hasSidebarContent .body .sidebar li.icon_27 a{ background-position: -161px -1104px; } .widget.hasSidebarContent .body .sidebar li.icon_28 a{ background-position: -161px -1143px; } .widget.hasSidebarContent .body .sidebar li.icon_29 a{ background-position: -161px -113px; } .widget.hasSidebarContent .body .sidebar li.icon_30 a{ background-position: -161px -292px; } .widget.hasSidebarContent .body .sidebar li.icon_31 a{ background-position: -161px -399px; } .widget.hasSidebarContent .body .sidebar li.icon_32 a{ background-position: -161px -1182px; } .widget.hasSidebarContent .body .sidebar li.no_icon a{ background-position: -161px -1221px; } .widget.hasSidebarContent .body .sidebar li a.chosen{ background: url('../../imgs/v3/icons3.gif') no-repeat 0 -5px; } .widget.hasSidebarContent .body .sidebar li.icon_2 a.chosen{ background-position: 0 -42px; } .widget.hasSidebarContent .body .sidebar li.icon_3 a.chosen{ background-position: 0 -80px; } .widget.hasSidebarContent .body .sidebar li.icon_4 a.chosen{ background-position: 0 -146px; } .widget.hasSidebarContent .body .sidebar li.icon_5 a.chosen{ background-position: 0 -184px; } .widget.hasSidebarContent .body .sidebar li.icon_6 a.chosen{ background-position: 0 -222px; } .widget.hasSidebarContent .body .sidebar li.icon_7 a.chosen{ background-position: 0 -259px; } .widget.hasSidebarContent .body .sidebar li.icon_8 a.chosen{ background-position: 0 -328px; } .widget.hasSidebarContent .body .sidebar li.icon_9 a.chosen{ background-position: 0 -367px; } .widget.hasSidebarContent .body .sidebar li.icon_10 a.chosen{ background-position: 0 -432px; } .widget.hasSidebarContent .body .sidebar li.icon_11 a.chosen{ background-position: 0 -471px; } .widget.hasSidebarContent .body .sidebar li.icon_12 a.chosen{ background-position: 0 -531px; } .widget.hasSidebarContent .body .sidebar li.icon_13 a.chosen{ background-position: 0 -571px; } .widget.hasSidebarContent .body .sidebar li.icon_14 a.chosen{ background-position: 0 -608px; } .widget.hasSidebarContent .body .sidebar li.icon_15 a.chosen{ background-position: 0 -646px; } .widget.hasSidebarContent .body .sidebar li.icon_16 a.chosen{ background-position: 0 -684px; } .widget.hasSidebarContent .body .sidebar li.icon_17 a.chosen{ background-position: 0 -723px; } .widget.hasSidebarContent .body .sidebar li.icon_18 a.chosen{ background-position: 0 -759px; } .widget.hasSidebarContent .body .sidebar li.icon_19 a.chosen{ background-position: 0 -797px; } .widget.hasSidebarContent .body .sidebar li.icon_20 a.chosen{ background-position: 0 -836px; } .widget.hasSidebarContent .body .sidebar li.icon_21 a.chosen{ background-position: 0 -873px; } .widget.hasSidebarContent .body .sidebar li.icon_22 a.chosen{ background-position: 0 -912px; } .widget.hasSidebarContent .body .sidebar li.icon_23 a.chosen{ background-position: 0 -950px; } .widget.hasSidebarContent .body .sidebar li.icon_24 a.chosen{ background-position: 0 -989px; } .widget.hasSidebarContent .body .sidebar li.icon_25 a.chosen{ background-position: 0 -1026px; } .widget.hasSidebarContent .body .sidebar li.icon_26 a.chosen{ background-position: 0 -1065px; } .widget.hasSidebarContent .body .sidebar li.icon_27 a.chosen{ background-position: 0 -1104px; } .widget.hasSidebarContent .body .sidebar li.icon_28 a.chosen{ background-position: 0 -1143px; } .widget.hasSidebarContent .body .sidebar li.icon_29 a.chosen{ background-position: 0 -113px; } .widget.hasSidebarContent .body .sidebar li.icon_30 a.chosen{ background-position: 0 -292px; } .widget.hasSidebarContent .body .sidebar li.icon_31 a.chosen{ background-position: 0 -399px; } .widget.hasSidebarContent .body .sidebar li.icon_32 a.chosen{ background-position: 0 -1182px; } .widget.hasSidebarContent .body .sidebar li.no_icon a.chosen{ background-position: 0 -1221px; } .widget.noHeaderWidget .body .header { line-height: 150%; border-style: dashed; } .widget.noHeaderWidget .body .content{ width: 920px; padding: 20px; } .widget.noHeaderWidget .body .content p { margin-top: 5px; } .widget.noHeaderWidget .body .content h2 { margin-top: 20px; font-size: 14px; } .widget.noHeaderWidget .body .content h3 { margin-top: 10px; font-size: 13px; } .widget.widgetPopup{ width: 500px; margin: 0; } .widget.widgetPopup .addition{ padding-top: 6px; padding-bottom: 5px; } .widget.widgetPopup .addition .close{ width: 20px; height: 20px; background: url(../../imgs/v3/widget_close.gif) no-repeat 5px 0px; cursor: pointer; display: block; text-indent: -9999px; } .widget.widgetPopup .close:hover { background-position: 5px -20px; } .widget.widgetPopup .noticeBody { padding: 20px 20px 20px 80px; background: url(../../imgs/v3/popup_notice.gif) no-repeat 15px 20px; } .widget.widgetPopup .controller { margin-top: 10px; } .safe_level{ width:430px; background: #c9c9c9; height: 12px; overflow: hidden; display: inline-block; *display: inline; *zoom: 1; } .safe_level .bar li{ height: 12px; border-right: 2px solid #ffffff; padding:0 !important;} .safe_level .bar.fourLevel li{ width: 106px; line-height:12px;margin:0 !important;} .safe_level .bar.fourLevel.level_0 li.l1{/*低*/ background-color: #ed1c24; } .safe_level .bar.fourLevel.level_1 li.l1, .safe_level .bar.fourLevel.level_1 li.l2{/*中*/ background-color: #ff6600; } .safe_level .bar.fourLevel.level_2 li.l1, .safe_level .bar.fourLevel.level_2 li.l2, .safe_level .bar.fourLevel.level_2 li.l3{/*高*/ background-color: #549019;; } .safe_level .bar.fourLevel.level_3 li{/*高*/ background-color: #549019;; } .safe_level_text{ font-size: 18px; margin-left: 10px; } .safe_level_text.safe_text_level_0{ color: #ed1c24; } .safe_level_text.safe_text_level_1{ color: #ff6600; } .safe_level_text.safe_text_level_2{ color: #549019; } .five_level_notice{ width:370px; min-height: 45px; _height: 45px; border:1px solid #dadada; border-radius: 3px; color: #888; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: url('../../imgs/v3/notice.gif') no-repeat; padding: 5px 10px 5px 50px; } .five_level_notice{ line-height: 22px; } .ok_notice{/*TODO*/} .false_notice{ background-position: 0 -200px;} .attention_notice{ background-position: 0 -400px; } .available_notice{ background-position: 0 -600px; } .unavailable_notice{ background-position: 0 -800px; } /***************************** END OF COMMON *********************************/ /****************************** FRAME BEGIN *********************************/ #topBanner{ height: 30px; background: #ffcc33 url(../../imgs/v3/sbd.gif) no-repeat top center; } #header{ width: auto; height: 80px; background: #fefefe url('../../imgs/v3/header.jpg') repeat-x; } #header .logo{ float: left; margin-right:6px; display: block; _display: inline; line-height: 0; cursor: pointer; } #header .nav{ float: left; height: 20px; margin-top: 30px; margin-left: 40px; border-right: 1px solid #d3d3d3; display: block; _display: inline; } #header .usercontroller{ float: left; height: 20px; margin-top: 30px; border-left: 1px solid #ffffff; display: block; _display: inline; } #header #notice_to_login{ float:right; width: 400px; padding-top: 30px; text-align: right; } #header .nav li a{ height:20px; line-height:20px; width: 130px; background: url('../../imgs/v3/nav.gif') no-repeat; display: block; } #header .nav li a.chosen.sec_1 { background-position: 0 -40px; } #header .nav li a.chosen.sec_2 { background-position: -75px -40px; } #header .nav li a.chosen.sec_3 { background-position: -200px -40px; } #header .nav li a.chosen.sec_4 { background-position: -325px -40px; } #header .nav li a.chosen.sec_5 { background-position: -450px -40px; } #header .nav li a.chosen.sec_1:hover { background-position: 0 -40px; } #header .nav li a.chosen.sec_2:hover { background-position: -75px -40px; } #header .nav li a.chosen.sec_3:hover { background-position: -200px -40px; } #header .nav li a.chosen.sec_4:hover { background-position: -325px -40px; } #header .nav li a.chosen.sec_5:hover { background-position: -450px -40px; } #header .nav li a.sec_1{ background-position: 0 0; width: 75px;} #header .nav li a.sec_2{ background-position: -75px 0; } #header .nav li a.sec_3{ background-position: -200px 0; } #header .nav li a.sec_4{ background-position: -325px 0; } #header .nav li a.sec_5{ background-position: -450px 0; } #header .nav li a.sec_1:hover { background-position: 0 -20px; } #header .nav li a.sec_2:hover { background-position: -75px -20px; } #header .nav li a.sec_3:hover { background-position: -200px -20px; } #header .nav li a.sec_4:hover { background-position: -325px -20px; } #header .nav li a.sec_5:hover { background-position: -450px -20px; } #header .nav li a.chosen { _background-position-y: -40px; } #header .nav li a.chosen:hover { _background-position-y: -40px; } #header .usercontroller{ position: relative; *z-index: 1000; /*for IE*/ width: 135px; border-left: 1px solid #ffffff; cursor: pointer; } #header .usercontroller .usernameWrapper{ width: 80px; height: 24px; line-height: 24px; font-size: 14px; text-align: center; margin-left: 15px; padding: 0 25px 0 15px; display: block; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; *white-space: normal; text-shadow: 1px 1px 1px #000; } #header .usercontroller .usernameWrapper:hover, #header .usercontroller .usernameWrapper.hover{ background-position: 0 -48px; } #header .usercontroller .usernameWrapper.active{ background-position: 0 -24px; } #header .usercontroller ul.list{ position: absolute; top: 25px; left: 20px; width: 116px; padding-top: 17px; z-index: 1000; *zoom: 1; background: url('../../imgs/v3/usercontrollerList.png') no-repeat; _background: url('../../imgs/v3/usercontrollerList.gif') no-repeat; border: none; } #header .usercontroller ul.list li{ padding: 0 3px; background: url('../../imgs/v3/usercontrollerList.png') no-repeat -116px 0; _background: url('../../imgs/v3/usercontrollerList.gif') no-repeat -116px 0; } #header .usercontroller ul.list li.last-child { padding-bottom:8px; background: url('../../imgs/v3/usercontrollerList.png') no-repeat -116px bottom; _background: url('../../imgs/v3/usercontrollerList.gif') no-repeat -116px bottom; } #header .usercontroller ul.list a{ width: 95px; height: 26px; line-height: 26px; padding-left: 15px; color: #ff6600; display:inline-block; *display: inline; *zoom: 1; } #header .usercontroller ul.list a:hover { color: #ffffff; text-decoration: none; background-color: #ff6600; } #header .usercontroller .png_button.login{ float: left; position:relative; top: -3px; margin-left: 15px; display: inline; } #header .usercontroller .register{ float: left; position:relative; top: -3px; height: 27px; line-height: 27px; margin-left: 10px; } #footer{ font-size: 12px; color: #666666; line-height: 100%; margin-bottom: 20px; } #footer .firstFloor{ border-bottom: 1px solid #dadada; /*等于middleGrayColor*/ line-height: 32px; } #footer .secondFloor{ padding-top: 5px; line-height: 20px; } .primary_banner{ height: 280px; } .primary_banner .mainLayout{ position: relative; } .primary_banner .mainLayout .marquee{ position: relative; float: right; height: 280px; width: 980px; _width: 900px; overflow:hidden; background: transparent url(../../imgs/v3/imgs_loading.gif) no-repeat 600px center; } .primary_banner .mainLayout .marquee a{ position:absolute; top:0; right: 0; display:block; display: block; *display: inline; height: 280px; } .primary_banner .mainLayout .marquee img{_display: block;} .primary_banner .mainLayout .controller{ position: absolute; right: 10px; bottom: 10px; } .primary_banner .mainLayout .controller span{ margin-left: 5px; width: 19px; height: 20px; line-height: 20px; text-align: center; cursor:pointer; color:#ff6600; display: inline-block; _display: inline; _zoom: 1; background:url(../../imgs/v2/img_thumb2.png) no-repeat 0; _background:url(../../imgs/v2/img_thumb.png) no-repeat 0; } .primary_banner .mainLayout .controller span:hover { color: #fff; } .primary_banner .mainLayout .controller span.on:hover { color: #f60; } .primary_banner .mainLayout .controller span.on{ background-position:-22px 0; cursor: default; } .primary_banner .mainLayout .loginbox{ position: absolute; top:0; left:0; width: 260px; height: 270px; padding: 2px;/* 2像素的阴影*/ _padding: 0px;/* 2像素的阴影*/ background: url('../../imgs/v3/login_bg.png'); _background-image: none; _background-color: #f6d4a1; } .primary_banner .mainLayout .loginbox .header{ height: 170px; padding: 10px 10px 10px 10px; } .primary_banner .mainLayout .loginbox .header #link_to_profile{ height: 70px; } .primary_banner .mainLayout .loginbox .header .login_enter_info p.username{ width: 165px; height: 25px; overflow: hidden; } .primary_banner .mainLayout .loginbox .header #login_game_info h3{ margin-top: 5px; font-weight:normal; font-size: 12px; line-height: 130%; } .primary_banner .mainLayout .loginbox .header form p{ margin-top: 13px; } .primary_banner .mainLayout .loginbox .header form p span{ *display: inline; } .primary_banner .mainLayout .loginbox .header form p input.text{ color: #888; width: 140px; height: 12px; font-size: 12px; line-height: 12px; padding: 7px 5px 5px; border: 1px solid #dadada; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: hidden; } .primary_banner .mainLayout .loginbox .header form p input.login_button{ width: 38px; height: 14px; *width: 48px; *height: 30px; font-size: 14px; line-height: 14px; padding: 6px 5px; border: 1px solid #dadada; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #666666; background: #ffffff; cursor: pointer; } .primary_banner .mainLayout .loginbox .header form input.login_button:hover { color: #333333; } .primary_banner .mainLayout .loginbox .header form label{ line-height: 28px; } .info_box{ position:absolute; width:243px; left:5px; top:-20px; z-index:2; display:none; } .info_box_with_cap{ top:-62px !important; } .info_box_inner{ background:#ffd99f; border:1px solid #cd7c24; -moz-box-shadow: -1px 3px 4px #986c4e; -webkit-box-shadow:-1px 3px 4px #986c4e; box-shadow: -1px 3px 4px #986c4e; border-bottom:none; padding:8px 5px; overflow:hidden; } .info_box_bt{ background:url(../../imgs/v2/arrow.gif) repeat-x; height:8px; } .info_box_bt_cap{ background-position:116px 0; } .verify_img{ width:76px; height:26px; cursor:pointer; vertical-align: middle; border: 1px solid #dadada; } .verify_input{ width: 68px; line-height:12px; height: 12px; vertical-align: middle; } .verify_click{ cursor:pointer; width:50px; color:#ff6600; padding:2px 0 0 5px; vertical-align: middle; } .captcha_box{ overflow:hidden; display:none; } .cap_box_new{ position: relative; overflow: hidden; } .cap_box_left{ width:125px; } .cap_box_right{ width:105px; } .login_error{ color:#e2501f; clear:both; } .primary_banner .mainLayout .loginbox .quick{ width: 230px; height: 50px; padding: 15px; background: url('../../imgs/v3/quickbg.gif'); border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; } .primary_banner .mainLayout .loginbox .quick a{ display: inline-block; float:left; width: 90px; height: 25px; font-size: 14px; line-height: 25px; padding-left: 25px; vertical-align: middle; background: url('../../imgs/v3/icons.gif') no-repeat; color: #ffffff; } .primary_banner .mainLayout .loginbox .quick a:hover { color: #ff6600; } .primary_banner .mainLayout .loginbox .quick a.account{ background-position: 0 -25px; } .primary_banner .mainLayout .loginbox .quick a.chang_password{ background-position: 0 -50px; } .primary_banner .mainLayout .loginbox .quick a.order{ background-position: 0 -75px; } .primary_banner .mainLayout .loginbox .quick a.service{ background-position: 0 -100px; } /*** 中间的三个小图 ***/ .mainLayout.index .index_game_ads{ margin-bottom: 10px; } .mainLayout.index .index_game_ads a{ float: left; width: 148px; line-height: 0; margin-right: 10px; border: 1px solid #dadada; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; } .mainLayout.index .index_game_ads a img{ width: 148px; height: 78px; } /**** Game Recommand ****/ .widget.index_game_suggestions .body .floor{ padding: 10px; border-bottom: 1px dotted #dadada; } .widget.index_game_suggestions .body .floor:last-child { border-bottom: none; } .widget.index_game_suggestions .body .description, .widget.index_game_suggestions .body .image{ float: left; } .widget.index_game_suggestions .body .news li{ width: 175px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; *white-space: normal; } .widget.index_game_suggestions .body .description .controller .floatRight{ color: #888; } .widget.index_game_suggestions .body .image{ position: relative; line-height: 0; height: 100px; overflow: hidden; } .widget.index_game_suggestions .body.center .image{ height: 162px; } .widget.index_game_suggestions .body.index .description h1{ margin-bottom: 5px; } .widget.index_game_suggestions .body.index .description p{ line-height: 20px; } .widget.index_game_suggestions .body.index .description .controller{ margin-top: 9px; height: 25px; } .news_center_ul li{ width: 198px; height: 21px; line-height: 21px; white-space: nowrap; *white-space: normal; text-overflow: ellipsis; overflow: hidden; padding-left: 10px; background: url(../../imgs/v3/list-image.gif) no-repeat 0 center; } .game_image_link{ display: block; background-color: transparent; } .game_image_link.sssg100, .game_image_link.sssg2100, .game_image_link.sxd100, .game_image_link.td100, .game_image_link.kt100, .game_image_link.js100, .game_image_link.xxd100, .game_image_link.sy100{ width: 260px; height: 100px; background: url('../../imgs/v3/games100.jpg?1365372323') no-repeat; } .game_image_link.sssg100{ background-position: 0 0; } .game_image_link.sxd100{ background-position: 0 -100px; } .game_image_link.td100{ background-position: 0 -200px; } .game_image_link.kt100{ background-position: 0 -300px; } .game_image_link.js100{ background-position: 0 -400px; } .game_image_link.xxd100{ background-position: 0 -500px; } .game_image_link.sy100{ background-position: 0 -600px; } .game_image_link.sssg2100{ background-position: 0 -700px; } .game_image_link.sssg162, .game_image_link.sxd162, .game_image_link.td162, .game_image_link.kt162, .game_image_link.js162{ width: 310px; height: 162px; background: url('../../imgs/v3/games162.jpg') no-repeat; } .game_image_link.sssg162{ background-position: 0 0; } .game_image_link.sxd162{ background-position: 0 -162px; } .game_image_link.td162{ background-position: 0 -324px; } .game_image_link.kt162{ background-position: 0 -486px; } .game_image_link.js162{ background-position: 0 -648px; } .widget.index_game_suggestions .body .image .label{ position: absolute; bottom: 0px; right: 0px; height: 28px; line-height: 28px; padding-left: 20px; padding-right: 10px; vertical-align: bottom; background: url('../../imgs/v3/label2.png'); _background: url('../../imgs/v3/label2.gif'); border-bottom-right-radius: 3px; -o-border-bottom-right-radius: 3px; -ms-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; } .widget.index_game_suggestions .body .image .label a{ color: #fff; } .widget.index_game_suggestions .body .description, .widget.index_game_suggestions .body .news{ margin-left: 10px; line-height: 20px; } .widget.index_game_suggestions .body.center .image img{ width: 310px; height: 165px; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .widget.index_game_suggestions .body.center .description{ width: 355px; margin-left: 20px; } .widget.index_game_suggestions .body .description h1{ font-size: 16px; line-height: 21px; font-weight: normal; } .widget.index_game_suggestions .body .description p{ font-size: 12px; line-height: 22px; } .widget.index_game_suggestions .body .description p.type{ line-height: 24px; } .mainLayout.index .index-image-links li{ margin-bottom: 10px; } .mainLayout.index .index-image-links li a{ width: 110px; height: 56px; background: url('../../imgs/v3/index-image-links.gif') -109px 0; display: block; } .mainLayout.index .index-image-links li a.weibo { background-position: -109px -55px; margin-left: 10px;} .mainLayout.index .index-image-links li a:hover { background-position: 0 0; } .mainLayout.index .index-image-links li a.weibo:hover { background-position: 0 -55px; } .widget.friend_link .header .addition .gif_button{ float: left; width: 20px; height: 18px; } .widget.friend_link .header .addition .gif_button.left{ background-position: 0 0; } .widget.friend_link .header .addition .gif_button.right{ background-position: -27px 0; } .widget.friend_link .header .addition .gif_button.left:hover { background-position: 0 -19px; } .widget.friend_link .header .addition .gif_button.right:hover { background-position: -27px -19px; } .server_list{ width:100%; text-align:center; overflow:hidden; display:block; } .server_list_head{ display:inline-block; width:100%; height:20px; overflow:hidden; } .server_list_body{ width:100%; height:18px; line-height:18px; padding:3px 0; overflow:hidden; border-bottom: 1px dashed #DADADA; } .sl_time{width:44px;float:left;} .sl_name{width:80px;text-align:center;float:left;} .sl_server{width:100px;text-align:center;overflow:hidden;float:right;position:relative;} .sl_server .hot{position:absolute;top:4px;right:0;height:5px;width:12px;background:url(../../imgs/hot.png) no-repeat;} .server_list_head .sl_server{ width:90px !important; } .server_list_new{ background:url(../../imgs/v2/element_sprite.jpg) no-repeat -14px -111px; height:8px; width:8px; display:inline; float:right; margin:7px 5px 0 0; } .server_list_hot{ background:url(../../imgs/v2/element_sprite.jpg) no-repeat -2px -111px; height:8px; width:8px; display:block; float:right; margin:7px 5px 0 0; } .server_list_blank{ height:8px; width:8px; display:block; float:right; margin:7px 5px 0 0; } /* 活动日历 activity list */ #activity_calendar .body{ padding: 0; } #activity_calendar .activity_checkers{ text-align: center; padding: 8px 0px 10px; } #activity_calendar .activity_checkers a{ margin: 0 3px; color: #333; } #activity_calendar .activity_checkers a:hover{ color: #f60; } .calendar .head{ padding-top:2px; border-top: 1px solid #f9f9f9; text-align: center; height: 37px; background: #f4f4f4 url(../../imgs/v3/solid-e7e5e5.gif) repeat-x 0 37px; } .calendar .head a{ width: 16px; padding: 2px 7px; line-height: 14px; display: inline-block; cursor: pointer; height: 32px; text-decoration: none; } .calendar.d1 .head a.d1, .calendar.d2 .head a.d2, .calendar.d3 .head a.d3, .calendar.d4 .head a.d4, .calendar.d5 .head a.d5, .calendar.d6 .head a.d6, .calendar.d7 .head a.d7{ width: 14px; height: 31px; border: 1px solid #e7e5e5; border-bottom: 1px solid #ffffff; background: #fff; } .calendar .body{ position: relative; height: 150px; overflow: hidden; } .calendar .body ul{ position: absolute; top: 0; left: 0; margin: 10px; display: none; } .calendar .body ul li{ border-bottom: 1px dashed #dadada; white-space: nowrap; overflow: hidden; display: none; -webkit-transition: all .5s ease; vertical-align: middle; } .calendar .body ul li label{ margin: 0; padding: 5px 10px; line-height: 12px; width: 70px; border-right: 1px dashed #dadada; display: inline-block; text-align: center; } .calendar .body ul li span{ padding: 5px 0 5px 10px; line-height: 12px; display: inline-block; width: 139px; } .calendar .body ul{ margin: 7px 10px; display: none; } .calendar .body ul.active{ display: block; } .calendar.d1 .body ul li.d1, .calendar.d2 .body ul li.d2, .calendar.d3 .body ul li.d3, .calendar.d4 .body ul li.d4, .calendar.d5 .body ul li.d5, .calendar.d6 .body ul li.d6, .calendar.d7 .body ul li.d7{ display: block; } html.touchScreen .calendar .body{ overflow-x: hidden; overflow-y: scroll; } html.touchScreen .calendar .body ul{ position: relative; } /*player rank .rank_choose{ float:left; width:62px; cursor:pointer; background:#e1dfe0; } #rank_title{ background-position:0 -87px; } .player_rank{ padding:2px 0; overflow:hidden; width: 169px; } .rank_icon{ background:url(../../imgs/v3/index-sprite.jpg) no-repeat; margin-top: 5px; height:33px; width:50px; float:left; } .rank_content{ float:left; padding-left:4px; } .rank_content p{ background:#f6f6f6; font-weight:bold; color:#6e6764; border-bottom:1px solid #e7e5e5; overflow:hidden; } .rank_username{ float:left; width:80px; height:25px; overflow:hidden; } .player_rank_block{ height:155px; } .rank_content .rank_lv{ font-weight:normal; float:right; padding:0 3px 0 0 !important; } .rank_content span{ color:#929292; display:block; } .rank_icon_wrapper{ height:40px; padding:5px; background:#e1dfe0; border-left:2px solid #e1dfe0; border-right:1px solid #cccaca; border-bottom:1px solid #e1dfe0; } .rank_icon_wrapper.rank_chosen{ height: 40px; background:white; border-left:2px solid #e1dfe0; border-right:1px solid white; border-bottom:1px solid #cccaca; } #tdyx .rank_icon{ background-position: -51px -67px; } #sxd .rank_icon{ background-position: -51px -100px; } #sssg .rank_icon{ background-position: -51px -133px; } .rank_chosen#tdyx .rank_icon{ background-position: 0px -67px; } .rank_chosen#sxd .rank_icon{ background-position: 0px -100px; } .rank_chosen#sssg .rank_icon{ background-position: 0px -133px; } .player_rank_block .tdyx{ display:none; } .player_rank_block .sxd{ display:none; } .player_rank_block .tdyx, .player_rank_block .sxd, .player_rank_block .sssg{ float:left; }*/ /*bbs_index*/ #bbs_title{ background-position:0 -22px; } .bbs_banner{ background:url(../../imgs/v3/index-sprite.jpg) no-repeat 0 0; display:block; height:66px; border-bottom:1px solid #e3e3e3; width:225px; } .bbs_banner:hover { text-decoration:none ; } .bbs_banner span{ padding:32px 0 0 3px; font-size:14px; display:block; *color:#8C8683; } .bbs_list{ padding-top:5px; } .bbs_list li{ height:21px; overflow:hidden; } .bbs_list li .fname{ width:60px; float:left; text-align:center; } .bbs_list li span{ font-weight:bold; padding-right:10px; } /**friend links**/ .friend_link .index_block_content{ padding-top:30px; height:175px; position:relative; overflow:hidden; } #friend_link_slide { margin: 35px auto 5px; overflow: hidden; width: 200px; } #foo2 div a img{ width:78px; height:35px; float:left; border:1px solid white; margin: 3px 12px; display:inline; } #foo2 div a img:hover { border-color:#ca3032; } #foo2 div{ width:208px; float:left; height:145px; } .foo_outer{ clear:both; height: 85px; overflow:hidden; } .friend_link{ position:relative; height:130px; overflow:hidden; } .friend_link .addition{ padding-right: 0px !important; } .little_arrow{ margin-right: 5px; color: #666666; } .tl th em a:visited{color: #007CD5;} .forum_rules_custom table{border: 1px solid #FC6; background: #FFFAF3;} .forum_rules_custom table td{padding: 18px 0; border-right: 1px solid #FC6;} .forum_rules_custom table td table{border: none; overflow: hidden; border-right: 1px solid #FFFAF3;} .forum_rules_custom table td table td{padding: 0px 20px; border-right: 1px solid #FC6;} .forum_rules_custom table td table td:last-child{border: none;} .forum_rules_custom table td li{white-space: nowrap; overflow: hidden; line-height: 32px; width: 279px; text-overflow: ellipsis;} .forum_rules_custom table td table table{margin: 0; padding: 0} .forum_rules_custom table td table table td{border: none; padding: 0;} .forum_rules_custom table td table table td ul{padding-top: 3px;} .forum_rules_custom table td table table td li{width: 298px; background: url(../..//imgs/v3/bbs/dot.png) no-repeat 0 center;} .forum_rules_custom table td table table td li a{margin-left: 6px;} .custom_notice{ text-align: center; width: 400px; height: 50px; margin: 0 auto; line-height: 50px; background: #fff2d1; margin-top: 8px; margin-bottom: -10px; border-radius: 4px;} /********************* 客服中心哦亲 ****************/ .kefu_center #youxikefu .content li{ margin-right: 40px; _margin-right: 30px; text-align: center; width: 150px; height:135px; } #service_index_content li{ margin-right: 40px; _margin-right: 30px; text-align: center; width: 150px; height:135px; padding-left: 0; } .kefu_center #youxikefu .content li img{ width: 150px; } .kefu_center .switcher_container { height: 12px; line-height: 12px; margin-top: 20px; } .kefu_center .switcher_container a{ margin-right: 5px; } .switcher_container a{ cursor: pointer; } .switcher_container a.chosen{ cursor: default; color: #ff6600; } .switch_content .item{ display: none; } .switch_content .item.chosen{ display: block; } /*************************** 登录注册 *********************/ .mainLayout.middle_box{ width: 740px; border: 1px solid #dadada; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 20px auto; } .mainLayout.middle_box .inner_content{ width: 560px; margin: 20px 90px; color: #888; } .mainLayout.middle_box h1{ font-size: 18px; } .mainLayout.middle_box .other_content{ margin-top: 50px; padding: 20px 90px; background: #f5f5f5; zoom: 1; } .inner_content form input.text, .inner_content form textarea.full, .inner_content form select.full{ width: 260px; padding: 6px 10px; margin-right: 5px; border: 1px solid #dadada; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .inner_content form select.full{ width: 280px; } .inner_content .five_level_notice{ width: 220px; } .inner_content li{ margin-top: 10px; line-height: 22px; } .mainLayout.register_page{ width: 650px; padding: 20px 0px 20px 90px; } .mainLayout.login_page .verify_img{ width: 200px; height: 74px; } .mainLayout.login_page ul.content li{ margin-top: 20px; } .mainLayout.register_page form input.text{ width: 200px; } .mainLayout.login_page form input.error{ border-color: red; } #mailauto{ display:none; position:absolute; border:1px solid #ccc; background:#fff; z-index:99999999;height:auto;overflow:hidden;} #mailauto li{ height:24px; line-height:24px; color:#777;display:block;clear:both;border-bottom:1px dotted #F2F2F2;} #mailauto li a{ display:block; width:300px; height:24px; color:#333; overflow:hidden;padding-left:10px;padding-right:10px; } #mailauto li:hover, #mailauto li.on{ background:#dadada; color:black; text-decoration:none;font-weight: bold;} .has_input_notice_form .info_error, .has_input_notice_form .info{ height: 12px; line-height: 12px; margin-left: 5px; padding: 7px 0 7px 0px; display: inline-block; } input.inputError, input.inputError:focus { border-color: #ed1c24 !important; } .has_input_notice_form .info.infoError{ padding-left: 25px; color: #ed1c24; background: url('../../imgs/v3/icons4.gif') no-repeat 0 7px; } .has_input_notice_form .info_ok, .has_input_notice_form .infoOk { background: url('../../imgs/v3/icons4.gif') no-repeat 0 -18px; padding-left: 25px; color: #333; text-indent: -9999px; _width:19px; } .has_input_notice_form .psstWeak{ color: #ed1c24; } .has_input_notice_form .psstLow{ color: #ed1c24; } /************************* 个人中心 *******************************/ .inner_content .content, .inner_content .content .content{ float:none; padding: 20px 0; width: 100%; } .inner_content .header{ height: 32px; border-bottom: 1px solid #dadada; overflow: hidden; } .inner_content .header.dashedBorder{ border-style: dashed; } .inner_content .title{ padding: 8px 10px 8px 0 !important; font-size: 15px; line-height: 100%; color: #888; } .inner_content .addition{ float:right; padding: 8px 10px 8px 10px; margin-right: 5px; font-size: 12px; line-height: 15px; } .inner_content .user_avatar{ /*float: left;*/ display: block; width: 120px; height: 120px; border: 1px solid #dadada; } .inner_content .user_page_info{ float: left; margin-left: 20px; } .inner_content .user_page_info h2{ font-size: 14px; line-height: 29px; font-weight: normal; } .inner_content .user_page_info p{ line-height: 22px; } .inner_content a{ } /* .inner_content ul.content li *{ vertical-align: middle; } */ .inner_content ul.content li{ padding-left: 132px; line-height: 29px; min-height: 30px; _height: auto; color: #666666; } .inner_content .board{ color: #888; } .inner_content ul.content label{ float: left; width: 120px; margin-left: -132px; text-align: right; color: #888; display: inline-block; *display: inline; *zoom: 1; } .inner_content ul.content label.normal{ float: none; width: auto; margin: 0 3px 0 5px; text-align: left; display: inline; } .inner_content ul.personal_checklist{ margin-top: 20px; border-top: 1px dashed #dadada; } .inner_content ul.personal_checklist li{ height: 53px; line-height: 26px; padding: 5px 0 5px 55px; border-bottom: 1px dashed #dadada; background: url('../../imgs/v3/icons2.gif') no-repeat 10px -35px; } .inner_content ul.personal_checklist li.check{ background-position: 10px 20px; } .inner_content ul.personal_checklist li.attention{ background-position: 10px -85px; } .inner_content ul.personal_checklist li.fine{ background-position: 10px -145px; } .inner_content ul.personal_checklist li .firstAssistColor{ font-size: 18px; } .inner_content ul.personal_checklist li h2{ font-size: 13px; } .inner_content ul.personal_checklist li h2 a, .inner_content ul.personal_checklist li .floatRight{ color: #ff6600; } /** charge_history **/ .widget.hasSidebarContent .body .content .charge_history{ width:100%; } .widget.hasSidebarContent .body .content .charge_history thead tr{ border-top:1px solid #dadada; border-bottom:1px dashed #dadada; padding-top:1px; vertical-align: middle; line-height: 20px; } .widget.hasSidebarContent .body .content .charge_history thead tr td{ background:#f4f4f4; color:#ff6600; padding:2px 0 3px; text-align:center; } .widget.hasSidebarContent .body .content .charge_history thead tr td.table_pile{ width:1px; color: #dadada; } .widget.hasSidebarContent .body .content .charge_history tbody tr td{ padding:2px 0 3px; text-align:center; } .widget.hasSidebarContent .body .content .charge_history thead tr td a img{ margin-bottom: 3px; _margin-bottom: 0px; } .widget.hasSidebarContent .body .content .charge_history tbody tr.odd{ background:#fffbf5; } .widget.hasSidebarContent .body .content .charge_history tbody tr{ border-bottom:1px dashed #dadada; } .widget.hasSidebarContent .body .content .charge_history tbody .no{ color:#ed1c24; } .widget.hasSidebarContent .body .content .charge_history tbody .yes{ color:#888888; } /*论坛中心导航条（横向）*/ .widget.hasSidebarContent .body .content .content_nav{border-bottom: 1px solid #dadada; padding-left: 5px; margin-bottom: 24px;} .widget.hasSidebarContent .body .content .content_nav li{border-top: 2px #fff solid; margin-bottom: -1px; _position: relative;} .widget.hasSidebarContent .body .content .content_nav li.chosen{border-top-color: #ff6600;} .widget.hasSidebarContent .body .content .content_nav li a{display: block; width: 80px; height: 24px; line-height: 24px; text-align: center; color: #999;} .widget.hasSidebarContent .body .content .content_nav li a:hover{text-decoration: none;} .widget.hasSidebarContent .body .content .content_nav li.chosen a{border-width: 0 1px 0; border-color: #dadada; border-style: solid; background: #fff; color: #333; font-weight: bold;} /*论坛中心子页导航条（横向）*/ .widget.hasSidebarContent .body .content .content_subnav{border-bottom: 0px; margin-top: 0; padding: 0;} .widget.hasSidebarContent .body .content .content_subnav li{margin: 0; line-height: 25px;} .widget.hasSidebarContent .body .content .content_subnav a{background: transparent; border: none; border-right: 1px solid #dadada; display: inline; color: #333;} .widget.hasSidebarContent .body .content .content_subnav a.end{border: none;} .widget.hasSidebarContent .body .content .content_subnav .a a{color: #ff6600;} .widget.hasSidebarContent .body .content .content_subnav .o a{color: #ffffff; border-right: none;} /*论坛中心子页导航条的子菜单（横向）*/ .widget.hasSidebarContent .body .content .content_subnav_sub{border: 1px solid #dadada!important; padding: 5px 10px; margin: 15px 0;} .widget.hasSidebarContent .body .content .content_subnav_sub a{color: #333;} .widget.hasSidebarContent .body .content .content_subnav_sub a.a{color: #ff6600;} .widget.hasSidebarContent .body .content .content_subnav_sub a:hover{text-decoration: none;} /*** 玩家交流群 ***/ .group_block{ float:left; width:218px; border:3px solid #ececec; margin:20px 3px 10px 3px; } .group_block .group_logo{ padding:1px; border:1px solid #bfbdbb; height:61px; border-bottom:none; } .group_block .group_verbose p{ background:#ececec; border-left:1px solid white; border-right:1px solid white; border-bottom:1px dashed #cbcbcb; font-size:14px; font-weight:bold; color:#4d4740; text-align:center; padding:5px 0; } .group_block .group_verbose{ border-left:1px solid #bfbdbb; border-right:1px solid #bfbdbb; } .group_block .group_content{ border:1px solid #bfbdbb; border-top:none; padding:10px 0 10px 20px; } .group_block .group_content p{ color:#4e4841; } #mailauto { display: none; position: absolute; border: 1px solid #dadada; background: white; width:320px; padding: 10px 0; z-index: 99999999; height: auto; overflow: hidden; border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #mailauto li a { display: block; height: 24px; color: #333; overflow: hidden; padding-left: 10px; padding-right: 10px; } #mailauto li a:hover { background-color: #dadada; } /*************** 搜索 ***********************/ .searchlabel{ text-align: center; width: 140px; } .searchlabel strong{ display: block; color: #ff6600; font-size: 24px; text-align: center; } .searchlabel p{ font-size: 14px; color: #666666; } /*************** 申述 *************************/ .shensu_result .arrow1{ background:url(../../imgs/v2/shensu.png) no-repeat -144px -174px; float:left; height:35px; width:20px; margin:37px 10px 0; } .shensu_result .arrow2{ background:url(../../imgs/v2/shensu.png) no-repeat -163px -174px; float:left; height:35px; width:20px; margin:37px 10px 0; } .shensu_result .block{ float:left; background:#fff7e5; border:1px solid #ffe0c0; width:70px; height:150px; margin:0 5px; padding:0px 10px 18px; } .shensu_result .style1, .shensu_result .style1 p{ color:#ff7f00 !important; } .shensu_result .style2, .shensu_result .style2 p{ color:#e1b07e; } .shensu_result .style3{ color:#dadada; background:#f2f2f2; border:1px solid #dadada; } .shensu_result .verbose{ margin-top: 10px; } /*liquan*/ .widget.hasSidebarContent .body #liquan_center.content .content{width: auto; position: relative;} #lq_tab{*z-index: 9; border-left: 1px solid #dadada; border-top-left-radius: 3px;} #lq_tab a{ display: inline-block; width: 138px; height: 33px; line-height: 33px; background: url('../../imgs/v3/sidebar_gray.gif') repeat-y; border: 1px solid #dadada; border-top-left-radius: 3px; border-top-right-radius: 3px; } #lq_tab a.first{border-left-width: 0;} #lq_tab a.active{background: #fff; border-bottom-color: #fff;} #lq_tab a:hover{text-decoration: none; } .lq_tab_body{border: 1px solid #dadada; margin-top: -1px; border-radius: 3px;} .lq_tab_body .user_center_content_right{border-top: 1px dashed #dadada;} .lq_tab_body .user_center_content_right.first{border-top: none;} .lq_tab_body #pagination {padding: 15px; border-top: 1px dashed #dadada; padding-top: 50px;} .widget.hasSidebarContent .body .content .liquan .line{ padding: 5px 10px 0 10px; } .widget.hasSidebarContent .body .content .liquan{ padding-left: 385px; height: 218px; overflow: hidden; position: relative; } .widget.hasSidebarContent .body .content .liquan.ten{ background:url(../../imgs/v2/liquan10.jpg) no-repeat; } .widget.hasSidebarContent .body .content .liquan.ten.ktpdlq{ background: url(../../imgs/v2/ktpdLq.jpg) no-repeat; } .widget.hasSidebarContent .body .content .liquan.ten.xxdlq{ background: url(../../imgs/v2/xxdLq.jpg) no-repeat; } .widget.hasSidebarContent .body .content .liquan.ten.jslq{ background: url(../../imgs/v2/jsLq.jpg) no-repeat; } .widget.hasSidebarContent .body .content .liquan.ten.sxdandroidlq{ background: url(../../imgs/v2/sxdandroidLq.jpg) no-repeat; } .widget.hasSidebarContent .body .content .liquan.ten.sylq{ background: url(../../imgs/v2/syLq.jpg) no-repeat; } .widget.hasSidebarContent .body .content .liquan.twenty{ background:url(../../imgs/v2/liquan20.jpg) no-repeat; } .widget.hasSidebarContent .body .content .liquan.sg2lq{ background:url(../../imgs/v2/sg2.jpg) no-repeat; } .widget.hasSidebarContent .body .content .liquan .button_box{ position: absolute; right: 0; bottom: 0; } .liquan_block_select{ overflow:hidden; padding-bottom: 10px; } .liquan_block_select h2{ padding:10px 0 0 15px; } .liquan_block_select .image_selector a{ display: block; } .liquan_block_select .image_selector{ float: left; margin-left: 27px; *margin-left: 13px; margin-top: 15px; margin-bottom: 15px; text-align: center; } #changePass input { width: 200px; } .create_box .line{ display: block; min-height: 30px; _height: 30px; } ul.liquan_content_list label{ width:50px; display: inline-block; } ul.liquan_content_list ul{ padding:0 0 0 3px; display:inline-block; *padding-left: 5px; } ul.liquan_content_list ul li{ padding:0; width: 286px; } #lq_used ul.liquan_content_list label{width: 60px;} #lq_used ul.liquan_content_list ul li{width: 276px;} /*********** CSDN EVENT **************/ .popup_csdn_user{ width:573px; top:150px; background:white; position:fixed; left:50%; margin-left:-292px; z-index:999999; border:1px solid #888; } .popup_csdn_user .csdn_title{ overflow:hidden; border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; } .popup_csdn_user .csdn_content p{ padding:10px 15px 0; } .popup_csdn_user .buttons{ text-align:center; padding-top:20px !important; padding-bottom:20px !important; } /**************** POPUP *******************/ .popup_outer{ width:630px; min-height:100px; border:3px solid #989898; margin:0 auto; position:absolute; top:300px; z-index:10; } .popup{ display:block; background:white; overflow:hidden; _border:1px solid #c93031; } .popup .popup_title{ overflow:hidden; border-top:1px solid #feb13b; border-bottom:1px solid #e96207; background:#fe7e0a; padding:2px 15px 3px; height:25px; } .popup .popup_title h1{ color:white; font-size:14px; float:left; } .popup .liquan_block{ padding: 10px; } .popup .popup_title .close{ float:right; cursor:pointer; background: url(../../imgs/v2/x.png) no-repeat; text-indent:-99999px; height:18px; width:18px; display:block; margin-top:5px; } .popup .popup_title .close:hover { background: url(../../imgs/v2/x2.png); } .popup .popup_bottom{ background:#fffaf1; padding:10px 15px; overflow:hidden; border-top:1px dashed #ffdfbf; _height:85px; } .popup .popup_bottom a { float:right; } .popup_icon{ background:url(../../imgs/v2/usercenter_icon.jpg) -152px -15px; width:20px; height:20px; vertical-align:middle; float:left; } .popup .session .button{ margin:0 10px; } .popup .session{ text-align:center; width:335px; margin:0 auto; } .black_drop{ position:fixed; top:0; left:0; z-index:5; background:url(../../imgs/v2/black_mask.png); width:100%; height:100%; display:none; } /*5.14 要求修改客服中心天地英雄客服的按钮 yudonghan*/ .qq_button{ background:url(../../imgs/v2/qq_button.png); color:#225073; display:block; height:23px; line-height:23px; padding:1px 0 0 20px; text-align:center; text-decoration:none; width:82px; margin:0 auto; border-radius: 5px; } /****** 404页面 ********/ #page_404{ width: 422px; margin-top: 160px; } #page_404 .middle_box{ width: 340px; padding: 25px 40px 40px; background: #fff; } #page_404 h1.logo{ font-size: 24px; line-height: 24px; padding-left: 15px; } #page_404 h1.logo a{ display: inline-block; line-height: 24px; } #page_404 h1.logo a img{ vertical-align: top; } /********* password 强度 ********/ .password_strangth_level{ width: 16px; height: 12px; position: absolute; bottom: 9px; left: 330px; _width: 18px; _top: 7px; _left: 200px; } .password_strangth_level span{ float: left; display: block; width: 3px; height: 12px; margin-left: 1px; background: #dadada; } .page_num{ text-align:center; } .friend_links { float:left; margin:5px 12px; _margin: 5px 6px; width:80px; height: 35px; text-indent: -9999px; display:block; background: url(../../imgs/v3/fl.gif?5) no-repeat; } .fl_07073 { background-position: -240px -140px; } .fl_128 { background-position: -160px -70px; } .fl_17173 { background-position: -240px -175px; } .fl_175u { background-position: -160px -105px; } .fl_178 { background-position: 0px -140px; } .fl_199wan { background-position: -80px -140px; } .fl_2125 { background-position: -240px 0px; } .fl_2366 { background-position: -240px -35px; } .fl_265G { background-position: -160px -140px; } .fl_3753 { background-position: -240px -70px; } .fl_515 { background-position: 0px -175px; } .fl_52kl { background-position: 0px -70px; } .fl_52pc { background-position: -80px -70px; } .fl_52pk { background-position: 0px -105px; } .fl_5617 { background-position: -240px -105px; } .fl_5y173 { background-position: 0px 0px; } .fl_6dan { background-position: 0px -35px; } .fl_766 { background-position: -80px -175px; } .fl_7yx { background-position: -80px 0px; } .fl_81813 { background-position: 0px -210px; } .fl_86g { background-position: -80px -105px; } .fl_86wan { background-position: -160px 0px; } .fl_92pk { background-position: -160px -35px; } .fl_966 { background-position: -160px -175px; } .fl_9u8u { background-position: -80px -35px; } .fl_KY6LOGO { background-position: 0px -280px; } .fl_PPS { background-position: -320px -35px; } .fl_china { background-position: -80px -210px; } .fl_cn { background-position: -160px -210px; } .fl_cwan { background-position: -240px -210px; } .fl_cweb { background-position: 0px -245px; } .fl_duowan { background-position: -80px -245px; } .fl_game141 { background-position: -160px -245px; } .fl_gonghuijie { background-position: -240px -245px; } .fl_maituan { background-position: -80px -280px; } .fl_npcka { background-position: -160px -280px; } .fl_pcgames { background-position: -240px -280px; } .fl_popwan { background-position: -320px 0px; } .fl_qq { background-position: -320px -70px; } .fl_reyoo { background-position: -320px -105px; } .fl_sina { background-position: -320px -140px; } .fl_soyo { background-position: -320px -175px; } .fl_xinshouka { background-position: -320px -210px; } .fl_yesky { background-position: -320px -245px; } .fl_yuequezhai { background-position: -320px -280px; } .fl_yzz { background-position: 0px -315px; } .fl_zmy { background-position: -80px -315px; } .fl_eeyy { background-position: -160px -315px; } .fl_40407 { background-position: -240px -315px; } .fl_tgbus{ background-position: -320px -315px;} .fl_163 {background-position: 0 -350px;} .fl_51netu{background-position: -80px -350px;} .fl_pkzx{background-position: -160px -350px;} /****** Oauth 2 ***********************************************/ #oauth2body{ *width: 600px; min-width: 600px; } #oauth2body .widget{ *width: 400px; max-width: 500px; height: auto; margin: 40px auto; background: #fff; } #oauth2body table{ width: 100%; } #oauth2body table td{ padding: 5px; border: 1px solid #dadada; } #oauth2body ol{ margin-top: 10px; margin-left: 40px; } #oauth2body .footer{ margin-top: 20px; text-align: center; } /****** Google Auth *******************************************/ #googleAuth .progress_bar{ margin-bottom: 10px; } .progress_bar{ height: 57px; font-size: 16px; line-height: 55px; overflow: hidden; display: inline-block; *display: inline; *zoom: 1; } .progress_bar li{ margin: 0; padding: 0 10px 0 39px; height: 55px; background: #f4f4f4 url(../../imgs/v3/progress.gif) no-repeat left -115px; border-color: #dadada; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; } .progress_bar li.active{ color: #fff; border-color: #ec5b00; background: #ff6600 url(../../imgs/v3/progress.gif) no-repeat left -1px; } .progress_bar li.after_active{ background: #f4f4f4 url(../../imgs/v3/progress.gif) no-repeat left -58px; } .progress_bar li.active a{ color: #fff !important; } .progress_bar li a{ font-size: 16px; line-height: 55px; text-decoration: none; } .progress_bar li a.unable:hover{ color: #666; cursor: default; } .progress_bar li:first-child, .progress_bar li.first-child{ border-left-width: 1px; padding-left: 10px; background-image: none !important; border-top-left-radius: 3px; -o-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; -o-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; } .progress_bar li:last-child, .progress_bar li.last-child{ border-right-width: 1px; border-top-right-radius: 3px; -o-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; -o-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; } .progress_bar.pb_30{ height: 30px; line-height: 28px; } .progress_bar.pb_30 li{ height: 28px; line-height: 28px; padding: 0 20px; font-size: 12px; background: #f4f4f4 url(../../imgs/v3/progress.gif) no-repeat -14px -128px; } .progress_bar.pb_30 li.active{ background: #ff6600 url(../../imgs/v3/progress.gif) no-repeat -13px -14px; } .progress_bar.pb_30 li.after_active{ background: #f4f4f4 url(../../imgs/v3/progress.gif) no-repeat -14px -71px; } .progress_bar.pb_30 li a { font-size: 12px; line-height: 28px; } /******** paginator *********/ .paginator{ padding: 10px 0; float: right; font-size: 15px; } .paginator span{ color: #ff6600; } #order_wrapper .progress_bar{ width: 602px; margin: 10px auto 0; overflow: visible; display: block; } #order_wrapper .progress_bar li{ width: 160px; } #order_wrapper .order_img_box{ margin-left: 88px; } #order_wrapper .order_img_line{ padding-top: 10px; padding-bottom: 0; } ul#amount li{ margin-top: 0; padding-top: 0; height: 22px; } ul#amount li .commen_input{ width: 50px; } /**** popup holder ****/ .popuo_holder{ display: none; } /**** mobile ****/ .info_error{ color: #ed1c24; } .qq_wpa{ width: 89px; height: 39px; padding: 3px 0 0 37px; line-height: 38px; color: #325F7F; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none !important; text-shadow: none !important; display: inline-block; cursor: pointer; background: url(../../imgs/wpa_a06.png) no-repeat; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://web.xdcdn.net/xd/imgs/wpa_a06.png", sizingMethod="scale"); zoom: 1; } .qq_wpa:hover { text-decoration: none !important; } #pagination{ padding: 10px; text-align: center; } #pagination a{ display: inline-block; padding: 0 8px; line-height: 23px; *zoom: 1; color: #f60; border: 1px solid #dadada; background: url(../../imgs/v3/buttons.png) -3px -1051px; border-radius: 3px; cursor: pointer; } #pagination a:hover { background-position: -3px -1077px; text-decoration: none; } #pagination a.active, #pagination a:active { color: #fff; border-color: #f60; background-position: -3px -299px; text-decoration: none; } #pagination a.active{ cursor: default; } /** table **/ .common_table{ width:100%; } .common_table thead tr{ border-top:1px solid #dadada; border-bottom:1px solid #dadada; padding-top:1px; vertical-align: middle; line-height: 20px; } .common_table thead tr td{ color:#ff6600; padding:2px 0 3px; text-align:center; } .common_table thead tr td.table_pile{ width:1px; color: #dadada; } .common_table tbody tr td{ padding:2px 0 3px; text-align:center; } .common_table thead tr td a img{ margin-bottom: 3px; _margin-bottom: 0px; } .common_table tbody tr.odd{ background:#fffbf5; } .common_table tbody tr{ border-bottom:1px solid #dadada; } .common_table tbody .no{ color:#ed1c24; } .common_table tbody .yes{ color:#888888; } #ajaxLoginForm{ width: 400px; } #ajaxLoginForm li{ line-height: 30px; height: 30px; } #ajaxLoginForm li label{ width: 70px; margin-left: -70px; margin-right: 10px; text-align: right; color: #888; display: inline-block; *display: inline; *zoom: 1; } #ajaxLoginForm li input{ width: 160px; } #ajaxLoginForm li input.auto { width: auto; } .banner_xd{ height: 180px; background: url('../../imgs/support/slogan_index.jpg') no-repeat center #FF6600; } .banner_sxd{ height: 180px; background: url('../../imgs/v3/bbs/banner_sxd.jpg') no-repeat center #15AE82; } .banner_tdyx, .banner_td{ height: 180px; background: url('../../imgs/v3/bbs/banner_td.jpg') no-repeat center #339AD5; } .banner_sssg, .banner_sg{ height: 180px; background: url('../../imgs/v3/bbs/banner_sg.jpg') no-repeat center #AC2414; } .banner_sssg2, .banner_sg2{ height: 180px; background: url('../../imgs/v3/bbs/banner_sg2.jpg') no-repeat center #93a8df; } .banner_ktpd, .banner_kt{ height: 180px; background: url('../../imgs/v3/bbs/banner_kt.jpg?1365723332') no-repeat center #1FEAE4; } .banner_js{ height: 180px; background: url('../../imgs/v3/bbs/banner_js.jpg') no-repeat center #500600; } .banner_xxd{ height: 180px; background: url('../../imgs/v3/bbs/banner_xxd.jpg') no-repeat center #e9faf2; } .banner_sy{ height: 180px; background: url('../../imgs/v3/bbs/banner_sy.jpg') no-repeat center #110503; } #user_info_edit{padding-top: 10px; *padding-top: 20px;} #user_info_edit li{padding-left: 54px; line-height: 23px; min-height: 24px;} #user_info_edit li label{width: 50px; margin-left: -54px; text-align: left;} #user_info_edit a.show_info{display: inline-block; cursor: default; white-space: nowrap;} #user_info_edit a.show_info:hover{text-decoration: none; color: #666; border: none;} #user_info_edit .user_info{cursor: pointer;} #user_info_edit .user_info, #user_info_edit .edit_info{*zoom: 1;} #user_info_edit a.show_info i.icon-pencil{background: url(../../imgs/v3/edit_white.gif) no-repeat 0 0; width: 14px; height: 14px; display: none; cursor: pointer; margin-left: 7px; vertical-align: text-top;} #user_info_edit a.show_info:hover i.icon-pencil{display: inline-block;} #user_info_edit .edit_info{display: none; _height: 24px;} #user_info_edit a.btn{ display: inline-block; color: #fff; line-height: 1; text-decoration: none; border-radius: 2px; padding: 2px 5px;} #user_info_edit a.confirm{background: #f60;} #user_info_edit a.cancel{background: #666;} #mobile_code_info{margin: 0; padding: 0;} #mobile_code_info .info_error{margin-left: 0;} .kefu-qq-link{ width: 92px; height: 22px; text-indent: -9999px; line-height: 22px; cursor: pointer; overflow: hidden; display: inline-block; *display: inline; *zoom: 1; background-repeat: no-repeat; background: transparent url(../../imgs/service/qq_kefu.png); } .note{ background: #FFF6E4; border: 1px solid #FEE0C1; color: #E8A886; padding: 0 5px; display: block;}