body{
	position: relative;
	max-width: 2560px;
    max-height: 1440px;
    margin: 0 auto;
    background-color: #000;
    overflow: hidden;
}

.sixNeed{
	position: absolute;
	bottom: 30px;
	left: 25px;
	line-height: 18px;
	color: #fff;
	font-size: 14px;
}
.sixNeed p{
	
}
.sixNeed .link{
	
}
.sixNeed .link a{
	float: left;
	color: #fff;
	margin-right: 7px;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.container{
	width: 100%;
	height: 100%;
	font-size: 18px;
	overflow: hidden;
	visibility: hidden;
}
.container.show{
	visibility: visible;
}
.main_swiper{
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
}
.main_slide_item{
	position: relative;
	width: 100%;
	height: 100%;
}
.main_slide_item1{
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/bg.jpg) center top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.return_cover{
	display: block;
	position: absolute;
	z-index: 2;
	top: 20px;
	left: 20px;
	width: 42px;
	height: 41px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/return.png) no-repeat;
}
.video_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bgm_btn{
	position: absolute;
	top: 56px;
	right: 56px;
	z-index: 1;
	width: 82px;
	height: 82px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/bgm_off.png);
	cursor: pointer;
}
.bgm_btn.active{
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/bgm_on.png);
	animation: rotate 6s linear infinite;
}
#bgm{
	width: 0;
	height: 0;	
	display: none;
}
.slide_item_center{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 652px;
	transform: translate(-50%,-55%);
}
.slide_item_center .logo{
	display: block;
	width: 500px;
    height: 371px;
    width: 450px;
    height: 334px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/logo.png);
	margin: 0 auto;
}
.slide_item_center .slogan{
    display: block;
    width: 1003px;
    height: 137px;
    background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/slogan0620.png) center no-repeat;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    margin-top: -20px;
    margin-left: -175px;
}
.slide_item_center .video_btn{
	display: block;
	width: 140px;
	height: 91px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/video_btn.png);
	margin: 0 auto;
    cursor: pointer;
}
.down_btn_wrap{
	position: relative;
	width: 1080px;
	height: 77px;
	margin: 0 auto;
  margin-top: 30px;
	transform: translateX(-100px);
}
.down_btn_wrap a{
	float: left;
	width: 186px;
	height: 67px;
	background-repeat: no-repeat;
	margin-right: 30px;
}
.down_btn_wrap .ios{
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/down_ios.png);
}
.down_btn_wrap .android{
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/down_android.png);
}
.down_btn_wrap .pc{
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/down_pc.png);
}
.down_btn_wrap .tap{
	width: 198px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/down_tap.png);
}
.down_btn_wrap .recharge{
	position: relative;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/recharge_btn.png);
	margin-right: 0;
}
.down_btn_wrap .recharge .shouchong{
    position: absolute;
    bottom: -48px;
    left: 50%;
    transform: translateX(-50%);
    width: 126px;
    height: 42px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/home/img/zhekou_main.png) no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
