body,html{
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}
.PC_BG{
	width: 100%;
	min-height:2206px;
	background: url(../images/yearendevent2020/PC_BG.png) no-repeat;

	background-size: 100% 100%;
	position: relative;
}
.banner{
	width: 1345px;
	margin: 0 auto;
}
.banner img{
	width: 100%;
}
@media screen and (min-width: 1766px){
	.PC_BG{
		width: 100%;
	}
	.banner {
		width: 1345px;
	}
}
@media screen and (max-width: 1765px) and (min-width: 1551px){

	.banner {
		width: 1250px;
	}
}
@media screen and (max-width: 1550px) and (min-width: 1336px){
	
	.banner {
		width: 1140px;
	}
}
@media screen and (max-width: 1335px) and (min-width: 1156px){
	
	.banner {
		width: 1105px;
	}
}
@media screen and (max-width: 1156px){
	
	.banner {
		width: 1105px;
	}
}
.members_area{
	display: flex;
	justify-content: center;
}
.item_li{
	width: 473px;
	height: 374px;
	position: relative;
}
.item_li img{
	width: 100%;
}
.open{
	position: absolute;
	left: 50%;
	bottom: 15%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.activity_rules {
	width: 989px;
	height: 972px;
	text-align: center;
}
.bottom_cloud{
	position: absolute;
	bottom: 0;
}
.bottom_cloud img{
	width: 100%;
	height: 100%;
}
.item_li a {
  display: block;
}