/* 侧边栏按钮 */
.hover-button {
	width: 56px;
	height: 56px;
	background: #2AE8B5;
	text-align: center;
	position: fixed;
	top: 60px;
	right: 180px;
	cursor: pointer;
	z-index: 10;
}
.hover-button .button {
	color: #fff;
	font-size: 26px;
	line-height: 56px;
}

/* 侧边栏 */
.side-bar {
	flex: 1;
	width: 375px;
	background: #fff;
	z-index: 12;
}
.side-bar-con {
	position: fixed;
	width: 375px;
	height: 100vh;
}
.side-bar-close {
	width: 30px;
	margin: 10px;
	cursor: pointer;
}
.side-bar-inner {
	display: flex;
	flex-direction: column;

}
.side-bar-logo {
	text-align: center;
	height: 100px;
}
.side-bar-list {
	text-align: center;
	margin-top: 40px;
}
.side-bar-item {
	font-size: 20px;
	line-height: 60px;
	font-weight: bold;
	cursor: pointer;
}
.side-bar-item:hover {
	color: #2AE8B5;
}
.to-help:hover {
	color: #2AE8B5;
}
.side-bar-lang:hover {
	color: #000;
}
.lang-zh:hover,
.lang-en:hover {
	color: #2AE8B5;
}
.side-bar-lang {
	width: 100px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.lang-zh,
.lang-en {
	flex: 1;
	cursor: pointer;
	font-weight: bold;
}
.side-bar-qr-con {
	width: 100%;
	padding: 0 5%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-around;
	position: absolute;
	bottom: 60px;
}
.side-bar-qr {
	width: 120px;
	height: 120px;
	background: #000;
}
.side-bar-in {
	animation: side-bar-in 0.7s ease-in-out forwards;
}
.side-bar-out {
	animation: side-bar-out 0.7s ease-in-out forwards;
}
@keyframes side-bar-in {
	0% {
		margin-left: 0;
	}
	100% {
		margin-left: -375px;
	}
}
@keyframes side-bar-out {
	0% {
		margin-left: -375px;
	}
	100% {
		margin-left: 0;
	}
}