@charset "utf-8";


article + article {
	/* margin-top: 50px; */
}

.main .realtime-hot-area.has-shadow .item-wrap {
	/* box-shadow : 0 10px 30px 0 rgba (0,0,0, 0.25); */
}

.main-common-swiper {
	/* padding-bottom: 30px; */
}

.main-common-swiper .swiper-slide {
	position: relative;
	padding-top: calc(100% * 0.4282);
	width: calc(100%); 
	/* padding-top: calc((50%) * 0.35); 
	width: calc(50%); */
	/* padding-top: calc((100% - 16px) * 0.52); 
	width: calc(100% - 16px);  */
	transition: top .4s ease-out;
	/* border-radius: 12px; */
}

/* .main-common-swiper .swiper-slide:before {content: ""; display: block; padding-top: 100%;}  */

.main-common-swiper .swiper-slide .whole-click { 
	position: absolute;
	left: 0;
	top: 0;
	display: block; 
	padding: 0px; 
	width: 100%;
	/*min-height: 280px;*/
	height: 100%;
	overflow: hidden;
}

.main-common-swiper .swiper-slide.swiper-slide-active {
	/* box-shadow: 0 10px 11px 0 rgba(0,0,0,.08); */
}

.main-common-swiper .swiper-pagination {
	bottom: 0;
}
.main-common-swiper .swiper-pagination-bullet {
	width: 14px;
	height: 8px;
	background-color: #b2b2b2;
	border-radius: 7px;
	opacity: 1; 
	transition: width .3s ease;
}
.main-common-swiper .swiper-pagination-bullet-active {
	width: 14px;
	height: 8px; 	
	background-color: #7a0082;
	border-radius: 7px;
}



.main-common-swiper .main-common-pagination {
	position: absolute;
	right: 8px;
	bottom: 12px;
	left: auto;
	width: auto;
	min-width: 35px;
	height: 23px;
	line-height: 23px;
	padding: 0 10px;
	box-sizing: border-box;

	background: rgba(0, 0, 0, 0.55);
	border-radius: 20px;

	color: #fff;
	font-size: 11px;
	font-weight: 500;
	text-align: center;

	z-index: 10;
}