/*.slide_item_center .book_btn{
	float: left;	
	width: 316px;
	height: 77px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/book_btn.png);
    cursor: pointer;
}
.slide_item_center .down_btn{
	float: left;	
	width: 316px;
	height: 77px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/android_btn.png);
    cursor: pointer;
}*/
.slide_item_center .zhaiyao{
	position: absolute;
    left: -216px;
    bottom: -93px;
	width: 200px;
	height: 250px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/zhaiyao.png) center no-repeat;
	background-size: 100% auto;
}
.slide_item_center .book_total_wrap{
	width: 100%;
	text-align: center;
	font-style: italic;
}
.slide_item_center .book_total{
	line-height: 40px;
	color: #45fef3;
	text-decoration: underline;
}
.next_guide{
	position: absolute;
	bottom: 65px;
	left: 50%;
	width: 528px;
	height: 32px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/next_guide.png);
	transform: translateX(-50%);
}
.next_guide_arrow{
	display: block;
	width: 46px;
	height: 51px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/next_guide_arrow.png);
	margin: -10px auto 0;
	animation: upDown 1s linear infinite;
}
.side_bar{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 7px;
	z-index: 1;
	width: 228px;
}	
.link_wrap{
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
    width: 268px;
	margin-bottom: 20px;
}
.link_wrap a{
	display: block;
	width: 64px;
	height: 64px;
}
.link_wrap .qq{
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/link_qq.png);
}
.link_wrap .tap{
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/link_tap.png);
}
.link_wrap .bili{
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/link_bili.png);
}
.link_wrap .hykb{
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/link_hykb.png);
}
.side_bar_main{
	position: relative;
	border: 1px solid #44ffce;
}
.side_code_wrap{
	padding: 0 23px;
}
.side_code_tab{
	height: 26px;
	line-height: 26px;
	margin: 18px 0 12px 0;
}
.side_code_tab span{
	width: 50%;
	height: 100%;
	color: #2a7f64;
	cursor: pointer;
}
.side_code_tab .weixin{
	padding-left: 38px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/code_weixin_tab.png) left center no-repeat;
	border-right: 1px solid #44ffce;
}
.side_code_tab .weibo{
	padding-left: 50px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/code_weibo_tab.png) left 11px center no-repeat;
}
.side_code_tab span.active{
	color: #44ffce;
}
.side_code_tab .weixin.active{
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/code_weixin_tab_on.png);
}
.side_code_tab .weibo.active{
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/code_weibo_tab_on.png);
}
.side_code{
	width: 180px;
	height: 180px;
}
.side_code img{
	width: 100%;
	height: 100%;
	display: none;
}
.side_code img:first-child{
	display: block;
}
.code_text{
	height: 42px;
	line-height: 42px;
	text-align: center;
}	
.share_wrap{
	height: 48px;
	line-height: 48px;
	color: #44ffce;
	border-top: 1px solid #44ffce;
	background-color: rgba(56,170,139,.4);
	padding-left: 24px;
}	
.share_wrap a{
	width: 24px;
	height: 24px;
	margin: 13px 26px 0 0;
}	
.share_wrap .weibo{
	margin-left: 15px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/share_weibo.png);
}	
.share_wrap .qq{
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/share_qq.png);
}	
.share_wrap .qzone{
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/share_qzone.png);
}
.side_open_btn{
	position: absolute;
	bottom: 114px;
	right: -35px;
	width: 35px;
	height: 84px;
	line-height: 24px;
	color: #000;
	text-align: center;
	font-size: 20px;
	padding-top: 8px;
	background: #44ffce;
	cursor: pointer;
}
.side_open_btn em{
	position: absolute;
	left: 5px;
	bottom: 8px;
	width: 24px;
	height: 16px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/side_open.png) no-repeat;
}
.side_open_btn.active em{
	left: 7px;
	transform: rotate(180deg);
}
.side_arrow{
	position: absolute;
	width: 16px;
	height: 24px;
}
.side_arrow.top_left{
	left: -8px;
	top: -8px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/side_bar_arrow_top.png);
}
.side_arrow.top_right{
	right: -10px;
	top: -8px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/side_bar_arrow_top.png);
}
.side_arrow.bottom_right{
	right: -10px;
	bottom: -8px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/side_bar_arrow_bottom.png);
}
.side_arrow.bottom_left{
	left: -8px;
	bottom: -8px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/side_bar_arrow_bottom.png);
}
/* news */
.main_slide_item2{
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/news/bg.jpg) center top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.main_slide_item2:before,
.main_slide_item2:after{
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	width: 183px;
}
.main_slide_item2:before{
	top: 20px;
	right: 52px;
	height: 765px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/news/news_right_word.png);
}
.main_slide_item2:after{
	bottom: 20px;
	left: 52px;
	height: 622px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/news/news_left_word.png);
}
.news_wrap{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 651px;
	background-color: rgba(0,0,0,0.1);
	padding-top: 123px;

}
.news_wrap_center{
	width: 1401px;
	margin: 0 auto;
}
.news_swiper_wrap{
	position: relative;
	width: 695px;
	height: 411px;
	border: 2px dashed #727272;
	padding: 5px;
}
.news_swiper_center{
	width: 100%;
	height: 100%;
	border: 2px solid #727272;
	padding: 7px;
}
.news_swiper{
	width: 100%;
	height: 100%;
}
.news_swiper .swiper-wrapper .swiper-slide img{
	display: block;
	width: 100%;
	height: 100%;
}
.news_prev,
.news_next{
	position: absolute;
	top: 168px;
	width: 50px;
	height: 77px;
	cursor: pointer;
}
.news_prev{
	left: -70px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/news/prev.png);
}
.news_next{
	right: -70px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/news/next.png);
}
.news_swiper_center .figure{
	position: absolute;
	width: 25px;
	height: 28px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/news/figure.png) no-repeat;
}
.news_swiper_center .figure1{
	top: 325px;
	left: -14px;
}
.news_swiper_center .figure2{
	top: -16px;
	left: 104px;
}
.news_swiper_center .figure3{
	top: 105px;
	right: -13px;
}
.news_main{
	width: 603px;
	margin-top: -19px;
}
.news_main .news_title{
	height: 70px;
	line-height: 50px;
	font-weight: bold;
	font-size: 40px;
	color: #fff;
	padding-bottom: 20px;
	padding-left: 4px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/news/news_title_bg.png) left 4px bottom no-repeat;
	margin-bottom: 13px;
}
.news_main .new_tab{
	position: relative;
	height: 45px;
	border-bottom: 1px solid #313131;
}
.news_main .new_tab .tab_item{
	position: relative;
	float: left;
	width: 56px;
	line-height: 44px;
	font-size: 20px;
	letter-spacing: 2px;
	text-align: center;
	cursor: pointer;
}
.news_main .new_tab .tab_item:first-child{
	margin-right: 120px;
}
.news_main .new_tab .tab_item:first-child:before{
	content: '/';
	position: absolute;
	top: 0;
	right: -72px;
	/*width: 100%;*/
	height: 100%;
	color: #44ffce;
}
.news_main .new_tab .tab_item.active{
	color: #44ffce;
}
.news_main .new_tab .tab_item.active:after{
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #44ffce;
}
.news_main .new_tab .more{
	position: absolute;
	top: 7px;
	right: 5px;
	width: 83px;
	height: 29px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/news/more.png) no-repeat;
}
.news_main .news_list_wrap{
	
}
.news_main .news_list{
	
}
.news_main .news_list li{
	display: flex;
	height: 65px;
	line-height: 64px;
	border-bottom: 1px solid #313131;
}
.news_main .news_list li a{
	display: block;
	width: 500px;
	color: #f0f0f0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news_main .news_list li span{
	display: block;
	text-align: right;
	color: #2b836c;
}
/* feature */
.main_slide_item3{
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/feature_bg.jpg) center top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.foot_swiper{
	height: 100%;
}
.main_slide_item3 .slide_item_center{
	/*top: 142px;*/
	width: 1152px;
	transform: translate(-50%,-50%);
}
.feature_swiper_wrap{
	position: relative;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 662px;
    border: 1px solid #44ffce;
}
.feature_swiper{
	width: 1120px;
	height: 630px;
}
.feature_swiper_text{
	position: absolute;
	right: -46px;
	bottom: 32px;
	z-index: 1;
	padding-left: 18px;
	font-style: italic;
	text-align: right;
}
.feature_swiper_text:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 14px;
	width: 100%;
	height: 65px;
	background-color: rgba(70,227,196,.3);
}
.feature_swiper_text em{
	display: block;
	line-height: 56px;
	font-size: 52px;
	color: #3fe8bc;
	font-weight: bold;
	margin-bottom: 5px;
}
.feature_swiper_text p{
	width: 164px;
	height: 60px;
	line-height: 36px;
	font-size: 30px;
	color: #2a816a;
	font-weight: bold;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/gamefeatures.png);
}
.feature_arrow{
	position: absolute;
	z-index: 1;
	width: 16px;
	height: 16px;
	background-color: rgba(60,226,191,.6);
}
.feature_arrow.top_left{
	left: 8px;
	top: 8px;
}
.feature_arrow.top_right{
	right: 8px;
	top: 8px;
}
.feature_arrow.bottom_right{
	right: 8px;
	bottom: 8px;
}
.feature_arrow.bottom_left{
	left: 8px;
	bottom: 8px;
}
.feature_prev,
.feature_next{
	position: absolute;
	top: 299px;
	width: 42px;
	height: 64px;
	cursor: pointer;
}
.feature_prev{
	left: -82px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/feature_prev.png);
}
.feature_next{
	right: -82px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/feature_next.png);
}
.feature_thumbs{
	height: 132px;
	margin-top: 36px;
}
.feature_thumbs img{
	display: block;
	height: 132px;
	margin: 0 auto;
}
.feature_thumbs .swiper-slide{
	opacity: .4;
	cursor: pointer;
}
.feature_thumbs .swiper-slide-thumb-active{
	opacity: 1;
}

