body,div,ul,ol,li,dl,dt,dd,p,span,a,img,em,input,button,textarea,tr,th,td,h1,h2,h3,h4,h5,h6,h7{margin:0px; padding:0px;}
body{font-size:12px; font-family:"microsoft yahei"; overflow-x:hidden;}
ul,ol,li,dl,dt,dd,p,span,a,img,em,input,button,textarea,tr,th,td,h1,h2,h3,h4,h5,h6,h7{list-style-type:none; border:none; font-style:normal; background:none; outline:none;}
a{color:#403f3f;}
.clearfix{*zoom:1;}
.clearfix:after{height:0; font-size:0; display:block; clear:both; overflow:hidden; visibility:hidden; content:"";}
.f_l{float:left;}
.f_r{float:right;}
.indent{text-indent:-999px; overflow:hidden;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f40{font-size:40px;}


.m20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}



.line{-o-transition:all .5s ease-in; -ms-transition:all .5s ease-in; -moz-transition:all .5s ease-in; -webkit-transition:all .5s ease-in; transition:all .5s ease-in;}

.move{-webkit-transform:rotateY(0); -moz-transform:rotateY(0); -ms-transform:rotateY(0); transform:rotateY(0);}
.move:hover{-webkit-transition:transform ease-in-out .6s; -moz-transition:transform ease-in-out .6s; -ms-transition:transform ease-in-out .6s; transition:transform ease-in-out .6s; -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); transform:rotateY(360deg);}


.gift{height:280px;}

