.video-container {
		padding: 20px;
		height: 100vh;
		background-color: #f7f7f7;
		overflow: auto;
		padding-bottom: 100px;
		font-family: 'NotoSerif', '微软正黑体', 'Microsoft JhengHei UI', 'Microsoft JhengHei', Sans-serif;
		
		#videoLine {
			background: #fff;
			height: 400px;
			width: 100%;
		}
		
		.comment-input-wrap{
			display: flex;
			margin-top: 20px;
			margin-bottom: 20px;
			
			.ivu-input-wrapper{
				margin-right: 10px;
			}
			
			.ivu-btn{
				margin: 7px 0 0 0 !important;
			}
		}
		
		.video-wrap{
			display: flex;
			justify-content: space-between;
		}
		
		.left-panel{
			width: 58%;
			
			.appraise-item{
				margin: 20px 40px;
				display: flex;
				align-items: center;
				
				.appraise-dimension-name{
					font-size: 16px;
					display: inline-block;
				}
				
				.ivu-rate{
					display: inline-block;
					margin-left: 20px;
					font-size: 28px;
				}
			}
			
			.quick-appraise{
				
				.quick-item{
					background-color: #a9a9a9;
					padding: 6px 15px;
					margin-right: 10px;
					color: #fff;
					border-radius: 5px;
					cursor: pointer;
				}
			}
			
			.appraise-result{
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				margin-top: 60px;
			}
		}
		
		.right-block-item{
			position: relative;
			width: 100%;
			background-color: #fff;
			margin-bottom: 20px;
			display: inline-table;
			padding: 20px 5px;
			
			.comment-time{
				background-color: #00b1a5;
				padding: 2px 8px;
				color: #fff;
				font-size: 12px;
				border-radius: 10px;
				display: inline-block;
				cursor: pointer;
			}
			
			.comment-type{
				background-color: #ff8423;
				padding: 2px 8px;
				color: #fff;
				font-size: 12px;
				border-radius: 10px;
				display: inline-block;
			}
		}
		
		.right-panel{
			display: flex;
			flex-direction: column;
			width: 41%;
			padding-top: 50px;
			
			.ivu-table{
				margin-top: 20px;
				
				th{
					background-color: transparent;
				}
			}
			
			table{
				// padding: 20px;
				width: 80%;
				margin-left: 2%;
			}
		}
		
		.video-title{
			font-size: 18px;
			font-weight: bold;
			margin: 0 20px;
			
			&::before {
				content: '';
				display: inline-block;
				border: 2px solid #19be6b;
				height: 12px;
				margin-right: 10px;
			}
		}
		
		.appraise-detail .ivu-btn{
			margin: 20px;
		}

		.table-filter {
			margin: 10px 0;

			.ivu-select {
				margin-right: 10px;
			}
		}

		.ivu-table {
			font-size: 14px;
		}
		
		
		.ivu-radio-group-item{
			margin-right: 10px;
			border-radius: 5px;
		}
		
		.good{
			.ivu-radio-wrapper-checked{
				background-color: #007400;
			}
		}
		
		.appraise-detail{
			padding: 20px;
			
			.detail-title{
				font-size: 20px;
				font-weight: bold;
				margin-bottom: 20px;
				
				.ivu-icon{
					font-size: 24px;
					margin-right: 10px;
					cursor: pointer;
				}
			}
		}
		
		.unit-file-item{
			display: inline-flex;
			align-items: center;
			background-color: rgb(246,247,249);
			padding: 10px;
			margin-left: 10px;
			
			img{
				width: 40px;
				height: 40px;
			}
			
			.file-info{
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				margin-left: 20px;
			}
			
			.file-name{
				font-weight: bold;
			}
			
			.file-size{
				color: #969696;
				font-size: 12px;
			}
			
			.file-action{
				margin-left: 50px;
				
				span{
					margin-right: 10px;
					color: #0098ff;
					font-weight: bold;
					cursor: pointer;
				}
			}
		}
		
		.appraise-title{
			margin: 10px;
			color: #838383;
		}
		
		.unit-item-appraise{
			margin-left: 10px;
			.ivu-checkbox-group{
				display: inline-flex;
				flex-direction: column;
				padding: 10px;
				
				.ivu-checkbox-group-item{
					margin: 5px;
					font-size: 14px;
				}
			}
		}
	}