﻿.marquee-outer{
	position: relative;
	overflow: hidden;
	height: 100%;
}
.marquee-item{
	display: flex;
	position: absolute;
}
.marquee-outer .item-block{
	flex-shrink: 0;
}
.marquee-nav .marquee-prev {
	background: #fff !important;
	font-size: 0.30rem !important;
	width: 0.36rem;
	position: absolute;
	height: 0.36rem;
	border-radius: 50% !important;
	box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 30%);
	top: 40%;
	left: -0.59rem;
	color: #000 !important;
	border: none;
	padding: 0px;
}

.marquee-nav .marquee-next {
	color: #000 !important;
	font-size: 0.30rem !important;
	width: 0.36rem;
	position: absolute;
	height: 0.36rem;
	border-radius: 50% !important;
	box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 30%);
	top: 40%;
	right: -0.59rem;
	background: #fff;
	border: none;
	padding: 0px;
}

.marquee-nav .marquee-next:hover,
.marquee-nav .marquee-prev:hover {
	background: linear-gradient(to right, #0697d0, #2fe79d) !important;
	color: #fff !important;
}
