@charset "utf-8";

.marquee_list{position:relative; overflow:hidden}
.marquee_list .swiper-wrapper{display:-webkit-flex; display:flex; position:relative; width:100%;-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;}
.marquee_list .swiper-slide{flex-shrink:0; position:relative; cursor: pointer; overflow:hidden}
.marquee_list .swiper-slide::before{content:""; display:block; padding-bottom:100%}
.marquee_list .swiper-slide img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; -webkit-transition: all .5s ease; transition: all .5s ease}
.marquee_list iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);font-size: 0;color: #FFF;-webkit-transition:all .5s ease; transition:all .5s ease;}

.marquee_list .maskimg{opacity: 0; position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}

.marquee_list .swiper-slide:hover iconify-icon{font-size: 0.4rem;}

@media screen and (max-width:1440px) {}
@media screen and (max-width:1366px) {}
@media screen and (max-width:1200px) {}
@media screen and (max-width:1024px) {
	.marquee_list .swiper-slide:hover iconify-icon{font-size: 0.3rem;}
}
@media screen and (max-width:768px) {}
@media screen and (max-width:560px) {}