.container {
	width: 100%;
	height: 100vh;
	overflow-y: scroll;
	overflow-x: hidden;
}
.m-bg {
	width: 100%;
	height: 3.6rem;
	background: url(../img/m_bg.png) no-repeat;
	background-size: 100%;
}
.mc-bg{
	width: 100%;
	height: 3.6rem;
	background: url(../img/mc_bg.png) no-repeat;
	background-size: 100%;
}
.o-bg{
	width: 100%;
	height: 3.6rem;
	background: url(../img/o_bg.png) no-repeat;
	background-size: 100%;
}
.m-s {
	display: block;
	font-size: 0.75rem;
	color: #FFFFFF;
	height: 0.72rem;
	font-weight: bold;
	line-height: 0.75rem;
	padding-top: 1.4rem;
	margin-left: 0.81rem;
}

.m-list {padding-bottom: 0.5rem;}

.m-l-item {
	width: 9.8rem;
	display: block;
	margin: 0 auto;
	padding-bottom: 0.5rem;
	border-bottom: 0.23rem solid #f7f7f7;
}

.m-l-i-title {
	padding: 0.6rem 0 0.4rem 0;
	border-bottom: 1px solid #e7e7e7;
}

.m-l-i-code {
	display: flex;
	margin-top: 0.45rem;
}

.m-l-i-code span,
.m-l-i-time span {
	display: block;
	height: 0.32rem;
	font-size: 0.42rem;
	font-weight: 400;
	font-family: 'SFUIText';
	color: #000000;
	line-height: 0.35rem;
	opacity: 0.65;
}

.m-l-i-code span:last-child,
.m-l-i-time span:last-child {
	margin-left: 0.1rem;
}

.m-l-i-time {
	display: flex;
	margin-top: 0.25rem;
}

.m-l-i-type {
	display: flex;
	align-items: center;
	margin-top: 0.46rem;
}

.m-l-i-type button {
	width: 2.22rem;
	padding: 0.2rem 0;
	font-size: 0.42rem;
	border-radius: 0.35rem;
	border: none;
}

.m-l-i-hf {
	background: #cccccc;
	color: #aaaaaa;

}

.m-l-i-hf span {
	color: #000000;
	opacity: 0.45;
}

.m-l-i-fk {
	background: #108CFB;
	margin-left: 0.49rem;
}

.m-l-i-fk span,
.m-l-i-pj span {
	color: #FFFFFF;
	opacity: 0.85;
}
.m-l-i-ypj{
	background: #cccccc;
	margin-left: 0.49rem;
}
.m-l-i-ypj span {
	color: #000000;
	opacity: 0.45;
}
.m-l-i-pj {
	background: #FF6440;
	margin-left: 0.49rem;
}