@charset "utf-8";
/* CSS Document */
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.aside {
	width: 100%;
}
.aside>div {
	margin-bottom: 30px;
}
.swiper-container {
	width: 100%;
}
.img-art-swiper {
	height: 228px;
}
.swiper-slide {
	text-align: left
}
.img-art-swiper .swiper-slide {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 228px;
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center
}

.img-art-next,
.img-art-prev {
	position: absolute;
	top: 50%;
	bottom: 0;
	z-index: 10;
	margin-top: -20px;
	color: #fff;
	cursor: pointer;
	transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	opacity: 0
}

.img-art-swiper:hover .img-art-next,
.img-art-swiper:hover .img-art-prev {
	opacity: 1
}

.img-art-next>div,
.img-art-prev>div {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 32px;
	height: 40px;
	background-color: rgba(0, 0, 0, .3);
	cursor: pointer;
	flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center
}

.img-art-next i,
.img-art-prev i {
	font-size: 22px
}

.img-art-next {
	right: 0px
}

.img-art-prev {
	left: 0px
}
.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-p-arrow-L:before {
	content: "\e774";
}
.icon-p-arrow-R:before {
	content: "\e772";
}
@font-face {
	font-family: "iconfont";
	/* Project id 936558 */
	src: url('../fonts/iconfont1.eot?t=1666087667447');
	/* IE9 */
	src: url('../fonts/iconfont1.eot?t=1666087667447#iefix') format('embedded-opentype'),
		/* IE6-IE8 */
		url('../fonts/iconfont1.woff?t=1666087667447') format('woff'),
		url('../fonts/iconfont1.ttf?t=1666087667447') format('truetype');
}
.text-center {
	text-align: center;
}
.img-art-pagination {
	position: absolute;
	bottom: 0;
	z-index: 10;
	padding-top: 8px
}
.aside .swiper-container-horizontal>.swiper-pagination-bullets,
.aside .swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom:5px;
}
.img-art-swiper .img-art-pagination span {
	position: relative;
	margin-right: 6px;
	width: 20px;
	height: 2px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: #eee;
	opacity: 1
}
.img-art-swiper .swiper-pagination-bullet-active {
	background-color: rgba(255, 255, 255, .8)
}
.img-art-swiper .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.img-max {
	max-width: 100%;
	width: 100%;
	height: 100%;
	display: block;
}
.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.img-art-swiper .img-art-txt {
	position: absolute;
	right: 0;
	bottom: 0px;
	left: 0;
	height: 40px;
	background: linear-gradient(rgba(23, 23, 23, 0), rgba(23, 23, 23, .7));
	background: -moz-linear-gradient(rgba(23, 23, 23, 0), rgba(23, 23, 23, .7));
	background: -ms-linear-gradient(rgba(23, 23, 23, 0), rgba(23, 23, 23, .7));
	background: -webkit-linear-gradient(rgba(23, 23, 23, 0), rgba(23, 23, 23, .7));
	color: #fff;
	text-align: center;
	line-height: 30px;
	display: none;
}
.img-art-swiper .swiper-pagination-bullet-active:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 0;
	background: red;
	content: '';
	animation: mybbs 1.5s linear forwards;
	-moz-animation: mybbs 1.5s linear forwards;
	-ms-animation: mybbs 1.5s linear forwards;
	-webkit-animation: mybbs 1.5s linear forwards
}

.img-art-swiper:hover .swiper-pagination-bullet-active:before {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-ms-animation-play-state: paused
}
@keyframes mybbs {
	from {
		width: 2px
	}
	to {
		width: 100%
	}
}

@-webkit-keyframes mybbs {
	from {
		width: 2px
	}
	to {
		width: 100%
	}
}
.img-art-swiper .swiper-slide:before {
    position: absolute;
    bottom: -3px;
    left: -8px;
    padding: 2px 10px 4px 10px;
    -webkit-border-top-right-radius: 40%;
    border-top-right-radius: 40%;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    content: '广告';
    font-size: 12px;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    -ms-transform: scale(.8);
}
.img-art-swiper .swiper-slide-on8::before {
    content: '';
}
@media(max-width:768px) {
	.img-art-swiper{ height:462px;}
	.img-art-swiper .swiper-slide{ height:462px;}
	}
@media(max-width:750px) {
	.img-art-swiper{ height:451px;}
	.img-art-swiper .swiper-slide{ height:451px;}
	}
@media(max-width:720px) {
	.img-art-swiper{ height:432px;}
	.img-art-swiper .swiper-slide{ height:432px;}
	}
@media(max-width:680px) {
	.img-art-swiper{ height:407px;}
	.img-art-swiper .swiper-slide{ height:407px;}
	}
@media(max-width:640px) {
	.img-art-swiper{ height:382px;}
	.img-art-swiper .swiper-slide{ height:382px;}
	}
@media(max-width:620px) {
	.img-art-swiper{ height:370px;}
	.img-art-swiper .swiper-slide{ height:370px;}
	}
@media(max-width:580px) {
	.img-art-swiper{ height:345px;}
	.img-art-swiper .swiper-slide{ height:345px;}
	}
@media(max-width:560px) {
	.img-art-swiper{ height:332px;}
	.img-art-swiper .swiper-slide{ height:332px;}
	}
@media(max-width:540px) {
	.img-art-swiper{ height:319px;}
	.img-art-swiper .swiper-slide{ height:319px;}
	}
@media(max-width:520px) {
	.img-art-swiper{ height:307px;}
	.img-art-swiper .swiper-slide{ height:307px;}
	}
@media(max-width:480px) {
	.img-art-swiper{ height:282px;}
	.img-art-swiper .swiper-slide{ height:282px;}
	}
@media(max-width:460px) {
	.img-art-swiper{ height:269px;}
	.img-art-swiper .swiper-slide{ height:269px;}
	}
@media(max-width:420px) {
	.img-art-swiper{ height:244px;}
	.img-art-swiper .swiper-slide{ height:244px;}
	}
@media(max-width:414px) {
	.img-art-swiper{ height:241px;}
	.img-art-swiper .swiper-slide{ height:241px;}
	}
@media(max-width:412px) {
	.img-art-swiper{ height:239px;}
	.img-art-swiper .swiper-slide{ height:239px;}
	}
@media(max-width:411px) {
	.img-art-swiper{ height:239px;}
	.img-art-swiper .swiper-slide{ height:239px;}
	}
@media(max-width:375px) {
	.img-art-swiper{ height:216px;}
	.img-art-swiper .swiper-slide{ height:216px;}
	}
@media(max-width:360px) {
	.img-art-swiper{ height:207px;}
	.img-art-swiper .swiper-slide{ height:207px;}
	}
@media(max-width:320px) {
	.img-art-swiper{ height:182px;}
	.img-art-swiper .swiper-slide{ height:182px;}
	}