@charset "utf-8";
/* CSS Document */
*{word-break: normal;box-sizing: border-box;}
body{ background:#ffc88e; }
.by_box{width:7.2rem;height:auto;margin:0 auto;font-family:Microsoft Yahei;background:#9dd100;overflow:hidden;}

.header{position: relative;height: 11.32rem;background:url(http://flygame.oss-cn-shanghai.aliyuncs.com/weixin/11.jpg) no-repeat;background-size: 100% 100%;}

.tip{position: absolute; font-size: 0.16rem; color: #fff; top: 6.5rem; right: 0.2rem;}

.logo_01{position:absolute;top:.09rem;left:.03rem;width:2.37rem;height:1.12rem;background:url(../images/logo_01.png) no-repeat;background-size:100% 100%;}
.logo_02{position:absolute;top:.08rem;left:.15rem;width:2.4rem;height:1.02rem;background:url(../images/logo_02.png) no-repeat;background-size:100% 100%;}

.nav{position: absolute;top: 0;left: 0;width: 100%;height: .81rem;background: url(../images/nav_02.png) no-repeat;background-size: 100% 100%;}
.nav_btn{position: absolute;top: 0;height: .78rem;text-align: center;}
.nav_btn.btn_01{left: 1.91rem;width: .99rem;}
.nav_btn.btn_02{left: 2.93rem;width: 1.42rem;}
.nav_btn.btn_03{left: 4.38rem;width: 1.15rem;}
.nav_btn.btn_04{left: 5.56rem;width: 1.64rem;}
.nav_btn:hover,
.nav_btn:active{background: url(../images/nav_btn_active.png) no-repeat;background-size: 100% 100%;}
.nav_btn .nav_btn_text{height: .78rem;vertical-align: top;}
.nav .logo_02{width:1.58rem;height:.68rem;}

.btn_download,.btn_recharge{position:absolute;top:8.2rem;width:4.1rem;height:1.5rem;}
.btn_download{left:1.5rem;background: url(http://flygame.oss-cn-shanghai.aliyuncs.com/weixin/newbtn.png) no-repeat;background-size:100% 100%;}
.btn_recharge{left:.23rem;background: url(../images/btn_recharge_02.png) no-repeat;background-size:100% 100%;}
.btn_download.ios_btn{left:.23rem;background:url(../images/btn_download_ios.png) no-repeat;background-size:100% 100%;}
.btn_download.android_btn{right:.14rem;background:url(../images/btn_download_android.png) no-repeat;background-size:100% 100%;}

.middle{padding-top: .1rem;}

.row{padding-bottom: .1rem;overflow: hidden;}
.row:last-child{margin-bottom: 0;}

.sub_title{height: .79rem;margin-bottom: .1rem;padding-left: .2rem;}
.sub_title .sub_title_img{height: .79rem;vertical-align: top;}

.news_box{width:6.86rem;height:2.78rem;margin: 0 auto;padding:.01rem .03rem 0;background:url(../images/bg_press_peleases_v2.png) no-repeat;background-size:100% 100%;}
.tit_icon{height:.6rem;margin-left:.14rem;}
.tit_icon img{width:.83rem;height:.6rem;vertical-align:middle;margin-right:.06rem;margin-top: -0.1rem;}

.news_con .news_nav{position: relative;width:6.44rem;margin-left:.21rem;overflow:hidden;}
.news_con .title{width:1.2rem;height:.36rem;margin-top:.09rem;font-size:.26rem;line-height:.36rem;color:#2cbf79;text-align: center;}
.news_con .more{margin-top:.16rem;font-size:.22rem;line-height:.29rem;color:#2dc07d;text-align:right;}
.news_con .more a{color:#2dc07d;}
.news_con .more img{width:.21rem;height:.21rem;margin-top:.03rem;margin-left:.08rem;vertical-align:top;}
.news_con .hr_bot{display:block;width:6.41rem;height:.06rem;background:url(../images/hr_bot_03.png) no-repeat;background-size:100% 100%;clear: both;}
.news_con table{width:6.48rem;font-size:.22rem;margin:.1rem auto 0;border-collapse:collapse;}
.news_con table tr{border-bottom:.02rem dashed #ffd530;}
.news_con table td{height:.49rem;}
.news_con .list_icon{display:block;width:.08rem;height:.08rem;margin:0 .05rem 0 .03rem;background-color:#39dc98;}
.news_con .article_type{width:.65rem;color:#1178c6;}
.news_con .article_tit{width:4.83rem;color:#1178c6;}
.news_con .article_tit a{color:#f65e35;}
.news_con .article_time{text-align:right;color:#2dc07d;}
.news_con .act{color:#dee948;}

.feature_list ul{font-size:0;text-align: center;}
.feature_list li{display: inline-block;position: relative;width:3.17rem;height:2.01rem;padding:.01rem .03rem .05rem;margin:0 .1rem .16rem 0;}
.feature_list li:nth-child(1){background:url(../images/item_15.png) no-repeat;background-size:100% 100%}
.feature_list li:nth-child(2){background:url(../images/item_16.png) no-repeat;background-size:100% 100%}
.feature_list li:nth-child(4){background:url(../images/item_17.png) no-repeat;background-size:100% 100%}
.feature_list li:nth-child(3){background:url(../images/item_18.png) no-repeat;background-size:100% 100%}
.feature_list li .item_icon{position:absolute;}
.feature_list li:nth-child(1) .item_icon{top:.11rem;left:.11rem;width:1.32rem;height:1.56rem;background:url(../images/icon_item_01.png) no-repeat;background-size:100% 100%;}
.feature_list li:nth-child(2) .item_icon{top:.05rem;left:-.26rem;width:1.79rem;height:1.79rem;background:url(../images/icon_item_02.png) no-repeat;background-size:100% 100%;}
.feature_list li:nth-child(4) .item_icon{top:-.15rem;left:-.58rem;width:2.4rem;height:1.78rem;background:url(../images/icon_item_05.png) no-repeat;background-size:100% 100%;}
.feature_list li:nth-child(3) .item_icon{top:.16rem;left:-.09rem;width:1.2rem;height:1.39rem;background:url(../images/icon_item_06.png) no-repeat;background-size:100% 100%;}
.feature_list li .text{position:absolute;left:0;bottom:0;width:100%;height:.45rem;font:.26rem/.45rem Microsoft Yahei;color:#f65e35;text-align:center;}
.feature_list li a{display: block;width:100%;height:100%;}
.feature_list li a.new_col{color:#ffff00;}
.new{ position:absolute;top:0;left:0;width:.75rem;height:.75rem;background:url(../images/icon_new.png) no-repeat; background-size:100% 100%; animation:.5s ico infinite; }

.screenshot_box{width:6.58rem;height:3.23rem;margin:0 auto;}
.screenshot_box .btn{float:left;display:block;width:.36rem;height:3.23rem;cursor: pointer;}
.screenshot_box .left_btn{background:url(../images/btn_prev_v2.png) no-repeat left center;background-size:.33rem .57rem;}
.screenshot_box .right_btn{background:url(../images/btn_next_v2.png) no-repeat right center;background-size:.33rem .57rem;}
.screenshot_box .screenshot_list{width:5.85rem;height:3.23rem;margin:0 auto;overflow:hidden;}
.screenshot_list ul{width:100rem;height:3.23rem;}
.screenshot_list ul li{float:left;width:5.85rem;height:3.23rem;}
.screenshot_list ul li img{width:5.85rem;height:3.23rem;border-radius:.1rem;}

.contact{ margin:.6rem auto; width:6.44rem;height:auto;overflow:hidden;}
.contact .contact_fl{width:4.62rem;height:auto;}
.contact .contact_fl p{width:4.62rem;height:.75rem;font-size:.28rem;color:#fff;margin-bottom:.15rem;background:#f88d59;border-radius:.08rem;}
.contact .contact_fl p span{color:#ffee33;}
.contact .contact_fl p img{width:.85rem;height:.75rem;vertical-align:middle;margin-right:.1rem;border-radius:.08rem 0 0 .08rem;}
.contact .contact_fr{width:1.64rem;height:1.64rem;margin-top:.01rem;}
.contact .contact_fr img{width:1.64rem;height:1.64rem;vertical-align: top;}

.top_btn{display:block;width:1.21rem;height:1.22rem;margin:.3rem auto;background:url(../images/btn_top_v2.png) no-repeat;background-size:100% 100%;}
.footer_box{padding:.2rem 0;background-color:#d19400;}
.footer_box p{padding:0 2em;font-size:.16rem;color:#fff;text-align:center;}

.ios_tip{position:fixed;bottom:.11rem;left:0;width:7.2rem;height:1.73rem;background:url(../images/ios_tip_01.png) no-repeat;background-size:100% 100%;z-index: 999;}

@-webkit-keyframes title {
	from { opacity:0; -webkit-transform:scale(0.1); }
	to { opacity:1; -webkit-transform:scale(1);  }
}
@-o-keyframes title {
	from { opacity:0; -o-transform:scale(0.1); }
	to { opacity:1; -o-transform:scale(1);  }
}
@-moz-keyframes title {
	from { opacity:0; -moz-transform:scale(0.1); }
	to { opacity:1; -moz-transform:scale(1);  }
}
@keyframes title {
	from { opacity:0; transform:scale(0.1); }
	to { opacity:1; transform:scale(1);  }
}


@keyframes title2 {
	from { opacity:0; top:.1rem; }
	to { opacity:1; top:.82rem;  }
}

@keyframes title3 {
	from { opacity:0; }
	to {  opacity:1;  }
}

@keyframes ico {
	from { opacity:0; }
	to {  opacity:1;  }
}

.thickdiv { position: fixed;top: 0; left: 0; width: 100%;  height: 100%; background:#000000; border: 0 none; opacity: 0.5; filter:alpha(opacity=50); z-index:98;overflow:hidden;}
.hint {
	position:fixed;
	background: rgba(0, 0, 0, 0) url("../images/pup_hint.png") no-repeat scroll 0 0 / 100% 100%;
	display: none;
	height: 5.4rem;
	right: 0.51rem;
	top: 0;
	width: 6.03rem;
	z-index: 1000;
}

.comp_index_01{ position:fixed; top:255px; margin-left:750px; width:200px; height:200px; display:none;}
.comp_index_02{ margin-left:-230px; }

.qr_code_box{position: fixed;top: 2.28rem;left: 50%;width: 3.24rem;height: 3.6rem;margin-left: -1.62rem;padding-top: .66rem;background: url(../images/qr_code_box.png) no-repeat;background-size: 100% 100%;z-index:100;}
.qr_code_box .qr_code_img{margin:0 auto;width: 2.58rem;height:2.58rem;border: .02rem solid rgba(188,80,0,.33);border-radius: .18rem;}
.qr_code_box .qr_code_img img{width:100%;height: 100%;vertical-align: top;}
.qr_code_box .btn_close{position: absolute;top: -.07rem;right: -.08rem;width: .42rem;height: .43rem;background:url(../images/btn_close.png) no-repeat;background-size: 100% 100%;}

.article_box{position:relative;width:7.2rem;height:auto;margin-top:-.9rem;z-index: 2;}
.article_box .art_tit{width:100%;height:auto;font-size:.34rem;font-family:Microsoft Yahei;color:#fff;text-align:center;}
.article_box .art_date{width:5.24rem;height:.4rem;font:.28rem/.4rem Microsoft Yahei;color:#e4632a;text-align:center;margin:.19rem auto;}
.article_box .art_con{width:6.4rem;height:auto;font:.28rem/.5rem Microsoft Yahei;color:#e4632a;margin:0 auto;}
.article_box .art_con img{width:6.24rem;padding:.08rem;border:.02rem solid #0a3161;background:#022046;}

.filp{width:5.48rem;height:.75rem;margin:.3rem auto .6rem;}
.filp a{font:.32rem/.75rem Microsoft Yahei;color:#0091ff;}
.filp .btn_pre{width:2.55rem;height:.95rem;text-indent:.87rem;background:url(../images/news_prev_v2.png) no-repeat;background-size:100% 100%;}
.filp .btn_next{width:2.55rem;height:.95rem;text-indent:.21rem;background:url(../images/news_next_v2.png) no-repeat;background-size:100% 100%;}

.footer_btn{width:4.5rem;height:auto;margin:0 auto;overflow:hidden;}
.footer_btn a{margin:0 .18rem .47rem;}
.footer_btn .top_btn{position:static; width:1.85rem;height:1.85rem;background:url(../images/btn_top_v3.png) no-repeat;background-size:100% 100%;}
.footer_btn .return_home{display:block;width:1.85rem;height:1.85rem;background:url(../images/return_home.png) no-repeat;background-size:100% 100%;}

.pop_ios_download{position: fixed;z-index: 99;top: .04rem;left: 50%;width: 7.2rem;height: 9.05rem;margin-left: -3.6rem;padding-top: 1.02rem;background: url(../images/pop_ios_download.png) no-repeat;background-size: 100% 100%;}
.pop_ios_download .btn_close{position: absolute;top: .36rem;right: 0;width: .6rem;height: .6rem;background: url(../images/pop_btn_close.png) no-repeat center center;background-size: .25rem;height: .27rem;}
.pop_ios_download .text{padding: 0 1em;font-size: .28rem;line-height: 1.28;color: #156090;letter-spacing: .01rem;}
.pop_ios_download .text span{color: #bb6100;}
.pop_ios_download .store_game_img{width: 7.2rem;margin: .2rem 0;}
.pop_ios_download .pop_btn_download{display: block;width: 3.91rem;height: 1.3rem;margin: .4rem auto 0;background: url(../images/pop_btn_download.png) no-repeat;background-size: 100% 100%;}