* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	font-family: 微软雅黑;
}
/* 信息框 */
#snackbar {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #ff8033;
	color: black;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 50%;
	top: 100px;
	font-size: 17px;
}
#snackbar.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
/* 返回按钮 */
.goback img:hover{border: 1px solid lightblue;border-radius: 5px;box-shadow: 0 0 2px 2px lightblue;padding: 5px;}
.goback img{width: 30px;height: 30px;}

/* 连接状态 */
.float-mark{
	width: 60px;height: 30px;
	line-height: 30px;
	text-align: center;
	position: fixed;
	right: 20px;
	top:30px;
	z-index: 500;
	border-radius: 5px;
	background-color: rgb(255, 181, 71);
	box-shadow: 0 0 3px lightgray;
}
/* body{background: url(../IMG/bg.jpg) no-repeat;} */
/* 页面容器 */
.container {
	background: url(../IMG/bg.jpg) no-repeat;
	background-size: 100vw 100vh;
	width: 100%;
	min-width: 1340px;
	height:100%;
	min-height: 600px;
	margin: 0px auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}