body{
	padding: 0;
	margin: 0;
	background-color: #f5f5f5;
}
[v-cloak]{
	display: none;
}

.mt8{
	margin-top: 8px;
}
.mt16{
	margin-top: 16px;
}
.ml8{
	margin-left: 8px;
}
.ml16{
	margin-left: 16px;
}
.mr8{
	margin-right: 8px;
}
.mr16{
	margin-right: 16px;
}
.mb8{
	margin-bottom: 8px;
}
.mb16{
	margin-bottom: 16px;
}

.tab-box .el-tabs__header{
	margin-bottom: 0;
}
.c-666{
	color: #666;
}
.c-999{
	color: #999;
}
.c-fff{
	color: #fff;
}
.c-red{
	color: #ff0000;
}
.c-yellow{
	color: #ea522d;
}
.c-green{
	color: #2e869a;
}
.f12{
	font-size: 12px;
}
.f14{
	font-size: 14px;
}
.f16{
	font-size: 16px;
}
.bold{
	font-weight: bold;
}
.common-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.content-box{
	padding: 15px;
}
.content-main{
	background-color: #fff;
	border-radius: 16px;
	padding: 16px;
}
.content-main-pdtb0{
	padding-top: 0;
	padding-bottom: 0;
}
.content-main-pdt0{
	padding-top: 0;
}
.content-main-pdb0{
	padding-bottom: 0;
}

.index-total-box{
	border-radius: 16px;
	background: url('../images/bg-img1.jpg') no-repeat center center;
	background-size: cover;
	height: 146px;
	position: relative;
	padding: 16px;
	box-sizing: border-box;
}
.index-total-box .total-date-type{
	position: absolute;
	right: 16px;
	top: 16px;
}
.index-total-box .total-data-box{
	color: #fff;
	position: absolute;
	left: 16px;
	bottom: 16px;
}
.total-data-box .total-data-label{
	font-size: 12px;
	margin-top: 8px;
}
.total-data-box .total-data-value{
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2em;
}

.fl-data-box{
	overflow: hidden;
}
.fl-data-box .fl-data-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 0;
	border-bottom: 1px solid #eee;
}
.fl-data-box .fl-data-item:last-child{
	border-bottom: 0 none;
}
.fl-data-left{
	flex: 1;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.fl-data-left-num{
	color: #999;
	margin-right: 4px;
}
.fl-data-info{
	flex: 1;
	overflow: hidden;
}
.fl-data-left .fl-data-icon{
	display: block;
	width: 32px;
	height: 32px;
	object-fit: cover;
	margin-right: 8px;
}
.fl-data-left .fl-data-name{
	font-size: 16px;
}
.fl-data-left .fl-data-desc{
	font-size: 12px;
	color: #999;
}
.fl-data-right{
	font-size: 14px;
	min-width: 90px;
	text-align: right;
}

.tab-box{
	padding: 0 16px;
	background-color: #fff;
	border-radius: 8px;
}
.report-title-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.report-title-box .report-title-text{
	font-weight: bold;
	font-size: 18px;
}
.report-query{
	display: flex;
	align-items: center;
}
.report-total-box{
	background-image: url('../images/bg-img2.jpg');
}
.account-total-box{
	background-image: url('../images/bg-img3.jpg');
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.account-content-main{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.jiyibi-box{
	width: 600px;
	margin: 0 auto;
	margin-top: 24px;
}

.liushui-title-box{
	border-bottom: 1px solid #eee;
	padding-bottom: 16px;
}
.liushui-right-box{
	display: flex;
	align-items: center;
}
.liushui-right-box .liushui-right-item{
	margin-left: 8px;
}
.liushui-main{
	height: calc(100vh - 200px);
	position: relative;
	padding-left: 316px;
}
.liushui-main-left{
	position: absolute;
	height: 100%;
	overflow: auto;
	left: 0;
	top: 0;
	width: 300px;
	padding-right: 16px;
	border-right: 1px solid #ddd;
}
.date-list-item{
	padding: 10px 16px;
	position: relative;
	margin-top: 16px;
	border-radius: 8px;
	cursor: pointer;
}
.date-list-item:hover,.date-list-item.active{
	background: linear-gradient(to right, #409EFF20, #409EFF00);
}
.date-list-item:hover::after,.date-list-item.active::after{
	content: "";
	display: block;
	width: 5px;
	height: 60%;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-color: #409EFF90;
}
.liushui-main-right{
	padding-left: 16px;
}
.liushui-main-right .img-box{
	overflow: hidden;
}
.liushui-main-right .img-box .img-item{
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	margin-bottom: 8px;
	margin-right: 8px;
	cursor: pointer;
}
.el-upload-list__item{
	transition: all 0.05s; 
}

.el-table{
	border-radius: 8px;
	overflow: hidden;
}
.el-table th.el-table__cell{
	background-color: #ebeef5;
}