@charset "UTF-8";

@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:-104px; height: 20px; padding-left: 22px; background: url(../../images/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 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: 1.5em; 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;}

.cho-language .i-language {float:left; width:25px; height: 14px;}
.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:-207px; left:-18px; width:124px;}

.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;}
.main-menu ul {float:left; width:80%; overflow: hidden; zoom:1;}
.main-menu li {float:left; _display:inline; width:13%; margin-right:1px;}
.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:31%; 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";
.col-box02 {background: #383838;}
.col-box02 {background: #383838;}
body {background: #282828 url(../../images/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(../../images/forum/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;}
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(../../images/gm_mask.png); background-repeat:no-repeat;}
.header .logo,
.side-bar .logo,
.popup-box .i-logo {background-image:url(../../images/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(../../images/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(../../images/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(../../images/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(../../images/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-live {float:left; 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;}


/*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('../font/r2font-webfont.eot'); /* IE9*/
    src: url('../font/r2font-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/r2font-webfont.woff') format('woff'), /* chrome、firefox */
         url('../font/r2font-webfont.ttf')  format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
         url('../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(../../images/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(../../images/score.png) no-repeat 0 -11px;}
.score .i-star {display:block; width:71px; height:12px; line-height:0; background: url(../../images/score.png) 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(../../images/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(../../images/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(../../images/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;}
@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-01-14 10:47:43
 * @version $Id$
 */
.col-box{position: relative;}
.mod-mob-list {overflow: hidden; zoom:1; margin-left:-6.75%;margin-bottom: -2em;}
.mod-mob-list li {float:left; width: 27%; margin-left: 6.333333333333336%; margin-bottom: 2em;}
.mod-mob-list li .gm-img {float:left; width: 33.23529411764706%; margin-right: 4.411764705882353%;}
.mod-mob-list li .gm-img img {display: block; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.mod-mob-list li p {height:35%; line-height:1.5;}
.mod-mob-list li .gm-type {margin-top: 1.5%; white-space: nowrap;}
.mod-mob-list li .gm-star-bg,.mod-mob-list li .gm-star-bg span{background:url(../../images/mod_mob_list/star.png) no-repeat; overflow: hidden;}
.mod-mob-list li .gm-star-bg{ width:85px; height: 13px; margin:3px 0; text-indent: -999px; background-position: 0 0;}
.mod-mob-list li .gm-star-bg span{ display: block; background-position: 0 -14px;}
.mod-mob-list li .gm-more,.mod-mob-list .gm-more a{ margin-top:1.5%; color: #ff7000; }
.mod-mob-list li .gm-more .i-drop{ display: inline-block; border-width: .2857142857142857em 0 .2857142857142857em .42857142857142855em; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #ff7000;}
.mod-mob-list li .btn{float:left; min-width:16%; margin-right:4%; padding: 0.5em 0.5em; color: #fff;}
.mod-mob-list li .btn-ios{background-color: #2ca3ea;}
.mod-mob-list li .btn-android{background-color: #83ac4c;}
.mod-mob-list li .gm-tit,.mod-mob-list li .gm-tit a{margin-top:0.5em; font-size: 1.0714285714285714em; }
.mod-mob-list li .gm-down{margin-top:2.8901734104046242%;}
.index-mob-more{position:absolute; right: 0; margin: 1em 4.1666666666666664% 0 0;}

.gm-mobile .mod-mob-list li{position:relative; max-height:165px; line-height:0; margin-bottom: 5em;}
.gm-mobile .mod-mob-list li .gm-tit,
.gm-mobile .mod-mob-list li .gm-tit a{color: #000; }
.gm-mobile .mod-mob-list li .gm-down {position:absolute; left:0; bottom:-3.5em; width:100%;}
.gm-mobile .mod-mob-list li .btn {width:32.08092485549133%; padding:.3em 0; background: none;}


@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;}

button::-moz-focus-inner{ border:0; padding:0; margin:0; }

.easyDialog_wrapper{ width:360px; color:#fff; border:3px solid rgba(0,0,0,0);  -webkit-box-shadow:0 0 10px rgba(0,0,0,0.4); -moz-box-shadow:0 0 10px rgba(0,0,0,0.4); box-shadow:0 0 10px rgba(0,0,0,0.4); display:none; font-family:"Microsoft yahei", Arial; }

.easyDialog_wrapper .easyDialog_content{background:#414141; border:1px solid #3c3c3c; }

.easyDialog_wrapper .easyDialog_title{ height:35px; line-height:35px; background:url(../../images/logo.png) no-repeat -63px -116px #282828; padding:0 10px 0 40px; overflow:hidden; color:#999999; font-size:14px; border-radius:4px 4px 0 0; font-weight:bolder;}

.easyDialog_wrapper .close_btn{width:27px; height: 27px; margin-top:4px; background:url(../../images/sprite.png) no-repeat -98px -117px; font-family:arial; font-size:18px; _font-size:12px; font-weight:700; color:#999; text-decoration:none; float:right; text-indent: -999em; overflow: hidden; }

.easyDialog_wrapper .close_btn:hover {background-position:-127px -117px;
    animation:closeRotate 0.5s;
    -moz-animation:closeRotate 0.5s; /* Firefox */
    -webkit-animation:closeRotate 0.5s; /* Safari and Chrome */
    -o-animation:closeRotate 0.5s; /* Opera */
}

@keyframes closeRotate
{
from {transform:rotate(0);}
to {transform:rotate(360deg);}
}

@-moz-keyframes closeRotate 
{
from {-moz-transform:rotate(0);}
to {-moz-transform:rotate(360deg);}
}

@-webkit-keyframes closeRotate 
{
from {-webkit-transform:rotate(0);}
to {-webkit-transform:rotate(360deg);}
}

@-o-keyframes closeRotate 
{
from {-o-transform:rotate(0);}
to {-o-transform:rotate(360deg);}
}



.easyDialog_wrapper .easyDialog_text{ padding:25px 30px; font-size:13px; line-height:22px; }

.easyDialog_wrapper .easyDialog_footer{ padding:0 10px; *zoom:1; }

.easyDialog_wrapper .easyDialog_footer:after{ content:''; display:block; height:0; overflow:hidden; visibility:hidden; clear:both; }

.easyDialog_wrapper .btn_highlight,
.easyDialog_wrapper .btn_normal{ border:1px solid; border-radius:2px; cursor:pointer; font-family:"Microsoft yahei", Arial; float:right; font-size:12px; padding:0 12px; height:24px; line-height:22px; margin-bottom:10px; }

.easyDialog_wrapper .btn_highlight{ background:#de3f05; background:-webkit-gradient(linear,center bottom,center top,from(#de3f05),to(#c93904)); background:-moz-linear-gradient(90deg, #de3f05, #c93904); border-color:#de3f05; color:#fff; }

.easyDialog_wrapper .btn_normal{ margin-left:10px; border-color:#c3c3c3; background:#ececec; color:#333; background:-webkit-gradient(linear,center bottom,center top,from(#ececec),to(#f4f4f4)); background:-moz-linear-gradient(90deg,#ececec,#f4f4f4); }
.easyDialog_wrapper .i-tip {margin-top:4px;}
@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-05-26 09:57:37
 * @version $Id$
 */
body,button,input,label,select,option,textarea,button,fieldset,legend,ins,sup{font:12px/1.5 Arial,\5FAE\8F6F\96C5\9ED1,'Lucida Grande',Verdana,Tahoma,\5b8b\4f53;-webkit-font-smoothing:antialiased;} 
/*footer居底*/ 
html,body{ height: 100%; background:#fff;}

.header .drop-box .drop-list{width:110px; left:30px; padding:5px 0;}
.header .drop-box .drop-list li a{width: auto;}
.gm-mobile .index-main {padding-top:110px;}
.gm-mobile,.mob-detail{ position: relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -115px; background-color: #000; overflow: hidden;}
.gm-mobile{ background: #fff;}
.gm-mobile .push,.mob-detail .push{ height: 115px;}
.footer{ position: relative; z-index: 11; max-width: 1920px;}

/*header左右对齐*/
.header .drop-box{float: left; margin-right: 22px;}
.header .user-img{float: left;margin: 12px 5px 0 0;}
.header .user-img img{width: 25px;height: 25px;border: 1px solid #b2b2b2;border-radius: 3px;}
.header .user-name{float: left;max-width: 110px;line-height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header .i-drop{float: left; margin-top: 22px; border-width: 5px 4px 0 4px;}
.header .drop-list{display: none;position: absolute;top: 39px;left: 42px;padding: 8px 0;background: #fff;border: 1px solid #e0e0e0;}
.header .drop-list li {margin: 4px 0;text-align: left;text-indent: -9999px;}
.header .drop-list li a {display: block;width: 60px;padding: 0 6px;text-indent: 0px;line-height: 27px;color: #666;text-align: center;text-decoration: none;}

.header section{min-width: 980px;}
.header section .logo{background-position: 0 -198px;}
.header section .logo-mob{ position: absolute; top: 26px; left: 186px; height: 20px; margin-top: 2px; padding-left: 20px; border-left: 1px solid #c8c8c8;}

/*header QR二维码*/
.header section .menu-code{position: relative; float: right; width:115px; height: 26px; margin-right: 1.5em;margin-top: 21px; line-height: 26px; background: #f9f9f9; border: 1px solid #ebebeb; font-size: 12px; text-align: center;}
.header section .menu-code a{ display: block; color: #474444;}
.header section .menu-code a:hover{ text-decoration: none;}
.header section .menu-code .i-font{ margin-right: 9px; color: #de3f05; font-size: 16px; font-weight: bolder;}
.header section .menu-code .qr-code{display: none; position: absolute; top:26px; left: -1px; width: 115px; border: 1px solid #ebebeb;}
.header section .menu-code .qr-code img{ display: block;}

/*menu*/
.wrap .main-menu,
.wrap .main-menu-bg {position:fixed!important; background:#2a2a2a!important;}
.wrap .main-menu nav { min-width: 980px;}

/*登陆后*/
.header .after-login .selected{ margin-right: 22px;}
.header .after-login .selected .user-name{ line-height: 44px;}
.header .after-login .user-img{ margin-top: 5px;}
.header .after-login .user-img img{ width: 36px; height: 36px;}
.header .after-login{ height: 56px;}
.header .after-login .drop-list{ top:56px;}
.header .after-login .drop-list a{ width: 95px; text-align: center;}

.cho-language .selected{ cursor:default;}
.main-menu .menu-mobile-gm{ width:14%;}
.drop-box{ margin-right: 1.5em;}
.gm-mobile .content{ min-height: 200px; margin-top: 0.7142857142857143em; padding-bottom: 0;}
.focal-tit{ color: #000; font-size: 1.3571428571428572em;}
.footer{ background: #f2f2f2; border-top: 1px solid #f9f9f9;}
.footer .i-separation{ border-right: 1px solid #cccccc;}
.footer .cho-language{ color: #8b8a8a;}

/*修复ipad 2下超出980宽度，反复横竖屏页面变大4次*/
.wrap,
.wrap .content,
.footer,
.footer .inner {min-width:982px!important;}


.index-slider-box {position:relative; z-index:2; overflow:hidden; text-align: center;}
.index-slider-box .mob-box{ position: relative;}
.index-slider-box .slidesjs-pagination {position:absolute; left:50%; bottom:5%; z-index:10; width:63.05832895428272%; margin-left:-31.5%;}
.index-slider-box .slidesjs-pagination li {display:inline; margin:0 0.5%; text-align: center;}
.index-slider-box .slidesjs-pagination li a { display: inline-block; width: 0.7857142857142857em; height: 0.7857142857142857em; background: #555555; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-indent: -9999px;}
.index-slider-box .slidesjs-pagination li .active{ background: #e20008;}

/*download-icon hover*/
.gm-download{ overflow: hidden;} 
.gm-download .img{ vertical-align: bottom;}
.gm-download li{ float: left; width:13.56382978723404%; margin-right:1.6097875080489377%;}
.gm-down .img-hover { display: none;}
.gm-down a:hover .img{display: none;}
.gm-down a:hover .img-hover{ display: block;}
.J-mobile-slider .gm-download{ position: absolute; left:2px; bottom:16.297786720321933%; width: 81.60798738833421%; margin-left: 18.39201261166579%;}
.J-mobile-slider .gm-download li{ width: 12.749517063747584%; }

/*mob-detail*/
.mob-detail .mob-content-bg{ position: absolute; left:0; width: 100%; z-index: 0;}
.mob-detail .bg01{ top:0; height: 380px; background: #000 url(../../images/mod_mob_list/mob_content_bg01.jpg) no-repeat; }
.mob-detail .bg02{ top:380px; height: 380px; background: #000 url(../../images/mod_mob_list/mob_content_bg02.jpg) no-repeat;}
.mob-detail .bg03{ top:760px; height: 395px; background: #000 url(../../images/mod_mob_list/mob_content_bg03.jpg) no-repeat;}

.mob-detail .content{ position: relative; margin-bottom: 3.5714285714285716em; padding-bottom: 0; background: #202020; overflow: hidden; z-index: 1;}
.mob-content{ position: relative; margin:0 auto; padding: 4.285714285714286em 3% 3.5714285714285716em 3%;}
.mob-content .mob-info{ overflow: hidden;}
.mob-content .mob-info dt{ float:left; width: 12.411347517730496%; margin-right: 2.2163120567375887%; border-radius: 10px;}
.mob-content .mob-info dd{ overflow: hidden; line-height: 1.7857142857142858em; }
.mob-content .gm-tit{ margin-right: 8%; font-size: 1.4285714285714286em; color: #fff; }
.mob-content .mob-info .gm-tit{ float:left; margin-bottom: 1em; }
.mob-content .mob-info .other-login{ float: left; width: 181px; }
.mob-content .mob-info .other-login img{ float:left; margin-right: 10px;}
.mob-content .gm-download{ margin:2.5em 0 6em 0; }

.mob-show{ position:relative;}
.mob-show .mob-tab{ overflow: hidden; border-bottom: 1px solid #4d4d4d;}
.mob-show .mob-tab .current{ background: #de3f05; }
.mob-show .mob-tab .current a{ color: #fff; border: 1px solid #de3f05;}
.mob-show .mob-tab li{ float: left; margin-right: 1px; margin-bottom: -1px; text-align: center;}
.mob-show .mob-tab li a{ display: block; width: 141px; height: 34px; line-height: 34px; border: 1px solid #4d4d4d;}
.mob-show .mob-tab li a:hover{ border: 1px solid #de3f05; background: #de3f05; color: #fff; text-decoration: none;}
.mob-show .slide-window{ position: relative; margin-top:35px; overflow: hidden;}
.mob-show .slide-window .gm-list{ position: relative; margin-right: -19px; overflow: hidden; zoom: 1;}
.mob-show .slide-window .gm-list li{ position: relative; float: left; width: 300px; height: 200px; margin-right: 20px; border: 1px solid #575047; overflow: hidden;}
.mob-show .gm-screen02 .slide-window .gm-list li{ width: 270px; height: 360px;}
.mob-show .gm-media .slide-window .gm-list li{ width: 3.191489361702128%; height: auto; margin-right:0.18617021276595744%; }
.mob-show .gm-screen01,
.mob-show .gm-screen02,
.mob-show .gm-media{ position: relative;}
.mob-show .btn-prev,
.mob-show .btn-next{ position: absolute; top: 85px; width: 35px; height: 34px; background:#4d4d4d url(../../images/mod_mob_list/btn_next.png)  no-repeat; z-index: 5;}
.mob-show .gm-screen02 .btn-prev, 
.mob-show .gm-screen02 .btn-next { top: 183px; }
.mob-show .gm-media .btn-prev, 
.mob-show .gm-media .btn-next { top: 50%; margin-top:-2%; }
.mob-show .btn-prev{ left: 0; background-position: 0 -35px;}
.mob-show .btn-next{ right: 0; background-position: 0 0;}
.mob-show .btn-prev:hover, 
.mob-show .btn-next:hover{  background-color: #de3f05;}
.mob-show .btn-gray{ background-color:#999;}
.mob-show .btn-gray:hover{ background-color:#999;}
.mob-show .gm-media .slide-window .gm-list li img{ display: block;}
.mob-show .gm-media .btn-play{ position: absolute; top:50%; left: 50%; width: 18.888888888888888%; margin-left:-9.444444444444444%; margin-top:-9%;}
.screen-large,.media-large{ position: relative; background-color:#000;}
.screen-large .close,.media-large .close{ position: absolute; top:0; right: 0; display: block; width: 2.142857142857143em; height: 2.142857142857143em; background: #000 url(../../images/mod_mob_list/close.jpg) no-repeat; cursor: pointer; cursor: hand;}

.mob-content .mob-high{ margin-top: 1.7857142857142858em;}
.mob-content .mob-high .gm-tit{ line-height: 2.857142857142857em; }
.mob-content .mob-high li{ line-height: 1.7857142857142858em;}
.mob-detail .mob-code{ position: absolute; right: 0; top: -11em; width: 10.815602836879433%; overflow: hidden;}
.mob-detail .mob-code h1{ line-height: 1.2857142857142858em; padding: .4em 0; background-color: #2d2d2d; text-align: center;}


/*海神之路金币活动*/
.pirate-box {position:fixed; bottom:115px; left:0; z-index:20;}
.pirate-box .count {position:absolute; top:142px; left:255px; color:#ff9600; font-size:30px; font-weight:bolder;text-shadow:5px 2px 10px #ffd800;}
.pirate-box .pirate-body,
.pirate-box .treasure-box-open,
.pirate-box .treasure-box-close {background:url(../../images/act/act_hszl150928/pirate.png) no-repeat;}
.pirate-box .pirate-person {width:306px;}
.pirate-box .pirate-body {height:233px; background-position:0 0;}
.pirate-box .treasure-box-open {height:154px;  background-position:0 -233px;}
.pirate-box .treasure-box-close {height:154px; background-position:-1px -397px;}
.pirate-box .act-desc {position:absolute; left:220px; top:33px; color:#fff; font-size:14px;}
.pirate-box .act-desc .text {width:496px; height: 92px; background: url(../../images/act/act_hszl150928/act_desc.png) no-repeat;}

.pirate-box .close {position:absolute; top:4px; left:442px; font-size:20px; font-weight:bolder; color:#000;}
.pirate-box .close:hover {text-decoration:none;}
.pirate-gold {position:absolute; z-index:50; top:16px; left:200px; width:39px; height:42px;}
.pirate-gold img {width:100%;}

.pirate-result {position:absolute; left:50%; top:50%; z-index:50; width:586px; height:428px; margin-left:-293px; margin-top:-214px; background:url(../../images/act/act_hszl150928/result.png) no-repeat; overflow:hidden;}
.pirate-result .text {padding:315px 25px 76px 46px; color:#f3c020; font-weight: bold; font-size: 18px; text-align: center;}
.pirate-result .close {position:absolute; right:0; top:218px; display:block; width:32px; height:32px;}