@import "../../app.wxss";
.leftBox {
	position: fixed;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	/* width: 100vw;
	height: 100vh; */
	z-index: 999;
}
.leftBox .mask {
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.5);
}

.leftBox .hideBox {
	position: fixed;
	left: 0;
	bottom: -100vh;
	width: 100vw;
	/* height: 100vh; */
	overflow: hidden;
	z-index: 99;
	/* background-color: #fff; */
	border-radius: 16px 16px 0px 0px;
	transition: bottom linear 0.2s;
}

.leftBox .leftShow {
	box-sizing: border-box;
	background: url("https://matripe-cms.oss-cn-beijing.aliyuncs.com/pugongying/quicklyRecord.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	/* background: #8bbd85; */
	padding: 68px 10px 0;
	bottom: 0px !important;
}

.container {
	height: calc(100%);
	border-radius: 16px 16px 0px 0px;
	padding: 12px 24px 0;

	/* padding-bottom: constant(safe-area-inset-top);
	padding-bottom: env(safe-area-inset-top);
	padding-bottom: 32px; */
}
.sub {
	padding: 6px 15px;
	font-size: 14px;
	border-radius: 16px;
	color: #999;
	background-color: #eeeeee55;
}
.sub.subActive {
	color: #0dcc91;
	background-color: #ebfff9;
	justify-content: space-between;
}
.sticky{
  position: sticky;
  bottom: 0;
}