/*footer*/
.footer_slide{
	position: absolute;
	bottom: -260px;
	left: 0;
	width: 100%;
	height: 260px!important;
}
.footer_container{
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #5e5e5e;
	background-color: #282828;
}
.footer_show{
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	/*background-color: red;*/
}
.footer_code{
	margin-right: 60px;
	transform: scale(.8);
}
.footer_code p{
	height: 30px;
	line-height: 30px;
	color: #c3c3c3;
	text-align: center;
}
.footer_code .code{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 176px;
	height: 176px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/qq_code_bg.png) no-repeat;
}
.footer_code .code img{
	display: block;
	width: 140px;
	height: 140px;
}
.footer_info{
	
}
.footer_item{
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.footer_item a,
.footer_item p,
.footer_item span{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
}
.footer_item a{
	display: block;
	color: #5e5e5e;
}
/*.footer_item:not(.footer_link):not(:last-child) :first-child{
	margin-right: 20px;
}*/
.footer_item:not(:last-child) p:nth-of-type(1){
	margin-right: 20px;
}
.footer_link a{
	position: relative;
	padding: 0 20px;
}
.footer_link a:first-child{
	padding-left: 0;
}
.footer_link a::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 20px;
	background-color: #5e5e5e;
	transform: translateY(-50%);
}
.footer_link a:last-child:after{
	display: none;
}
.footer_item .ghs{
	display: block;
	width: 20px;
	height: 20px;
	margin: 5px 6px 0 0;
}


