@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2014-11-11 09:57:37
 * @version $Id$
 */

@charset "utf-8";
body,div,hr,p,blockquote,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,button,select,textarea,fieldset,legend,ins,menu{margin:0;padding:0;}
body,button,input,label,select,option,textarea,button,fieldset,legend,ins{font:12px/1.5 Arial,'Lucida Grande',\5FAE\8F6F\96C5\9ED1,Verdana,Tahoma,\5b8b\4f53,Helvetica,sans-serif;}  
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol{list-style:none;}
a{ color:#333;}
img{ border:none; border:0;}
body{ background-color:#fff; color:#333;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {display: block;}
i {font-style: normal;}


@charset "utf-8";
html {-webkit-text-size-adjust:none;}
body,div,hr,p,blockquote,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,button,select,textarea,fieldset,legend,ins,menu{margin:0;padding:0;outline:none;}
body,button,input,label,select,option,textarea,button,fieldset,legend,ins,sup{font:12px/1.5 Arial,'Lucida Grande',\5FAE\8F6F\96C5\9ED1,Verdana,Tahoma,\5b8b\4f53;-webkit-font-smoothing:antialiased;}  
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol{list-style:none;}
address,cite,dfn,em,var{font-style:normal;}
a{ color:#999; text-decoration:none; star:expression(this.onFocus=this.blur()); /* for Ie*/ }
a:hover {text-decoration:underline;}
a:focus {outline:none; -moz-outline:none}
img{ border:none;}
body{ background-color:#282828; color:#c7c7c7;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu{display: block;}
input {vertical-align:middle;}

 /*Header*/
.header {position:fixed; top:0; z-index:11; width:100%; max-width:1920px; height:68px; border-bottom:2px solid #de3f05; background-color:#fff;}
.header section { position: relative; width:87.2%; max-width:1200px; min-width:960px; height:100%; margin:0 auto;}
.header section .mob-tit{ position: absolute; left: 145px; color: #bc1b21; font-weight: bold;} 
.header .logo { float:left; width:170px; height:68px; background-position: 0 -48px;}

.header .extend {float:right; margin-top:12px; font-size: 12px;}
.header .sign-box {float:left; position: relative;}
.header .update-txt{position: absolute; top:15px; left:-185px; height: 20px; padding-left: 22px; background: url(../gif/news.gif) no-repeat; color:#474444;}
/*.header .sign-box .btn {float:left; width:78px; height:24px; line-height:24px;  margin-top:11px; padding:0; border:1px solid #fff; font-size: 12px; color:#474444;}*/
.header .sign-box .btn {float:left;width: 110px;height:24px;line-height:24px;margin-top:11px;padding:0;border:1px solid #fff;font-size: 12px;color:#474444;}
/*header client*/
.btn-client .i-client{font-size: 14px;}
.header .sign-box .btn-client{width: 120px; margin-right: 1em; color: #fff; border-radius: 0; background-image: -webkit-gradient(linear,top,bottom,color-stop(100%,rgba(222,63,5,1)),color-stop(100%,rgba(189,27,33,1))); background-image: -webkit-linear-gradient(top,rgba(222,63,5,1),rgba(189,27,33,1)); background: linear-gradient(to bottom,rgba(222,63,5,1),rgba(189,27,33,1)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffde3f05',EndColorStr='#ffbd1b21');}

.header .sign-box .btn-nobg{margin-right: 2em; border:1px solid #c7c7c7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.header .sign-box .btn .i-font {vertical-align:1px; margin-right:3px;}

.head_search{ width:18px; height:18px; float:left; margin-top:12px; margin-right:5px; text-align: center; line-height: 16px; border: 2px #737373 solid; border-radius: 18px; font-weight: bolder; color: #737373; cursor: pointer;}

/* .cho-language .i-language {float:left; width:25px; height: 14px;} */
.cho-language .i-language {float:left; width:25px; height: 14px;margin-top: 6px;}
.cho-language .selected {height:14px; line-height:14px; overflow: hidden; zoom:1; cursor:pointer; cursor:hand;}
.cho-language .selected span {float:left;}
.cho-language .i-drop {float:left; margin-top:4px; border-width:.42857142857142855em .2857142857142857em 0 .2857142857142857em;}

/*
.cho-language .drop-list li a {height:27px;}
.cho-language .drop-list .i-language {float:left; margin-top:6px;}
.cho-language .drop-list span {float:left; margin-left:4px;}
*/

.header .cho-language {float:left; height:39px; margin-top:17px; margin-right:0;}
/*
.header .cho-language .drop-list {left:-12px;}
*/

.ft-language {margin-top:26px;}
.ft-language .selected {padding:5px 0;}
.ft-language .i-drop {border-width:0 4px 6px 4px; border-style:dashed dashed solid dashed; border-color:transparent transparent #a2a2a2 transparent;}
/* .ft-language .drop-list {top:-238px; left:-18px; width:124px;} */
.ft-language .drop-list {top:-82px; left:-18px; width:124px;}

/*20220314*/
.i-earth { width: 22px; height: 22px; background: url(../png/earth.png) no-repeat; margin-top: -5px; z-index: 100;}
.cho-language .i-language2 { float:left; width:25px; height: 22px;}
.cho-language .selected2 { height:22px; line-height:22px; zoom:1; cursor:pointer; cursor:hand; display: block;}
.cho-language .selected2 span { line-height: 13px; float:left;}
.ft-language .selected2 {padding:5px 0; display: block;}
.i-polski {background-position:0 -119px;}
.footer-after-login {position:absolute; left:0; bottom:35px; width:220px; padding:0 5px;  font-size:12px;}
.ft-language .drop-list {top: -181px;left: -32px;width:124px;}
.cho-language .drop-list span {float:left;}
.cho-language .drop-list li a {height:27px; text-align: center;}
.new_language{ width: 100%; text-align: center;}
.header .cho-language .drop-list {left:-32px;}
/*20220314*/

.footer .ft-language { position: absolute; top:0; right: 0;}
.footer-after-login .cho-language {width:82px; margin:0 auto;}
.footer-after-login .drop-list{left:-50px;}

/*
.header .ex-message {position:relative; margin-right:18px;}
.header .i-message {float:left; width:21px; height:15px; line-height:15px; margin-top:15px; color:#999999; font-size:22px;}
.J-mes-drop {position:absolute; top:43px; left:-248px; width:380px; background: #fff; border:1px solid #e0e0e0;*/ /*height:193px;*//*}
.J-mes-drop .mes-box {padding:6px 0 6px 18px;}
.J-mes-drop ul {padding-right:22px;}
.J-mes-drop li:last-child {border-bottom:0;}
.J-mes-drop .focal-tit {line-height: 20px;}
.J-mes-drop li { line-height:30px; margin-left:7px; padding:0 5px; border-bottom:1px dotted #ccc; overflow: hidden; zoom:1; cursor: hand; cursor:pointer;}
.J-mes-drop .i-font {float:left; margin-top:1px;}
.J-mes-drop p {float:left; width:218px; height: 30px; padding:0 12px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;font-weight: bold; }
.J-mes-drop span {float:left; display: block; width:64px;}


.header .no-login {width:623px;}
.header .ex-info {position:relative; height:43px; zoom:1;}
.header .input-txt {float:left; width:106px; padding:5px 8px; border:1px solid #a2a2a2; border-radius: 2px;}
.header .input-box,
.header .no-login .ex-info a,
.header .ex-icon a {margin-top:8px;}
.header .no-login .ex-info a {float:left; width:65px;}
.header .btn-login {margin-right:8px;}
.header .ex-icon {margin-right:18px;}
.header .ex-icon span {float:left;}
.header .ex-icon a {color: #3f96da;}
.header .ex-icon a:hover {text-decoration: none;}
.header .ex-icon .i-google {margin-left:10px; margin-right:5px;}
.header .ex-info .input-box {float:left; width:124px; margin-right:3px; overflow: hidden;}
.header .ex-info .input-placeholder {line-height: 26px; margin-top:-26px; padding:0 8px;}

.tips-warning {position:absolute; bottom:-23px; line-height:1.5; background:#f4f5c8; border:1px solid #db282e; color: #db282e; text-align: center;}
.header .tips-warning {left:0; width:390px;}
.tips-warning .i-arrow {position:absolute; top:-8px; right:94px; display:block; width:14px; height:8px; background-position:-21px -162px;}

.header .ex-btn,
.header .ex-info,
.header .user-img,
.header .drop-box { float:left;}
.header .user-img { margin-top:10px; margin-right:5px;}
.header .user-img img{ width: 25px; height: 25px; border: 1px solid #b2b2b2; border-radius: 3px;}
.header .i-drop{ font-size: 14px;}*/

/*topbar of window game
.header .ex-info .drop-list { top:44px; border: none;}
.header .ex-info .drop-list a{ width: 60px; padding:0 12px; text-indent: 0px;}*/

.main-menu {position:fixed; z-index:3; top:70px; width:100%; max-width:1920px; height:40px; line-height:39px; background:#353535; text-align: center; text-transform:uppercase;}
.main-menu nav {width:87.2%;/*960/1366*/ min-width:960px; max-width:1200px; height:39px; margin:0 auto;}
/*20231018修改开始*/
.main-menu ul {float:left; width:90%; overflow: hidden; zoom:1;}
.main-menu li {float:left; _display:inline; width:12%; margin-right:1px;}
/*20231018修改结束*/
.main-menu li a {display:block; font-size: 1.0714285714285714em; color:#fff;}
.main-menu li a:hover,
.main-menu .current a { background:#de3f05; text-decoration: none;}
.main-menu .menu-mobile-gm {float:right; width:13%; height:39px; background:#202020;}
.main-menu .menu-mobile-gm a {display:block; color:#de3f05;}
.main-menu .menu-mobile-gm a:hover {background:none;} 
.main-menu .menu-mobile-gm .i-font {margin-right:5px; font-size:15px;}

 /*Footer*/
.footer {position:relative; z-index:12; height:115px; margin:0 auto; width: 100%; background-color:#1b1b1b; border-top:1px solid #303030; text-align: center; }
.footer .inner { position: relative; min-width: 960px; max-width: 1200px; margin: 0 auto;}
.footer .footer-hd { margin-left:19%; overflow: hidden; zoom:1;}
.footer .footer-hd li { float:left; margin-top:26px; color: #8b8a8a;}
.footer .footer-hd li a {float:left;}

.footer p{padding-top:20px; color: #999;  font-size:12px;}
.footer .i-separation {position:relative; top:5px; float:left; width:0px; height:10px; margin:0 17px 0 17px; border-right: 1px solid #3c3c3c;}

/*
.footer-after-login {position:absolute; bottom:30px; padding:0 20px; font-size:12px;}
.footer-after-login .footer-hd {text-align:center;}
.footer-after-login .footer-hd li {display:inline; margin:0 5px;}
.footer-after-login p {margin:25px 0; color:#5b5b5b; text-align:center;}
.footer-after-login .footer-menu-tit {display:none; width:45px; height:46px; margin-bottom:10px; line-height:40px; font-size:28px; text-align:center; font-weight: bolder; cursor:hand; cursor:pointer;}
.footer-after-login .triangle-icon {display:none; position:absolute; top:0; left:-8px; z-index:10; width:8px; height:46px;}
.footer-after-login .i-triangle-r { position:absolute; top:16px; left:0; border-color:transparent #000 transparent transparent;}

    .footer-after-login {padding:0;}
    .footer-after-login .footer-hd .footer-menu,
    .footer-after-login p,
    .footer-after-login .ft-language .selected span,
    .footer-after-login .ft-language .i-drop,
    .side-bar .nav-sub-menu {display:none;}
    .footer-after-login .ft-language {width:25px; margin-left:10px;}
    .footer-after-login .footer-menu-tit {display:block;}
    .footer-after-login .ft-open .footer-menu {position:absolute; top:5px; left:48px; z-index:10; width:199px; padding:5px 10px; background:#000;}
    .footer-after-login .triangle-icon {display:block;}
*/

/*    .footer-after-login {position:absolute; left:0; bottom:20px; width:220px; padding:0 5px;  font-size:12px;} */
    .footer-after-login .footer-hd {text-align:center;}
    .footer-after-login .footer-hd li {display:inline; margin:0 5px;}
    .footer-after-login p {margin-top:6px; color:#5b5b5b; text-align:center;}
    .footer-after-login .footer-menu-tit {display:none;width:42px; height:24px; line-height:12px; font-size:28px; text-align:center; font-weight: bolder; cursor:hand; cursor:pointer;}
    .footer-after-login .triangle-icon {position:absolute; top:2px; left:-8px; z-index:10; width:8px; height:88px;}
    .footer-after-login .i-triangle-r { position:absolute; top:46px; left:0; border-color:transparent #000 transparent transparent;}

    .footer-after-login .footer-hd .footer-menu {display:block;}
    .footer-after-login .ft-language {width:22px; margin-left:10px;}
    .footer-after-login .ft-open .footer-menu {position:absolute; top:-40px; left:78px; z-index:10; width:199px; padding:5px 10px; background:#000;  -webkit-box-shadow:0 0 5px rgba(80,80,80,0.8); -moz-box-shadow:0 0 5px rgba(80,80,80,0.8); box-shadow:0 0 5px rgba(80,80,80,0.8);}

    .footer-after-login .ft-language {margin:0 auto;}
/*game window header
.gm-window .header {position:absolute; height:46px; min-width:1166px; background:#2a2a2a; border:0; font-size:12px;}
.gm-window .header .logo {float:left; width: 150px; height:40px; margin:3px 0 0 50px; background: url(../../images/logo.png) 0 -126px no-repeat;}
.gm-window .header .extend {width:348px; margin:0; padding-right:0;}
.gm-window .ex-btn .btn-gray {float:left; width:66px; height:23px; line-height:23px; margin-top:12px; padding:0; background:#666666; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align: center; color:#fff;}
.gm-window .ex-btn .btn-gray:hover {background:#7a7a7a; text-decoration: none;}
.gm-window .user-name {color:#7e7e7e; text-decoration: none;}
.gm-window .user-name:hover{ text-decoration: underline;}
.gm-window .user-name span {float:left;}
.gm-window .i-separation {background:#202020; border-left:1px solid #373737;}
.gm-window .server-info {float:left; width:572px; line-height:16px; margin-top:6px; margin-left:-17px; padding-left:17px; color:#aeaeae; overflow: hidden;}
.gm-window .server-info p {float:left; margin-left:15px; font-weight:bold;}
.gm-window .txt-light {margin-left:3px; color:#029ed8;}
.gm-window .count-down {clear:left; width:352px; position: relative;}
.gm-window .count-down span {float:left;}
.gm-window .growth-bar {width:280px; top:4px; left:70px; position: absolute;}
.gm-window .growth-bar,
.gm-window .growth-bar em,
.gm-window .growth-bar em i {height:9px;}
.gm-window .growth-bar {margin-left:3px; background-position:0 -48px;}
.gm-window .growth-bar em {background-position:right -58px;}
.gm-window .growth-bar em i {float:left; display:block; width:5px; background-position:right -38px;}
.gm-window .growth-bar em b {float:right; margin-top:-1px; margin-right:3px; line-height:1; color:#003807; 
    -webkit-transform:scale(0.84,0.84); 
    -moz-transform:scale(0.84,0.84); 
    transform:scale(0.84,0.84); 
    *font-size:10px;
    -webkit-text-shadow:1px -1px 1px #1be42c;
    -moz-text-shadow:1px -1px 1px #1be42c;
    text-shadow:1px -1px 1px #1be42c;
}
.gm-window .btn-up,
.gm-window .btn-down {position:absolute; z-index:11; top:30px; left:50%; display:block; width:22px; height:12px; margin-left:-6px; background:url(../../images/gm_window.png) no-repeat;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity:0.6;
    opacity:0.6;
}
.gm-window .btn-down {top:-1px; background-position: 0 -11px;}
.gm-window .btn-up:hover,
.gm-window .btn-down:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1;
}

.gm-window .server-con {position: absolute; top:43px; bottom:0; width:100%; height:100%; text-align:center; overflow: hidden; z-index:1;}


.sever-down{ background: #2a2a2a; height: 9px; border-bottom: 1px solid #161616;}*/

@charset "utf-8";
body,div,hr,p,blockquote,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,button,select,textarea,fieldset,legend,ins,menu{margin:0;padding:0;}
body,button,input,label,select,option,textarea,button,fieldset,legend,ins,sup{font:12px/1.5 Arial,'Lucida Grande',\5FAE\8F6F\96C5\9ED1,Verdana,Tahoma,\5b8b\4f53;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol{list-style:none;}
address,cite,dfn,em,var{font-style:normal;}
a{ color:#999; text-decoration:none;star:expression(this.onFocus=this.blur()); /* for Ie*/}
a:hover {text-decoration:underline;}
img{ border:none;}

article, aside, dialog, footer, header, section, footer, nav, figure, menu{display: block;}

.side-bar {position:fixed; left:0; z-index:30; width:239px; height:100%;}
.side-bar .logo {display:block; width:167px; height:44px; margin:30px auto 12px auto; background-position:0 0;}
.side-bar .info-box {position:relative; width:192px; margin:0 auto; padding:0 8px; border:1px solid #303030; zoom:1;}
.side-bar .user-info {padding:17px 6px; overflow:hidden; zoom:1;}
.side-bar .user-info .user-img {float:left; display:inline; position:relative; z-index:3; margin-right:6px;}
.side-bar .user-info .user-img,
.side-bar .user-info .user-img s {width:53px; height:53px;}
.side-bar .user-info s {position: absolute; top:0; left:0; background:url(../png/user_mask.png) no-repeat;}
.side-bar .user-img img {width:53px; height:53px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.side-bar .user-name {float:left; display:inline; width:100px; height: 21px; margin-right:5px; color:#d5d5d5; overflow:hidden; white-space: nowrap; font-weight: bolder; font-size:14px;}
.side-bar .user-id {font-size:12px;}
.side-bar .user-info .btn-txt {float:left;}
.side-bar .user-info .log-exit {color: #5a5a5a; font-size:14px; font-weight:bold;}
.side-bar .log-exit-shrink {display: none;}
.i-level {height:14px; background:#de3f05; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:0 5px; color:#fff; font-size:12px; line-height:14px;}


.side-bar .menu {padding:17px 0; border-top:1px dotted #303030; overflow: hidden; zoom:1;}
.side-bar .menu ul { font-size:14px; height:32px; margin-left:-7px; padding-top:7px; overflow: hidden; zoom:1;}
.side-bar .menu li {float:left; position:relative; width:32px; height:100%; line-height:32px; margin-left:7px; outline:none;}
.side-bar .menu li a {display: block; width:100%; height:100%; color:#1d1d1d; outline:none;}
.side-bar .menu a:hover {text-decoration:none;}
.side-bar .menu a:hover .i-bg {background:#656464;}
.side-bar .menu li.current {z-index:1;}
.side-bar .menu li.current a .i-bg {background:#de3f05;}
.side-bar .menu .current a {color:#fff;}

.side-bar .i-bg {float:left; width:30px; height:30px; border-radius:50%; background:#9a9a9a; border:1px solid #232323; text-indent:-999px; overflow:hidden; cursor:pointer; cursor:hand;}
.side-bar .i-menu {float:left; width:30px; height:30px; margin-left:-31px;  text-align: center; cursor:pointer; cursor:hand;}
.side-bar .i-bubble{top:170px; left:80px; z-index:3;}

.large .message-bubble {background-position:0 -32px; color:#de3f05;}
.large .message-bubble s {background-position: right -48px;}
.large .message-bubble .long-num {background:#fff;}

.side-bar .nav {width:240px; margin:0 0 20px 0; font-size:16px; overflow: hidden;}
.side-bar .nav li {margin:10px 0; cursor:hand; cursor:pointer;}
.side-bar .nav li a {display:block; height:38px; padding:0 17px; color:#737373;}
.side-bar .nav li span { cursor:pointer; cursor:hand;}
.side-bar .nav .i-font {line-height:30px; margin-top:3px;}
.side-bar .nav li span {float:left; line-height:38px; margin-left:15px;}
.side-bar .nav .i-menu {color: #737373;}
.side-bar .nav .i-bg {background-color:#000000;}

.side-bar .nav .current {background:#de3f05;}
.side-bar .nav li a:hover {color:#de3f05; text-decoration: none;}

.side-bar .nav li.current a .i-bg {background-color:#fff; border-color:#de3f05;}
.side-bar .nav a:hover .i-bg {background-color:#fff; border-color:#1b1b1b;}

.side-bar .nav .current .i-menu,
.side-bar .nav a:hover .i-menu {color:#de3f05;}

.side-bar .nav .current a span {color:#fff;}

.side-bar .nav .current .nav-sub-menu {background:#1b1b1b;}

.side-bar .nav-sub-menu {display:none;}
.side-bar .nav .nav-sub-menu a {padding-left:60px; line-height:38px;}

.security-level {margin-bottom:7px; font-size:12px; overflow: hidden; zoom:1;}
.security-level span {float:left;}
.security-level .level-bar {float:left; margin:7px 5px 0 5px; overflow: hidden; zoom:1;}
.security-level li {float:left; width:14px; height:5px; background: #686868; border-left:1px solid #2e2e2e; font-size:0;}
.security-level .low-level {background:#de3f05; color:#de3f05;}
.security-level .medium-level {background:#ffba00; color:#ffba00;}
.security-level .high-level {background:#90da00; color:#90da00;}
.security-level .txt-link {background:none;}

/*nav client*/
.client-box{position: absolute; bottom: 100px; width: 210px; height: 90px; margin-left:13px; border: 1px solid #343233; background-color: #2b2b2b;}
.btn-client .i-client{font-size: 14px;}
.client-box .btn-client,
.client-mini .btn-client{display:block; width: 120px; margin: 0 auto; padding: 6px 0; color: #fff; font-size: 12px; border-radius: 0; background-image: -webkit-gradient(linear,top,bottom,color-stop(100%,rgba(222,63,5,1)),color-stop(100%,rgba(189,27,33,1))); background-image: -webkit-linear-gradient(top,rgba(222,63,5,1),rgba(189,27,33,1)); background: linear-gradient(to bottom,rgba(222,63,5,1),rgba(189,27,33,1)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffde3f05',EndColorStr='#ffbd1b21');}
.client-box .btn-client .i-client{margin-right: 4px;}
.client-box .txt{height: 36px; line-height: 36px; color: #fff; font-size: 14px; text-align: center;}
.client-box .size{height: 28px; line-height: 28px; color: #777; font-size: 10px; text-align: center;}
.client-mini{display: none; position: absolute; bottom: 75px; }
.client-mini .btn-client{width: 30px; height: 26px; line-height: 26px; margin-left: 6px; padding:0; text-align: center;}

/*nav point 20220509积分商城样式*/
.bp_all{ margin: 1.5em 0 0 0.4em;}
.bp_r2{ width: 37px; height: 43px; background: url(../png/bp_r2.png) no-repeat; float: left; margin-top: -10px;}
.bp_box{ min-width: 3em; height: 15px; line-height: 17px; padding: 0 1em; margin: 3px 1em 0 1em; background: #de3f05; float: left; color: #ffffff; font-size: 12px; border-radius: 2px; text-align: center;}
.bp_signin,.bp_bar_signin{ width: 22px; height: 22px; background: url(../png/bp_signin.png) no-repeat; float: left; cursor: pointer;}
.bp_signin{ margin: -2px 10px 0 5px;}
.bp_bar_signin{ margin-top: 3px;}

.security-bp{ width: 192px; height: 18px; margin: 0 0 20px 0;}
.bp_bar_r2{ width: 31px; height: 31px; background: url(../png/bp_bar_r2.png) no-repeat; float: left; position: relative;}
.bp_bar_number{ width: 75px; height: 31px; line-height: 31px; text-align: left; margin: 0 12px; float: left; color: #ffffff}
.bp_bar_gift{ width: 27px; height: 27px; margin: 3px 0 0 10px; float: left;}

.bp_signin_time{ text-align: left; line-height: 20px; position: absolute; top: 60px; left: 20px; font-size: 12px;}
.bp_signin_line{ width: 804px; height: 9px; background: #222222; position: absolute; top: 200px; left: 80px;}
/*.bp_signin_in{ height: 9px; background: #ff0000; position: absolute; top: 0; left: 0;}*/
#bar{ display: block; background: #ff0000; float: left; height: 100%; text-align: center; font-family: Verdana; line-height: 25px; color: #FFF; }
.bp_signin_pop{ position:relative; z-index:11; background:#414141; width: 964px;height: 359px; font-size: 14px;
    left:50%;/*FF IE7*/
    top:40%;/*FF IE7*/

    margin-left:-482px!important;/*FF IE7 half of its width */
    margin-top:-145px!important;/*FF IE7 half of its height*/

    margin-top:0px;
    position:fixed!important;/*FF IE7*/
    position:absolute;/*IE6*/

    _top:       expression(eval(document.compatMode &&
						document.compatMode=='CSS1Compat') ?
						documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
						document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/}
.bp_signin_round1,.bp_signin_round2,.bp_signin_round3,.bp_signin_round4,.bp_signin_round5{ width: 16px; height: 16px; border-radius: 16px; background: #de3f05; position: absolute; top: -3px;}
.bp_signin_round1{ left: -8px;}
.bp_signin_round2{ left: 198px;}
.bp_signin_round3{ left: 400px;}
.bp_signin_round4{ left: 600px;}
.bp_signin_round5{ right: -8px;}
.bp_signin_text{ width: 150px; position: absolute; left: -67px; top: -50px; text-align: center; color: #ffffff; line-height: 20px;}
.bp_signin_btnover,.bp_signin_btnout{ width: 107px; height: 38px; color: #ffffff; font-size: 12px; position: absolute; left: -45.5px; top: 45px; border-radius: 4px; line-height: 38px; text-align: center;}
.bp_signin_btnout{ background: #282828;}
.bp_signin_btnover{ background: #de3f05; cursor: pointer;}
.bp_signin_btnover:hover{ background: #ed4204}
.J-claim-error-tips{ position: absolute;top: 100px;}

/*nav 礼盒*/
.privilege {height:28px;}
.privilege .option-icon {float:left; position:relative; height:38px; margin:-10px 10px 0 0; font-size:26px; color:#797979;}
.privilege span.option-icon {cursor:default;}
.privilege a {color:#fff;}
.privilege .package-icon {float:left;}
.privilege .i-package {position:relative; margin-left:5px;}
.privilege i.new {color:#f7a900;}
.privilege i.new s {display:block; position:absolute; top:5px; right:-5px; width:8px; height:8px; background:url(../jpg/user_sys.jpg) no-repeat -338px 0;}
.privilege .tips-tit {display:none; position:absolute; top:39px; left:-5px; padding:5px 10px; white-space:nowrap; background:#5a5a5a; font-size:12px; color:#fff;}
.privilege .tips-tit .i-triangle-up {display:block; position:absolute; top:-8px; border-color:transparent transparent #5a5a5a transparent;}
.privilege .i-medal .tips-tit {top:43px;}
.privilege .i-post {font-size:25px;}
.privilege .i-medal {float:left; position:relative; width:22px; height:37px; margin-right:10px; margin-top:-10px; cursor:hand; cursor:pointer;}
.privilege .medal01 {margin-left:50px; background-position:0 0;}
.privilege .medal02 {background-position:-30px 0;}
.privilege .medal03 {background-position:-60px 0;}
.privilege .medal04 {background-position:-89px 0;}
.privilege .medal05 {width:37px; background-position:-123px 0;}
.privilege .medal06 {width:37px; background-position:-169px 0;}
.privilege .medal07 {width:37px; background-position:-210px 0;}
.privilege .medal08 {width:37px; background-position:-250px 0;}
.privilege .medal09 {width:37px; background-position:-295px 0;}


/*20220907积分二期*/
.bp_round{ width: 8px; height: 8px; border-radius: 8px; position: absolute; right: -3px; top: -3px; background: #ff0000; z-index: 2;}
.bp_swing{ animation:swing 3s infinite; -ms-animation:swing 3s infinite; -moz-animation:swing 3s infinite; -webkit-animation:swing 3s infinite;}
@-webkit-keyframes swing {
    70% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    85% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    90% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    70% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    75% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    85% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    90% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@charset "UTF-8";
.col-box02 {background: #383838;}
.col-box02 {background: #383838;}
body {background: #282828 url(../jpg/body_bg.jpg) repeat; color:#999;}
.side-bar {background-color:#1b1b1b; border-right:1px solid #2a2a2a;}
.side-bar .info-box {background:#222222;}
.top-banner-con {background:url(../jpg/forum_bg.jpg) no-repeat center top;}
.tab-menu02 {background:#3a3a3a;}
/*forum feeds*/
.forum-feeds,
.top-forum-bg02 .mod-txt-img-list,
.top-forum-bg02 .mod-news-list {background:#222;}

.col-support-box {background:#262626;}
.support-sub-page-link a {background:#262626;}

.mod-news-list li a {color:#e3e3e3;}

.wrap {position:relative; max-width:1920px; min-width:1000px;margin:0 auto;}
.content {position:relative; z-index:1; width:87.2%;/*960/1366*/ min-width:960px; max-width:1200px; min-height:480px;/*页面短时body最小高度760*/ margin:0 auto 0 auto; padding-bottom:4em;}
.index-main {padding-top:110px;}
.index-main .content {/*width:63.05832895428272%*/}
.wrap-main .content {padding-top:45px;}
.wrap-main {position:relative; padding-left:245px;}
.wrap-main2 .content {padding-top:25px;}
.wrap-main2 {position:relative}
img {/*width:100%;*/ max-width:100%; height:auto;}
/*box*/
.col-box {margin:0 0 3em 0; zoom:1;}
.col-box:after {content: ""; display: block; height: 0; clear: both;}
.col-bd {margin-top:12px; padding:8px; background: #fff; border:1px solid #e0e0e0;}

.col-box02 .col-hd { height: 35px; line-height: 35px; color:#999; background: #efefef; border: 1px solid #e6e6e6; font-size: 14px; padding-left: 32px;}
.col-box02 .col-bd { border: 1px solid #d7d7d7; padding: 35px 32px 34px 32px; background: #fff; margin-bottom: 5px;}

.col-box02 { margin:0 0 .5em 0; padding:2em; -moz-box-shadow:1px 1px 2px #222; -webkit-box-shadow:1px 1px 2px #222; box-shadow: 1px 1px 2px #222;}
.col-box02 .focal-tit {margin:-1.6em -1.6em 1.6em -1.6em; padding:0 1.6em; background:#3d3d3d; border:1px solid #3d3d3d; color:#999;}
.col-half-box {width:49.6%;}
.top-banner-con {position:relative; z-index:1; margin:0 0 1.5em 0; padding:1.5em 0;}
.top-banner-con .inner {width: 87.2%; min-width: 960px; max-width: 1200px; margin: 0 auto 0 auto;}
.top-banner-con .col-box {margin:0;}

.col-box03 { margin:0 0 .5em 0; padding:2em; background: #262627; -moz-box-shadow:1px 1px 2px #222; -webkit-box-shadow:1px 1px 2px #222; box-shadow: 1px 1px 2px #222;}
.col-short-box {width:61%; min-height:18em; margin:6.5em auto 0 auto;}
.col-guide-box {min-height:12em; height:auto!important; height:12em;}
.col-guide-box {position:relative;}
.col-guide-box .ft-operation {position:absolute; right:5em; bottom:2em; text-align:right; cursor:hand; cursor:pointer;}

.gm-ft-fl {position:relative;}
.gm-ft-fl .gm-info {position:absolute; bottom:0; width:100%; line-height:1.5em; padding:.5em 0; background:#000; background:rgba(0,0,0,.75);}

.gm-top { margin:-2em; padding: 2em; padding-bottom: .6em; background: #3d3d3d; border-bottom: 1px dotted #232323; overflow: hidden; }
.gm-bot { margin:0 -2em -0.9571428571428572em -2em; padding: 1.3571428571428572em 2em 0 2em; border-top: 1px dotted #444444; overflow: hidden; zoom: 1; }


.gm-mask {background-image:url(../gm_mask.html); background-repeat:no-repeat;}
.header .logo,
.side-bar .logo,
.popup-box .i-logo {background-image:url(../png/logo.png); background-repeat: no-repeat;}

/*message num*/
.i-bubble {display:block; position:absolute; min-width:16px; width:16px; width:auto!important; height:16px; line-height:16px!important; background:url(../png/bubble.png) 0 0 no-repeat; font-size:12px!important; color: #fff; text-align: center; overflow: hidden; cursor:hand; cursor:pointer;}
.i-bubble s {display:block; background:url(../png/bubble.png) right -16px no-repeat; text-decoration: none; }
.i-bubble em {height:16px; line-height:16px!important; font-family: Arial;}
.long-bubble {padding-left:6px;}
.long-bubble s {padding-right:6px; background-position:right -16px;}
.long-bubble em {display:block; background:#de3f05;}

.i-language {background: url(../png/language.png) no-repeat;}
.i-english {background-position:0 0;}
.i-francais {background-position:0 -15px;}
.i-deutsch {background-position:0 -30px;}
.i-arabic {background-position:0 -45px;}
.i-turkish {background-position:0 -60px;}
.i-spanish {background-position:0 -75px;}
.i-portuguese {background-position:0 -90px;}
.i-russia {background-position:0 -105px;}
.i-require {color:#de3f05;}

.point-bar em,
.level-bar em,
.i-point,
.btn-prev,
.btn-next,
.prev,
.next,
.i-facebook,
.i-tweets,
.i-yahoo,
.i-google,
.i-live,
.i-s-facebook,
.i-s-yahoo,
.i-s-google,
.i-s-live,
.i-new,
.i-hot,
.tips-popup .i-triangle-r,
.tips-popup .i-triangle-l,
.tips-popup .i-triangle-down,
.i-arrow,
.popup-box .close,
.btn-collection,
.btn-collected,
.radio-box i,
.i-checked,
.i-tip,
.i-gm-mark {background-image: url(../png/sprite.png); background-repeat: no-repeat;}

/*.user-info s {background-image: url(../../images/sprite.png); background-repeat: no-repeat;}*/
.tips-ok {padding-left:20px;}
.i-tip {float:left; width:16px; height:16px; margin-left:-20px;}
.i-ok {background-position:-41px -97px;}
.i-error {background-position:-59px -97px;}
.i-warning {background-position:-77px -97px;}

.i-point {float:left; display:inline; width:20px; height:15px; background-position:0 0; text-indent:-999px; overflow:hidden;}
.i-level em {display:block; letter-spacing: -2px; -webkit-transform:scale(0.84,0.84); *font-size:10px;}
.i-circle {width:16px; height:16px; border-radius: 50%; background:#ff4800;}
.i-drop {width:0; height: 0; margin-left:3px; border-width:.5714285714285714em .42857142857142855em 0 .42857142857142855em; border-style:solid dashed dashed dashed; border-color: #a2a2a2 transparent transparent transparent; overflow: hidden;}
.i-gm-mark {display:block; position:absolute; right:0; top:0; width:42px; height:48px;}
.i-gm-new {background-position:0 -167px;}
.i-gm-hot {background-position:-42px -167px;}

.i-new,
.i-hot {position:absolute; display: block; width:35px; height: 20px; line-height:20px; padding-left:4px; color: #fff; font-size:10px; overflow: hidden;}
.i-new {background-position:0 -37px; letter-spacing:-1.5px;}
.i-hot {background-position:0 -57px;}
.i-facebook,
.i-tweets,
.i-yahoo,
.i-google,
.i-discord,
/*.i-live {float:left; width:24px; height:24px; text-indent: -999px; overflow: hidden;}*/
.i-live {width:24px;height:24px;text-indent: -999px;overflow: hidden;}
.i-facebook {background-position:0 -117px;}
.i-tweets {margin-left:10px; background-position:-23px -117px;}
.i-yahoo {margin-left:10px; background-position:-23px -117px;}
.i-google {background-position:-48px -117px;}
.i-live {background-position:-73px -117px;}
.i-s-facebook,
.i-s-yahoo,
.i-s-google,
.i-s-live {float:left; width:14px; height:14px; margin:3px 3px 0 0; overflow:hidden;}
.i-s-facebook {background-position:-1px -145px;}
.i-s-yahoo {background-position:-31px -145px;}
.i-s-google {background-position:-16px -145px;}
.i-s-live {background-position:-46px -145px;}
.i-triangle-r {width:0; height: 0; border-width:5px 8px 5px 0; border-style:dashed solid dashed dashed; border-color:transparent #bc1b21 transparent transparent; overflow: hidden; font-size:0!important;}
.i-triangle-l {width:0; height: 0; border-width:5px 0 5px 8px; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #007ab5; overflow: hidden; font-size:0!important;}
.i-triangle-down {width:0; height: 0; border-width:8px 5px 0 5px; border-style:solid dashed dashed dashed; border-color:#de3f05 transparent transparent transparent; overflow: hidden; font-size:0!important;}
.i-triangle-up {width:0; height: 0; border-width:0 5px 8px 5px; border-style:dashed dashed solid dashed; border-color:transparent transparent #de3f05 transparent; overflow: hidden; font-size:0!important;}
.i-offline,
.i-online,
.i-beta {display:block; width:8px; height:8px; border-style:solid; border-width:1px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.i-offline {background:#d56f3d; border-color:#aa4f23;}
.i-online {background:#178a00; border-color: #126900;}
.i-beta {background:#1f61a0; border-color:#194773;}
.i-discord{background-image: url(../png/discord_dl.png); background-repeat: no-repeat;}

/*IconFont*/
/*
@font-face {
    font-family: 'r2font';
    src: 
         url('../font/r2font-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing:antialiased; 
    -moz-osx-font-smoothing:grayscale; 

}
*/
@font-face {
    font-family: 'r2font';
    src: url('https://r2cdn2.r2games.com/en/www/css/font/r2font-webfont.eot'); /* IE9*/
    src: url('https://r2cdn2.r2games.com/en/www/css/font/r2font-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('https://r2cdn2.r2games.com/en/www/css/font/r2font-webfont.woff') format('woff'), /* chrome、firefox */
         url('https://r2cdn2.r2games.com/en/www/css/font/r2font-webfont.ttf')  format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
         url('https://r2cdn2.r2games.com/en/www/css/font/r2font-webfont.svg#svgFontName') format('svg'); /*  iOS 4.1- */
         font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing:antialiased; 
        -moz-osx-font-smoothing:grayscale;
    }

.i-font {display:inline-block;font-family: 'r2font';}
.txt-light {color:#e00000;}
.txt-white {margin:.5em .5em 0 .5em; color: #fff;}
.txt-gray {color:#999999; margin-left: 25px;}
.txt-orange {color: #ff8400;}
.txt-link {color:#de3f05;}
.txt-red {color:#ff4602;}
.txt-error {color:#eb2409;}
.txt-eye-catching {margin:0 10px 0 5px;color:#fff;} 
.user-account {overflow:hidden; zoom:1;}

.l {float:left;}
.r {float:right;}
.align-c {text-align: center;}
.z-in {z-index:20;}

.growth-bar,
.growth-bar em,
.growth-bar em i {background-image:url(../png/growth_bar.png); background-repeat: no-repeat;}
.point-box,
.level-box  {overflow: hidden;}
.growth-bar {float:left; display:block; width:76px; height:6px; line-height: 0; border-radius:6px;}
.growth-bar em {display:block; height:6px;}
.point-box .growth-bar em {background-position:0 -7px;}
.level-box .growth-bar em {background-position:0 -14px;}

.drop-box {position:relative; margin-right: 22px;}
.drop-list {display:none; position:absolute; top:39px; left:0;  padding:8px 0; background: #eee; border:1px solid #ccc;}
.drop-list li {margin:4px 0; text-align: left;}
.drop-list li a {display: block; padding:0 12px; line-height:27px; color:#666;}
.drop-list li a:hover {background-color:#b8b8b8; text-decoration: none;} 

.user-img {position:relative;}
.user-img s {position: absolute; top:0; left: 0;}
.mask-white {background-position:0 -101px;}
.gm-mask {position:absolute; top:0; left:0;}

.score {width:71px; height:12px; line-height:0; margin-top:3px; background:url(../score.html) no-repeat 0 -11px;}
.score .i-star {display:block; width:71px; height:12px; line-height:0; background: url(../score.html) no-repeat;}

.gm-learn a {color: #007ab5; font-weight:bolder;}
.gm-learn em {margin-left:4px;}

/*fade out*/
.hide-end-parent{position: relative;}
.hide-end{float:right; position: absolute; top:0; right: 0; width: 3.5em; height: 1.5em; background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(34,34,34,0)),color-stop(100%,rgba(34,34,34,1))); background-image: -webkit-linear-gradient(left,rgba(34,34,34,0),rgba(34,34,34,1)); background: linear-gradient(to right,rgba(34,34,34,0),rgba(34,34,34,1)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00222222',EndColorStr='#ff222222');}

/*new*/
.gm-tit {font-weight:bolder; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.gm-tit,
.gm-tit a {color:#dfdfdf;}
.gm-type {color:#606161;}
/* tabs-style */
.tab-menu{overflow:hidden;}
.tab-menu li{ float:left; text-align:center; cursor:hand; cursor:pointer;}
.tab-menu li a:hover {text-decoration: none;}
.tab-box .hide{display:none;}

.tab-card {background:#1c1f27; border-bottom:1px solid #353b4a;}
.tab-card .tab-menu {height:28px; overflow: visible;}
.tab-card li {padding-top:2px;}
.tab-card li a {display:block; line-height:28px; padding:0 18px; color: #677289;}
.tab-card li.current {position:relative; z-index:2; line-height:29px; margin-bottom:-1px; background:#de3f05; }
.tab-card li.current a {background:#282d37; border-left:1px solid #353b4a; border-right:1px solid #353b4a; color:#e0e4e8;}

.tab-menu02 {margin-bottom:1.5em;}
.tab-menu02 ul {overflow: hidden; zoom:1;}
.tab-menu02 li {float:left; width:13%; line-height:2.8em; text-align:center; font-size:1.1428571428571428em;}
.tab-menu02 li a {display:block; color:#fff;}
.tab-menu02 li a:hover {color:#de3f05; text-decoration: none;}
.tab-menu02 li.current a {color:#fff; background:#de3f05;}

.light-tit{ margin-top:59px; margin-bottom: 13px;}
.focal-tit {position:relative; line-height:3em; font-weight:bold; font-size:1.25em; color:#fff; text-transform:uppercase;}
.focal-tit .more {position:absolute; right:0; font-weight:normal; font-size:.8571428571428571em;}
.i-tit-line {float:left; width:5px; height:0.8571428571428571em; margin:1.1em .666666em 0 0; background:#de3f05; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; text-indent: -9999px;}
.s-dot{ width: 2px; height: 2px; margin-top: 1em; background: #949494;}

 /*line**/
 .dot-line {width:100%; height:1px; line-height:0; margin:20px 0 30px 0; border-bottom:1px dotted #cbcbcb; font-size:0;}
.line-dotted {border-top: 1px dotted #262626; border-bottom: 1px dotted #444;}
.line-solid{ border-top: 1px solid #353535; border-bottom: 1px solid #373737;}

.btn-drop {display:block; width:14px; height:14px; background:#fff; border:1px solid #dddddd; border-radius:2px; _font-size:0;}
.btn-drop .i-drop {display:block; margin:4px auto 0 auto;}



/*choose status*/
.gm-list-choose li {border: 1px solid #1a1a1a;}
.gm-list-choose .current {position:relative; border:1px solid #de3f05;}
.gm-list-choose .gm-check {display:none; position:absolute; top:0; right:0; width:1.3em; height:1em; line-height:1em; background-color:#de3f05; color:#fff; text-align: center;}
.gm-list-choose li img {opacity:0.5;}
.gm-list-choose .current img {border:0; opacity:1;}
/*fav*/
.gm-fav { position: absolute; right:0; padding-left:0.6em; padding-right:0.6em; line-height: 1.5em; cursor:pointer; cursor:hand; background:#cfcfcf; color:#434343;text-align: center;}
.gm-fav-current {background: #de3f05; color: #fff;}
/*faq sub con*/
.J-link {position:relative; cursor: pointer; display: block; 
    -webkit-transition: all 0.4s ease; 
    -o-transition: all 0.4s ease; 
    transition: all 0.4s ease;
}
.open{ background: #313131;}
.J-accordion .J-link { padding:8px 15px; color: #666; font-size: 14px; padding-left: 13px;}
.J-accordion .open .J-link{color: #333;}

.J-sub-con .helpfull{ overflow: hidden; margin-right: 10px; margin-bottom: 8px; }
.J-sub-con .helpfull li{ float: right; padding: 3px 5px; border-radius:3px; color: #fff; }
.J-sub-con {display: none;}
.J-sub-con .answer { color: #666; line-height: 20px; padding: 15px; }

.J-link .btn-drop {position:absolute; right:10px; top:10px;}
.J-link .btn-drop:hover {background: #fff}
.open .J-link .btn-drop {border-color:#bfd3e3;}
.open .J-link .btn-drop .i-drop {margin-top:-3px; border-style:dashed dashed solid dashed; border-color:transparent transparent #bfd3e3 transparent;}




/*table*/
.details {margin:12px 0 12px 0; background: #f7fbff; border:1px solid #d6e6f3; border-top:0;}
.details .thead-cell {height:32px; margin:0 -1px; background: #91b4d0;}
.details .thead-cell em {display:block; height:2px; background:#6590b3;}
.details table {width:100%; margin-top:-30px; padding:0 10px;}
.details td {padding:0 5px; white-space:nowrap;}
.details table thead td {line-height:30px; color:#fff; font-weight:bolder; font-size:14px;}
.details table tbody td {line-height:54px; border-bottom:1px dotted #cbcbcb;}
.details .first-cell {padding-left:15px;}
.details .last-cell {padding-right:15px; width:105px;}
.details .price {color: #999;}
.details .price b {color:#333;}
.details .txt-light {font-size:16px; color:#2588d5;}
.details .status-com {display:block; width:75px; line-height:22px; text-align: center;}
.details .pages {margin:30px 0;}


/*top fix tips*/
.top-fix-popup {position:fixed; top:46px; z-index:999; width:100%; background:#fffdf6; border:1px solid #ffe9a8; text-align:center; color:#666;}
.top-fix-popup .con {padding:10px;}
.top-fix-popup .close {position:absolute; right:20px; top:10px; width:20px; height:20px; line-height:20px; -moz-border-radius:50%; border-radius:50%;}
.top-fix-popup .close:hover {background:#ff5a00; color:#fff; text-decoration: none;}


/*preview*/
.preview-list {padding-top:1em; overflow: hidden; zoom:1;}
.preview-list li {float:left; position:relative; width:15%; height:60px; margin:0 .5em;}
.btn-delete {display:block; position:absolute; top:-9%; right:-9%; width:1.5em; height:1.5em; background:#dcdcdc; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; line-height:1.5em;}
.btn-delete:hover {background:#ff5a00; color:#fff; text-decoration: none;}

/*art-detail*/
.art-detail {color:#fff; font-size:1.1666666666666667em; line-height:1.8;}
.art-detail p {margin-bottom:10px;}
.art-detail .headerLine {margin:30px 0 10px 0; text-indent:0;}
.art-detail a {color:#de3f05;}

/*tips box*/
.tips-box {margin-left:4em;}
.tips-box {padding-left:20px; overflow:hidden; zoom:1;}
.tips-box .txt {float:left;}
.tips-box .i-tip,
.form-box .tips-box .i-tip {float:left; position:static; margin-top:.1em;}


/*no data*/
.tips-no-data {padding-top:30px; min-height:46px; height:auto!important; height:46px; text-align:center;}
.tips-no-data .txt  {padding:30px 0 30px 70px; background:url(../png/no_data.png) no-repeat; }
.tips-no-data .btn-blue {margin-top:30px;}
/*no forum*/
.forum-feeds .tips-no-data {margin-top:-1em;}


/*not exist*/
.not-exist p{text-align: center;}
.not-exist .not-exist-icon{width:9.071428571428571em; height:9.071428571428571em; margin:4.857142857142857em auto 2.2857142857142856em; background: url(../png/not_exist.png) no-repeat; background-size: 100% auto;}
.not-exist .btn-r-txt{margin:2.642857142857143em 0 5.5em 0; }
.not-exist .btn-blue{padding:0.7142857142857143em 2.5714285714285716em;}

/*guide user*/

.guide-user .btn-blue,
.guide-user .btn-gray {margin:1.5em 0;}
.guide-user .tips-box {width:24em; margin:0 auto;}
/*guide user*/
.col-short-box .guide-user {margin:5.5em 0 3em 0;}

/*web path*/
.web-path {margin-bottom:.2em; font-size:1.2857142857142858em; font-weight:bolder; color:#7a7a7a;}
.web-path a {color:#fff;}
.web-path em {margin:0 4px;}

.wrap-mask {position:fixed; top:0; left:0; z-index:999; width:100%; height:100%; background: #000; background: rgba(0,0,0,.80); filter: alpha(opacity=80);}

/*guide*/
.guide-user-level {position:absolute; z-index:999; top:85px; left:15px; width:334px; height:222px; background:url(../png/guide_user_level.png) no-repeat; line-height:24px; color:#333;}
.guide-user-level .bd {padding:102px 20px 10px 90px;}
.guide-user-level .bd .btn {margin-top:10px;}
.guide-user-level .i-level {margin-right:5px;}

/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
  outline:none;
  margin-top: -25px;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
    margin-top:30px;
  outline:none;

}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
  margin:30px 0 0 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-05-18 14:13:09
 * @version $Id$
 */
.mod-news-list li {white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.mod-news-list li a {line-height:2.0em;}
.mod-news-list .i-triangle-l {float:left; margin-left:-15px; margin-top:6px; border-width:5px 0 5px 8px; border-color:transparent transparent transparent #666666;}

@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-05-18 14:34:19
 * @version $Id$
 */
/*5 games in one row*/
.mod-game-list {float:left; display:inline; width:101.33333333333334%; margin-top:-4.3em; margin-left:-1.11%; zoom:1;}
.mod-game-list li {float:left; position:relative; _display:inline; width:18.847736625514402%; height:100%; margin-top:4.3em; margin-left:1.11%;}
.mod-game-list .gm-description span {padding: 2px 4px; background: #414141;}
.mod-game-list .gm-img {position:relative; display:block; min-height: 110px; line-height:0; background-color: #000;}
.mod-game-list .gm-img .img {display:block; }
.mod-game-list .gm-tit{line-height: 2.7142857142857144em; font-size: 1.0714285714285714em;}
.mod-game-list .gm-type{height:15px; margin-top:-0.6em; line-height: 1em;}
.mod-game-list li .gm-rank {position:absolute; top:.5em; left:0; width:139px; height:24px;
 line-height:24px; background:url(../png/sprite.png) no-repeat; -moz-background-size:100% auto; -webkit-background-size:100% auto; background-size:100% auto; color:#333; font-weight:bolder; }
.mod-game-list li .gm-rank span {margin-left:20%;}
.mod-game-list li .rank-sliver {background-position: 0 -25px;}
.mod-game-list li .rank-copper {background-position: 0 -52px;}
.mod-game-list .gm-fav {bottom:0;}

.mod-game-list li .gm-btn{display: none; position: absolute; top:30%; left:50%; width: 14em; margin-left:-7.964285714285714em; z-index: 2;}
.mod-game-list li .gm-btn a {float:left; position:relative; margin-left:2.0714285714285716em;}
.mod-game-list li .gm-btn a:hover {text-decoration:none;}
.mod-game-list li .i-bg {display:block; width:4.857142857142857em; height:4.857142857142857em; border-radius:50%; background:#fff; text-indent:-999px; overflow:hidden; cursor:pointer; cursor:hand; opacity: 0.6; filter:Alpha(opacity=60);}
.mod-game-list li .i-menu {position:absolute; top:0; left:0; display:block; width:2.4285714285714284em; height:2.4285714285714284em; line-height:2.4285714285714284em; text-align: center; cursor:pointer; cursor:hand; color: #212122; font-size: 2em; opacity: 0.95; filter:Alpha(opacity=95);}
.mod-game-list li .gm-hover-bg{display: none; position: absolute; top:-0.35714285714285715em; left:-2.1834061135371178%; width: 104.36681222707425%; height: 106%; background-color: #131314; z-index: -1;}
.mod-game-list li .img {display:block; position:relative; line-height:0;}
.mod-game-list li .gm-updating {position:absolute; left:0; bottom:0; width:100%; line-height:1.5em; padding:.5em 0; background:#000; background:rgba(0,0,0,.75); filter:Alpha(opacity=85); overflow:hidden;}
.mod-game-list li .gm-updating span {margin:0 .5em;}
.mod-game-list li .gm-info {position: absolute; bottom: 0; width: 100%; line-height: 1.5em; padding: .5em 0; background: #000; background: rgba(0,0,0,.75); filter: alpha(opacity=75); color:#fff;}
.mod-game-list li .gm-link {display:none; position:absolute; top:50%; width:100%; height:1.5em; text-align:center; color:#fff;}

/*mouseover style*/
.mod-game-list .bg-over .gm-img img{opacity: 0.5; filter:Alpha(opacity=50);}
.mod-game-list .bg-over .gm-btn{display: block;}
.mod-game-list .bg-over .gm-hover-bg{display: block;}
.mod-game-list .bg-over .gm-mask .gm-info {color:#666;}
.mod-game-list .bg-over .gm-mask img {opacity: 0.3; filter:Alpha(opacity=30);}
.mod-game-list .bg-over .gm-link {display:block;}

.index-row2 .mod-game-list li .gm-btn{top:20%; margin-left:-7.071428571428571em;}
.index-row2 .mod-game-list li .gm-btn a{margin-left:1.8571428571428572em;}
.index-row2 .mod-game-list li .i-bg {width:4.285714285714286em; height:4.285714285714286em;}
.index-row2 .mod-game-list li .i-menu {width:2.380952380952381em; height:2.380952380952381em; line-height:2.380952380952381em;font-size: 1.8em;}

/*4 games in each row*/
.game-categories .mod-game-list {width:101.33333333333334%; margin-left:-1.4166666666666666%; zoom:1;}
.game-categories .mod-game-list li {width:23.601973684210525%; margin-left:1.3980263157894737%;}
.game-categories .mod-game-list li .gm-hover-bg{width:104.8780487804878%; height:110%; top:-0.5em; left: -2.4390243902439025%;}
.game-categories .mod-game-list li .gm-btn{top:22%;}

/*row's style of index page*/
.index-row2 .mod-game-list {margin-top:-3em;}
.index-row2 .mod-game-list li {margin-top:3em;}
.index-row2 .mod-game-list li .gm-hover-bg{height: 110%;}

.casual-list .bg-over .gm-img img{opacity: 1; filter:Alpha(opacity=100);}
@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-05-18 16:02:43
 * @version $Id$
 */
.mod-posts-list {padding:0 1.4em;}
.mod-posts-list .posts-tit a {color:#f54303;}
.mod-posts-list .posts-date {float:right; color:#626262;}
.mod-posts-list .i-replies {margin-right:8px;}
.mod-posts-list .i-views {margin-right:5px;}
.mod-posts-list .posts-date span {display:block; width:130px;}
.mod-posts-list li {padding:1.4em 0; border-bottom:1px dotted #424242; overflow: hidden; zoom:1;}
.mod-posts-list li:last-child {border:0;}
.mod-posts-list li .posts-detail {height:3em; overflow:hidden;}
.mod-posts-list li .posts-user,
.mod-posts-list li .posts-detail a {display:block; height:1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-05-18 16:25:22
 * @version $Id$
 */
.mod-txt-img-list li {overflow: hidden; zoom:1;}
.mod-txt-img-list .img {float:left; _display:inline; width:26.12137203166227%; margin-right:3%; margin-top:0.3em;}
.mod-txt-img-list p {white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.mod-txt-img-list p a {line-height:2.0em; color:#e3e3e3;}
.mod-txt-img-list .gm-sever {float:left; padding:0 4px; background:#414141;}


@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-01-14 16:57:32
 * @version $Id$
 */
/*btn*/
.btn { line-height:1.1666666666666667em; padding:.6em 1em; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer; cursor:hand;}
.btn:hover {text-decoration:none;}
.btn-disabled,
.btn-disabled:hover {min-width:4em; display:inline-block; background:#838383; color:#ccc;}
.btn-cancel,
.btn-cancel:hover {display:block; width:75px; height:22px; line-height:22px; color:#2588d5; text-align:center;}
.btn-gray {display:inline-block; width:6.75em; background: #666; color:#cac8c8;}
.btn-blue {display:inline-block; min-width:4em; background:#de3f05; color:#fff; font-weight:bolder;}
.btn-blue:hover {background:#ed4204;}
.btn-red {background:#de3f05; color:#fff;}
.btn-upload {display:block; width:86px; height:20px; line-height:20px; background:#9b9b9b; border-radius:3px; text-align:center; color:#fff;}
.btn-upload:hover {color:#fff; text-decoration:none;}
.btn-txt {color:#de3f05;}
.btn-txt:hover {color:#fb4502;}
.btn-play .i-triangle-l {float:left; margin:5px 5px 0 6px;}
.btn-play span {float:left;}
.btn-collection,
.btn-collected {display:block; width:64px; height:17px; line-height:17px; background-position: -39px -37px; color:#fff;}
.btn-collection:hover,
.btn-collected:hover {background-position: -39px -54px;}
.btn-collection span,
.btn-collected span {float:left;}
.btn-collection:hover span,
.btn-collected:hover span { color:#fff;}
.btn-collection .i-font,
.btn-collected .i-font {float:left; margin:-1px 3px 0 6px; color: #545454;}
.btn-collected .i-font {color:#c41e24;}
.btn-drop {display:block; width:14px; height:14px; background:#fff; border:1px solid #dddddd; border-radius:2px;}
.btn-drop .i-drop {display:block; margin:1em auto 0 auto;}
.btn-submit{background:#1c74ba; color: #fff;}
.btn-submit:hover{background:#2588d5;}

@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-03-03 14:25:57
 * @version $Id$
 */

/*circle of navigation's bg hack for ie7 and ie8*/
.ie6 .side-bar .menu .i-bg,
.ie7 .side-bar .menu .i-bg,
.ie8 .side-bar .menu .i-bg {display:block; background:none; height:33px; line-height:33px; font-size:30px; text-indent:0; color:#494949;}
.ie7 .side-bar .menu .i-menu{line-height: 30px;}
.side-bar .menu li {*line-height:35px;}

.ie6 .side-bar .menu a:hover .i-bg,
.ie7 .side-bar .menu a:hover .i-bg,
.ie8 .side-bar .menu a:hover .i-bg {background:none; color:#656464; overflow:visible;}

.ie6 .side-bar .menu li.current a .i-bg,
.ie7 .side-bar .menu li.current a .i-bg,
.ie8 .side-bar .menu li.current a .i-bg {background:none; color:#de3f05;}

.ie6 .side-bar .nav .i-bg,
.ie7 .side-bar .nav .i-bg,
.ie8 .side-bar .nav .i-bg {display:block; background:none; height:33px; line-height:33px; font-size:30px; text-indent:0; color:#000000;}
.ie7 .side-bar .nav .i-menu{line-height: 26px;}
.side-bar .nav .i-font {*line-height:35px;}

.ie6 .side-bar .nav .current .i-bg,
.ie7 .side-bar .nav .current .i-bg,
.ie8 .side-bar .nav .current .i-bg,
.ie6 .side-bar .nav a:hover .i-bg,
.ie7 .side-bar .nav a:hover .i-bg,
.ie8 .side-bar .nav a:hover .i-bg {background:none; color:#fff;}

.ie7 .side-bar .user-name .user-text{float: left; width: 83px;}

/*player*/
.player-data b {color:#fff\9;}

/*mod-gm-list*/
.ie6 .mod-gm-list li .gm-rank,
.ie7 .mod-gm-list li .gm-rank,
.ie8 .mod-gm-list li .gm-rank {width:165px; height:29px; line-height:29px;}
.ie6 .mod-gm-list li .rank-sliver,
.ie7 .mod-gm-list li .rank-sliver,
.ie8 .mod-gm-list li .rank-sliver {background-position: 0 -30px;}
.ie8 .mod-gm-list li .rank-copper {background-position: 0 -61px;}
.ie6 .mod-game-list li .rank-sliver,
.ie7 .mod-game-list li .rank-sliver,
.ie8 .mod-game-list li .rank-sliver {background-position: 0 -30px;}
.ie8 .mod-game-list li .rank-copper {background-position: 0 -61px;}

.ie6 .mod-gm-list .gm-info,
.ie7 .mod-gm-list .gm-info,
.ie8 .mod-gm-list .gm-info {filter:alpha(opacity=85);}

/*mod-game-list*/
.ie7 .game-categories .mod-game-list li{margin-left: 1.38%;}
.ie6 .mod-game-list li .gm-btn,
.ie7 .mod-game-list li .gm-btn,
.ie8 .mod-game-list li .gm-btn {width:16em;}

.ie6 .mod-game-list li .i-bg,
.ie7 .mod-game-list li .i-bg,
.ie8 .mod-game-list li .i-bg {width:1.1em; height:1.1em; line-height:1.2em; background:none; font-size:5em; text-indent:0; text-align:center; color:#eee;}


.ie6 .mod-game-list li .i-menu,
.ie7 .mod-game-list li .i-menu,
.ie8 .mod-game-list li .i-menu {font-size:2.2em;}

.ie6 .index-row2 .mod-game-list li .i-bg,
.ie7 .index-row2 .mod-game-list li .i-bg,
.ie8 .index-row2 .mod-game-list li .i-bg {width:1.1em; height:1.1em; font-size:4.4em;}

.ie6 .index-row2 .mod-game-list li .i-menu,
.ie7 .index-row2 .mod-game-list li .i-menu,
.ie8 .index-row2 .mod-game-list li .i-menu {font-size:2em;}

/*mod-game-list*/
.ie7 .games-focal-tit{margin-top: 1.7714285714285714em;}

/*form*/
.ie6 .radio-box em i,
.ie7 .radio-box em i,
.ie8 .radio-box em i {width:18px; height:18px; background-position:-1px -97px;}
.ie6 .radio-box em .i-checked,
.ie7 .radio-box em .i-checked,
.ie8 .radio-box em .i-checked {background-position:-21px -97px;}

/*verfication code img*/
.ie6 .support .ver-code li,
.ie7 .support .ver-code li,
.ie8 .support .ver-code li {background:#e9e9e9;}

.ie6 .support-sub-page-link .page-icon,
.ie7 .support-sub-page-link .page-icon,
.ie8 .support-sub-page-link .page-icon {width:110px; height:100px;}
.ie6 .support-sub-page-link .page-icon02,
.ie7 .support-sub-page-link .page-icon02,
.ie8 .support-sub-page-link .page-icon02 {background-position:0 -98px;}
.ie6 .support-sub-page-link .page-icon03,
.ie7 .support-sub-page-link .page-icon03,
.ie8 .support-sub-page-link .page-icon03 {background-position:0 -196px;}
.ie6 .support-sub-page-link .page-icon04,
.ie7 .support-sub-page-link .page-icon04,
.ie8 .support-sub-page-link .page-icon04 {background-position:0 -300px;}

/*store*/
.ie7 .store .nowrap-col{float: none; display: block;}

/*security*/
.ie6 .security-settings .i-icon i,
.ie7 .security-settings .i-icon i,
.ie8 .security-settings .i-icon i {width:77px; height:65px;}

.ie6 .security-settings .question-method .i-icon i,
.ie7 .security-settings .question-method .i-icon i,
.ie8 .security-settings .question-method .i-icon i {margin-top:18px; margin-bottom:auto;}

.ie6 .security-settings .pwd-method .i-icon i,
.ie7 .security-settings .pwd-method .i-icon i,
.ie8 .security-settings .pwd-method .i-icon i {background-position:center -129px; margin-top:16px; margin-bottom:auto;}

/*no data*/
.ie6 .tips-no-data,
.ie7 .tips-no-data {margin-top:-30px; line-height:65px;}

.ie6 .not-exist .not-exist-icon,
.ie7 .not-exist .not-exist-icon,
.ie8 .not-exist .not-exist-icon {width:127px; height:127px;}

/*form*/
.ie6 .form-box .i-tip,
.ie7 .form-box .i-tip,
.ie8 .form-box .i-tip {top:6px;}


/*order*/
.ie7 .mod-order-list .col-box02{margin:0; margin-bottom: 1em; padding:0; padding-bottom: 2em;}
.ie7 .mod-order-list .gm-top{margin: 0;}
.ie7 .mod-order-list .gm-bot{margin:0; border-top:none;}
.ie7 .pages .i-left{margin-right: 0;}
.ie7 .pages .i-right{margin-left: 0;}
@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-01-14 10:45:40
 * @version $Id$
 */
.top-discord{ width: 135px; height: 26px; background: url(../png/topdiscord.png) no-repeat; position: absolute; top: 12px; right: 480px;}
.top-discord:hover{ background: url(../png/topdiscord2.png) no-repeat;}
.nav-discord{ width: 31px; height: 31px; float: left; margin-top: 3px;}
.nav-discord{ background: url(../png/discord.png) no-repeat;}
.nav-vip:hover .nav-discord{ background: url(../png/discord2.png) no-repeat;}


.top-forum-bg01 {background-position: center -117px;}
.top-forum-bg02 .col-forum {margin:1em 0;}
.top-forum-bg02 {_display:inline; position:relative; z-index:1; margin-left:-245px; margin-bottom:-3em; padding-left:245px;}
.forum-l {float:left; width:63%;}
.forum-r {float:right; width:35%;}

.forum-banner {position:relative; margin-bottom:1em;}
.forum-banner .close {display:block; position:absolute; right:0; top:0; width:1em; height:1em; padding:0.3em; text-align:center; background:#9b9b9b;line-height:1em; color:#fff;}
.forum-banner .close:hover {text-decoration: none;}
.col-forum .focal-tit a{color: #fff;}

/*forum feeds*/

.official-announcements .mod-txt-img-list,
.forum-hot .mod-news-list {height:12em; overflow: hidden;}
.official-announcements .mod-txt-img-list .img {width:14.142857142857142em; height:11.5em;}
.my-game .mod-txt-img-list {padding:0 1.4em 0 1.4em;}
.my-game .mod-txt-img-list li {padding-top:.8em; line-height:2.2em;}
.my-game .mod-txt-img-list li .img {width:10.25em; height:6.285714285714286em;}

.top-forum-bg02 .mod-news-list,
.top-forum-bg02 .official-announcements .mod-txt-img-list {padding:1em;}

.forum-feeds .bd,
.my-game .mod-txt-img-list {height:23.5em; overflow: hidden;}
.forum-feeds .tab-menu02 li {width:25%;}
.forum-feeds .tab-menu02 {margin:0;}
.forum-feeds .bd-con {padding-top:1em;}
.my-game .focal-tit {line-height:2.55em;}
.my-game .i-tit-line {margin-top:.9em;}