.page{
	width:100%;
}

.bg{
	width:100%;
	min-width:1200px;
	height:871px;
	background:#181818 url('../img/bg.jpg') top center no-repeat;
}

.bg .video-btn{
	position:absolute;
	bottom:65px;right:245px;
	width:326px;height:77px;
	background:url('../img/video-btn.png') no-repeat;
}

.bg .download-btn{
	position:absolute;
	bottom:60px;right:20px;
	width:213px;height:73px;
	background:url('../img/download-btn.png') no-repeat;
	cursor:pointer;
}
.bg .download-btn .download-tc{
	position:absolute;
	top:35px;right:175px;
	width:518px;height:291px;
	background:url('../img/download-tc.png') no-repeat;
	z-index:3;
}
.bg .download-btn .download-tc .btn1{
	position:absolute;
	bottom:33px;left:63px;
	width:181px;height:39px;
}
.bg .download-btn .download-tc .btn2{
	position:absolute;
	bottom:33px;right:61px;
	width:181px;height:39px;
}

.video-tc{
	position:absolute;
	top:600px;left:50%;
	margin-left:-320px;
	width:640px;height:420px;
	z-index:3;
}

/* 新闻资讯 */
.latest-news-area{
	padding-top:57px;
	width:100%;
	height:575px;
	background:#181818;
	box-sizing:border-box;
}

.latest-news-area .hd{
	margin:0 0 49px 38px;
	width:295px;height:33px;
	background:url('../img/latest-news-hd.png') no-repeat;
}

.latest-news-area .img-area{
	margin:0 auto;
	width:1127px;height:389px;
}

.latest-news-area .tabs-area{
	position:absolute;
	top:5px;right:60px;
	padding:0 25px;
	width:557px;height:424px;
	background:#2a282e;
	box-sizing:border-box;
}

.latest-news-area .tabs-area .tab-ul{
	position:relative;
	height:40px;
	border-bottom:3px solid #474747;
	box-sizing:border-box;
}
.latest-news-area .tabs-area .tab-ul .tab{
	float:left;
	margin-right:36px;
	width:90px;height:37px;
	line-height:37px;
	font-size:14px;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
.latest-news-area .tabs-area .tab-ul .tab.active{
	color:#ff3535;
	font-weight:700;
	border-bottom:3px solid #ff3535;
}

.latest-news-area .tabs-area .tab-ul .more-btn{
	position:absolute;
	bottom:-3px;right:-25px;
	width:40px;height:40px;
	background:url('../img/more-btn.png') no-repeat;
}

.latest-news-area .tabs-area .tabc a{
	display:block;
	padding-top:15px;
	margin-bottom:23px;
	height:105px;
	border-bottom:1px solid #5d5c60;
	box-sizing:border-box;
}
.latest-news-area .tabs-area .tabc a:last-child{
	border-bottom:none;
}
.latest-news-area .tabs-area .tabc a .title{
	width:100%;height:28px;
	line-height:28px;
	font-size:14px;
	color:#eee;
	font-weight:700;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.latest-news-area .tabs-area .tabc a .details{
	width:100%;height:26px;
	line-height:26px;
	font-size:14px;
	color:rgba(238,238,238,0.2);
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.latest-news-area .tabs-area .tabc a .time{
	width:100%;height:26px;
	line-height:26px;
	font-size:14px;
	color:rgba(238,238,238,0.5);
}

/* 热门活动 */
.popular-activities-area{
	width:100%;height:550px;
	background:#222;
}

.popular-activities-area .hd{
	float:left;
	width:302px;
}
.popular-activities-area .hd .icon{
	display:block;
	margin:176px auto 0;
	width:161px;height:61px;
	background:url('../img/popular-activities-hd.png') no-repeat;
}
.popular-activities-area .hd span{
	display:block;
	margin:10px 0;
	font-size:14px;
	color:rgba(255,255,255,0.7);
	text-align:center;
}
.popular-activities-area .hd a{
	display:block;
	margin:15px auto 0;
	width:86px;height:86px;
	background:url('../img/popular-activities-btn.png') no-repeat;
}

.popular-activities-area .activities-area{
	float:left;
	width:861px;height:497px;
}
.popular-activities-area .activities-area .img-area{
	margin:0 auto;
	width:fit-content;
}
.popular-activities-area .activities-area .img-area a{
	float:left;
	width:287px;height:497px;
}

/* 卡池更新 */
.cardPool-update-area{
	width:100%;height:735px;
	background:#222;
}

.cardPool-update-area .content{
	position:relative;
	margin:0 auto;
	width:1086px;height:676px;
	background:url('../img/cardPool-update-bg.png') no-repeat;
}

.cardPool-update-area .content .cardPool1{
	position:absolute;
	top:111px;left:20px;
	width:488px;height:544px;
	overflow:hidden;
}
.swiper-pagination1{
	position:absolute;
	bottom:-7px;left:314px;
	width:140px;height:17px;
}
.swiper-pagination-bullet{
	margin:0 9px;
	width:17px;height:17px;
	background:url('../img/cardPool-pagination.png') -17px 0 no-repeat;
	border-radius:0;
	opacity:1;
}
.swiper-pagination-bullet-active{
	background-position:0 0;
}

.cardPool-update-area .content .cardPool2{
	position:absolute;
	top:111px;right:17px;
	width:488px;height:544px;
	overflow:hidden;
}
.swiper-pagination2{
	position:absolute;
	bottom:-7px;right:65px;
	width:140px;height:17px;
}

/* 精品攻略 */
.boutique-strategy-area{
	width:100%;height:435px;
	background:#222;
}

.boutique-strategy-area .hd{
	margin:0 auto;
	width:145px;height:53px;
	background:url('../img/boutique-strategy-hd.png') no-repeat;
}

.boutique-strategy-area .strategy-area{
	margin:40px auto 0;
	width:1050px;
}
.boutique-strategy-area .strategy-area a{
	float:left;
	width:328px;
}
.boutique-strategy-area .strategy-area a:nth-child(2){
	margin:0 33px;
}
.boutique-strategy-area .strategy-area a .img-ibox{
	width:100%;height:220px;
}
.boutique-strategy-area .strategy-area a .title{
	margin-top:9px;
	width:100%;height:26px;
	line-height:26px;
	font-size:14px;
	color:#eee;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.boutique-strategy-area .strategy-area a .details{
	width:100%;height:22px;
	line-height:22px;
	font-size:14px;
	color:rgba(238,238,238,0.3);
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}