/* pop */
.pop_wrap{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	display: none;
}
.pop_wrap .pop{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.pop .close{
	position: absolute;
	top: 0;
	right: 0;
	width: 37px;
	height: 37px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/close.png);
	cursor: pointer;
}

/* video */
.video_pop{
	width: 800px;
}
.video_pop .video{
	width: 100%;
}
.video_pop .close{
	right: -45px;
	transition: transform 0.3s;
	-moz-transition: -moz-transform 0.3s; 
	-webkit-transition: -webkit-transform 0.3s; 
	-o-transition: -o-transform 0.3s;
}
.video_pop .close:hover{
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

/* book */
.book_pop{
	width: 614px;
	height: 523px;
	padding: 156px 93px 0;	
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/book_pop.png);
}
.book_pop .book_close{
	top: 40px;
	right: 40px;
}
.book_main{
	color: #44ffce;
}
.device_type_wrap{
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	margin-bottom: 32px;
}
.device_type_wrap .android_wrap,
.device_type_wrap .ios_wrap{
	position: relative;
	display: block;
	padding-left: 34px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/check_bg.png) left center no-repeat;
	cursor: pointer;
}
.device_type_wrap .android_wrap{
	margin-right: 70px;
}
.device_type_wrap .android_wrap.active,
.device_type_wrap .ios_wrap.active{
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/checked_bg.png);
}
.device_type_wrap input[type="radio"]{
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	opacity: 0;
	cursor: pointer;
}
.book_main .input_item{
	position: relative;
	height: 50px;
	border: 2px solid #44ffce;
	margin-bottom: 25px;
}
.book_main .code_item{
	padding-right: 125px;
}
.book_main .input_item input[type="text"]{
	height: 100%;
	padding: 0 20px;
	font-size: 20px;
	letter-spacing: 2px;
	font-style: italic;
	color: #44ffce;
	font-weight: bold;
	background-color: transparent;
}
input[type="text"]::-webkit-input-placeholder{
	color:#1e5647;
	font-weight: bold;
}    
input[type="text"]:-moz-placeholder{
	color:#1e5647;
	font-weight: bold;
}                 
input[type="text"]::-moz-placeholder{
	color:#1e5647;
	font-weight: bold;
}                  
input[type="text"]:-ms-input-placeholder{
	color:#1e5647;
	font-weight: bold;
} 
.book_main .input_item .mobile{
	width: 100%;
}
.book_main .input_item .reg_code{
	width: 100%;
}
.book_main .input_item .get_reg_code{
	position: absolute;
	top: 6px;
	right: 7px;
	width: 118px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #0d0d0d;
	font-style: italic;
	background-color: #44ffce;
	cursor: pointer;
}
.agreement{
	position: relative;
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	font-style: italic;
	padding-left: 40px;
	margin: 0 auto;
	margin-bottom: 25px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/check_bg.png) left 10.5px center no-repeat;
}
.agreement.active{
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/checked_bg.png);
}
.agreement .agree_check{
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	opacity: 0;
	cursor: pointer;
}
.agreement a{
	color: inherit;
	text-decoration: underline;
}
.book_main .book_submit{
	display: block;
	width: 192px;
	height: 57px;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/book_submit.png);
	margin: 0 auto;
	cursor: pointer;
}
.book_success_wrap{
	
}
.pop_wrap  .book_success_pop{
	width: 722px;
	height: 620px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/book_success.png) no-repeat;
    transform: translate(-50%,-55%);
}
/*.book_success_pop:before{
	content: '';
	position: absolute;
    top: -149px;
    left: -275px;
	width: 564px;
	height: 737px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/book_success_girl.png) no-repeat;
}*/
.book_success_pop .book_success_close{
	top: 145px;
    right: 38px;
}
.book_success_pop  .img_wrap{
	position: absolute;
	top: 164px;
	left: 259px;
	box-sizing: content-box;
	width: 397px;
	height: 184px;
	padding: 3px;
	border: 2px solid #3ad0a9;
}
.book_success_pop  .img_wrap img{
	width: 100%;
	height: 100%;
}
.book_success_pop  .book_share{
	position: absolute;
	bottom: 53px;
	left: 249px;
}
.book_success_pop  .book_share a{
	width: 192px;
	height: 57px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/book_share.png) no-repeat;
}
.book_success_pop  .book_share span{
	width: 178px;
	height: 14px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/book_success_text.png) no-repeat;
	margin: 21px 0 0 35px;
}
.book_success_pop  .book_share p{
	display: none;
}