/******首页部分******/
.home_bg{}
.header{height: 890px; width: 100%;position:relative;}
.head_bg{width: 1920px; height: 890px; position: absolute; top: 0; left:50%; margin-left: -960px; text-align: center;}
.head_bg_video{width: 100%; min-height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.head_bg img{ width: 100%; margin: 0 auto;}

.main_bg{background:url(../images/main_bg.jpg) center top no-repeat #1c1c1b; min-width: 1200px; padding-top: 60px; padding-bottom: 38px;}
.wrap{width:1210px; margin:0 auto; position:relative;}

.header{height:840px; position:relative; z-index: 2;}
.logo{width:230px; height:100px; position:absolute; top:0; left:-355px; }

.menu{line-height:28px; color:#cbc07b; font-size:16px; float: right; padding: 5px 30px 0 0;}
.menu a{color:#cbc07b; text-align:center; margin:0 30px; float:left;}
.menu a:hover{color:#fff;}
.menu a p{line-height:18px; font-size:10px; -webkit-transform:scale(0.8); display:block;}
/*公用动画效果*/
.menu a{transition:all 0.3s ease-in; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in;}

.user_box{width:722px; position:absolute; top:564px; left:305px; z-index: 2;}
/*下载*/
.download{height:138px; width: 373px; padding: 11px 0 0 36px; background:url(../images/download_bg.png) center top no-repeat; text-align: center;}
.download dt{width: 130px; height: 130px; float: left; margin-right: 10px;}
.download dd {float: left; width: 230px;}
.download dd a{height:60px; width: 209px; background-image:url(../images/download_btns.png); text-indent:-999px; overflow:hidden; display:block; float: left; }
.download dd a.b1{background-position:0 0; margin-bottom: 12px;}
.download dd a.b2{background-position:0 -72px;}
.download dd a:hover{opacity: 0.9;}


/*æ–°é—»*/
.news{width:472px; height:285px; padding: 54px 18px 0; background:url(../images/news_bg.png) center left no-repeat; overflow:hidden; position:relative;}
.news .tit{height:25px;}
.news .tit a{width:51px; height:25px; line-height: 25px; color:#fff; font-size: 16px; text-align:center; float:left; margin-right: 30px;}
.news .tit a.on{color:#ffde00; background:#6b130b;}
.more_ico{ position: absolute; top: 55px; right: 28px; background:url(../images/role_icos.png) center left no-repeat; background-position: -185px -130px; width: 22px; height: 22px;}
.news .hot_news{height:35px; line-height:35px; color:#e4e4e4; font-size: 18px; background:#141212; text-align:center; overflow:hidden; margin: 12px 25px ;}
.news .hot_news a{color:#fff;}
.news .hot_news a:hover{color:#ffde00;}
.news .txt{height:240px; padding:12px 20px 0; overflow: hidden;}
.news .txt li{height:40px; line-height:40px; font-size: 14px; overflow:hidden; position:relative;}
.news .txt li em{min-width:8px; height:100%; margin-right:8px; float:left;}
.news .txt li i{width:2px; height:2px; border:1px solid #9e9e9e; transform:rotate(40deg); -ms-transform:rotate(40deg); -moz-transform:rotate(40deg); -webkit-transform:rotate(40deg); position:absolute; top:21px; left:2px;}
.news .txt li a{color:#fff; float:left;}
.news .txt li a:hover{color:#ffde00;}
.news .txt li span{color:#9c9b9b;}

/*幻灯*/
.slider{width:660px; height:329px; padding: 5px 6px; background:url(../images/slide_bg.png) center left no-repeat; overflow:hidden; position:relative;}
.slider .hd{position:absolute; right:10px; bottom:20px;}
.slider .hd li{width:7px; height:7px; border-radius: 100%; background:#fff; text-indent:-999px; overflow:hidden; margin-right:10px; float:left; cursor:pointer;}
.slider .hd li.on{background:#fef35d;}

.active_lists{ margin-top: 18px;}
.active_lists ul{margin-right: -12px; zoom:1}
.active_lists li{float: left; margin-right: 12px;}
/*职业*/
.game_pro{width:1290px; height:790px; position:relative; padding-top: 20px;}
.game_pro .game_title{ position: absolute; top:0; left: 50%; margin-left: -215px; background:url(https://www.gmbbk.com/13/468/static/images/home_titles.png) no-repeat 0 0; height: 94px; width: 430px; text-align: center; text-indent: -9999px; z-index: 10;}
.game_pro .btn{width:42px; height:52px; background-image:url(../images/role_icos.png); position:absolute; top:50%; margin-top:-26px; z-index:6;}
.game_pro .b_prev{background-position:0 -114px; left:0;}
.game_pro .b_next{background-position:-74px -114px; right:0;}
.game_pro_tit{ position:absolute; top:320px; left:0; width: 380px; z-index:13;}
.game_pro_tit a{width:154px; height:114px; margin-left: 5px; float:left;  -webkit-filter: grayscale(80%); filter: grayscale(80%); }
.game_pro_tit a.txt_dd{ background:url(https://www.gmbbk.com/13/468/static/images/tab_dd.png);}
.game_pro_tit a.txt_fd{ background:url(https://www.gmbbk.com/13/468/static/images/tab_fd.png);}
.game_pro_tit a.txt_zz{ background:url(https://www.gmbbk.com/13/468/static/images/tab_zz.png);}
.game_pro_tit a.txt_zf{ background:url(https://www.gmbbk.com/13/468/static/images/tab_zf.png);}
.game_pro_tit a.txt_ff{ background:url(https://www.gmbbk.com/13/468/static/images/tab_ff.png);}
.game_pro_tit a.txt_zd{ background:url(https://www.gmbbk.com/13/468/static/images/tab_zd.png);}
.game_pro_tit a.on{-webkit-filter: grayscale(0); filter: grayscale(0);}
.role_intro{float: left; width: 420px; color: #fff; font-size: 16px;}
.role_pic{width: 670px;position: absolute; top: 230px; left: 480px;}
.role_dec{height: 146px; overflow: hidden; line-height: 22px; color: #fff;}
.role_name{font-size: 25px; margin-bottom: 30px;}
.tit_fd,.tit_zz,.tit_dd,.tit_ff,.tit_zd,.tit_zf{ display: inline-block; width:252px; height:118px; vertical-align: middle;}
.tit_fd{background:url(https://www.gmbbk.com/13/468/static/images/tit_fd.png) no-repeat; }
.tit_zz{background:url(https://www.gmbbk.com/13/468/static/images/tit_zz.png) no-repeat; }
.tit_dd{background:url(https://www.gmbbk.com/13/468/static/images/tit_dd.png) no-repeat; }
.tit_ff{background:url(https://www.gmbbk.com/13/468/static/images/tit_ff.png) no-repeat; }
.tit_zd{background:url(https://www.gmbbk.com/13/468/static/images/tit_zd.png) no-repeat; }
.tit_zf{background:url(https://www.gmbbk.com/13/468/static/images/tit_zf.png) no-repeat; }
.role_can {position: absolute; top:-20px; right: -50px; width: 416px; text-align: center;}
.role_can p{color: #ffd800; font-size: 18px; position: absolute; right: 0; top: 20px;}
.role_can a{display: block; width: 122px; height: 37px; text-align: center; line-height: 37px; border: 1px solid #241b1d; font-size: 14px; color: #241b1d; margin-top: 30px;}
.role_can a:hover{background: #241b1d; color:#fff;}

/* 新手指南  */
.data{width: 509px; height:339px; color:#ffffff; background:url(https://www.gmbbk.com/13/468/static/images/data_bg.png) center left no-repeat; text-align: center; overflow:hidden;}
.data_txt{padding:45px 0 0;}
.data_txt li{width: 25%; height: 30px; overflow:hidden; margin: 7px 0; float: left;}
.data_txt a{line-height: 30px; color: #9a9a9a;}
.data_txt a:hover{color: #ffea00;}

.active_area{ float: left; width: 550px; height: 300px;}
.active_area li{float: left; width: 263px; height: 91px; margin: 0 11px 11px 0;}
.active_area li a{display: block; width: 263px; height: 91px; background:url(../images/oparote_btns.png) center left no-repeat;}
.active_area li a.active_0{background-position: 0 -3px;}
.active_area li a:hover.active_0{background-position: 0 -299px;}
.active_area li a.active_1{background-position: -274px -3px;}
.active_area li a:hover.active_1{background-position: -274px -299px;}
.active_area li a.active_2{background-position: 0 -104px;}
.active_area li a:hover.active_2{background-position: 0 -400px;}
.active_area li a.active_3{background-position: -274px -104px;}
.active_area li a:hover.active_3{background-position: -274px -400px;}
.active_area li a.active_4{background-position: 0 -202px;}
.active_area li a:hover.active_4{background-position: 0 -497px;}
.active_area li a.active_5{background-position: -274px -202px;}
.active_area li a:hover.active_5{background-position: -274px -497px;}

/* 攻略  */
.gl_area{ background:url(../images/gl_bg.png) center left no-repeat; width: 647px; height: 286px; padding: 4px 0 4px 4px;}
.gl_area .tit{height:50px;}
.gl_area .tit a{width:158px; height:49px; background:url(../images/gl_tit_btn.png) no-repeat 0 -59px; line-height: 49px; color:#dbc09c; font-size: 20px; text-align:center; float:left; margin-right: 3px;}
.gl_area .tit a.on{color:#fff; background-position:0 0;}
.gl_area .txt{height:210px; padding:5px 20px 0; overflow: hidden;}
.gl_area .txt li{height:40px; line-height:40px; border-bottom: 1px dotted #4a4a4a; font-size: 14px; overflow:hidden; position:relative;}
.gl_area .txt li a{color:#ceb89d; float:left;}
.gl_area .txt li a:hover{color:#ffde00;}
.gl_area .txt li span{color:#ceb89d;}

.feature_area{padding: 20px 0;}
.tsxt_bg{background:url(../images/tsxt_bg.png) center left no-repeat; width: 338px; height: 94px; padding: 20px 80px 0 180px; font-size: 16px;  position: relative;}
.hdwf_bg{background:url(../images/hdwf_bg.png) center left no-repeat; width: 340px; height: 94px; padding: 20px 80px 0 180px; font-size: 16px;  position: relative;}
.hdwf_bg li,.tsxt_bg li{float: left;}
.tsxt_bg li a,.hdwf_bg li a{display: inline-block; color:#ceb89d; color: #ceb89d; padding: 0 5px; line-height: 30px;}
.tsxt_bg a.more,.hdwf_bg a.more{position: absolute; right: 20px; bottom: 10px;color:#ceb89d;}
.tsxt_bg a:hover,.hdwf_bg a:hover{text-decoration: underline;}
/* 游戏截图 */
.yxjt{width:671px; height:339px; color:#ffffff;  background:url(../images/jietu_bg.png) center left no-repeat; background-size: cover; overflow:hidden;}
.yxjt_txt{height:293px; padding: 40px 6px 0; overflow: hidden;  position: relative;}
.yxjt_txt dt{}
.yxjt_txt dt li{width: 660px; height: 293px; float:left;}

.yxjt_txt dd{text-align: center; position: absolute; bottom: 15px; left: 0; width: 100%;}
.yxjt_txt dd li{width:30px; height:6px; margin: 0 5px; background:#fff; text-indent:-999px; overflow:hidden; display:inline-block; vertical-align:top; cursor:pointer;}
.yxjt_txt dd li.on{background: #fef35d;}

.kefu_bg{width:508px; height:260px; padding-top: 80px; color:#ffffff;  background:url(../images/kefu_bg.png) center left no-repeat;}
.kefu_intro{width: 320px; margin: 0 auto;}
.kefu_ico{ background:url(../images/kefu_ico.png) center left no-repeat;vertical-align: middle;  width: 74px; height: 74px; display: inline-block;}
.kefu_intro a{ background:url(../images/kefu_btn.png) center left no-repeat; vertical-align: middle; width: 202px; height: 57px; margin: 8px 0 0 30px; display: inline-block;}
.kefu_txt{padding: 28px 0 20px; font-size: 28px; color: #bbbbbb; text-align: center;}
.kefu_link{text-align: center;}
.kefu_link a{ display: inline-block; width: 138px; height: 39px; background:url(../images/jc1.png) center left no-repeat;}
.kefu_link a.jc1{ background:url(../images/jc2.png) center left no-repeat; margin-left: 58px;}
/******内页部分******/
.inside{ background:url(https://www.gmbbk.com/13/468/static/images/inside_bg.jpg) center top no-repeat #29292c; padding-bottom: 70px;}
.inside .wrap{width: 1200px;}
.inside .header{height:640px;}
.inside .menu{padding-top: 26px;}
.bread_bg{ background:url(https://www.gmbbk.com/13/468/static/images/bread_bg.jpg) center top repeat; height: 46px; line-height: 46px; margin-bottom: 15px; font-size: 14px; color: #fff;}
.bread_bg span{display: inline-block; width:20px; height:20px; background:url(https://www.gmbbk.com/13/468/static/images/down_icos.png) no-repeat 0 0; vertical-align: middle; margin: 0 10px;}
.bread_bg a{color: #fff;}

.inside_left{width:193px; height:355px; padding: 54px 24px 0; color:#fff; background:url(https://www.gmbbk.com/13/468/static/images/inside_left.png) no-repeat; float:left;}
.inside_left dt{width:192px; height: 192px; margin:0 auto 10px; text-align: center;}
.inside_left dt img{width:192px !important; height:192px !important; margin-bottom: 5px;}
.inside_left dd{width:191px; line-height:26px; font-size:13px; text-align:center; margin:0 auto;}
.inside_left dd a{height:55px; background-image:url(https://www.gmbbk.com/13/468/static/images/inside_downbtn.png); text-indent:-999px; overflow:hidden; display:block; margin-bottom:13px;}
.inside_left dd a.b1{background-position:0 0;}
.inside_left dd a.b2{background-position:0 -64px;}
.inside_left dd a:hover{opacity: 0.9;}

/*内页新闻列表*/
.inside_list{width:958px; background:#141414;}
.inside_list .tit{height:55px; padding: 0 20px 0 30px; line-height: 55px; color:#f9f9f9; font-size: 18px; background:url(https://www.gmbbk.com/13/468/static/images/inside_title.png) center top repeat;}
.inside_list .tit a{color:#fff;}
.inside_list .tit span{ float: right; font-size: 13px;}
.inside_list .tit a:hover{text-decoration:underline;}
.inside_list .txt{min-height:870px; height:auto !important; height:870px;}
.inside_list .txt .scott{color:#fff; text-align:center; padding:30px 40px;}
.inside_list .txt .scott input{color:#fff; background:#222; padding:0 2px;}
.inside_list .txt .scott a{color:#fff;}
.inside_list .txt .scott a:hover{color:#ffe400;}

.news_list{font-size:16px; padding:30px 78px; width: 800px; height: 700px; overflow-y: auto;}
.news_list li{height:56px; line-height:56px; color:#989898; position:relative;}
.news_list li em{ display: inline-block; width:20px; height:16px; background:url(https://www.gmbbk.com/13/468/static/images/down_icos.png) no-repeat 0 -38px; vertical-align: middle; margin-right: 10px;}
.news_list li a{color:#989898; display:inline-block; vertical-align:middle;}
.news_list li a:hover{color:#ffe400;}

/*内页新闻内容*/
.news_con{ height:840px; overflow-y: auto; color:#999999; margin:20px 40px; font-size: 14px;}
.news_con::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
    }
    .news_con::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius   : 10px;
    background-color: #423b34;
    background-image: -webkit-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.2) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0.2) 75%,
        transparent 75%,
        transparent
    );
    }
    .news_con::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #3c3630;
    border-radius: 10px;
    }

.headlines{height:50px; padding-top: 30px; color:#fff110; text-align: center; font-size: 22px; font-weight: bold;}
.author{color:#b1b1b1; text-align:center; font-size: 14px; margin: 0 30px; padding-bottom:10px;}
.author dt{line-height:20px;}
.author dd{line-height:30px; padding:5px 0;}
.author dd img{vertical-align:middle; margin-left:5px;}
.author dd input{height:16px; border:1px solid #abadb3; background:#fff; vertical-align:middle; margin-left:5px;}
.author dd input.btn{width:60px; height:20px; border:none; background:url(https://www.gmbbk.com/13/468/static/images/bdyx.jpg) no-repeat; cursor:pointer;}

.read_news{line-height:210%; padding:30px 20px;}
.read_news a{color:#ff8c00;}
.read_news a:hover{color:#ff5a00; text-decoration:underline;}
.read_news img{margin:20px 0;}

.read_app{padding:0 20px 30px;}

.prev_next{height:35px; color:#c57230; font-size:14px; border-bottom:1px solid #d1c1a7; margin:10px 0;}
.prev_next li{width:50%; height:30px; line-height:30px; float:left;}
.prev_next li a{color:#c57230;}
.prev_next li a:hover{color:#a3592c;}

.xg_news{width:50%; height:180px; font-size:14px; overflow:hidden; float:left; position:relative;}
.xg_news h3{line-height:30px; color:#c96c31; font-size:14px; font-weight:bold; padding-left:5px;}
.xg_news ul{height:150px; overflow:hidden;}
.xg_news li{width:98%; height:30px; line-height:30px; color:#596981; padding:0 1%;}
.xg_news li a{color:#999;}
.xg_news li a:hover{color:#ededed;}
.game-footer{min-width: 1290px !important;}