/*** 内页的 ***/
.top_nav{height:40px;padding:5px;overflow:hidden;background:#78b600;line-height:30px;-webkit-box-sizing: border-box;display:-webkit-box;}
.arrow_a{width:50px;color:#fff;padding-left:20px;position:relative;display:block;-webkit-box-flex:0;white-space:nowrap;}
.arrow_a:before{content:"";display:block;width:15px;height:15px;border-left:1px solid #fff;border-top:1px solid #fff;-webkit-transform:rotate(-45deg);position:absolute;left:5px;top:6px;}
.top_nav h2{height:30px;line-height:30px;text-align:center;-webkit-box-flex:1;padding-right:70px;color:#fff;font-size:1rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news_wrap{width:100%;}
.news{width:100%;}
.news li{height:48px;padding:8px 20px 0;position:relative;}
.news p{color:#999;font-size:.6rem;font-weight:400;}
.btn_page_wrap{height:30px;line-height:30px;padding:5px 20px 20px;overflow:hidden;position:relative;}
.btn_prev{color:#333;float:left;}
.btn_prev:before{border-color:#333;}
.btn_next{width:100px;padding-right:20px;position:relative;display:block;color:#333;float:right;text-align:right;}
.btn_next:before{content:"";-webkit-transform:rotate(135deg);display:block;width:15px;height:15px;border-left:1px solid #333;border-top:1px solid #333;position:absolute;right:5px;top:6px;}
.horizon{width:100%;height:100%;background:#32373b;position:absolute;left:0;top:0;z-index:1001;display:none;}
.horizon_box{width:100%;height:252px;position:absolute;top:50%;left:0;margin-top:-119px;}
.horizon_pic{width:194px;height:194px;margin:0 auto;text-align:center;}
.horizon span{font-size:22px;display:block;color:#ffd40a;text-align:center;padding-top:10px;}
.horizon i{width:128px;height:194px;background:url(../images/hengping.png) 0 0 no-repeat;background-size:128px 194px;margin:0 auto;-webkit-animation: maskAni 1.5s ease infinite alternate;position:static;display:block;}

/*页面CSS*/
.first_chapter{width:100%;position:relative;background:#000;}
.main_roll_ul{width:100%;}
.main_roll_ul li{float:left;display:block;overflow:hidden;position:relative;width: 360px;height:100%}
.main_roll_ul img,.main_roll_ul a{display:block;height:100%}
.roll_btn_wrap{width:100%;height: 15px;position:relative;margin-top:10px;}
.first_chapter .roll_btn_wrap{height:50px;margin-top:0;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.4)));position:absolute;bottom:0;left:0;}
.controller{width:100%;position:absolute;left:0;bottom: 0;text-align:center;}
.controller li{display:inline-block;width:8px;height:8px;border-radius:4px;background:#b2b2b2;margin:0 3px;text-indent: -9999px;}
.controller li.current{background:#000;}
.controller li a{display: none;}
.second_chapter .controller li { text-indent: -1000px !important; }
.second_chapter .controller li.current{background:#fff;}
.center_nav{width:100%; height: 65px; background: #018ae6;line-height:55px;position:absolute;bottom:0;z-index:99;}
.center_nav a{width:50%;height:100%;display:inline-block;-webkit-box-sizing:border-box;font-size: 20px; padding: 5px 0 0 59px;float:left;color:#fff;}
.center_nav a:nth-child(1) { background-size: 525px; background-position: -460px -100px; border-right: 1px solid #00b0cf; border-bottom:1px solid #00b0cf; }
.center_nav a:nth-child(2) { background-size: 525px; background-position: -460px -168px; border-bottom:1px solid #00b0cf; }
<!--游戏资料-->
.game-data { background: #fff; }
.game-data .hero_data_div { padding: 13px 0 0;display:none; }
.game-data .hero_data_div ul { height:340px; }
.game-data .hero_data_div ul li { width: 25%; float: left; }
.game-data .hero_data_div ul li div { width: 90%; height: 70px; margin: 0 auto; border: 1px solid #fff; }
.game-data .hero_data_div ul li div img { width: 100%; }
.game-data .hero_data_div ul li p { color: #7c7c7c; display: block; margin: 10px auto; text-align: center; }

.third_chapter,.second_chapter{position:relative;}

<!--游戏攻略-->
    .game-raiders { background: #fff; }
.raiders {}
.raiders a.on{background: #e4e4e4;color: #000;}
.raiders a{width: 20%;color: #000;text-align: center;display: inline-block;  height: 50px;line-height: 50px;background: #f5f5f5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.raiders_data_div {display: none}
.raiders_data_div.on {display: block}
.raiders_data_div li{border-bottom: 1px solid #ddd !important;width: 100%;height: auto;padding: 20px 20px 0;position: relative;-webkit-box-sizing: border-box;display: -webkit-box;background-size: 1px 1px;}
.raiders_data_div .ico{width: 66px;height: 20px;border-radius: 20px;color: #fff;margin-right: 9px;line-height: 21px;text-align: center;padding: 0;border: none;-webkit-box-flex: 0;font-weight: 400;font-size: .8rem;}
.raiders_data_div a{-webkit-box-flex: 1;display: block;color: #080b29;font-size: 17px;font-weight: normal;padding: 2px 0 8px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.raiders_data_div p{color: #999;font-size: .6rem;font-weight: 400;text-indent: 3px;}

<!--游戏特色-->
.second_chapter{width:100%;text-align:center;background:#000;}
.second_chapter h2{position:absolute;top:0;left:0;}
h2{width:100%;height:55px;line-height:55px;font-size:1.2rem;color:#606060;padding-top:5px;background:#1b1b1b;text-align:center; font-weight: bold;}
h3{width:100%;height:48px;line-height:48px;font-size:1.6rem;color:#fff;font-weight:700;position:absolute;left:0;top:40px;padding-bottom:10px;}
.second_chapter .controller{bottom:0px;position:absolute;}
.second_ul{height:342px;}
.second_ul .details{position:absolute;width:100%;top:85px;left:0;color: #FFDD47}
.second_ul h2{position:absolute;top:5px;left:0;color:#d54208;}
.second_ul img{position:absolute;left:50%;top:50%;margin:-35px 0 0 -145px;border-radius:10px;}
.headline h1 {font-size: 30px;font-weight: bold;font-family: Microsoft Yahei;color:#fff;background:#000000;line-height: 70px;text-align: center;}
.gray h1{background:#e4e4e4 !important;margin-bottom: 30px;color:#333;}
.second_chapter .main_roll_ul li{height:450px;}
.second_chapter .main_roll_ul li .word-area {padding-top: 98px;}
.second_chapter .main_roll_ul li .word-area .title {font-size: 17px;font-weight: bold;font-family: Microsoft Yahei;text-align: center;color: #fff6e4;line-height: 44px;}
.second_chapter .main_roll_ul li .word-area .subtitle {font-size: 11px;font-family: Microsoft Yahei;margin: 0 auto;width: 60%;height: 35px;color: #fff6e4;text-align: center;}
.details{color:#999;font-size:.8rem;line-height:1rem;padding-bottom:5px;}
.btn_tuku{width:142px;height:55px;display:block;margin:0 auto;line-height:55px;background-position:0 -110px;color:#fff;padding-left:10px;}
.third_chapter{width:100%;text-align:center;}
.third_chapter h2{background:#F5F5F5;color:#363636;margin-bottom:20px; font-weight: normal;}
.third_roll a{display:block;height:100%;padding:0 20px;overflow:hidden;width:100%;display:block}
.third_roll img{border-radius:10px;display:block;height:100%; margin: 0 auto;width:100%;display:block}
.ico_left,.ico_right{width:50px;height:50px;position:absolute;top:50%;margin-top:25px;}
.ico_left:before,.ico_right:before{content:"";width:100%;height:100%;display:block;border-radius:30px;background:#000;opacity:.6;}
.ico_left:after,.ico_right:after{content:"";width:12px;height:12px;display:block;border-left:2px solid #fff;border-top:2px solid #fff;position:absolute;top:18px;}
.ico_left:after{right:5px;-webkit-transform:rotate(-45deg);}.ico_right:after{left:5px;-webkit-transform:rotate(135deg);}
.ico_left{left:-25px;}
.ico_right{right:-25px;}
.news_wrap{width:100%;}
.news{width:100%;}
.news li{border-bottom: 1px solid #ddd !important; width:100%;height:auto;padding:20px 20px 0;position:relative;-webkit-box-sizing:border-box;display:-webkit-box; background-size: 1px 1px;}
.news li:nth-last-child(2){border-bottom:none !important;}
.more{margin-top: 10px 0;}
.news .more {text-align:center; height: 60px; margin:0px 0;}
.news .ico{width:40px;height:20px;border-radius:20px;color:#fff;margin-right:9px;line-height:21px;text-align:center;padding:0;border:none;-webkit-box-flex:0;font-weight:400;font-size:.8rem;}
.ico_gonggao{background:#f77c0f;}.ico_act{background:#15c2f3;}.ico_news{background:#8ea93d;}.ico_gonglve{background:#15c2f3;}
.news a{-webkit-box-flex:1;display:block;color:#080b29;font-size:17px;font-weight:normal;padding:2px 0 8px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news p{color:#999;font-size:.6rem;font-weight:400; text-indent: 3px;}
#firstRoll{height:588px; background: #BC312A;}
#thirdRoll{height:130px;}
.video_player{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10011;background:#000;display:none;}
.video_close{font:700 24px/32px "Helvetica Neue",Helvetica,STHeiTi,sans-serif;width:32px;height:32px;background:#000;color:#0091de;position:fixed;right:2%;top:2%;z-index:10012;text-align:center;display:none;}
/*@media screen and (max-height: 520px) {
#firstRoll img{margin-top:-104px;}
}*/

#firstRoll{width:100%;}
#firstRoll li{width:100%;height:100%;}
#firstRoll li img{position:absolute;left:0;top: 0;}


/***底部logo***/
.footer_logo_wrap{width:170px;margin:20px auto 0;text-align:center;overflow:hidden; margin-bottom: 10px;}
.footer_logo_wrap a{height:16px;display:inline-block;}
.footer_logo_wrap .footer_logo1{width:85px;background-position:0 -129px;}
.footer_logo_wrap .footer_logo2{width:62px;background-position:-89px -129px;margin-left:10px;}
.new_t2{text-decoration: underline; position: relative;}
.new_t2:after{content:"";width:4px;height:4px;position:absolute;left:115%;top:5px;border-left:1px solid #BC342B;border-top:1px solid #BC342B;-webkit-transform:rotate(135deg);margin:0 0 0 -4px;}
.common_footer .new_t{margin-bottom: 20px; font-size: 16px;}

/***index 2.0***/
.white_h2{background: #008aec;height: 70px;line-height: 70px;color: #fff;font-weight: bold;font-size: 30px;font-family: Microsoft Yahei;}
.hero a{width:20%;color:#000;text-align:center;display:inline-block;height:50px;line-height:50px;background:#f5f5f5;}
.hero .active{background:#b7b2b2;}
.hero_data_block{ background: #000;}
.hero_data_div{ padding: 13px;  width: 97%; margin: 0 auto;overflow: hidden; text-align:left;}
.hero_data{/*width: 18.6%; height: 26.8%;*/width: 100%; display: inline-block; margin-right: 2.5%; margin-left: 2.5%; margin-top: 2%;}
.hero_data .picBox {margin:0 auto;width:70px;height:70px;display:block;border-radius:5px;}
.hero_data_img img{width: 60px; height: 60px;display: block; margin: 0 auto;}
.hero_data_more{display:block;color:#999;text-align: center;font-weight:normal;line-height: 44px;height: 40px;font-size: 16px;border-bottom: none;background: #fff;border: 1px solid #ccc;margin: 10px 3%;}
.hero_data_more i{width: 30px;height: 16px;background-position: -287px -45px;display:inline-block;}

.big_mini_video{position: relative; height: 150px;}
.mini_video{padding: 3%;overflow: hidden;position: absolute;}
.mini_video li{width: 45%;float: left;padding-left: 4%;position: relative;}
.mini_video .picBox { position:relative; }
.mini_video img{width:100%;}
.mini_video i{ margin:-20px 0 0 -20px; position:absolute;width:40px;height:40px;background-position: -74px 0;top:50%;left: 50%;}
.mini_video p{color: #7C7C7C; text-align: center; margin-top: 11px;  font-size: 12px;}
.big_mini_video .controller{display: none;}
.hero_data_name { text-align: center; -webkit-box-flex:1;display:block;color:#7C7C7C;font-size:12px;font-weight:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/*tab*/
.tab span{width:50%;float:left;text-align:center;background:#f5f5f5;height:50px;line-height:50px;}
.tab span a{color:#000;}
.tab .ct{width:100%;display:none;}
.tab .active{background:#e4e4e4;}