/*首页游戏页样式 */ html { -webkit-text-size-adjust: none; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; } fieldset, img { border: 0; } /* remember to define focus styles! */ :focus { outline: 0; } address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; font-weight: normal; } h1, h2 { font-family: "Hiragino Sans GB", "Microsoft Yahei", "微软雅黑"; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } abbr, acronym { border: 0; font-variant: normal; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } code, kbd, samp, tt { font-size: 100%; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input, button, textarea, select { *font-size: 100%; } body { line-height: 1.5; font:12px/1.5 "microsoft yahei", Arial, sans-serif; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } sup, sub { font-size: 100%; vertical-align: baseline; } /* remember to highlight anchors and inserts somehow! */ :link, :visited, ins { text-decoration: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { color: #a9a4d2; text-decoration: none; } a:hover { text-decoration: underline; } .nav li { float: left; } .icon { vertical-align: middle; background-repeat: no-repeat; display: inline-block; } .container .sidebar { width: 100%; padding: 20px 15px; margin-bottom: 10px; background-color: #0f0a1a; background-color: rgba(15, 10, 26, 0.9); filter: alpha(opacity=90); box-sizing: border-box; } .container .sidebar .side_title { font-weight: 100; padding-bottom: 20px; background: url("../images/side_title.png") no-repeat bottom center; } .container { width: 1180px; margin: 0 auto; } footer { clear: both; } .top_logo { float: left; margin-top:5px; } .top_logo a { height: 57px; display: inline-block; font-size: 12px; width: 135px; color: #7d7a82; background: url("../images/logo1.png") no-repeat left 1px; } .top_logo a:hover { text-decoration: none; } .nav_div { background: #444048; background-size: cover; } .list_section ul { padding: 20px 0; border-top: 1px solid #423d4c; border-bottom: 1px solid #423d4c; } .list_section ul li { position: relative; margin: 20px 0; } .list_section ul li a { display: inline-block; width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list_section ul li a:hover { text-decoration: underline; } .list_section ul li .date { position: absolute; right: 5px; color: #616065; } .breadcrumb { list-style: none; overflow: hidden; } .breadcrumb li { float: left; } .breadcrumb li + li:before { position: relative; content: ">"; padding: 0 5px; } .breadcrumb a { font-size: 14px; color: #666; } .breadcrumb a:hover { text-decoration: underline; } .paging div * { display: inline-block; width: auto; height: 25px; line-height: 25px; padding: 0 10px; } .paging div *:hover { text-decoration: none; } .header_div { width: 100%; } .header_div div.top { background-color: #211c2a; height: 32px; position: fixed; z-index: 11; width: 100%; } .header_div div.top .top_content { position: relative; width: 1180px; margin: 0 auto; } .header_div div.top .top_content .sign { position: absolute; font-size: 12px; top: 0; right: 0px; } .header_div div.top .top_content .sign a { display: inline-block; padding: 0 10px; line-height: 1; margin: 10px 0; vertical-align: top; text-align: center; color: #979799; padding-right: 15px; } .header_div div.top .top_content .sign > a { border-right: 1px solid #48454e; } .header_div div.top .top_content .sign .select { position: relative; top: -1px; display: inline-block; width: 80px; color: #979799; margin-left: 15px; *display: inline; zoom:1; } .header_div div.top .top_content .sign .select li { position: relative; display: none; cursor: pointer; height: 33px; line-height: 33px; background-color: #211c2a; z-index: 10; } .header_div div.top .top_content .sign .select li a { display: inline-block; width: 100%; padding: 9.5px 0 9.5px 10px; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; margin: 0; } .header_div div.top .top_content .sign .select li a:hover { color: #F79705; text-decoration: none; background-color: #0f0a1a; background-color: rgba(15, 10, 26, 0.9); filter: alpha(opacity=90); } .header_div div.top .top_content .sign .select li:first-child { display: block; height: auto; background: url("../images/arrow_down.png") no-repeat 64px 10px; background-size: 12px 12px; } .header_div div.top .top_content .sign .select:hover li { display: block; } .footer_div { padding: 30px 0 15px 0px; background: #444048; background-size: cover; } .footer_div .footer { width: 1180px; margin: 0 auto; } .footer_div .footer .footer_logo { position: relative; top: 13px; width: 136px; height: 37px; margin-left:100px; /* background: url("../images/logo1.png") no-repeat center center; */ background-size: contain; margin-right: 20px; float: left; } .footer_div .footer .footer_content { font-size: 14px; padding-left: 20px; overflow: hidden; } .footer_div .footer .footer_content ul, .footer_div .footer .footer_content p { margin-bottom: 10px; } .footer_div .footer .footer_content li { padding: 0 15px; } .footer_div .footer .footer_content li:first-child { padding: 0; padding-right: 15px; } .footer_div .footer .footer_content .about li { border-left: 2px solid #FFFDFF; } .footer_div .footer .footer_content .about li:first-child { border-left: 0; } .footer_div .footer .footer_content span { float: left; } .footer_div .footer * { color: #FFFDFF; } .footer_div .footer p { font-size: 12px; color: #acacac; } .brief { position: relative; } .brief:before { position: absolute; left: -14px; content: " "; display: block; width: 24px; height: 26px; background: url("../images/ornament.png") no-repeat center center; } 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 { text-align: inherit; } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; height: 0; box-shadow:none; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { zoom: 1; } .pie_first-child, .pie { position: relative\0/; *position: relative; z-index: 0\0/; *z-index: 0; } /* tools */ .no-js .ir { font: 0/1 Arial; color: transparent; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; zoom:1; } .oldie .ir { text-indent: -999em; } html body .pleft { padding-left: 10px !important; } html body .pright { padding-right: 10px !important; } html body .mleft { margin-left: 10px !important; } html body .mright { margin-right: 10px !important; } html body .mleft5 { margin-left: 5px !important; } html body .mright5 { margin-right: 5px !important; } html body .mbottom5 { margin-bottom: 5px !important; } html body .mtop5 { margin-top: 5px !important; } html body .mbottom { margin-bottom: 10px !important; } html body .mtop { margin-top: 10px !important; } html body .mbottom15 { margin-bottom: 15px !important; } html body .mtop15 { margin-top: 15px !important; } html body .mbottom20 { margin-bottom: 20px !important; } html body .mtop20 { margin-top: 20px !important; } html body .mbottom30 { margin-bottom: 30px !important; } html body .mtop30 { margin-top: 30px !important; } /* common */ body .overlay { z-index:99; display:none; } .maskIframe { border:0 none; height:100%; position:absolute; border:none; width:100%; z-index:700; margin-bottom:-4px; } .mask_layout { z-index:890; position:fixed; top:0; left:0; background-color:#000; border:none; opacity:0.4; filter:alpha(opacity=40); height:100%; width:100%; } * html .mask_layout { position:absolute; height:expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px'); } .mask_photo_layout { opacity:0.9; filter:alpha(opacity=90); } .template { display: none; } html body .hidden { display: none; } html body .invisible { visibility: hidden; height: 1px; overflow: hidden; font-size: 0; line-height: 0; border:0; clear: both; } html body .none { display: none; visibility: hidden; } html body .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } html body .visuallyhidden.focusable:active, html .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } html .white, html a.white, html a.white:hover { color:#fff !important; } html .black, html a.black, html a.black:hover { color:#333 !important; } html .silver, html a.silver, html a.silver:hover { color:#999 !important; } html .gray, html a.gray, html a.gray:hover { color:#666 !important; } html .red, html a.red, html a.red:hover { color:red !important; } html .blue, html a.blue, html a.blue:hover { color:#3b9af0 !important; } html .blue2, html a.blue2, html a.blue2:hover { color:#4f7b98; } html .green, html a.green, html a.green:hover { color:#066601; } html .small { font-size: 12px !important; ; } html .tiny { font-size: 9px !important; ; padding: 0 5px; } html .fbold { font-weight: bold; } html .fnormal { font-weight: normal } html .text_center { text-align: center } html .text_left { text-align: left !important; } html .text_right { text-align: right !important; } html .relative { position: relative } html .inline { display: inline } html .fleft { float: left; } html .fright { float: right; } html .fcenter { margin-right: auto; margin-left: auto; } html .h1 { font-size: 26px; } html .h2 { font-size: 20px; } html .h3 { font-size: 14px; } .text_small { font-size: 12px !important; } .text_normal { font-size: 14px !important; } .text_large { font-size: 16px !important; } /*表单*/ input, button, select, textarea { margin: 0; vertical-align: middle; } textarea.textarea, select.select, input.text { outline: 0; border: 1px solid #e2e2e2; background-color: #fafafa; padding: 7px 9px; font-size: 14px; line-height: 1.2; border-radius: 0; } textarea.textarea { box-sizing: border-box; *behavior: url("boxsizing.htc"); background-color: #fafafa; border: 1px solid #e2e2e2; overflow: auto; outline: 0; font-size: 14px; resize: vertical; line-height: 1.6; resize: none; } .oldie input.focus, .oldie textarea.focus, input.text:focus, input.text:active, textarea.textarea:focus, textarea.textarea:active { border-width: 1px; border-color:#3787bf; background-color: #fff; } select.select { color:#666; margin-right: 5px; padding-top: 5px; padding-bottom: 5px; } input.file { outline: 0; border: 1px solid #e2e2e2; background-color: #fafafa; padding: 7px 9px; font-size: 14px; line-height: 1.2; border-radius: 0; margin: 0; font-size: 13px; } input.large { padding: 10px 11px; font-size: 16px; } input.small { padding: 8px 11px; font-size: 12px; } input.price { width: 50px; text-align: right; } html input.default, html textarea.default { color: #9ba4a6 } input:-moz-placeholder, textarea:-moz-placeholder { color: #9ba4a6 } ::-webkit-input-placeholder { color: #9ba4a6 } :focus::-webkit-input-placeholder { color: transparent } .placeholder { color: #9ba4a6; font-weight: 300px; } ::-moz-focus-inner { border: 0; padding: 0; } label.radio { margin-right: 6px; } label.radio input { margin-right: 4px; } input.number { text-align: right } .no-js textarea.disabled, .no-js input.disabled { background-color: #eee; color: #888; } .wfull { width: 100%; } .w50 { width: 50px; } .w10 { width: 100px; } .w200 { width: 200px; } .w300 { width: 300px; } .w400 { width: 400px; } .w600 { width: 600px; } .w800 { width: 800px; } /*箭头*/ .arrow { font-size:9px } .layer_arrow { display:block; height:0; position: absolute; width:0; } .layer_arrow i { position: absolute; zoom:1; display:block; font-size:0; } .l_arrow_up { border-bottom: 7px solid #ccc; top:-8px; border-top-width: 0; left: 50%; border-left: 7px dashed transparent; border-right: 7px dashed transparent; } .l_arrow_up i { bottom:-8px; border-bottom: 7px solid #fff; border-left: 6px dashed transparent; border-right: 6px dashed transparent; left:-6px; } .l_arrow_down { border-top: 7px solid #ccc; bottom:-8px; border-bottom-width: 0; left: 50%; border-left: 7px dashed transparent; border-right: 7px dashed transparent; } .l_arrow_down i { top:-8px; border-top: 7px solid #fff; border-left: 6px dashed transparent; border-right: 6px dashed transparent; left:-6px; } .l_arrow_left { border-right: 7px solid #ccc; top:50%; border-top-width: 0; left:-7px; border-top: 7px dashed transparent; border-bottom: 7px dashed transparent; } .l_arrow_left i { right:-8px; border-right: 7px solid #fff; border-top: 6px dashed transparent; border-bottom: 6px dashed transparent; top:-6px; } .l_arrow_right { border-left: 7px solid #ccc; top:50%; border-top-width: 0; right:-7px; border-top: 7px dashed transparent; border-bottom: 7px dashed transparent; } .l_arrow_right i { left:-8px; border-left: 7px solid #fff; border-top: 6px dashed transparent; border-bottom: 6px dashed transparent; top:-6px; } /* dialog */ .dialog { width: 550px; top: 115px; left: 250px; position: absolute; top: 20px; left: 450px; z-index: 999; } .d_layout { position: absolute; z-index: -1; width: 100%; height: 100%; padding: 6px; background: #000; opacity: 0.3; height: 100%; margin: -6px; display: none; border-radius: 5px; } .d_main { position: relative; z-index: 998; height: 100%; margin: -1px; border: none; background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, .6); } .d_header { height: 51px; border-width: 0; background-color: #f5f5f5; border-style: solid; overflow: hidden; } .d_header h4 { height: 51px; line-height: 51px; float: left; padding-left: 30px; color: #333; font-weight: normal; font-size: 18px; margin:0; } .d_header .options { text-align: right; float: right; } .d_header .options a.icon { width: 51px; height: 51px; display: inline-block; overflow: hidden; background-image: url("../images/btn_close.png"); background-repeat: no-repeat; } .d_header .options a.btn_close { background-position: center -50px; } .d_header .options a:hover.btn_close { background-color: #459ff0; background-position: center 0; } .d_body { clear: both; line-height: 1.6; zoom: 1; } .d_content { padding: 20px 30px 25px; min-height: 40px; } .d_content textarea.textarea { margin-right: -4px } .d_footer { bottom: 0; height: 34px; overflow: hidden; vertical-align: middle; padding-top: 5px; text-align: center; display: none; padding: 0 18px 25px; } .d_footer .btn { margin: 0 10px; outline:none; } /* tooltip */ .tooltip { z-index: 600 } .tooltip .d_layout { display: none } .tooltip .d_main { border: 1px solid #CCCCCC; margin: 0; padding: 0; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); *filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color=#15000000, Positive=true); } .tooltip .d_header { background: #0C73D1; height: 34px; border: none; } .tooltip .d_header h4 { color: #FFF; font-weight: 300; line-height: 34px; font-size: 12px; } .tooltip .d_content { padding: 6px 6px; min-height: 0; } .tooltip .d_footer { bottom: 0; width: 100%; height: 34px; overflow: hidden; background-color: #E6EFF3; border-top: 1px #E7EFF3 solid; vertical-align: middle; padding-top: 5px; text-align: center; } /*suggest*/ .suggest .d_layout { display: none } .suggest .d_main { /*border:1px solid #ddb18d;*/ border-radius: 5px; margin: 0; padding: 0; background: #ffea22; box-shadow: 0 0 5px rgba(0, 0, 0, .4); } .suggest .d_body { background: transparent; padding: 15px; text-align: center; color: #3e2c5e; font-weight: bold; font-size: 16px; } .suggest .d_body p { line-height: 20px } /*翻页*/ .pager { font-size:14px; padding: 20px 0px; text-align: center; } .pager .rows { vertical-align: middle; } .pager a { font-size: 14px; margin: 0 5px; padding: 6px 8px; color: #4d4162; line-height: 1; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; background-color: #fff; border:1px solid #4d4162; } .pager a:hover { text-decoration: none; background-color: #4d4162; color: #fff; } .pager .current { font-size: 14px; margin: 0 5px; padding: 6px 8px; line-height: 1; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; background-color: #4d4162; color: #fff; border:1px solid #4d4162; } .pager .num { background-position: -35px 0; } .pager .next { background-position: -70px 0; } .pager .next:hover { background-position: -70px -30px; } .pager .prev { background-position: 0 0; } .pager .prev:hover { background-position: 0 -30px; } /*按钮*/ .btn { padding: 0; margin: 0; font-size: 0; border:0; text-align: center; overflow: hidden; display: inline-block; overflow: visible; padding-left:5px; } .btn::-moz-focus-inner { padding: 0; border: none; } .btn:link, .btn:hover, .btn:visited { text-decoration: none; } .btn:focus, .btn:focus { outline: none; } .btn:active { outline: none; text-shadow: none; } .btn { font-size: 14px; padding: 7px 20px; background-color: #ed8000; color:#fff; cursor: pointer; } .btn:hover { background-color: #ff8e09; } .btn_small { font-size: 12px; padding: 4px 10px; } .btn_large { font-size: 16px; padding: 10px 20px; } .btn_silver { background-color: #e1e1e1; color:#666; } .btn_silver:hover { background-color: #e7e7e7; } .btn_red { background-color: #cd0000; color:#fff; } .btn_red:hover { background-color: #dc2020; } .btn_white { border: 1px solid #e2e2e2; background-color: #fff; color:#000; } .btn_white:hover { background-color: #eee; } .btn_green { background-color: #23ac43; color: #fff; } .btn_green:hover { background-color: #33c154; } .btn_disabled { background-color: #e1e1e1 !important; color:#999 !important; } .btn_cancel { background-color: #3b314d; color: #fff; } .btn_cancel:hover { background-color: #422e66; } .btn_purple { background-color: #f5e125; color: #3e2c5e; font-family: 'Microsoft Yahei'; } .btn_purple:hover { background-color: #ffea22; } /*头像*/ .icon { overflow: hidden; display: inline-block; *display: inline; *zoom:1; background-repeat: no-repeat; vertical-align: middle; } a .icon { cursor: pointer; } .i_12x12 { width: 12px; height: 12px; } .i_16x16 { width: 16px; height: 16px; } .i_20x20 { width: 20px; height: 20px; } .i_30x30 { width: 30px; height: 30px; } .i_40x40 { width: 40px; height: 40px; } /* dropdown */ .dropdown { display:inline-block; *display:inline; *zoom:1; position:relative; margin:0 4px; vertical-align:middle; text-align:left; } .dropdown * { -moz-user-select:none; } .dropdown .dropselectbox { display:block; background:#FFF; } .dropdown h4 { border:1px solid #ccc; padding:2px 13px 2px 5px; line-height:1.5; cursor:default; } .dropdown h4.hover { border-color:#888; } .dropdown h4 strong { font-weight:normal; margin-right:4px; } .dropdown h4 .symbol { position:absolute; right:5px; margin-top:2px; } .dropdown .dropselectbox ul { display:none; } .dropdown ul { position:absolute; background:#FFFFFF; border:1px solid #888; border-top:none; margin-top:-1px; z-index: 1; } .dropdown ul li a { white-space: nowrap; height:22px; line-height:22px; padding-right:17px; display:block; text-indent:5px; color:#000; } .dropdown ul li a:hover { text-decoration:none; color:#000000; background:#EAEAEA; } /* table */ table.list th { font-weight:700; line-height:1.6; padding:5px 8px; border:1px solid #e2e2e2; } table.list tbody td { border:1px solid #e2e2e2; line-height:1.6; padding:5px 8px; font-size: 13px; text-align: center; vertical-align: middle; } table.list tbody tr:hover td { background-color: #f9f9f9; } table.list tbody td img { vertical-align: middle; } table.list thead, table.list tbody th { background-color: #f0f0f0; background:linear-gradient(to bottom, rgb(255,255,255), rgb(242,242,242)); } table.list tbody tr.disabled * { color: #999; } table.list .hidden { display:none } table.list .more { border:0 } table.edit { vertical-align:middle } table.edit td { line-height:1.6; padding:10px 6px 8px } table.edit .label { text-align:right; color: #666666 } table.edit .top { vertical-align:top; } table.edit td.large { padding-top:20px } table.property { vertical-align:middle } table.property td { line-height:1.5; padding:3px 3px 5px 10px } table.property .label { text-align:right; vertical-align:top } /*竖线*/ .vline { border: none; border-left:1px solid #D5E1EC; border-right:1px solid #fff; width: 0; overflow: hidden; } .hline { display:block; border: none; border-top:1px solid #D5E1EC; border-bottom:1px solid #fff; font-size: 0; height:0; overflow: hidden; } hr.hline { *margin-top:-7px; *height: 2px; } hr.hline + * { *margin-top:-7px; } .gapline { border-left:1px solid #cecece; width: 0; zoom:1; overflow: hidden; margin-left:10px; margin-right: 10px; } .del { text-decoration: line-through !important; } .loading_bar { height:20px; background:url("../images/loading_animation.gif") center center no-repeat; } .footer_safe { padding:0 5px; height:50px; margin:0 auto; text-align:center; } .footer_safe a { width:120px; height:50px; display:inline-block; _zoom:1; *display:inline; margin:0 12px; } .footer_safe .safe_1 { background:url("http://www.wan669.com/static/home/images/safe_1.png"); } .footer_safe .safe_2 { background:url("http://www.wan669.com/static/home/images/safe_2.png"); } .footer_safe .safe_3 { background:url("http://www.wan669.com/static/home/images/safe_3.png"); } .footer_safe .safe_4 { background:url("http://www.wan669.com/static/home/images/safe_4.png"); } .footer_safe .safe_5 { width:268px; background:url("http://www.wan669.com/static/home/images/safe_5.png"); } .button_a { font-size: 16px; padding: 10px 40px; color: #fff; cursor: pointer; background-color: #ed8000; margin-left: 25px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration: none; } .button_a:hover { text-decoration: none; } .text_center { text-align: center !important; } .no_data { padding: 20px 0; } .jump_wrapper { position: absolute; top: 30%; left: 50%; margin-left: -600px; width: 1200px; overflow: hidden; text-align: center; } .jump_wrapper .jump_left { margin-bottom: 20px; height: 80px; } .jump_wrapper .jump_left.ok { background: url("../images/ok.jpg") center top no-repeat; } .jump_wrapper .jump_left.error { background: url("../images/error.jpg") center top no-repeat; } .jump_wrapper .jump_right { vertical-align: top; display: inline-block; overflow: hidden; } .jump_wrapper .jump_right h3 { font-size: 34px; margin-bottom: 15px; } .jump_wrapper .jump_right p { font-size: 14px; color: #999; } .jump_wrapper .jump_right p a { color: #333; margin-left: 2px; } input.radio { vertical-align: middle; } input.text { vertical-align: middle; height: 36px; line-height: 36px; font-size: 14px; border: 1px solid #dadada; padding: 0 12px; box-shadow:inset 0 1px 4px rgba(0, 0, 0, 0.1); box-sizing: border-box; -moz-box-sizing: border-box; } input[type="submit"], input[type="reset"] { cursor: pointer; } form .button { cursor: pointer; font-size: 18px; padding-top: 10px; padding-bottom: 10px; border: 0; color: #fff; outline: 0; } form .button.sign_in { background-color: #ed8000; width: 300px; } form .button.sign_in:hover { background-color: #ff8e09; } form .button.submit { width: 180px; background-color: #ed8000; } form .button.submit:hover { background-color: #ff8e09; } form .button.reset { width: 180px; background-color: #3b314d; } form .button.reset:hover { background-color: #422e66; } form input { outline: none; } .top_content .collect { position: relative; font-size: 12px; } .top_content .collect a { display: inline-block; margin: 10px 0; line-height: 1; color: #979799; padding-right: 15px; border-left: 1px solid #48454e; } .top_content .collect a:first-child { border-left: 0; } .top_content .collect a + a { padding-left: 15px; } .nav { overflow: hidden; } .nav_pt { overflow: hidden; padding-top: 33px; } .nav_pt .nav_pt_box { position: relative; width: 1180px; height:65px; margin: 0 auto; background:url("../images/top_bg.jpg") no-repeat; } .nav_pt .top_logo a { width: 96px; font-size: 16px; padding-left: 110px; vertical-align: middle; background-position: left top; } .nav_pt .nav { position: absolute; right: 0; width: 688px; z-index: 0; font-size: 16px; } .nav_pt .nav li { width: 98px; height: 65px; line-height: 65px; text-align: center; } .nav_pt .nav li a { display: block; color:#ffffff; } .nav_pt .nav li a:hover, .nav_pt .nav li a.current { color: #ffffff; background-size: 100px auto; text-decoration: none; background: #F79705; } .problem_box li.problem { width: 25%; text-align: center; } .problem_box li.problem a { display: block; padding-top: 148px; color: #666; background: no-repeat top center; text-decoration: none; } .problem_box li.problem a.account_problem { background-image: url("../images/account_problem.png"); } .problem_box li.problem a.recharge_problem { background-image: url("../images/recharge_problem.png"); } .problem_box li.problem a.inform_problem { background-image: url("../images/inform_problem.png"); } .problem_box li.problem a.other_problem { background-image: url("../images/other_problem.png"); } .problem_box li.problem a.email_problem { background-image: url("../images/email_problem.png"); } .problem_box li.problem a.service_problem { background-image: url("../images/service_problem.png"); } .problem_box li.problem a.phone_problem { background-image: url("../images/phone_problem.png"); } .problem_box li.problem a.restrict_problem { background-image: url("../images/restrict_problem.png"); } .problem_box li.problem a.psd_problem { background-image: url("../images/psd_problem.png"); } .problem_box li.problem a.email { background-image: url("../images/email.png"); } .problem_box li.problem a.phone { background-image: url("../images/phone.png"); } .problem_box li.problem a.restrict { background-image: url("../images/restrict.png"); } .platform { min-height:349px; } .platform .banner { padding: 50px 0 40px; } .platform .banner .banner_box { position: relative; width: 1180px; margin: 0 auto; } .platform .banner .banner_box .center { width: 480px; height: 39px; } .platform .banner .banner_box h2 { position: relative; left: 4px; font-weight: 100; font-size: 18px; margin-top: 20px; color: #333; } /* .platform .banner .banner_box .phone_box { position: absolute; right: 10px; width: 240px; height: 70px; padding: 10px 0; top: 0px; color: #fff; text-align: center; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; } */ .platform .banner .banner_box .phone_box { position: absolute; right: 10px; width: 240px; padding: 10px 0; top: 0px; color: #fff; background-color: rgba(0, 0, 0, 0.1); border-radius: 10px; } .platform .banner .banner_box .phone_box h4{ padding-left:25px; line-height:24px; } .platform .banner .banner_box .phone_box h4 span{ padding-right:5px; } .platform .container { width: 1180px; margin: 40px auto 0; } .platform .container .wrong_tip { display: inline-block; padding-left: 32px; color: #ed8000; line-height: 19px; background: url("../images/wrong_tip.png") no-repeat left center; } .platform .container.sign form .form_box { position: relative; width: 650px; margin: 125px auto 20px; font-size: 14px; color: #999; } .platform .container.sign form .sign_line { vertical-align: bottom; position: relative; margin-bottom: 20px; } .platform .container.sign form .sign_line .label { position: absolute; right: 495px; top: 9px; } .platform .container.sign form .sign_line input { position: relative; left: 152px; } .platform .sign form .sign_line input { margin: 0 20px; } .platform .container.sign form .sign_line input + * { position: relative; left: 155px; } .platform .container.sign form .sign_line input[type="checkbox"] { margin-right: 0; } .platform .container.sign form .sign_line.remember_psd { margin-top: 28px; } .platform .container.sign form .verify_line { margin-top: -13px; } .platform .sign form .verify_line .text { width: 190px; margin-right: 5px; } .platform .container.sign form .verify_line .label { top: 21px; } .platform .container.sign form .warning_tip { display: inline-block; padding-left: 32px; margin-left: 5px; color: #52266d; line-height: 19px; background: url("../images/warning_tip.png") no-repeat left center; } .platform .container.sign form p a { color: #73a9d2; } .platform .container.sign form p a:hover { text-decoration: underline; } .platform .container.sign form .forget_psd { position: relative; } .platform .container.sign form .forget_psd a { position: absolute; right: 165px; top: -38px; } .platform .container.sign form .sign_up_tip { line-height: 19px; text-align: center; } .platform .container.sign form .sign_up_tip .icon { background-image: url("../images/sign_up_tip.png"); width: 20px; height: 20px; } .platform .container.sign form .verification_code { position: relative; top: 13px; display: inline-block; } .platform .container.sign form .verification_code + .wrong_tip { margin-left: 144px; } .platform .container.sign form .submit_box { margin-top: 65px; margin-bottom: 60px; text-align: center; } .platform .container.sign form .submit_box .sign_line_p { left: 0; color: #999; font-size: 14px; position: relative; top: -20px; margin-bottom: -10px; } .platform .container.sign form .submit_box .sign_line_p label { left: 0; vertical-align: middle; } .platform .container.sign form .submit_box .sign_line input { left: 0; } .platform .container.sign form .submit_box .sign_line input.checkbox_agree { margin-right: 4px; vertical-align: middle; } .platform .container.sign form .submit_box .sign_line input.button { left: -10px; } .platform .container .bulletin { overflow: hidden; margin-bottom: 45px; } .platform .container .bulletin img { float: left; margin-right: 25px; width: 208px; } .platform .container .bulletin .section { overflow: hidden; } .platform .container .bulletin .section h2 { font-weight: 100; font-size: 18px; } .platform .container .bulletin .section h2 a { color: #000; } .platform .container .bulletin .section p { font-size: 14px; text-align: justify; color: #666; line-height: 26px; } .platform .container .bulletin .section > div { position: relative; max-height: 180px; margin-top: 17px; padding-top: 19px; border-top: 1px solid #e6e6e6; overflow: hidden; color: #999; } .platform .container .main { overflow: hidden; color: #666; padding-bottom: 30px; min-height:199px; } .platform .container .main .nav_news { overflow: hidden; } .platform .container .main .nav_news li { width: 90px; } .platform .container .main .nav_news li.current, .platform .container .main .nav_news li:hover { border-bottom: 2px solid #6666cc; } .platform .container .main .list_section ul { min-height: auto; padding: 25px 30px; border: 1px solid #ccc; } .platform .container .main .list_section ul li { font-size: 14px; } .platform .container .main .list_section ul li a { color: #666; } .platform .container .main .list_section ul li .time { color: #999; } .nav_news li, .nav_personal li { text-align: center; margin-right: 20px; } .nav_news li a, .nav_personal li a { display: block; font-size: 18px; color: #666; padding-bottom: 15px; } .nav_news li a:hover, .nav_personal li a:hover { text-decoration: none; } .platform .news_detail_container { margin: 0px auto 0px; position:relative; } .platform .news_detail_container .news_sidebar { width: 105px; float: left; /*border-right: 1px solid #ececec;*/ padding-bottom: 40px; padding-top: 20px; } .platform .news_detail_container .news_sidebar li { position: relative; list-style: none; } .platform .news_detail_container .news_sidebar li a { padding: 10px 0px 30px 0px; color: #666666; display: block; } .platform .news_detail_container .news_sidebar li.currentt:before { content: ""; background: url("../images/news_current.png"); } .platform .news_detail_container .news_sidebar li.currentt a { color: #cf6e2a; font-size: 16px; list-style: none; } .platform .news_detail_container .main .about_us_all h1, .platform .news_detail_container .main .about_us_all h2, .platform .news_detail_container .main .about_us_all h3, .platform .news_detail_container .main .about_us_all h4 { padding: 30px 30px; } .platform .news_detail_container .main .about_us_all li { list-style: none } .platform .news_detail_container .news_sidebar li:before { content: "●"; position: absolute; font-size: 32px; color: #ececec; right: -11px; top: 7px; width: 36px; height: 24px; text-align: right; line-height: 22px; } .platform .breadcrumb { margin-top:20px; } .platform .news_detail_container .main { /*margin-top: 80px;*/ font-size: 14px; border-left: 1px solid #ECECEC; } .platform .news_detail_container .main h1 { text-align: center; font-size: 34px; line-height:96px; /* margin-bottom: 96px; */ color: #000; font-weight: 100; } .platform .news_detail_container .main .information{ text-align:center; font-size:16px; } .platform .news_detail_container .main .information span{ margin:0 20px; } .platform .news_detail_container .main .section { padding: 20px 35px 30px; min-height: 420px;/* border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;*/ } .platform .news_detail_container .main .section p, .platform .news_detail_container .main .section > .turn_page { width: 855px; margin: 0 auto; } .platform .news_detail_container .main .section p { line-height: 30px; margin-bottom: 33px; } .platform .news_detail_container .main .section p.no_indent { text-indent: 0; margin-bottom: 0; } .platform .news_detail_container .main .section .turn_page { position: relative; margin-top: 100px; } .platform .news_detail_container .main .section .turn_page span a { position: relative; top: 4px; display: inline-block; width: auto; max-width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #666; } .platform .news_detail_container .main .section .turn_page span a:hover { text-decoration: underline; } .platform .news_detail_container .main .section .turn_page .next { position: absolute; right: 0; } .platform .service_container { width: 925px; margin-bottom: 40px; } .platform .service_container .problem_box { padding-top: 60px; overflow: hidden; margin-bottom: 70px; } .platform .service_container .problem_box li { width: 20%; } .platform .service_container .problem_box .service_problem:hover { background-image: url("../images/service_hover.png"); } .platform .service_container .problem_box .account_problem:hover { background-image: url("../images/account_hover.png"); } .platform .service_container .problem_box .recharge_problem:hover { background-image: url("../images/recharge_hover.png"); } .platform .service_container .problem_box .inform_problem:hover { background-image: url("../images/inform_hover.png"); } .platform .service_container .problem_box .other_problem:hover { background-image: url("../images/other_hover.png"); } .platform .service_container .problem.current .account_problem { background-image: url("../images/account_hover.png"); } .platform .service_container .problem.current .recharge_problem { background-image: url("../images/recharge_hover.png"); } .platform .service_container .problem.current .inform_problem { background-image: url("../images/inform_hover.png"); } .platform .service_container .problem.current .other_problem { background-image: url("../images/other_hover.png"); } .platform .service_container .section { text-align: justify; border: 1px solid #e6e6e6; padding: 42px 60px; box-sizing: border-box; -moz-box-sizing: border-box; } .platform .service_container .section.read { margin-bottom: 78px; } .platform .service_container .section h2 { width: 135px; text-align: center; margin: 0 auto; position: relative; top: -60px; font-size: 24px; font-weight: 100; color: #4a3770; background-color: #fff; } .platform .service_container .section h3 { font-size: 16px; } .platform .service_container .section h3.question { position: relative; width: 723px; color: #ed7b00; line-height: 1.6; left: -50px; margin-bottom: 20px; padding-left: 50px; background: url("../images/service_solve_num.png") no-repeat left 0; } .platform .service_container .section h3.question strong { display: inline-block; position: absolute; width: 40px; text-align: right; z-index: -1; color: #edc000; font-size: 30px; left: -23px; top: -10px; } .platform .service_container .section p { color: #666; line-height: 30px; } .platform .service_container .section.solution_box { padding: 40px 10px 40px; } .platform .service_container .section.solution_box .question_box { padding: 0 90px 0; } .platform .service_container .section.solution_box .question_box + .question_box { padding-top: 42px; margin-top: 44px; border-top: 1px solid #e6e6e6; } .platform .service_container .section.solution_box .question_box .solution { margin-top: 20px; } .platform .service_container .section.solution_box .question_box .solution em { display: inline-block; position: relative; height: 20px; line-height: 20px; padding-left: 10px; margin-right: 10px; font-style: normal; color: #fff; font-size: 14px; background-color: #ed7b00; } .retrieve_container { margin-bottom: 25px !important; overflow: hidden; } .retrieve_container .side { position: relative; width: 270px; padding-bottom: 50px; border-right: 1px solid #ececec; float: left; margin-right: 100px; } .retrieve_container .side p { width: 188px; height: 32px; line-height: 32px; padding-left: 40px; margin-top: 40px; } .retrieve_container .side p a { color: #666; } .retrieve_container .side p + p { margin-top: 85px; } .retrieve_container .side .user_pwd { background: url("../images/user_psd.png") no-repeat left center; } .retrieve_container .side .phone_pwd { background: url("../images/phone_psd.png") no-repeat left center; } .retrieve_container .side .email_pwd { background: url("../images/email_psd.png") no-repeat left center; } .retrieve_container .side p.current a { color: #ed8000; } .retrieve_container .side p.current:after { position: relative; top: 5px; display: inline-block; content: " "; width: 11px; height: 21px; background: url("../images/arrow_right.png") no-repeat center center; } .platform .retrieve_container .main { overflow: hidden; padding: 80px 15px; margin: 0; } .retrieve_container .main form { position: relative; width: 625px; } .retrieve_container .main .warning_tip { margin-left: 85px; height: 27px; line-height: 27px; padding-left: 40px; margin-bottom: 40px; background: url("../images/tip.png") no-repeat left center; } /*.retrieve_container .main input[name="verification"] { width: 230px; margin-right: 5px; }*/ .retrieve_container .main .verification_code img { width: 59px; height: 36px; vertical-align: middle; } .retrieve_container .main .forget_username { position: relative; margin: 20px 0 0; width: 400px; text-align: right; } .retrieve_container .main .forget_username a { font-size: 14px; color: #73a9d2; } .retrieve_container .main .sign_line.last { position: relative; left: 35px; } .retrieve_container .main .button { width: 294px; margin-left: 65px; } .retrieve_container .main .label { display: inline-block; width: 80px; text-align: right; } .retrieve_container .main .my_email, .retrieve_container .main .my_phone { margin-left: 20px; } .retrieve_container .main .my_email_line { margin-bottom: 20px; } .retrieve_container .main .my_email_button { margin-top: 40px; margin-left: 105px; } .retrieve_container .main .my_phone_line { position: relative; margin-bottom: 20px; } .retrieve_container .main .my_phone_line a { font-size: 14px; position: absolute; right: 227px; } .form_box .sign_line { margin-top: 15px; } .news_center { background: url("../images/news_center.png") no-repeat left bottom; } .service_center { background: url("../images/service_center.png") no-repeat left bottom; } .gift_center { background: url("../images/gift_center.png") no-repeat left bottom; } .recharge_center { background: url("../images/recharge_center.png") no-repeat left bottom; } .game_center { background: url("../images/game_center.png") no-repeat left bottom; } .news_about_center { background: url("../images/news_about_center.png") no-repeat left bottom; } .news_paging { text-align: right; margin-top: 40px; margin-bottom: 40px; } .news_paging div * { display: inline-block; color: #fff; padding: 0 10px; height: 32px; line-height: 32px; background-color: #ccc; } .news_paging div *.current, .news_paging div *.num:hover { text-decoration: none; background-color: #999; } .news_paging .rows, .news_paging .prev, .news_paging .next { color: #999; background-color: transparent; } .detail_paging { width: 855px; margin: 0 auto; margin-top: 40px; } .platform .news { background:#704eb4 url("../images/news_top.png") top center no-repeat; } .platform .news_about { background:#aad772 url("../images/about_us_top.png") top center no-repeat; } .platform .service { background:#72d7c1 url("../images/service_top.png") top center no-repeat; } .platform .gift { background:#03141e url("../images/gift_top.png") top center no-repeat; } .platform .game { background: url("../images/game_top.png") top center no-repeat; } .platform .recharge { background:#fecc51 url("../images/recharge_top.png") top center no-repeat; } .platform .personal { padding: 25px 0 25px; background:url("../images/personal_top.jpg") top center no-repeat; } .platform .gift .banner_box h2 { color: #6f888f; } .platform .personal .message_box { width: 550px; float: left; } .platform .personal .message_box .photo { width: 128px; height: 128px; margin-right: 40px; float: left; } .platform .personal .message_box .message { width: auto; max-width: 380px; overflow: hidden; font-size: 12px; } .platform .personal .message_box .message p { color: #9a9a9a; } .platform .personal .message_box .message p.username { padding-top: 6px; padding-bottom: 6px; } .platform .personal .message_box .message p.username a { color: #000; font-size: 24px; } .platform .personal .message_box .message .user_level_box { width: 300px; } .platform .personal .message_box .message a { color: #9eafcd; } .platform .personal .message_box .last_time { margin-top: 5px; margin-bottom: 5px; } .platform .personal ul.problem_box { position: absolute; width: 430px; right: 0; font-size: 14px; } .platform .personal ul.problem_box a { color: #999; padding-top: 100px; } .platform .personal .personal_container { width: 1180px; clear: both; padding-top: 60px; } .platform .personal .personal_container .nav_personal { margin-bottom: 25px; } .platform .personal .personal_container .nav_personal li { font-size: 22px; width: 155px; text-align: center; } .platform .personal .personal_container .nav_personal li.current a, .platform .personal .personal_container .nav_personal li:hover a { border-bottom: 2px solid #edc000; color: #000; } .platform .personal .personal_container .wrapper { overflow: hidden; } .platform .personal .recommendation { color: #333; font-weight: 100; font-size: 22px; margin: 45px 0 35px; } .platform .personal .recommendation span { font-size: 30px; } .platform .gift_container { width: 1180px; min-height:615px; } .platform .gift_container .gift_h2 { font-size: 20px; margin-top: 3px; margin-bottom: 20px; padding-left: 45px; font-weight: 100; } .platform .gift_container .gift_h2 a { color: #333; } .platform .gift_container .gift_h2 a:hover { text-decoration: none; } .platform .gift_container .gift_h2 span { font-size: 28px; } .platform .gift_container .gift_h2.price { background: url("../images/gift_icon.png") no-repeat left center; } .platform .gift_container .gift_h2.special { background: url("../images/gift_icon2.png") no-repeat left center; } .platform .container .gift_dl { border-top: 1px solid #dddbe5; border-left: 1px solid #dddbe5; overflow: hidden; } .platform .container .gift_dl dd { width: 25%; height: 130px; float: left; border-bottom: 1px solid #dddbe5; border-right: 1px solid #dddbe5; box-sizing: border-box; -moz-box-sizing: border-box; *display: inline; *zoom:1; } .platform .container .my_gift dd { padding: 20px 20px; } .platform .container .gift_dl dd a { display: block; padding: 20px 20px; text-decoration: none; } .platform .container .my_gift dd a { display: inline; padding: 0; } .platform .container .gift_dl dd .img { float: left; margin-right: 10px; width: 90px; height: 90px; overflow: hidden; } .platform .container .gift_dl dd h3 { font-weight: 100; display: inline-block; width: 145px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #000; margin-bottom: 8px; font-size: 16px; } .platform .container .gift_dl dd p { font-size: 12px; width: 146px; color: #999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 1.8; } .platform .container .get_button { display: inline-block; position: relative; left: 4px; width: 65px; height: 20px; margin: 10px 0 10px; font-size: 14px; text-align: center; line-height: 20px; color: #ed8000; border: 1px solid #edc000; } .platform .container .get_button:hover { text-decoration: none; background-color: #edc000; color: #fff; } .platform .gift_container .wrapper_gift.wrapper_top { padding: 10px; background-color: #626066; } .platform .gift_container .wrapper_gift.wrapper_top .wrapper_gift_img + .wrapper_gift_img { margin-left: 13px; } .platform .gift_container .wrapper_gift.wrapper_top .wrapper_gift_img a { display: block; text-decoration: none; } .platform .gift_container .wrapper_gift .wrapper_gift_img img { width: 280px; height: 270px; overflow: hidden; } .platform .gift_container .wrapper_gift.wrapper_top .wrapper_gift_img .description { position: relative; z-index: 1; margin-top: -3px; padding: 12px 7px 15px; background-color: #211c2a; } .platform .gift_container .wrapper_gift.wrapper_top .wrapper_gift_img .description p > span { font-size: 14px; color: #999; } .platform .gift_container .wrapper_gift.wrapper_top .wrapper_gift_img .description p > span:last-child { position: absolute; right: 7px; } .platform .gift_container .wrapper_gift.wrapper_top .wrapper_gift_img .description p > span > span { color: #666; } .platform .gift_container .wrapper_gift.wrapper_top .wrapper_gift_img .description h3 { color: #fff; font-size: 16px; font-weight: normal; margin-top: 15px; width: 266px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .platform .gift_container .wrapper_gift.wrapper_top .wrapper_gift_img .description:before { position: absolute; bottom: 81px; left: 0; content: " "; display: block; width: 100%; height: 100px; background: url("../images/shadow.png") no-repeat; } .platform .gift_container .main { overflow: hidden; } .platform .gift_container .main .content { position: relative; margin-right: 20px; width: 880px; float: left; } .platform .gift_container .main .content .my_wallet { position: absolute; color: #666; top: 10px; right: 0; } .platform .gift_container .main .content .my_wallet > span { color: #fb7f2c; font-size: 24px; } .platform .gift_container .main .gift_dl dd { width: 293px; *width: 292px; } .platform .container .main .right_sidebar { overflow: hidden; } .gift_right_a { width: 280px; height: 54px; line-height: 54px; color: #fff; font-size: 18px; text-align: center; text-decoration: none; margin-bottom: 10px; display: inline-block; } .platform .gift_container .main .right_sidebar .gift_right_a.my_present { font-size: 24px; background: #f86c19 url("../images/my_present.png") no-repeat center center; } .platform .gift_container .main .right_sidebar .gift_right_a.my_present:hover { text-decoration: none; } .new_server_list { margin-bottom: 18px; } .new_server_list h2 { height: 54px; line-height: 54px; color: #fff; font-size: 18px; text-align: center; background: url("../images/new_list_bg.png") no-repeat center center; } .new_server_list .list_wrapper { overflow: hidden; height: 300px; border-left: 1px solid #dddbe5; border-right: 1px solid #dddbe5; } .new_server_list dl.list { position: relative; top: 0; transition: all .8s; margin-top: -5px; -webkit-transition: .8s; -moz-transition: .8s; -ms-transiiton: .8s; } .new_server_list dl.list dt { height: 28px; line-height: 28px; color: #3c0e70; font-weight: bold; text-align: center; margin-bottom: 5px; margin-top: 5px; background: url("../images/list_date_bg.png") no-repeat; } .new_server_list dl.list dd { padding: 0 20px; font-size: 12px; vertical-align: baseline; } .new_server_list dl.list dd a { text-decoration: none; display: block; line-height: 30px; height: 30px; color: #999; } .new_server_list dl.list dd a:hover { color: #333; } .new_server_list dl.list dd a:hover .game_name { color: #597aaa; } .new_server_list dl.list dd .game_time { display: inline-block; margin-right: 10px; vertical-align: top; } .new_server_list dl.list dd .game_name { display: inline-block; width: 90px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #7592bb; font-family: '宋体'; } .new_server_list dl.list dd .game_quantity { display: inline-block; width: 95px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: right; } .new_server_list .list_controller { width: 278px; height: 19px; padding: 10px 0; border: 1px solid #dddbe5; text-align: center; } .new_server_list .list_controller .arrow { display: inline-block; width: 16px; height: 16px; cursor: pointer; background-image: url("../images/arrow.png"); background-repeat: no-repeat; } .new_server_list .list_controller .arrow_up { background-position: top left; margin-right: 15px; } .new_server_list .list_controller .arrow_up:hover { background-position: bottom left; } .new_server_list .list_controller .arrow_down { background-position: bottom right; } .new_server_list .list_controller .arrow_down:hover { background-position: top right; } .new_server_list .list_controller .arrow_up.none { background-position: top left; } .new_server_list .list_controller .arrow_down.none { background-position: bottom right; } .platform .gift_container .wrapper { position: relative; } .platform .gift_container .wrapper .special { margin-top: 20px; } .platform .gift_container .wrapper .query_bag, .platform .gift_container .main .content .query_bag { position: absolute; right: 10px; top: 15px; font-size: 14px; } .platform .gift_container .wrapper .query_bag a { color: #4b1a74; } .platform .gift_container .wrapper .wrapper_bottom { margin-bottom: 30px; overflow: hidden; } .platform .gift_container .wrapper .wrapper_bottom a { text-decoration: none; } .platform .gift_container .wrapper .wrapper_bottom .wrapper_gift_img + .wrapper_gift_img { margin-left: 16px; } .platform .gift_container .wrapper .wrapper_bottom .description { position: relative; padding: 10px 0; width: 280px; } .platform .gift_container .wrapper .wrapper_bottom .description p { font-size: 14px; color: #999; } .platform .gift_container .wrapper .wrapper_bottom .description p kbd { font-family: Arial; } .platform .gift_container .wrapper .wrapper_bottom .description .des_get_button { position: absolute; right: 0; top: 12px; width: 38px; height: 38px; line-height: 38px; text-align: center; overflow: hidden; color: #fff; background: url("../images/get.png") no-repeat; } .platform .gift_container .wrapper .wrapper_bottom h3 { font-size: 16px; font-weight: normal; margin-bottom: 5px; overflow: hidden; width: 230px; white-space: nowrap; text-overflow: ellipsis; padding-right: color: #4b1a74; } .platform .recharge_container { width: 1180px; overflow: hidden; border: 1px solid #e6e6e6; font-size: 14px; margin-bottom: 15px; } .platform .recharge_container .text { outline: none; } .platform .recharge_container .money { text-align: right; } .platform .recharge_container .recharge_sidebar { width: 200px; float: left; } .platform .recharge_container .recharge_sidebar .recharge_list { /* height: 100%; */ background-color: #f9fafb; } .platform .recharge_container .recharge_sidebar .recharge_list li { border-bottom: 1px solid #e6e6e6; border-left: 0; border-right: 0; text-align: right; } .platform .recharge_container .recharge_sidebar .recharge_list li a { display: block; padding: 28px 15px 28px 0; color: #333; font-weight: bold; transition: padding 0.5s; } .platform .recharge_container .recharge_sidebar .recharge_list li a:hover { text-decoration: none; background-color: #f3f4f5; padding-right: 25px; } .platform .recharge_container .recharge_sidebar .recharge_list li.current a { color: #fff; padding-right: 25px; background-image: url("../images/rechange_listbtn.jpg"); } .platform .recharge_container .main { overflow: hidden; padding: 50px; border-left: 1px solid #e6e6e6; } .platform .recharge_container .sign_line { margin-bottom: 20px; } .platform .recharge_container .pay_amount_wrap { margin-top: 10px; } .platform .recharge_container .pay_type_wrap { } .platform .recharge_container .sign_line label.label { display: inline-block; width: 100px; text-align: right; } .platform .recharge_container .sign_line label.pay_way_label { float: left; } .platform .recharge_container .sign_line .text { margin: 0; } .platform .recharge_container .account_line a { font-size: 14px; color: #7592bb; vertical-align: middle; margin-left: 20px; } .platform .recharge_container .recharge_section.none { display: none; } .platform .recharge_container .select { width: auto; color: #fff; border: 0; padding: 8px 45px 8px 15px; margin-right: 5px; min-width: 100px; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #3b314d url("../images/select_bg.png") no-repeat right 30%; } .oldie .platform .recharge_container .select { padding-right: 15px; background-image: none; } .platform .recharge_container .display_role_name { color: #666; font-size: 14px; } .platform .recharge_container .radio_wrapper { padding-top: 8px; } .platform .recharge_container .radio_wrapper label { display: inline-block; width: 134px; cursor: pointer; border: 1px solid #ccc; overflow: hidden; position: relative; text-indent: -999px; margin-right: 4px; margin-bottom: 4px; } .platform .recharge_container .radio_wrapper label:hover { border: 1px solid #9CCD68; } .platform .recharge_container .radio_wrapper label.curr { border: 1px solid #9CCD68; } .platform .recharge_container .radio_wrapper label.curr i { position: absolute; bottom: 0; right: 0; width: 18px; height: 18px; background: url("../images/bank_checked.png") bottom right no-repeat; } .platform .recharge_container .radio_wrapper label .radio { position: absolute; left: -13px; } .platform .recharge_container .radio_wrapper .bank { display: inline-block; float: left; width: 134px; height: 42px; background-image: url("../images/bg_bank.png"); background-repeat: no-repeat; } .platform .recharge_container .face_value_wrapper { position: relative; top: -4px; } .platform .recharge_container .face_value_wrapper label { margin-right: 10px; margin-bottom: 10px; cursor: pointer; padding: 4px 6px; display: inline-block; } .platform .recharge_container .face_value_wrapper .has-success { white-space: nowrap; } .platform .recharge_container .face_value_wrapper .radio { margin-right: 4px; cursor: pointer; } .platform .recharge_container .other_line .radio { margin-right: 4px; } .platform .recharge_container .other_line .text { text-align: right; margin: 0 5px; } .platform .recharge_container .other_line .proportion { color: #ed8000; font-weight: bold; font-family: arial; margin: 0px 3px 0px 12px; font-size: 22px; } .platform .recharge_container .other_line .other_line_tips { color: #999; } .platform .recharge_container .button_line { text-align: center; } .platform .recharge_success_container { text-align: center; height: 120px; padding: 175px 0 215px; border: 1px solid #e6e6e6; margin-bottom: 25px; } .platform .recharge_success_container h2 { font-size: 32px; height: 36px; line-height: 36px; font-weight: 100; color: #ed8000; margin-bottom: 56px; } .platform .recharge_success_container h2:before { content: " "; display: inline-block; position: relative; top: 7px; width: 36px; height: 36px; margin-right: 20px; background: url("../images/recharge_success.png") no-repeat center center; } .platform .recharge_success_container p { font-size: 14px; color: #666666; margin-bottom: 40px; } .platform .recharge_success_container .wrapper { font-size: 16px; } .platform .recharge_success_container .wrapper a { margin-right: 10px; } .platform .recharge_success_container .wrapper span { color: #ed8000; } .section_wrapper { background-color: #f9fafb; padding: 30px 50px; margin-left: -10px; width: 800px; font-size: 12px; } .section_wrapper h3 { font-weight: bold; font-size: 14px; } .section_wrapper .recharge_section { margin: 8px 0; line-height: 1.8; } .percent_box { position: relative; width: 110px; height: 18px; border: 1px solid #facb00; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background-color: transparent; } .percent_box .percent { width: 40%; height: 100%; color: #000; background-color: #facb00; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .percent_box .percent_num { display: inline-block; position: absolute; width: auto; margin-left: 45%; top: 0; } .wrapper_safe { position: relative; margin-left: 33px; } .wrapper_safe div.safe_title { text-align: left; margin: 10px 0; } .wrapper_safe div.safe_title h3 { display: inline-block; zoom: 1; font-size: 12px; font-weight: normal; color: #999999; margin-right: 5px; } .wrapper_safe div.safe_title i { display: inline-block; zoom: 1; width: 78px; height: 10px; background-color: #f0eaf2; border-radius: 25px; } .wrapper_safe div.safe_title i.safe_process_l { border-top-right-radius: 0; border-bottom-right-radius: 0; } .wrapper_safe div.safe_title i.safe_process_m { border-radius: 0; margin: 0 -4px; } .wrapper_safe div.safe_title i.safe_process_r { border-top-left-radius: 0; border-bottom-left-radius: 0; } .wrapper_safe div.safe_title i.safe_level { background-color: #ed8000; } .wrapper_safe div.safe_list ul { overflow: hidden; } .wrapper_safe div.safe_list ul li { width: 260px; text-align: center; float: left; line-height: 1.6; margin-top: 20px; line-height: 1.5; } .wrapper_safe div.safe_list ul li + li { margin-left: 33px; } .wrapper_safe div.safe_list ul li a { display: inline-block; zoom: 1; width: 260px; height: 70px; padding-top: 155px; padding-bottom: 45px; text-decoration: none; background-color: #faf8fd; background-repeat: no-repeat; background-position: center 40px; } .wrapper_safe div.safe_list ul li a:hover { background-color: #eee; } .wrapper_safe div.safe_list ul li a.safe_mail { background-image: url("../images/safe_mail.png"); } .wrapper_safe div.safe_list ul li a.safe_phone { background-image: url("../images/safe_phone.png"); } .wrapper_safe div.safe_list ul li a.safe_box { background-image: url("../images/safe_box.png"); } .wrapper_safe div.safe_list ul li a.safe_lock { background-image: url("../images/safe_lock.png"); } .wrapper_safe div.safe_list ul li h4 { font-size: 18px; color: #333333; font-weight: normal; } .wrapper_safe div.safe_list ul li span { display: inline-block; zoom: 1; font-size: 12px; color: #999999; } .wrapper_safe div.safe_list ul li p { margin-top: 4px; line-height: 1.6; color: #7592bb; font-size: 12px; } .wrapper_safe div.safe_list ul li p.completed { color: #ec6941; } .wrapper_safe .wrapper_right { position: absolute; top: -5px; right: 0; color: #a1a1a1; font-size: 14px; } .wrapper_safe .wrapper_right span { color: #ed8000; font-size: 20px; } .order_table { margin-top: 25px; font-size: 14px; width: 100%; } .order_table tr.odd { background-color: #fcfbfc; } .order_table tr.even { background-color: #faf8fa; } .order_table tr:first-child { background-color: #eee8f0; } .order_table th { font-weight: 100; color: #000; } .order_table th, .order_table td { margin: 0; padding: 0 26px; height: 50px; border: none; text-align: center; line-height: 50px; } .order_table .order_game { display: inline-block; width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .order_table .status0 { color: #999; } .order_table .status1 { color: #ed8000; } .order_table .status2 { color: #47b642; } .order_table .status3 { color: #1988ea; } .order_table a { color: #7592bb; } .order_table td a + a:before { content: "|"; color: #7592bb; margin-right: 4px; } .order_table .order_completed { color: #000; } .recharge_form { } .recharge_form table { table-layout: fixed; vertical-align:middle; margin-bottom: 30px; width: 100%; } .recharge_form table td { line-height:1.6; padding:15px 6px 13px } .recharge_form table .label { text-align:right; color: #666666 } .recharge_form table .top { vertical-align:top; } .recharge_form table td.large { padding-top:20px } .single_gift_container { overflow: hidden; } .single_gift_container h3 { font-weight: 100; font-size: 20px; } .single_gift_container h3 a { color: #000; } .gift_main { float: left; margin-bottom: 150px; } .message_wrapper form { padding: 40px 0; background-color: #fafafb; } .message_wrapper table { width: 100%; margin: 0 auto; table-layout: fixed; vertical-align:middle; font-size: 14px; } .message_wrapper table td { line-height:1.6; padding:15px 6px 13px } .message_wrapper table td em { font-style: normal; margin-left: 10px; font-size: 14px; color: #ee3e35; } .message_wrapper table .label { text-align:right; color: #666666 } .message_wrapper table .top { vertical-align:top; } .message_wrapper table .limit { color: #666; width: 650px; margin: 40px auto; font-size: 14px; line-height: 1.8; } .message_wrapper table .limit h3 { margin-bottom: 30px; font-size: 18px; color: #333; text-align: center; } .message_wrapper .sign_line { text-align: center; margin: 20px 0; } .message_wrapper .face_uploader { } .message_wrapper .face_uploader li { overflow: hidden; display: inline-block; margin-right: 10px; border: 1px solid #ccc; vertical-align: bottom; } .message_wrapper .face_uploader li img { float: left; } .message_wrapper .face_uploader .btn_upload { border-radius: 5px; background-color: #fff; padding: 5px 35px; border: 1px solid #ff900e; color: #ff900e; font-size: 18px; display: inline-block; margin-top: 10px; } .message_wrapper .face_uploader .btn_upload:hover { background-color: #ff900e; color: #fff; text-decoration: none; } .big_face { width: 130px; height: 130px; vertical-align: middle; } .middle_face { width: 90px; height: 90px; vertical-align: middle; } .small_face { width: 45px; height: 45px; vertical-align: middle; } .i_loading { background-image: url("../images/loading.gif"); width: 16px; height: 16px; } .platform .game_container .main .content { position: relative; margin-right: 20px; width: 880px; float: left; } .charts_wrapper { margin-bottom: 20px; border: 1px solid #dddbe5; } .charts_wrapper .list { overflow: hidden; clear: both; padding-top: 10px; } .charts_wrapper .list li { float: left; margin: 0 15px 15px; font-size: 12px; } .charts_wrapper .list li a { text-decoration: none; text-align: center; display: block; } .charts_wrapper .list a img { width: 108px; height: 65px; } .charts_wrapper .list li h3 { color: #333; font-weight: normal; } .charts_wrapper .list li a:hover h3 { text-decoration: underline; } .charts_wrapper .list li p { color: #999; } .charts_wrapper .top_list li { float: none; overflow: hidden; clear: both; } .charts_wrapper .top_list a { display: block; height: 58px; overflow: hidden; } .charts_wrapper .top_list a img { float: left; margin-right: 10px; } .charts_wrapper .top_list a h3 { margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .charts_wrapper .top_list a .info { overflow: hidden; text-align: left; } /******************************************/ .i_gift { background-image: url("../images/game_icon.png"); margin-right: 8px; width:32px; height: 32px; } .game_h2 { vertical-align: middle; font-size: 30px; color: #333; font-weight: normal; } .game_h2 .i_gift { margin-top: -4px; } .game_search { float: right; margin-top: -30px; } .game_search form { display: block; border: 1px solid #e0e0e0; } .game_search input { font-size: 12px; color: #999; line-height: 14px; padding: 6px 8px; border: none; width: 180px; } .game_search button { border: none; background: url("../images/search_icon.png") no-repeat 7px center; text-indent: -99px; overflow: hidden; width: 28px; height: 28px; } .game_filter { clear: both; margin: 20px 0; border: 1px solid #e6e6e6; padding: 30px 30px 10px; font-size: 12px; line-height: 1.2; } .game_filter dt { color: #888; float: left; margin-right: 10px; } .game_filter dd { overflow: hidden; margin-bottom: 10px; } .game_filter dd a { display: inline-block; margin-right: 15px; color: #666; border-left: 1px solid #ccc; padding-left: 15px; white-space: nowrap; margin-bottom: 10px; } .game_filter dd a:hover { color: #333; } .game_filter dd a.first { min-width: inherit; border-left: none; padding-left: 0; } .game_filter dd a.curr { color: #ed8000; } .game_list { overflow: hidden; margin-left: -13px; } .game_list .item { float: left; margin-left: 13px; margin-bottom: 20px; width:210px; } .game_list .item .thumb { overflow: hidden; display: block; } .game_list .item .thumb img { width: 210px; height: 126px; float: left; } .game_list .item .info { margin-top: 10px; overflow: hidden; } .game_list .item .info .title { overflow: hidden; float: left; width: 130px; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; vertical-align: middle; display: block; color: #333; } .game_list .item .info .title .icon { margin-right: 4px; margin-top: -4px; } .game_list .item .info .link { float: right; /* margin-left: 10px; */ font-size: 12px; margin-top: 1px; } .game_list .item .info .link a { color: #999; } .i_hot { background-image: url("../images/personal_title.png"); width: 20px; height: 20px; } .gift_detail { overflow: hidden; } .gift_detail .gift_thumb { margin-right: 20px; float: left; margin-bottom: 10px; } .gift_detail .gift_thumb img { width: 280px; height: 280px; } .gift_detail .gift_info { overflow: hidden; margin-bottom: 10px; } .gift_detail .gift_info .title { font-weight: normal; color: #333; margin-bottom: 20px; } .gift_detail .gift_info p { color: #999; margin-bottom: 10px; } .gift_detail .gift_info p em { font-style: normal; } .gift_detail .content { margin-top: 10px; border-top: 1px dotted #ccc; padding-top: 10px; font-size: 14px; line-height: 1.8; color: #000; } .gift_detail .content h3 { color: #959595; font-size: 18px; font-weight: 'Microsoft Yahei'; font-weight: normal; margin-bottom: 5px; margin-top: 15px; padding-top: 20px; } .gift_button { display: inline-block; width: 280px; height: 62px; line-height:62px; text-align:center; font-size:24px; border: none; cursor: pointer; /* text-indent: -999px; */ overflow: hidden; margin-top: 15px; background: url("../images/gift_button.png"); } .gift_button:hover { text-decoration:none; background-image: url("../images/gift_button_hover.png"); } .sidebar_section { border: 1px solid #dddbe5; } .sidebar_section dt { margin: 15px 15px 0; padding-bottom: 10px; border-bottom: 1px solid #eee; } .sidebar_section dt h3 { font-size: 20px; font-weight: normal; color: #333; } .sidebar_section dt .more { float: right; margin-top: -22px; color: #999; font-size: 12px; } .sidebar_section dd { padding: 10px 15px; } .gift_lite { margin-top: -5px; } .gift_lite .item { border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; margin-top: 15px; overflow: hidden; } .gift_lite .item a { display: block; text-decoration: none; } .gift_lite .item .thumb { float: left; margin-right: 10px; width: 90px; height: 90px; } .gift_lite .item .info { overflow: hidden; } .gift_lite .item .info h4 { font-weight: normal; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gift_lite .item .info .get_button { } .gift_lite .item a:hover .info .get_button { text-decoration: none; background-color: #edc000; color: #fff; } .gift_lite .item .info p { font-size: 12px; color: #999; } .play_nav { margin-left: 20px; overflow: hidden; color:#766c83; float: left; line-height: 32px; font-weight: normal; } .play_nav a { color: #F79705; } .play_nav i { margin: 0 4px; font-size: 0; height: 12px; vertical-align: middle; display: inline-block; border-left: 1px solid #efc80d; } .play_nav label { margin-right: 20px; color: #fff; } .user_level_box { position: relative; margin-top: 5px; margin-bottom: 8px; font-size:16px; } .user_level_box label { float: right; color:#ffea22; font-family:Arial, Verdana, Sans-serif; } .user_level_box var { margin-bottom: 5px; float: left; } .user_level_box .progress { clear: both; position: relative; overflow: hidden; height: 10px; background-color: #2a2239; border-radius: 9px; border: 1px solid rgba(255, 255, 255, 0); box-shadow: 1px 2px 6px rgba(255, 255, 255, .2) inset; background: -webkit-gradient(linear, left top, left bottom, from(#c4c4c4), to(#fff)); background: transparent -moz-linear-gradient(center top, #c4c4c4, #fff) repeat scroll 0% 0%; } .user_level_box .progress div { clear: both; position: relative; overflow: hidden; height: 10px; background-color: #FFEA22; border-radius: 9px; border: 1px solid rgba(255, 255, 255, 0); top:-1px; } .verify_code { vertical-align: middle; } .coins_value { color: #ed8000; font-weight: bold; font-family: arial; padding: 0 3px; } .pay_where { padding: 11px 6px 9px !important; } .pay_where label { padding: 4px 6px; margin-right: 10px; cursor: pointer; display: inline-block; } .pay_where label:focus { background-color: #eee; } .fcm_container { width:695px; border:none !important; margin-top:80px; } .fcm_container .fcm_contents { line-height:25px; margin:10px 0px; margin-bottom:40px; } .fcm_container .titles { line-height: 25px; border-bottom: 3px solid #333946; padding: 0 0 16px; } .platform .fcm_sidebar { width: 190px; position:absolute; top:0px; right:100px; padding:35px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .platform .fcm_sidebar .link { margin:30px 0px; border-bottom: 1px solid #f1f1f1; } .platform .fcm_sidebar .link li { margin: 0 0 15px; height: 20px; line-height: 20px; } .platform .fcm_sidebar .downLoad_page { margin:30px 0px; } .platform .fcm_sidebar .downLoad_page a { height: 32px; line-height: 32px; display: block; padding: 0 4px; color:#000000; } .platform .fcm_sidebar .downLoad_page a:hover { background: #9ba1b1; color: #fff; text-decoration: none; } .fcm_container .fcm_process { } .fcm_container .fcm_process ul li { float:left; width:185px; } .fcm_container .img_process { margin:45px 0px; } .fcm_container .fcm_process ul li:first-child { margin-right: 325px; } .fcm_container .fcm_process .img { padding: 10px 0px; } .fcm_container .fcm_process .txt { margin:0 0 25px; padding-left:11px; } .fcm_center { height:62px !important; } .platform .fcm_about_center { background:#aad772 url("../images/fcm_top.jpg") top center no-repeat; } /*游戏切换*/ .underNone{border-bottom:none;} .titleH1{height:40px;line-height:40px;font-size:20px;font-weight:bold;border-bottom:2px solid #ffa804;margin-bottom:5px;} .jyTable .title{padding-left:1px; width:100%} .jyTable .title li{width:50%;text-align:center;background-color:#DCDCDC;font-size:17px;float:left;cursor:pointer;padding:6px 0; height:30px; line-height:30px;} .jyTable .title li a{ width:100%;} .jyTable .title li.cur{background:#532176;color:#fff;} .jyTable .titleexp li{float:left;margin-right:10px;} .zong{clear:both;width:560px;overflow:hidden;} .jyTable .list1{ width:560px!important;} .jyTable .list{width:280px;} .jyTable .list .tabCon{float:left;width:280px;} .jyTable .tabth{width:997px;height:37px;line-height:37px;color:#ffffff;background-color:#f26d0b;} .jyTable .tabth span{display:inline-block;text-align:center;float:left;} #s1,#s2,#s3,#s4,#s5,#s6{height:210px;overflow:hidden;} .tabUl{height:200px;overflow:hidden;} .tabtr{width:1000px;height:40px;*height:38px;line-height:40px;*line-height:38px;} .tabtr span,.tabtr a{display:inline-block;text-align:center;cursor:pointer;float:left;text-decoration:none;} .clickbtn{border-radius:5px;padding:5px 10px;} .hot{background:#e25353;color:#ffffff;cursor:pointer;} .pass{background:#b1b2b3;color:#666666;cursor:no-drop;}