/* 
* @Author: shineliang
* @Date:   2019-05-10 10:36:23
* @Last Modified time: 2019-08-13 15:56:36
*/
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{font:12px/1.5 Tahoma,Helvetica,simsun,sans-serif;color:#666;word-wrap:break-word;word-break:break-all}
table{border-collapse:collapse;border-spacing:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
code,kbd,pre,samp,tt{font-family:"courier new",courier,monospace;font-size:100%;line-height:100%}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
blockquote:after,blockquote:before,q:after,q:before{content:""}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
button,input,select,textarea{font-size:100%}
a{text-decoration:none;color:#404040}
a:hover{text-decoration:underline}
img{vertical-align:middle}
.clearfix:after{content:".";height:0;visibility:hidden;display:block;clear:both;font-size:0;line-height:0}
.clearfix{*zoom:1}
body{padding-top:42px;background-color:#ededed;font-family:"microsoft yahei"; min-width:1200px; color:#404040; overflow-x:hidden;}
.wrap{position:relative;*zoom:1; width: 1200px; margin:0 auto;}
.chead{background:url(//game.gtimg.cn/images/fo4/web201905/sprite.png) no-repeat top center; height:112px; position: relative; z-index:9;}
.cin {width: 1200px; margin:0 auto;}
.clogo{  background: url(//game.gtimg.cn/images/fo4/web201905/logo20191.png) no-repeat; height: 58px; width: 180px; text-indent: -300%; float:left; margin:20px 0 0 -10px; *display: inline; *zoom:1; z-index:3; position:relative;}
.cnav{position: relative; z-index: 2; height:100px;}
.cnav li{float:left; width:90px; text-align: center; margin:0 35px; *display: inline; *zoom:1;}
.cnav li a{display: block; height:100px; line-height:100px; color:#fff; font-weight:bold; font-size:16px;}
.cnav li a:hover{color:#a3e90c; text-decoration: none;}
.csubnav{position: absolute; left:0; top:100px; height:237px; background:url(//game.gtimg.cn/images/fo4/web201905/sprite.png) no-repeat center -480px; width: 100%; z-index: 2; display: none;}
.csubnav ul{width: 90px; float:left; margin:0 35px; padding-top: 20px;}
.csubnav ul:first-child{margin-left: 370px;}
.csubnav li{text-align: center; height:35px; line-height: 35px; position: relative;}
.csubnav li a{color:#fff; font-size:14px;}
.csubnav li a:hover{color:#a3e90c; text-decoration: none;}
.csubnav.show{display:block;animation:topin .3s;-webkit-animation:topin .3s}
.csubnav i{position: absolute; left:0px; top:12px;}
.csubnav .icon_h{width: 12px; height:12px; display: inline-block; *display:inline; *zoom:1; vertical-align: middle; background:url(//game.gtimg.cn/images/fo4/web201905/sprite.png) -260px -121px;}
.csubnav .icon_n{width: 12px; height:12px; display: inline-block; *display:inline; *zoom:1; vertical-align: middle; background:url(//game.gtimg.cn/images/fo4/web201905/sprite.png) -260px -140px;}

.cbanner{height:360px; margin-top: -12px; position: relative; -webkit-transition: height .6s,background,.6s;
    transition: height .6s,background,.6s;}
.bannerDetail {
    width: 614px;
    height: 218px;
    text-indent: -200%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -307px;
    bottom: 10px;
    z-index:2;
}

.hguider .download{background-color:#a3e90c; font-size:22px; font-weight:bold; text-align: center; float:left; text-align: center; width: 240px; height:100px; line-height: 100px;}
.hguider .download:hover{text-decoration: none; background-color: #a9f505;}
.hguider i{ display: inline-block; *display:inline; *zoom:1; background-image:url(//game.gtimg.cn/images/fo4/web201905/sprite.png); background-repeat: no-repeat;}
.hguider .ico-down{width: 26px; height:24px; background-position: -280px -120px; vertical-align: middle; margin-right: 15px;}
.hguider .ico-pay{width: 24px; height:28px; background-position: 0 -170px;}
.hguider .ico-guide{width: 27px; height:26px; background-position: -40px -170px}
.hguider .ico-flex{width: 24px; height:24px; background-position: -80px -170px;}
.hguider .ico-reg{width: 29px; height:30px; background-position: -120px -170px;}
.hguider .ico-gift{width: 29px; height:29px; background-position: -160px -170px;}
.hguider .ico-vvip {width: 37px;height: 22px;background-position: -200px -170px;}
.hguider .ico-mob{width: 35px; height:22px; background-position: -240px -170px;}
.hguider .ico-no1{width: 33px; height:30px; background-position: -280px -170px;}
.hguider .ico-hot{width: 26px; height:15px; background-position: -320px -140px; position: absolute; right:-1px; top:-1px;}



.hguider a:hover .ico-pay{background-position: 0 -210px;}
.hguider a:hover .ico-guide{background-position: -40px -210px}
.hguider a:hover .ico-flex{background-position: -80px -210px;}
.hguider a:hover .ico-reg{background-position: -120px -210px;}
.hguider a:hover .ico-gift{background-position: -160px -210px;}
.hguider a:hover .ico-vvip{background-position: -200px -210px;}
.hguider a:hover .ico-mob{background-position: -240px -210px;width: 35px; height:22px; }
.hguider a:hover .ico-no1{background-position: -280px -210px;}

  
.hide{display:none;}
.hguider{overflow: hidden; *zoom:1;transform: translate3d(0,0,0);}
.hguider-list {overflow: hidden; *zoom:1; float:left;}

.hguider-list li{width: 120px; float:left; height:100px; text-align: center; position: relative; background-color: #2a2d38;}
.hguider-list b{display: block; position: absolute;left:0; width: 100%; bottom:24px;}
.hguider-list a{color:#999; display: block; padding-top: 21px; height:79px; font-weight:bold;  border-left:1px solid #21232b; border-right:1px solid #323541;}
.hguider-list a:hover{background-color: #95d40e; color:#282b35; border:0;}

.hcont{width: 1200px; margin:0 auto; *zoom:1;}
.hcont:after{content:".";height:0;visibility:hidden;display:block;clear:both;font-size:0;line-height:0}


.hnews{width: 453px; float:left; height:305px; overflow:hidden; background-color: #fff; position: relative; padding:20px;box-shadow:0 2px 3px #e9e9ea; z-index:2;}
.hnews .ico-recomd{width: 51px; height:20px; background:url(//game.gtimg.cn/images/fo4/web201905/sprite.png) no-repeat -320px -120px; display: inline-block; vertical-align: middle; *display:inline; *zoom:1; margin: 5px;}
.hnews .more{background:url(//game.gtimg.cn/images/fo4/web201905/sprite.png) no-repeat -380px -120px; width: 12px; height:12px; position: absolute; right:21px; top:26px; text-indent: -200%; overflow: hidden;}
.hnews-hd ul{overflow: hidden; *zoom:1; border-bottom:1px solid #d9d9d9;}
.hnews-hd li{float:left; padding-left:16px; padding-right: 16px; font-weight:bold; color:#404040; font-size:14px; padding-bottom: 16px; position: relative;}
.hnews-hd li b{position: absolute; bottom:-1px; left:0; width: 100%; height:6px; background-color: #9fd600; display: none;}
.hnews-hd .on b{display: block;}


.hnews-items .tit-top a { display: block; width: 100%; padding: 0; line-height: 40px; background:#f0f0f0; text-align: center; color: #f21f1f; font-weight:bold; margin:20px 0 10px; }
.hnews-items {height: 282px; overflow: hidden;}
.hnews-items li { position: relative; overflow: hidden; line-height:34px;  font-size: 14px;}
.hnews-items .type { position: absolute; left: 0; top: 0; padding: 0; width: auto; padding-right: 5px; }
.hnews-items .updatetime { position: absolute; right: 0; top: 0; width: 40px; }
.hnews-items li a { width: 320px; display: block; padding-left: 45px; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:14px;}
.hnews-items li a:hover { text-decoration: underline; }



.hbanner { position: relative; width: 707px; height: 345px; overflow: hidden;  float:left;}
.hbanner li { float: left; overflow: hidden; }
.hbanner li img{width: 707px !important; height:345px !important;}
.hbanner .tabs-nav { z-index: 10; position: absolute; top: 0; right: 0; }
.tabs-nav { overflow:hidden;}
.tabs-nav li { float: left; text-align: center; cursor: pointer; font-size:16px;}
.tabs-nav li a:hover{text-decoration:none;}
.hbanner .tabs-nav li { width: 55px; line-height: 27px; background: #0d1923; color: #fff; }
.hbanner .tabs-nav .on { background: #a3e90c; color:#000;}
.hbanner .tabs-box { position: relative; overflow: hidden; height: 345px; }
.hbanner .tabs-box .wh { position: relative; height:345px; width:707px; overflow:hidden;}
.hbanner .tabs-box li { width:707px;}
.hbanner-t .do { position: absolute; right: 10px; bottom: 20px; }
.hbanner-t .do span { display: block; width: 12px; height: 12px; float: left; margin: 0 5px; display: inline; background-color: #fff; border-radius: 50%; }
.hbanner-t .do span.dotItem { background-color: #eeae18; }

.hbanner .do { position: absolute; left:0; bottom:0; height:40px; width:100%;background:#333; background:rgba(0,0,0,.8); z-index:2; }
.hbanner .do li {width: 20%; line-height:40px; float: left; text-align:center; color:#a5a5a5; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; height:40px;}
.hbanner .do li.dotItem { background-color: #a3e90c; color:#2a2d38;}
.hbanner .bd{width: 3535px; position: absolute;left:0px;top:0;}

.mode{position: relative; float:left; padding:20px; background-color: #fff; margin-top: 20px;}
.mode h2{font-size:20px; color:#000; height:40px; line-height: 40px; font-weight:bold; border-bottom:1px solid #e1e1e1; padding-bottom: 2px;}
.mode .more{background:url(//game.gtimg.cn/images/fo4/web201905/sprite.png) no-repeat -380px -120px;  width: 12px; height:12px; position: absolute; right:15px; top:15px; text-indent: -200%; overflow: hidden; margin-right: 0; margin-top: 20px;}



.activer{width: 232px; overflow:hidden;  float:left; background-color: #fff; margin-top: 20px; margin-right: 20px; height:532px;}
.activer a{margin-right: 20px; margin-top: 20px; float:left; width: 232px;height:143px; position: relative; }
.acti-i a b{position: absolute; left:0; right:0; top:0; bottom:0; background:#000; background:rgba(0,0,0,0.8);display: none;}
.activer b i{ border:1px solid #4b6408; position: absolute; top:8px; left:8px; right:8px; bottom:8px;}
.activer img{width: 232px; height:143px;}
.activer h3{font-size:16px; color:#a3e90c; margin-bottom: 5px; margin-top:6px;}
.activer .hover{position:absolute; left:0; right:0; text-align: center; top:40px; z-index: 3; color:#dadada; display: none;}
.acti-i a:hover .hover,.acti-i a:hover b{display: block;}
.activer .hover span{display: block;}
.acti-i{width: 106%;}




.mactiver{width: 232px; overflow:hidden;  float:left; background-color: #fff; margin-top: 20px; margin-right: 20px; height:532px;}
.mactiver a{margin-right: 20px; margin-top: 20px; float:left; width: 232px;height:143px; position: relative; }
.mactiver b{position:absolute; bottom:0; left:0; right:0; text-align: center; background:rgba(0,0,0,.6); color:#fff; height:24px; line-height: 24px;}
.mactiver img{width: 232px; height:143px;}
.mactiver h3{font-size:16px; color:#a3e90c; margin-bottom: 5px; margin-top:6px;}
.mactiver-i{width: 106%;}

 .ver{width:230px; background:#fff; float:left; margin-right:20px; overflow:hidden; height:532px;}
 .ver ul{width:103%;}
 .ver li {width: 272px; float: left; position: relative; overflow: hidden; padding-top:20px; margin-right: 16px; background-color:#fff; height:232px;}
 .ver li img{width:230px !important; height:155px !important;}
 .ver li h3 {font-weight: bold;color: #424242;font-size: 16px;padding: 5px 0 9px; height:24px; line-height:2; overflow:hidden;}
 .ver li p {color: #919191;line-height: 18px;padding: 0; height:18px; overflow:hidden;}
 .ver li .detail {
    line-height: 24px;
    margin: 15px 0;
    width: 199px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
 .ver li .boxs .hide { display: none;}
 .ver li a {
    position: absolute;
    display: block;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    background: #fff;
}



.ballday{width: 285px;}
.ballday .tip{position: absolute; left:110px; top:35px; font-size:14px; font-weight:bold; border-left:1px solid #e5e5e5; padding-left: 10px; line-height: 1;}
.ballday .desc{font-size:14px; font-weight:bold; color:#f64000; background-color: #f5f5f5; text-align: center; height:25px; line-height: 25px; margin-top: 20px;}
.ballday table{border:0; width: 100%;}
.ballday td{height:88px; border-top:1px solid #e5e5e5; text-align: center;}
.ballday tr:first-child td{border-top:0 none;}
.ballday tr span{display: block; text-align: center;}
.ballday tr img{width: 50px;}

.quicklink{width: 453px; margin-right: 20px;}
.quick-list{width: 106%; margin-top: 20px;}
.quick-list a{width: 145px; height:62px; float:left; margin-right: 10px; background-color: #ededed; color:#2a2d38; text-align: center; line-height: 62px; margin-top: 10px; font-size:14px; font-weight:bold; position:relative;} 
.quick-list a:hover{background-color: #a3e90c; color:#2a2d38; text-decoration: none;}
.quick-list a:hover .wxewm_pop{display:block;}
.wxewm_pop{display:none;position: absolute; left: -60px;  width: 244px; height: 234px;  top: -225px;}


.raiders{ height:315px; clear:both; width: 100%; padding:0;}
.raiders h2{margin:20px 20px 0;}
.raiders .raiders-items {margin:0 20px;}
.raiders .raiders-items ul{width: 103%;}
.raiders li img{width:218px; height:148px;}
.raiders li h3 {font-weight: bold;color: #424242;font-size: 16px;padding: 15px 0 5px;  height:24px; overflow:hidden;line-height:2;}
.raiders li p {color: #919191;line-height: 18px;padding: 0;overflow:hidden;}
.raiders-items li {width: 218px; float: left; position: relative; overflow: hidden; padding-top:20px; margin-right: 16px; background-color:#fff; height:220px;}

.raiders-items li .detail {
line-height: 24px;
margin: 15px 0;
width: 199px;
overflow: hidden;
text-overflow: ellipsis;
height: 48px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.raiders-items li .boxs .hide { display: none;}
.raiders-items li a {
position: absolute;
display: block;
z-index: 1000;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
background: #fff;
}



.raiders-nav { overflow:hidden;}
.raiders-hd{position: absolute; left: 125px; top: 38px; width: 400px;}
.raiders-hd li { float: left; text-align: center; cursor: pointer; width: 57px;position:relative; height:25px; margin-right:20px;}
.raiders-hd li a:hover{text-decoration:none;}
.raiders-hd .on b {display: block;}
.raiders-hd li b {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #9fd600;
    display: none;
}
.raiders-items{display:none;}

.cooperate{ width: 100%;clear:both; padding:20px 0; margin-bottom: 20px;}
.cooperate h2{margin:0 20px;}
.cooperate a{margin-left: 34px; margin-top: 65px; margin-bottom: 65px; float:left; margin-right: 30px;}
.cooperate a:first-child{margin-left: 64px;}

.events{width:647px;background:#fff;padding:15px 20px 15px; float:left; height:288px; overflow:hidden;}
.events h2{padding-left:15px;}
.events ul{width:106%;}
.events li {width: 190px; float: left; position: relative; overflow: hidden; padding-top:20px; margin-right: 38px; background-color:#fff; height:220px;}
.events li img{width:190px; height:120px;}
.events li h3 {font-weight: bold;color: #424242;font-size: 16px;padding: 15px 0 5px;  height:24px; overflow:hidden;line-height:2;}
.events li p {color: #919191;line-height: 18px;padding: 0;  height:18px; overflow:hidden;}
.events li .detail {
line-height: 24px;
margin: 15px 0;
width: 199px;
overflow: hidden;
text-overflow: ellipsis;
height: 48px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.events li .boxs .hide { display: none;}
.events li a {
position: absolute;
display: block;
z-index: 1000;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
background: #fff;
}



.screenpoint{width: 453px; overflow: hidden; margin-right: 20px;  clear:both;}
.screenpoint ul{width: 103%; padding-top: 10px; *zoom:1;}
.screenpoint ul:after{content:".";height:0;visibility:hidden;display:block;clear:both;font-size:0;line-height:0}
.screenpoint li{float:left; width: 220px; margin-right: 10px; margin-top: 15px;}
.screenpoint img{width: 220px; height:120px;}
.popup-mask{background:#000;background:rgba(0,0,0,0.8); position: fixed; left:0; width: 100%; height:100%;top:0; z-index: 999; display:none;}
.popup-video{width: 980px; height:600px;  position: absolute; left:50%; margin-left: -490px; top:50%; margin-top: -300px; background-color:#000; z-index: 9;}
.popup-video .close{font-size:36px; width: 42px; height:42px; text-align: center; line-height: 42px; position: absolute; right:-10px; top:-40px;color:#a3e90c; z-index: 9}
  



.videos{width: 647px; }
.videos .videos-items {padding-top: 10px;}
.videos .videos-items ul{width: 103%;}
.videos .videos-items li{float:left; width: 200px; margin-right: 20px; margin-top: 15px; position: relative;}
.videos img{width: 200px; height:120px;}
.videos .name{background:url(//game.gtimg.cn/images/fo4/web201802/spr.png) no-repeat -1540px -100px; position: absolute; left:0; bottom:0; height:30px; line-height: 30px; width: 100%; color:#fff; text-align: center; font-size:14px; z-index: 2;}

.videos .overlay{ background:url(//game.gtimg.cn/images/fo4/web201802/spr.png) no-repeat -1140px -100px; position: absolute; left:0; top:0; width: 100%; height:100%;}
.videos a:hover .overlay{display: none;}


.videos-nav { overflow:hidden;}
.videos-hd{position: absolute; left: 120px; top: 38px; width: 200px;}
.videos-hd li { float: left; text-align: center; cursor: pointer; width: 57px;position:relative; height:25px; margin-right:20px;}
.videos-hd li a:hover{text-decoration:none;}
.videos-hd .on b {display: block;}
.videos-hd li b {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #9fd600;
    display: none;
}
.videos-items{display:none;}

.icon-video{background:url(//game.gtimg.cn/images/fo4/web201802/spr.png) no-repeat -640px -220px; width: 36px; height:36px; position: absolute; left:50%; margin-left: -16px; top:50%; margin-top: -30px;}


@keyframes topin{
0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes topin{
0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}





.cbanner.cbig{height:660px !important}
.cbanner.cbig .top-act-link{bottom:91px}
.cbanner.cbig .topact-big-img{z-index:1}
.cbanner.cbig .topact-small-img{opacity:0}


.cbanner.cbig {
    height: 660px !important;
}
.cbanner.cbig .topact-big-img {
    z-index: 1;
}
.topact-big-img, .topact-small-img {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1920px;
    height: 100%;
    margin-left: -960px;
}

.cbanner.cbig .topact-small-img {
    opacity: 0;
}
.topact-small-img {
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    opacity: 1;
}

.quick-list i{background:url(//game.gtimg.cn/images/fo4/web201905/sprite.png) no-repeat; display: inline-block; *display:inline; *zoom:1; vertical-align: middle; margin-right: 5px;}
.quick-list .ico-wechat{width: 23px; height:23px; background-position: 0 -250px;}
.quick-list .ico-wb{width: 24px; height:19px; background-position: -40px -250px;}
.quick-list .ico-qqun{width: 17px; height:19px; background-position: -80px -250px;}
.quick-list .ico-qvip{width: 27px; height:21px; background-position: -120px -250px;}
.quick-list .ico-sfuli{width: 19px; height:19px; background-position: -160px -254px;}
.quick-list .ico-fea{width: 27px; height:16px; background-position: -200px -250px;}
.quick-list .ico-bl{width: 22px; height:19px; background-position: -240px -250px;}
.quick-list .ico-bd{width: 21px; height:22px; background-position: -280px -250px;}
.quick-list .ico-kef{width: 26px; height:19px; background-position: -320px -250px;}

.gmedias .ico-gzh{width: 90px; height:90px; background-position: 0 -330px; margin-left: -45px; margin-top: -45px;}
.gmedias .ico-wb{width: 42px; height:33px; background-position: -120px -330px; margin-left: -21px; margin-top: -16px;}
.gmedias .ico-xqbl{width: 37px; height:34px; background-position: -180px -330px; margin-left: -18px; margin-top: -17px;}
.gmedias .ico-tb{width: 34px; height:36px; background-position: -220px -330px; margin-left: -17px; margin-top: -18px;}
.gmedias .ico-qun{width: 35px; height:35px; background-position: -260px -330px; margin-left: -17px; margin-top: -17px;}

  
  /** old **/
  
 .inner{width: 1200px; position: relative; margin:20px auto 0; *zoom:1; z-index:2;}
.inner:after{content:".";height:0;visibility:hidden;display:block;clear:both;font-size:0;line-height:0}  


.guider{width: 240px;float:left; position:relative;transform: translate3d(0,0,0);}
.guider .download{height:100px; background:url(//game.gtimg.cn/images/fo4/web201802/spr.png) no-repeat -640px -100px; display: block; text-align: center; line-height: 100px; font-size:22px; font-weight:bold; color:#2a2d38;}
.guider .download:hover{background-position: -880px -100px; text-decoration: none;}
.guider i{ display: inline-block; *display:inline; *zoom:1; background-image:url(//game.gtimg.cn/images/fo4/web201802/spr.png); background-repeat: no-repeat; vertical-align: middle;}

.ico-yen{width: 30px; height:28px; background-position: 0 -250px;}
.ico-gift{width: 32px; height:29px; background-position: -50px -250px;}
.ico-no1{width: 30px; height:24px; background-position: -90px -250px;}
.ico-mob{width: 29px; height:18px; background-position: -120px -250px;}
.ico-flex{width: 30px; height:30px; background-position: -150px -250px;}
.ico-guide{width: 30px; height:22px; background-position: -182px -250px}
.ico-reg{width: 33px; height:34px; background-position: -220px -250px;}
.ico-tv{width: 32px; height:26px; background-position: -260px -250px;}
.ico-vvip {width: 34px;height: 31px;background-position: -640px -370px;}

a:hover .ico-vvip {background-position: -640px -410px;}
a:hover .ico-yen{width: 30px; height:28px; background-position: 0 -290px;}
a:hover .ico-gift{width: 32px; height:29px; background-position: -50px -290px;}
a:hover .ico-no1{width: 30px; height:24px; background-position: -90px -290px;}
a:hover .ico-mob{width: 29px; height:18px; background-position: -120px -290px;}
a:hover .ico-flex{width: 30px; height:30px; background-position: -150px -290px;}
a:hover .ico-guide{width: 30px; height:22px; background-position: -182px -290px}
a:hover .ico-reg{width: 33px; height:34px; background-position: -220px -290px;}
a:hover .ico-tv{width: 32px; height:26px; background-position: -260px -290px;}
.ico-hot{width: 16px; height:16px; background-position: -50px -220px; position: absolute; right:25px; top:10px;}
  
.hide{display:none;}
.guider{overflow: hidden; *zoom:1;transform: translate3d(0,0,0);}
.guider-list {background:url(//game.gtimg.cn/images/fo4/web201802/spr.png) #2a2d38 no-repeat -340px -210px; overflow: hidden; *zoom:1;}

.guider-list li{width: 50%; float:left; height:100px; text-align: center; position: relative;}
.guider-list b{display: block; position: absolute;left:0; width: 100%; bottom:28px;}
.guider-list a{color:#999; display: block; padding-top: 21px; height:79px; font-weight:bold;}
.guider-list a:hover{background-color: #95d40e; color:#282b35;}


.mod{position: relative; float:left; padding:0 15px; background-color: #fff; margin-top: 20px;}
.mod h2{font-size:16px; color:#000; height:40px; line-height: 40px; font-weight:bold; border-bottom:1px solid #e1e1e1; margin-bottom: 10px;}
.mod .more{background:url(//game.gtimg.cn/images/fo4/web201802/spr.png) no-repeat -90px -220px; width: 12px; height:12px; position: absolute; right:15px; top:15px; text-indent: -200%; overflow: hidden; margin-right: 0;}



.icon-video{background:url(//game.gtimg.cn/images/fo4/web201802/spr.png) no-repeat -640px -220px; width: 36px; height:36px; position: absolute; left:50%; margin-left: -16px; top:50%; margin-top: -30px;}


.sitemap {color: #808080; padding-left: 60px; color: #989898; font-size: 14px;  padding-top: 35px; padding-bottom: 10px; box-shadow:0 2px 3px #e9e9ea;}
.sitemap h2 { font-size: 24px; color: #404040; font-weight:bold;}
.sitemap a { color: #808080; margin-right: 5px; }
.sitemap span { color: #fc5900; font-weight: bold; }
.sitemap i {  margin: 0 8px 0 4px; }
.newscon{padding-left: 60px;padding-right: 60px;}
.newscon h3 { color: #808080; padding: 5px 0 15px; border-bottom: 1px solid #d9d9d9; margin-bottom: 20px;font-size:12px;}
.newscon h3 span { color: #9a9a9a; }
.newscon h2{padding-top: 30px; padding-left:0; font-size: 26px; color: #181818;}
.newscon .con{line-height:2;}
.main{width: 960px; background-color:#fff; float:left; padding-bottom:20px;min-height:850px; }


.news-nav { margin: 52px 60px 35px; width: 777px; border-bottom:1px solid #d9d9d9;}
.news-nav li { width: 120px; height: 35px; line-height: 35px; font-size: 14px; font-weight: bold; float:left; text-align: center;}
.news-nav li a { width: 110px; height: 35px; line-height: 35px; display: block; font-size:14px;}
.news-nav .on a{border-bottom:6px solid #9fd600; height:30px; line-height: 30px;}

.news-box li { line-height: 46px; border-bottom: 1px dashed #ededed; position: relative; font-size: 14px; }
.news-box li .type { position: absolute; left: 0; z-index: 1; top: 0; }
.news-box li a { width: 620px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding-left: 70px; }
.news-box li a:hover { text-decoration: underline; }
.news-box li { width: 770px; }
.news-box li .updatetime { right: 0; width: 80px; top: 0; position: absolute; color: #808080; }

.page { text-align: center; padding: 30px 0;  clear: both;min-height:309px;;}
.page a { display: inline-block; width: 96px; height: 36px; margin: 0 10px; line-height: 36px; text-align: center; border: 1px solid #ededed; font-size: 14px; }
.page .dis { background:#efefef;}



.vlist{padding-left: 115px; padding-top: 20px; padding-bottom: 60px; padding-right: 115px;}
.vlist ul{width: 107%; overflow: hidden; *zoom:1;}
.vlist li{float:left; width: 210px; margin-right: 50px; margin-top: 20px; position: relative;}
.vlist img{width: 210px; height:130px; margin-right: 15px;}
.vlist .name{background:url(//game.gtimg.cn/images/fo4/web201802/spr.png) no-repeat -1540px -100px; position: absolute; left:0; bottom:0; height:30px; line-height: 30px; width: 100%; color:#fff; text-align: center; font-size:14px; z-index: 2;}

.vlist .overlay{width: 361px; height:255px; background:url(//game.gtimg.cn/images/fo4/web201802/spr.png) no-repeat -1140px -100px; position: absolute; left:0; top:0; width: 100%; height:100%;}
.vlist a:hover .overlay{display: none;}


.slist{padding-left: 115px; padding-top: 20px; padding-bottom: 60px; padding-right: 115px;}
.slist ul{width: 107%; overflow: hidden; *zoom:1;}
.slist li{float:left; width: 210px; margin-right: 50px; margin-top: 20px; position: relative;}
.slist img{width: 210px; height:130px; margin-right: 15px; display: block;}
.slist .name{background:url(//game.gtimg.cn/images/fo4/web201802/spr.png) no-repeat -1540px -100px; position: absolute; left:0; bottom:0; height:30px; line-height: 30px; width: 100%; color:#fff; text-align: center; font-size:14px; z-index: 2;}




.alist b{display: block; font-size:16px; color:#404040; padding-left: 10px; padding-top: 10px;}
.alist span{color:#808080; display: block; font-size:12px; padding-left: 10px;}
.alist li{border:1px solid #f2f2f2; margin-right: 20px; float:left; margin-top: 25px; padding-bottom: 15px; position: relative;}
.alist {padding:15px 0 0 80px;}
.alist .e-tit{display: block; font-size:16px; color:#404040; padding-left: 10px; padding-top: 10px;}
.alist .e-date{color:#808080; display: block; font-size:12px; padding-left: 10px;}
.alist .e-item{border:1px solid #f2f2f2; margin-right: 20px; float:left; margin-top: 25px; padding-bottom: 15px; position: relative;}
.e-status1{width: 80px; height:30px; background:url(http://game.gtimg.cn/images/fo4/web201802/astatus.png) no-repeat 0 -40px; position: absolute; top:-10px; right:-10px; z-index: 2; text-indent: -200%; overflow: hidden;}
.e-status0{width: 80px; height:30px; background:url(http://game.gtimg.cn/images/fo4/web201802/astatus.png) no-repeat 0 0; position: absolute; top:-10px; right:-10px; z-index: 2; text-indent: -200%; overflow: hidden;}

.e-status0 .btn-favorites{text-indent: -200%; overflow: hidden; background:url(http://game.gtimg.cn/images/fo4/web201802/astatus.png) no-repeat 0 -40px; position: absolute; left:0; top:0; width: 100%; height:100%;}
.e-status0 .favorites-on{ background-position: -100px -40px;}

.e-status1 .btn-favorites{text-indent: -200%; overflow: hidden; background:url(http://game.gtimg.cn/images/fo4/web201802/astatus.png) no-repeat 0 0; position: absolute; left:0; top:0; width: 100%; height:100%;}
.e-status1 .favorites-on{ background-position: -100px 0;}

.gmedias{border:1px solid #e5e5e6; width: 238px; float:left;     background: url(//game.gtimg.cn/images/fo4/web201802/spr.png) #fff no-repeat -1670px -152px;}
.gmedias ul{overflow: hidden; *zoom:1; padding-bottom: 10px;}
.gmedias li{width: 50%; float:left; text-align: center; height:45px; padding-top: 25px; padding-bottom: 25px;}
.gmedias li a{display: block; height:100%;}
.gmedias li i{margin-top: 0; display: block; margin:0 auto; margin-bottom: 10px;}
.gmedias a:hover{text-decoration: none;}
.gmedias .qr{display: block; clear: both; text-align: center; border-top:2px solid #edeeef; padding-top: 20px; padding-bottom: 25px;}
.gmedias .qr i{margin:0;}
.gmedias .qr span{display: block; text-align: center; margin-top: 15px;}

 .guider .gmedias li i{display:block; margin:0 auto !important;}

.tit-l { padding: 40px 60px 0; font-size: 26px; color: #181818; }
.user-login { font-size: 14px; padding: 25px 60px 5px; }
.user-login span { color: #a10900; padding-left: 5px; }
.from { width: 352px; }
.from label { display: block; padding: 30px 0 10px; color: #404040; font-weight: bold; }
.from { font-size: 14px; padding:0 60px;}
.from .txt, .from .selb { display: inline-block; width: 340px; height: 35px; border: 1px solid #dbdbdb; padding: 0 5px; vertical-align: top; }
.from .txt-min { width: 202px; }
.from .selb { width: 100%; }
.from li img { position: relative; top: -7px; left: 5px; border: 1px solid #ededed; }
.from li a { display: block; width: 220px; line-height: 60px; height:60px; font-weight: bold; text-align: center; color: #1d2029; font-size: 20px; margin: 25px 0;  background:url(//game.gtimg.cn/images/fo4/web201802/spr.png) 0 -475px; }
.from li a:hover{text-decoration: none;}
.from li { position: relative; }
.from li #changeVerifyImg { position: absolute; top: 35px; right: -125px; background: none; color: #666; font-size: 14px; line-height: 100%; width: auto; }
.from li #changeVerifyImg:hover { color: #a10900; }
.news-box{padding:0 60px 0;}
.popup-mask{background:#000;background:rgba(0,0,0,0.8); position: fixed; left:0; width: 100%; height:100%;top:0; z-index: 999; display:none;}
.popup-video{width: 980px; height:600px;  position: absolute; left:50%; margin-left: -490px; top:50%; margin-top: -300px; background-color:#000;}
.popup-video .close{font-size:36px; width: 42px; height:42px; text-align: center; line-height: 42px; position: absolute; right:-10px; top:-40px;color:#a3e90c;}
  
  /*download page*/
.download-con{padding: 10px 60px;}
.download-tt{position: relative; padding-top: 25px; padding-bottom: 25px;}
.download-tt h4{font-size: 24px;color: #2d394b;}
.client-infor{font-size: 14px;color: #808080;}
.client-infor span{margin-right: 12px; margin-left: 12px;}
.client-infor .version{margin-left: 0;}

.downBtn{margin: 0 0 30px;height: 84px; margin-top: ;}
.download-con .btn{display: inline-block;width: 253px;height: 58px;font-size: 16px;color: #fff;text-align: center;line-height: 58px;opacity: .9 ; filter:alpha(opacity=90); }
.download-con .btn:hover{opacity: 1 ; filter:alpha(opacity=100); }
.download-con .down1{background:url(//game.gtimg.cn/images/fo4/web201802/download.jpg) no-repeat; text-indent: -200%; overflow: hidden;}
.jsq{display:none;}
.jsq .jsq-btn{background-color: #26BB8B;display: block;margin: 28px auto}


.patch-tt{margin-bottom: 10px}
.dl_table{width: 100%;margin-top: 10px}
.dl_table tr{height: 36px;width: 100%;}
.dl_table th{width: 250px;font-size: 16px;color: #000;text-align: center;font-weight: normal;border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:55px;}
.dl_table td{border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:14px; height:55px;}
.tw1,.tw2,.tw3,.tw4,.tw5{width: 200px;text-align: center;}
.bd_table td,.bd_table td a{color: #8e8e8e;font-size: 14px}
.bd_table td a{color: #3399cc; text-decoration: underline;}

.configuration{margin-top: 40px}
.configuration th{text-align: center;height: 55px;color: #000;}
.configuration td{text-align: center;font-size: 12px;color: #8e8e8e;border-top: 1px solid #fff; height:auto; padding:17px 0;}
.configuration td.col1{width: 20%;font-size: 14px;color: #000; text-align: left; font-weight:bold;}
.configuration td.col2{width: 40%;}
.drive{margin-top: 40px}
.drive .patch-tt a{font-size: 14px;font-weight: normal;color: #4377b1;margin-left: 22px}
.drive li{width: 216px;height:91px;margin-right: 12px;float: left;text-align: center;border:1px solid #ccc;}
.drive li a{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;}
.drive li span{display: none;width: 100%;height: 100%;line-height: 100px;font-size: 14px;font-weight: bold;color: #fff;text-align: center;position: absolute;top: 0;left: 0}
.drive li a:hover span{display: block;background-color: #459afa; font-size:16px;}
 
#gfooter{clear:both;}
.playerDetail{
    width: 110px;
    height: 140px;
    position: absolute;
    left: 27%;
    bottom: 150px;
    margin-left: 200px;
    z-index: 3;
}
.do_video{width: 333px; height: 263px; position: fixed; *position: absolute;  right: 80px; bottom: 0; background: url(//game.gtimg.cn/images/fo4/web201905/do_video2.png) no-repeat; z-index:999;}
.do_video .do_close{width: 50px; height: 50px; position: absolute; right: 37px; top: 36px; text-indent: -9999px; overflow: hidden; z-index:2;}
.do_video .do_player{position: absolute;left: 0;bottom: 0;right: 0;top: 0;text-indent: -9999px;}
  
.do_video1{width: 314px; height: 250px; position: fixed; *position: absolute;  right: 80px; bottom: 0; background: url(//game.gtimg.cn/images/fo4/web201905/video2.png) top right no-repeat; z-index:999;}
.do_video1 .do_close{width: 50px; height: 50px; position: absolute; right: 0; top: 0; text-indent: -9999px; overflow: hidden; z-index:2;}
.do_video1 .do_player{position: absolute;left: 0;bottom: 0;right: 0;top: 0;text-indent: -9999px;}


@keyframes jump{
0%{-webkit-transform:translate(0);transform:translate(0)}
10%{-webkit-transform:translateY(5px) scaleX(1.2) scaleY(.8);transform:translateY(5px) scaleX(1.2) scaleY(.8)}
30%{-webkit-transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg)}
50%{-webkit-transform:translateY(0) scale(1) rotateZ(0);transform:translateY(0) scale(1) rotateZ(0)}
55%{-webkit-transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0);transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0)}
70%{-webkit-transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg)}
80%{-webkit-transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0);transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0)}
85%{-webkit-transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0);transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0)}
100%{-webkit-transform:translateY(0) scaleX(1) scaleY(1);transform:translateY(0) scaleX(1) scaleY(1)}
}
@-webkit-keyframes jump{
0%{-webkit-transform:translate(0);transform:translate(0)}
10%{-webkit-transform:translateY(5px) scaleX(1.2) scaleY(.8);transform:translateY(5px) scaleX(1.2) scaleY(.8)}
30%{-webkit-transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg);transform:translateY(-13px) scaleX(1) scaleY(1) rotateZ(5deg)}
50%{-webkit-transform:translateY(0) scale(1) rotateZ(0);transform:translateY(0) scale(1) rotateZ(0)}
55%{-webkit-transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0);transform:translateY(0) scaleX(1.1) scaleY(.9) rotateZ(0)}
70%{-webkit-transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg);transform:translateY(-4px) scaleX(1) scaleY(1) rotateZ(-2deg)}
80%{-webkit-transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0);transform:translateY(0) scaleX(1) scaleY(1) rotateZ(0)}
85%{-webkit-transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0);transform:translateY(0) scaleX(1.05) scaleY(.95) rotateZ(0)}
100%{-webkit-transform:translateY(0) scaleX(1) scaleY(1);transform:translateY(0) scaleX(1) scaleY(1)}
}