@charset "utf-8";

.list-bn {
	height: 3.92rem;
}

.list-bn>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.position {
	width: 14.5rem;
	height: .46rem;
	line-height: .46rem;
	margin: 0 auto;	
	display: flex;
	justify-content: flex-start;
	font-size: .2rem;
	color: black !important;
}

.position a,.position span {
	color: black;
}

.position>li {
	color: black !important;
	position: relative;
}

.position>li .head {
	display: block;
	color: #f9e6cd;
	background: #881812;
	border-radius: 0 0 .12rem .12rem;
	position: relative;
	z-index: 10;
	padding: 0 .25rem;
}

.position .spc {
	background: #f9e6cd;
	width: .2rem;
	margin: 0 0 0 -.1rem;
}

.position .arrow {
	background: #f9e6cd;
	font-family: "SimSun";
	margin: 0 0 0 -.1rem;
	padding: 0 0 0 .1rem;
}

.position>li:nth-of-type(3)  {
	z-index: 30;
}

.position>li a.items {
	display: block;
	background: #f9e6cd;
	padding: 0 .2rem;
	border-radius: 0 0 .12rem 0;
}

.position>li a.items:hover {
	color: #881812;
	font-weight: bold;
}

.position>li .items-open {
	background: #f9d7ae;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: -.2rem;
	left: 0;
	padding: .1rem .2rem .25rem .2rem;
	border-radius: .1rem;
	transition: .3s all;
}

.position>li:hover .items-open {
	visibility: visible;
	opacity: 1;
	transition: .3s all;
}

.position>li .items-open a {
	display: block;
	border-bottom: .01rem dashed black;
	padding: 0 .3rem;
	white-space: nowrap;
	z-index: 99;
}

.position>li .items-open a:not(.now):hover {
	color: #881812;
	font-weight: bold;
}

.position>li .items-open .now {
	color: #f9e6cd;
	background: #881812;
	font-weight: bold;
	letter-spacing: .02rem;
}