@charset "utf-8";
/* CSS Reset*/
html { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;}
body { margin: 0; line-height: 24px; color: #000; background:#ffffff; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; clear:both}
a { background: transparent; text-decoration: none; color: #000; }
a:active { outline: 0; }
b, strong { font-weight: bold; }
dfn { font-style:normal;}
img { border: 0; vertical-align: middle;}
* { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */ outline: none;}
input,textarea,button { border: 0; margin: 0; padding: 0; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
textarea { resize: none;}
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote,em { margin: 0; font-weight: normal; font-style: normal;}
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }

.clear{clear: both;font-size:0px;padding: 0px;margin: 0px;height:0px;line-height:0px; }
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
.f_l { float:left;} .f_r { float:right;}
/*Reset End*/


/* layout */
html.indexPage,.indexPage body,.indexPage .wraper { height: 100%; position: relative;}
.wraper { width: 750px; margin: 0 auto;  position: relative;}
.headerX {width: 750px; height: 106px; background-position: 0 0; border-radius:2px;border:1px solid #000; position: fixed; top: 0; left: 50%; margin-left: -375px; z-index: 9;background-color: #000; background:url(../images/top_t.jpg);}
.hTip { display: none;}  

/*竖屏 css*/
@media screen and (orientation: portrait) {
    .hTip { display: none;} 
}   
/*横屏 css*/
@media screen and (orientation: landscape) {
    .hTip{display: block; width: 100%; height: 100%; position: fixed; z-index: 19; background-color: rgba(0, 0, 0, 0.7); top: 0; left: 0; text-align: center; color: #FFF; font-size: 4rem;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;ustify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
}
/*=- header
=------------------------------------=*/
.gameInfo { padding: 25px 0 0 40px; color: #FFF;}
.gameInfo img { width: 82px; height: 82px;}
.indexPage .gameInfo img {width: 200px; height: 126px;}

.btn_download { width: 224px; height: 59px; background-position: 0 -118px; margin: 30px 40px 0 0; text-align: center; line-height: 59px; color: #1f49ad; font-size: 3rem; font-weight: bold; overflow: hidden;}

/*=- 首页conetent
=------------------------------------=*/
/* 大swiper */
.sContainer { width: 100%; height: 100%; position: relative; background-color: #ffffff;}
.sContainer .swiper-wrapper {width: 100%; height: 100%; }
.sContainer .page-slide { width: 100%; height: 100%; position: relative;}
/*===== 第一屏 =====*/
.pageX_1 { background: url(../images/bg.jpg) no-repeat 50% 0 #ffffff; background-size: cover;}
.pageX_1 .star { position: absolute; top: 50%; left: -257px; margin-top: -771px;}
.heart,.heart2 { position: absolute; top: 50%; left: 346px;margin-top: 134px;}
.slognX { position: absolute; top: 50%; left: 0; margin-top: 174px;width: 750px;height: 335px;}
.logoX { width: 181px; height: 138px; background-position:0 -186px; position: absolute; top: 168px; left: 42px;}

#list_servers { height: 80px; background-color:rgba(255, 255, 255, 0.8); position:absolute; top: 12px; right: 82px; display: none; animation:fadeInRight .6s .2s ease both;-webkit-animation:fadeInRight .6s .2s ease both;-moz-animation:fadeInRight .6s .2s ease both;-ms-animation:fadeInRight .6s .2s ease both;}
.newServer { height: 80px; overflow: hidden;}
#ul_server_list li{ color: #886242;height: 70px; font-size: 2.4rem; text-align: right; line-height: 30px; padding: 10px 14px 0 40px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.btn_hasNext { width: 54px; height: 68px; background-position:-880px 0; position: absolute; left: 50%; margin-left: -34px; bottom: 26px;z-index: 3;animation: moveIconUp ease 1.5s both infinite;-webkit-animation: moveIconUp ease 1.5s both infinite;-moz-animation: moveIconUp ease 1.5s both infinite;-ms-animation: moveIconUp ease 1.5s both infinite;}

/* loading */
#loading{position:absolute;left:0;top:0;width:750px;height:100%;z-index:8; background-color: rgba(255, 255, 255, 0.5);}
#loading span{display:block;position:absolute;left:50%;top:50%;margin:-80px 0 0 -110px;width:220px;height:193px;line-height:193px;font-size:3.2rem;color:#d81e20;text-align:center; font-style:oblique;}
.sk-three-bounce { width: 240px;text-align: center; position:absolute;left:50%;top:50%;margin:-52px 0 0 -120px;}
.sk-three-bounce .sk-child {width: 28px;height: 28px;background-color: #1a84dc;border-radius: 100%;display: inline-block;-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;-moz-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; -ms-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;-o-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;}
.sk-three-bounce .sk-bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;-moz-animation-delay: -0.32s;-ms-animation-delay: -0.32s; -o-animation-delay: -0.32s; }
.sk-three-bounce .sk-bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;-moz-animation-delay: -0.16s;-ms-animation-delay: -0.16s;-o-animation-delay: -0.16s; }
.boxSwitch { display: none;}


/*banner*/
	.slideBox{position:relative; width:100%; max-height:600px; overflow:hidden; z-index:3;padding-top:108px;}
	.slideBox .hd{text-align:center; line-height:12px; width:100%; position:absolute; bottom:10px; z-index:1}
	.slideBox .hd li{display:inline-block; height:12px; width:12px; background:rgba(255,255,255,0.8); border-radius:6px; text-indent:-999px; overflow:hidden; margin:0 2px; cursor:pointer; transition:all 0.3s linear}
	.slideBox .hd li.on{width:18px; background:rgba(248,168,0,0.8)}
	.slideBox .bd{position:relative; z-index:0}
	.slideBox .bd li{position:relative}
	.slideBox .bd li img{width:100%; max-height:600px; display:block}
	.slideBox .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
/*推荐游戏*/
	.m_box{background:#FFF}
	.mb12{margin-bottom:24px}
	.in_push_games a{float:left; text-align:center; width:33.33%; padding:25px 0 12px}
	.in_push_games .pic{display:inline-block; width:200px; height:200px}
	.in_push_games .pic img{width:200px; height:200px}
	.in_push_games .name{font-size:2.5rem; color:#000; line-height:20px; padding:20px 0}

/*标题*/
	.hd_title{border-bottom:1px solid #e0e0e0; height:60px; line-height:60px; padding:12px 15px}
	.hd_title .name{float:left; font-size:3.2rem; color:#000}
	.hd_title .line{display:inline-block; width:2px; height:20px; vertical-align:middle; margin:-4px 8px 0 0}
	.hd_title .reload{float:right; font-size:2.5rem; color:#656565}.hd_title .reload:hover, .hd_title .reload:visited{ color:#108ee9}
	.hd_title .reload i{display:inline-block; background:url(../images/ic_reload.png) no-repeat; background-size:24px; width:24px; height:24px; vertical-align:middle; margin:-3px 0 0 6px}
	.hd_title .bg-color01{background:#ff3813}
	.hd_title .bg-color02{background:#8dc11f}
	.hd_title .bg-color03{background:#f15a4a}
/*游戏*/
	.in_games{padding-top:10px}
	.in_games li{border-bottom:1px solid #f1f1f1; padding:10px 15px; position:relative}
	.in_games .games_con{float:left; width:75%}
	.in_games .games_con .pic{float:left; width:130px; height:130px}
	.in_games .games_con .pic img{width:100%; height:100%; border-radius:10px}
	.in_games .games_con .txt{padding-left:150px}
	.in_games .games_con .name{display:block;  font-size:3.2rem; color:#373737; line-height:30px; padding-top:3px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
	.in_games .games_con .text{font-size:2.5rem; color:#999; line-height:24px; height:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
	.in_games .games_con .stars_box{ line-height:12px; padding:8px 0 6px}
/*星星*/
	.stars{display:inline-block;padding-left:20px;  background:url(../images/mstar_grey.png) no-repeat; background-size:140px; width:140px; height:30px; line-height:30px; vertical-align:top}

	.in_games .btn{display:inline-block; background:#108ee9; border-radius:3px; font-size:2.5rem; color:#FFF; text-align:center; height:60px; line-height:60px; width:144px; vertical-align:top; position:absolute; top:50px; right:30px}	
	.in_games .btn:hover, .in_games .btn:visited{background:#0d77e5}
/*加载*/
	.load_more{display:block; font-size:2.8rem; color:#626262; text-align:center; line-height:22px; padding:30px 0; vertical-align:top}
	.load_more i{display:inline-block; background:url(../images/ic_add.png) no-repeat; background-size:40px; width:40px; height:40px; vertical-align:middle; margin:-4px 20px 0 0}
/*新闻资讯*/
	.in_news{padding-top:6px}
	.in_news li{/*border-bottom:1px dotted #f1f1f1;*/ line-height:96px; height:96px; padding:0 22px;}
	.in_news .text{display:block; float:left; font-size:3rem; color:#000; width:85%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
	.in_news a:hover .text, .in_news2 a:visited .text{color:#ff3300}
	/*.in_news a:hover .text i, .in_news2 a:visited .text i{display:inline-block;  background-size:15px; width:15px; height:15px; vertical-align:middle; padding-right:6px; margin-top:-3px;}*/
	.in_news .time{float:right; font-size:3rem; color:#7f7f7f;width:12%;}

/*热门礼包*/	
	.in_gift li{float:left; width:25%; text-align:center; padding-top:18px}
	.in_gift .pic{display:inline-block; width:155px; height:155px}
	.in_gift .pic img{width:100%; height:100%}
	.in_gift .name{font-size:2.8rem; color:#000; line-height:22px; padding:8px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
	.in_gift .btn{display:inline-block; background:#f15a4a; border:0; border-radius:7px; font-size:2.8rem; color:#FFF; text-align:center; line-height:45px; padding:10px 0; width:130px;height:45px;}
	.in_gift .btn_no{display:inline-block; background:#dedede; border:0; border-radius:7px; font-size:2.8rem; color:#FFF; text-align:center; line-height:45px; padding:10px 0; width:130px; cursor:context-menu}
	.mt10{margin-top:20px}
/*页脚*/
	.foot_copy{background:#000; text-align:center; padding:18px 15px;min-height:100px;}
	.foot_copy .foot_info{font-size:2.2rem; color:#888; line-height:25px; padding-top:10px}


/**all_game**/
	/*内头部导航*/
	.inner_topnav{background:#ff9900; line-height:53px; height:106px; width:100%; position:relative}
	.inner_topnav .title{display:block; font-size:4rem; color:#FFF; text-align:center; line-height:106px; height:106px; width:200px; margin:0 auto}
	.inner_topnav .btn_back{display:block; background:url(../images/ico-back.png) no-repeat; background-size:120px; width:120px; height:120px; position:absolute; top:0px; left:10px}
	/*.inner_topnav .btn_quit{display:block; background:url(../images/quit.png) no-repeat; background-size:53px; width:53px; height:53px; position:absolute; top:0px; right:0px}*/
/*游戏中心*/	
	.game_list{background:#FFF; min-height:990px;padding-top:106px;}
	.game_list li{border-bottom:1px solid #f1f1f1; padding:30px 44px; position:relative}
	.game_list .games_con{float:left; width:75%}
	.game_list .games_con .pic{float:left; width:130px; height:130px}
	.game_list .games_con .pic img{width:100%; height:100%; border-radius:10px}
	.game_list .games_con .txt{padding-left:150px}
	.game_list .games_con .name{display:block; font-size:3.2rem; color:#373737; line-height:30px; padding-top:3px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
	.game_list .games_con .text{font-size:2.8rem; color:#999; line-height:30px; height:32px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
	.game_list .games_con .stars_box{line-height:12px; padding:8px 0 6px}
	
	.game_list .btn{display:inline-block; background:#108ee9; border-radius:3px; font-size:2.8rem; color:#FFF; text-align:center; height:64px; line-height:64px; width:144px; vertical-align:top; position:absolute; top:52px; right:30px}	
	.game_list .btn:hover, .game_list .btn:visited{background:#0d77e5}

.inner_load_more{background:#e0e0e0; display:block; font-size:2.8rem; color:#626262; text-align:center; line-height:104px}

/*新闻资讯*/
	.news_list{padding-top:6px;min-height:990px;padding-top:106px;}
	.news_list li{/*border-bottom:1px dotted #f1f1f1;*/ line-height:108px; height:108px; padding:0 44px}
	.news_list li:nth-child(even){background:#fafafa}
	.news_list .text{display:block; float:left; font-size:3rem; color:#000; width:85%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
	/*.news_list .text i{display:inline-block; background:url(../images/ic25_horn.png) no-repeat; background-size:15px; width:15px; height:15px; vertical-align:middle; padding-right:6px; margin-top:-3px;}*/
	.news_list a:hover .text, .news_list a:visited .text{color:#ff3300}
	/*.news_list a:hover .text i, .news_list a:active .text i{display:inline-block; background:url(../images/ic25_horn_on.png) no-repeat; background-size:15px; width:15px; height:15px; vertical-align:middle; padding-right:6px; margin-top:-3px}*/
	.news_list .time{float:right; font-size:3rem; color:#7f7f7f;width:12%;}

	
	/*礼包中心*/	
	.gift_list{background:#FFF; min-height:990px;padding-top:106px;}
	.gift_list li{border-bottom:1px solid #f1f1f1; padding:30px 44px; position:relative}
	.gift_list .gift_con{float:left; width:75%;}
	.gift_list .gift_con .pic{float:left; width:130px; height:130px}
	.gift_list .gift_con .pic img{width:100%; height:100%; border-radius:20px}
	.gift_list .gift_con .txt{padding-left:150px}
	.gift_list .gift_con .name{display:block; font-size:3.2rem; color:#373737; line-height:3.2rem; padding-top:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
	.gift_list .gift_con .text{font-size:2.8rem; color:#999;line-height:2.8rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
	.gift_list .gift_con .progre{height:24px; line-height:2.8rem;padding:16px 0 12px}
	.gift_list .gift_con .progre .surplus{font-size:2.8rem; color:#f15a4a; padding-left:20px; vertical-align:top}

	.gift_list .btn{display:inline-block; background:#f15a4a; border-radius:6px; font-size:2.8rem; color:#FFF; text-align:center; height:64px; line-height:6.4rem; width:144px; vertical-align:top; position:absolute; top:52px; right:30px}
	
	.gift_list .btn:hover, .gift_list .btn:visited{background:#ea2d25}

	.gift_list .btn_no{display:inline-block; background:#dedede; border-radius:6px; font-size:2.8rem; color:#FFF; text-align:center; height:64px; line-height:6.4rem; width:144px; vertical-align:top; cursor:context-menu; position:absolute; top:52px; right:30px}	
	/*进度100%*/
		.progre_slider{background:#F1F1F1; display:inline-block; border-radius:8px; line-height:8px; height:8px; width:160px; vertical-align:middle; overflow:hidden}
		.progre_slider .goso{background:#f15a4a; display:inline-block; border-radius:8px; line-height:8px; height:8px; vertical-align:top}
		/*弹出礼包领取
		.popup_gift_box{margin-top:440px; }
		.popup_gift{background:#FFF; border-radius:10px; box-shadow:0 0 60px rgba(0,0,0,0.2); padding:30px; margin:0 60px;}
		.popup_gift .t_list{font-size:2.8rem; color:#999; line-height:180%; padding:10px 0}
		.popup_gift .t_list label{display:block; float:left; color:#5b5b5b; text-align:right; width:140px}
		.popup_gift .t_list .r_box{padding-left:80px} */

	/*弹出层*/
	.popup_box{width:100%; position:fixed; top:0; left:0; _position:absolute; z-index:998}
	.popup_box .popup_close{display:block; background:url(../images/icon_close.png) #f5a22c; background-size:66px; border-radius:0 5px 0 0; width:66px; height:66px; position:absolute; top:0; right:60px}
	.popup_bg{display:none; background:rgba(0,0,0,0.5); width:100%; height:100vh; position:fixed; _position:absolute; left:0; z-index:997}


/***单游戏礼包主页****/
/*banner*/
.main_banner{position:relative;background:#000;}
.main_banner .bgbox img{width:100px; height:100px; padding:10px 10px 10px 30px;}
.main_banner .bgbox span{padding:0 0 0 10px;color:#fff;font-size:3rem;line-height:3rem;}
.main_banner .btn{width:240px; height:66px; margin:26px 24px 0 0; position:absolute; top:0; right:0}
.main_banner .btn img{width:242px; height:66px}

/*内标题*/
	.inside_title{background:#202020; line-height:80px; height:80px; padding:0 24px;}
	.inside_title h2{display:block; float:left; font-size:2.8rem; font-weight:100; color:#b48739;}
	.inside_title .back{float:right; font-size:2.8rem; color:#b48739;}
	.inside_title .back i{display:inline-block; padding-right:12px;}
	.inside_title .back i img{width:auto; height:32px; margin-top:-4px;}



/*礼包列表*/
	.inside_m_box_game{background:#FFF; min-height:970px;padding-top:210px;}
	.gift_list_game{padding:0 24px;}
	.gift_list_game li{border-bottom:1px solid #e6e6e6; line-height:92px; height:92px; padding:0 12px;}
	.gift_list_game .text_game{display:block; float:left; font-size:2.8rem; color:#666; width:70%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all 0.3s linear;}
	.gift_list_game .btn_box_game{float:right; font-size:14px; color:#999; text-align:right; width:30%;}

	.gift_list_game .btn_box_game .btn_game{display:inline-block; border:1px solid rgba(180,135,57,0.2); background:rgba(180,135,57,0.05); border-radius:6px; font-size:2.8rem; color:rgba(180,135,57,0.8); text-align:center; height:46px; line-height:50px; padding:0 40px; transition:all 0.3s linear;}
	.gift_list_game .btn_box_game .btn_game:hover{border-color:#b48739; background:rgba(180,135,57,1); color:#FFF;}
	.gift_list_game .btn_box_game .btn_no_game{display:inline-block; background:#adadad; border:1px solid #adadad; border-radius:6px; font-size:2.8rem; color:#FFF; text-align:center; height:46px; line-height:50px; cursor:context-menu; padding:0 40px; transition:all 0.3s linear;}

		/*弹出礼包领取*/
		.popup_gift_box{margin-top:-120px; top:50%;}
		.popup_gift{background:#FFF; border-radius:5px; box-shadow:0 0 60px rgba(0,0,0,0.2); padding:40px; margin:0 60px;}
		.popup_gift .t_list{font-size:2.8rem; color:#999; line-height:180%; padding:40px 0;}
		.popup_gift .t_list label{display:block; float:left; color:#5b5b5b; text-align:right; width:140px;}
		.popup_gift .t_list .r_box{padding-left:80px;padding-right:50px;}
		.popup_gift .btn, .popup_gift .btn:active{display:inline-block; background:#e32882; border-radius:5px; font-size:3rem; color:#FFF; text-align:center; line-height:3rem; width:100%; padding:26px 0px; cursor:pointer; transition:background 0.2s linear 0s;}

.list_detail_box{padding:106px 10px}

	.list_detail{border-bottom:1px solid #f1f1f1; text-align:center}
	.list_detail .title{font-size: 4rem; color:#323131; line-height:50px; padding-top:30px}
	.list_detail .text{display:block; font-size:2.8rem; color:#626262; line-height:2.8rem; padding:10px 0}

	.m_text{padding: 0 20px;/*table-layout:fixed; word-break: break-all;  */font-size: 3.2rem;  color: #575757; line-height: 52px; }
			.m_text img{max-width:100%;padding: 10px 0;}
			.m_text p,.m_text span {font-size: 3rem !important;}
			.m_text img { max-width: 100%; padding: 10px 0;}
			.m_text a { color: #1a83dc;}
			.m_text a:active { text-decoration: underline;}