/* 字体包 */
@font-face {
  font-family: 'w7';
  src: url('https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/font/w7.eot') format('eot'),
    url('https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/font/w7.ttf') format('TTF'),
    url('https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/font/w7.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'hyqh55';
  src: url('https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/font/hyqh55.eot') format('eot'),
    url('https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/font/hyqh55.ttf') format('TTF'),
    url('https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/font/hyqh55.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'hyqh75';
  src: url('https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/font/hyqh75.eot') format('eot'),
    url('https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/font/hyqh75.ttf') format('TTF'),
    url('https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/font/hyqh75.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* 显示文字 */
@keyframes showText {
	0% {
		opacity: 0;
	}

	10% {
		opacity: 1;
	}

	50% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}
html, body {
	width: 100%;
	height: 100%;
}
html,body{
	-webkit-text-size-adjust: none !important;
	-moz-text-size-adjust: none !important;
	-ms-text-size-adjust: none !important;
	text-size-adjust: none !important;
}
.wrapper{
	position: relative;
	width: 100%;
	height: 100%;
}
.hide-txt{
	font-size: 0;
}
.video-section{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.header{
	position: absolute;
	top: .5rem;
	left: 0;
	width: 100%;
	padding: 0 .8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 120;
}
.logo{
	display: block;
	width: 3.22rem;
	height: .58rem;
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-pc/logo.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.icon-menu{
	width: .5rem;
	height: .36rem;
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-mobile/icon-menu.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.header-menu-show{
	width: auto;
}
.header-menu-show .icon-menu{
	display: none;
}
/* 菜单 */
.menu-section{
	position: fixed;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .85);
	transition: left .5s;
	z-index: 100;
}

.btn-close{
	position: absolute;
	top: .58rem;
	right: .8rem;
	width: .42rem;
	height: .4rem;
	overflow: hidden;
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-mobile/icon-close.png);
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 99;
}
.menu-section-show{
	left: 0;
}
.menu-group{
	padding: 2.76rem .8rem 0;
}
.menu-item{
	display: flex;
	align-items: center;
	margin-bottom: .48rem;
	line-height: .8rem;
}
.menu-item a{
	font-size: .48rem;
	color: #fff;
	font-size: 'hyqh55';
}
.menu-item.selected{
}
.menu-item.selected::before{
	content: '';
	width: .13rem;
	height: .2rem;
	margin-right: .32rem;
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-mobile/selected-arrow.png);
	background-size: cover;
	background-repeat: no-repeat;
}
/* 轮播样式 */
.fp-overflow{
	width: 100%;
	height: 100%;
}
/* .fp-is-overflow > .fp-overflow{
	overflow: hidden;
} */
.fp-table{
	overflow: hidden;
}
.fp-watermark{
	display: none;
}
/* 内容 */
.tencent-games{
	margin: 2.8rem 0 0 .8rem;
	width: 4.6rem;
	height: 1.78rem;
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-pc/tencent-games.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.tencent-esports{
	margin: 2.6rem 0 0 .8rem;
	width: 4.86rem;
	height: 1.42rem;
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-pc/tencent-esports.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.des-text{
	margin: .6rem .8rem 0 .8rem;
	font-size: .26rem;
	color: rgba(255, 255, 255, .77);
	line-height: .48rem;
	font-family: 'hyqh55';
}
.enter-btn{
	margin: .6rem 0 0 .8rem;
	display: flex;
	align-items: center;
	line-height: .42rem;
	font-size: .32rem;
	color: #FFF;
	font-family: 'hyqh55';
}
.enter-btn::after{
	content: '';
	width: 0;
    height: 0;
	margin-left: .2rem;
    border: .12rem solid transparent;
    border-left: .12rem solid #fff;
}
.big-title{
	margin: 1.4rem 0 0 .8rem;
	font-size: .48rem;
	color: #fff;
	line-height: .8rem;
	font-family: 'hyqh75';
}
.sub-title{
	margin: .32rem .8rem 0;
	font-size: .36rem;
	color: #fff;
	line-height: .6rem;
	font-family: 'hyqh75';
}
.des-text-long{
	margin: .24rem .8rem 0;
	font-size: .24rem;
	color: rgba(255, 255, 255, .77);
	line-height: .4rem;
	font-family: 'hyqh55';
	text-align: justify;
}
.content{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9;
}
/* 引导公共样式 */
.arrow{
	position: absolute;
	bottom: .6rem;
	left: 0;
	right: 0;
	margin: auto;
	width: .52rem;
	height: .28rem;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 99;
}
/* 首屏 */
.screen{

}
.video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	min-width: 100%;
	object-fit: fill;
	pointer-events: none;
	z-index: 2;
}
.video-btn{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 1.02rem;
	height: 1.02rem;
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-mobile/icon-play.png);
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 20;
}
.video-text{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
	z-index: 9;
}
.video-text1{
	display: none;
	text-align: center;
	font-size: .52rem;
	text-shadow: 0 .04rem .08rem rgba(0, 0, 0, .5);
	color: #fff;
	font-family: 'w7';
	animation: showText 6s forwards ease-in-out;
	white-space: nowrap;
}
.video-text2{
	display: none;
	text-align: center;
	font-size: .52rem;
	text-shadow: 0 .04rem .08rem rgba(0, 0, 0, .5);
	color: #fff;
	font-family: 'w7';
	animation: showText 5s forwards ease-in-out;
	white-space: nowrap;
}
.video-text3{
	display: none;
	text-align: center;
	font-size: .52rem;
	text-shadow: 0 .04rem .08rem rgba(0, 0, 0, .5);
	color: #fff;
	font-family: 'w7';
	animation: showText 4s forwards ease-in-out;
}
.video-text4{
	display: none;
	text-align: center;
	font-size: .52rem;
	text-shadow: 0 .04rem .08rem rgba(0, 0, 0, .5);
	color: #fff;
	font-family: 'w7';
	animation: showText 6s forwards ease-in-out;
}
.arrow-screen{
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-mobile/screen-arrow.png);
}
.video-line{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: .08rem;
	overflow: hidden;
	transition: width .4s;
}
.video-line::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 7.5rem;
	height: .08rem;
	background: linear-gradient(to right, #F77121, #FFE599, #74D3FF, #62BE46);
	z-index: 9;
}
/* 腾讯游戏 */
.games {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-mobile/games-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.games .sucai{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 45%;
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-pc/games-img.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
}
.arrow-games{
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-mobile/games-arrow.png);
}
/* 腾讯电竞 */
.esports{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-mobile/esports-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.esports .sucai{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 45%;
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-mobile/esports-img.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
}
.arrow-esports{
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-mobile/esports-arrow.png);
}
/* 介绍页 */
.introduce{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-mobile/introduce-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
/* 页脚 */
#section4{
	overflow: visible;
}
#section4.active .footer{
	max-height: 14rem;
}
.footer{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	max-height: 0;
	background: #232323;
	z-index: 9;
	transition: max-height 1s;
}
.footer-group{
	padding: .24rem 0;
}
.footer-item{

}
.footer-item-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .28rem .8rem .1rem;
}
.footer-title{
	font-size: .32rem;
	color: #fff;
	font-family: 'hyqh75';
}
.footer-arrow{
	width: .48rem;
	height: .48rem;
	background-image: url(https://g-game-1317274415.cos.ap-guangzhou.myqcloud.com/ieg/img-mobile/footer-arrow.png);
	background-repeat: no-repeat;
	background-size: 100%;
	transition: transform .2s;
}
.footer-arrow.footer-arrow-up{
	transform: rotate(180deg);
}
.footer-item-content{
	padding: 0 .8rem;
}
.footer-item-content a{
	display: block;
	font-size: .26rem;
	color: #8F8F8F;
	padding: .1rem 0;
	font-family: 'hyqh55';
}
.footer-detail{
	padding: .44rem .8rem .48rem;
	background: #181818;
}
.footer-detail-item{
	margin-bottom: .24rem;
	font-size: .2rem;
	color: #8F8F8F;
}