.log-key-view[data-v-273aa4af] {
		position: fixed;
		right: 0;
		color: #FFFFFF;
		font-size: 0.625rem;
		background: #007AFF;
		top: 0;
		z-index: 999;
}


.content {
		display: flex;
		flex-direction: column;
}
.title {
		font-size: 0.9375rem;
		margin-left: 0.3125rem;
}
.item {
		background: #d6d6d6;
		margin: 0px 0.3125rem;
		text-align: center;
		display: inline-block;
}
.zone1 {
		height: 1.5625rem;
		width: 100%;
		display: flex;
		white-space: nowrap;
		margin-top: 1.25rem;
		    align-items: center;
}
.zone1 .item {
		width: 2.5rem;
		height: 1.25rem;
		line-height: 40px;
}
.swiper{
		height: 100%;
}
.zone5 {
		margin-top: 0.15625rem;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 1.5625rem;
		align-items: center;
}
.zone5 .item {
		width: 3.28125rem;
		height: 4.21875rem;
		line-height: 3.59375rem;
		margin: 0.15625rem;
}
.item-hover {
		transform: scale(1.04);
		box-shadow: 2px 4px 6px #555555;
		animation: glow 1500ms ease-out infinite alternate;
		-webkit-transform: scale(1.04);
		-webkit-box-shadow: 2px 4px 6px #555555;
		-webkit-animation: glow 1500ms ease-out infinite alternate;
		background: #585dfa;
		zoom: 1.05;
}
.zone1 .item-active{
		zoom:0;
		background:#4CD964
}
.zone1 .item-hover{
		zoom:0;
		background:#DD524D
}
.zone5 .item-hover{
		zoom:0;
		background:#ff007f
}