.main{
		padding: 7px;
		padding-top: 87px; // 标题栏80px + 间距7px
		background-color: #F8F8F8;
		min-height: 100vh;
		.toptitle{
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			width: 100%;
			background-color: #0052D8;
			display: flex;
			height: 80px;
			justify-content: center;
			align-items: center;
			z-index: 200;
			.toptitle_left{
				padding-top: 20px;
				position: absolute;
				left: 10px;
				z-index: 1000;
			}
			.toptitle_title{
				color: #fff;
				font-size: 14px;
				padding-top: 20px;
			}
		}
		.title{
			padding: 10px;
			background-color: #fff;
			border-radius: 5px;
			margin-bottom: 10px;
			display: flex;
			align-items: center;
			.l1{
				margin-right: 10px;
				display: flex;align-items: center;
			}
		}
		.box{
			padding: 10px;
			background-color: #fff;
			border-radius: 5px;
			margin-bottom: 10px;
			display: flex;
			align-items: center;
			.l1{
				width: 20%;
			}
			.center{
				width: 70%;
				.f1{
					margin-bottom: 10px;
					font-size: 14px;
					font-weight: 600;
					width: 90%;
					overflow:hidden; //超出的文本隐藏
					text-overflow:ellipsis; //溢出用省略号显示
					white-space:nowrap; //溢出不换行
					color: #7b7b7b;
				}
				.f2{
					color: #c7c7c7;
				}
			}
			.r1{
				width: 10%;
			}
		}
	}