/*qq群弹窗*/
.qq_pop{
	width: 750px;
	/*height: 649px;*/
	height: 490px;
	color: #44ffce;
	background-image: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/age_pop.png);
	padding-top: 30px;
}
.qq_pop .qq_close{
    top: 30px;
    right: 30px;
}
.qq_pop .qq_title{
	height: 100px;
	line-height: 82px;
	text-align: center;
	font-weight: bold;
	font-size: 40px;
	letter-spacing: 4px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/line.png) center bottom no-repeat;
	-webkit-background-size: auto 18px;
	background-size: auto 18px;
}
.qq_list{
	font-size: 20px;
	padding: 0 100px;
	margin-top: 20px;
}
.qq_list li{
	height: 44px;
	line-height: 44px;
}
.qq_list li p{
	float: left;
	text-align: left;
}
.qq_list li span{
	float: right;
	text-align: right;
}


/*loading*/
.loading{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	font-size: 18px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/loading_bg.jpg) center top no-repeat;
	-webkit-background-size: 1920px auto;
	background-size: 1920px auto;
}
.loading .center{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.loading .logo_wrap{
	position: relative;
	display: block;
	width: 444px;
	height: 318px;
}
.loading .logo_wrap .loading_logo{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 0%;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/loading_logo.png) center bottom no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}
.loading .logo_wrap .logo_gray{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	filter: grayscale(1);
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/loading_logo_gray.png) center bottom no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
	overflow: hidden;
}
.loading .text{
	display: block;
	width: 361px;
	height: 78px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/loading_text.png) no-repeat;
	margin: 0 auto;
}


@keyframes rotate{
	from{
		transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
	}
}
@keyframes upDown{
	from{
		transform: translateY(-12px);
	}
	to{
		transform: translateY(8px);
	}
}

/* 适龄提示 */
.age_e7 .ageWrap{
	top: auto;
	left: 42px;
	bottom: 120px;
}
.age_e7 .ageTip{
	left: auto;
	right: -880px;
	top: -606px;
	width: 810px;
    height: 701px;
    background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/age_pop.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: 42px 56px 0;
	background-color: rgba(0,0,0,0.6);
	box-shadow: 0 0 20px #000;
}
.age_e7 .ageTip_title{
	box-sizing: content-box;
	height: 72px;
	line-height: 72px;
	font-size: 40px;
	letter-spacing: 4px;
	color: #44ffce;
	padding-bottom: 18px;
    background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/line.png) center bottom no-repeat;
}
.age_e7 .ageTip_title_left{
	display: none;
}
.age_e7 .ageTip_title_right{
	display: none;
}
.age_e7 .ageCon{
	color: #44ffce;
	line-height: 34px;
	font-size: 18px;
	padding-top: 20px;
}
/*.age_e7 .ageCover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}
*/

/* tips */
.tips_pop{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	display: none;
}
.tips_pop .tips{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 385px;
	height: 187px;
	transform: translate(-50%,-50%);
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/tips_pop.png) no-repeat;
}
.tips_pop .close{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 37px;
	height: 37px;
	background: url(https://media.qyzlgame.com/media/pictures/qy/e7/main/img/close.png) no-repeat;
	cursor: pointer;
}
.tips_pop .tips_text{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 20px;
	padding: 40px 20px;
	color: #44ffce;
	font-style: italic;
	text-align: center;
}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}


@-webkit-keyframes fadeOutDown2 {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
}
@keyframes fadeOutDown2 {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        -ms-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
}
.fadeOutDown2 {
    -webkit-animation-name: fadeOutDown2;
    animation-name: fadeOutDown2
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}


@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        -ms-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2
}


.right_side_bar{
	position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-30px);
	z-index: 1;
	width: 455px;
	height: 141px;
    border: 1px solid #44ffce;
}
.right_side_bar .side_open_btn{
	left: -35px;
    top: -1px;
}
.actv_url_side{
	position: absolute;
	bottom: 550px;
	right: 7px;
	z-index: 1;
	width: 228px;
	height: 248px;
    border: 1px solid #44ffce;
	padding: 24px 24px 0;
}
.actv_url_side .actv_url{
	width: 100%;
}
.actv_url_side .actv_url img{
	display: block;
	width: 100%;
	height: 100%;
}
.actv_url_side .actv_url p{
	line-height: 40px;
	text-align: center;
}
.actv_url_side .side_open_btn{
	left: -35px;
    top: -1px;
}