.review-container{
	padding: 0 20px;
	font-family: 'NotoSerif', '微软正黑体', 'Microsoft JhengHei UI', 'Microsoft JhengHei', Sans-serif;
	overflow: auto;
	height: 100vh;
	background-color: #f7f7f7;
	padding-bottom: 120px;
	
	.ivu-btn{
		margin-left: 40px;
	}
	
	.upload-btn{
		background-color: #00c3c3;
		border-color: #00c3c3;
		margin: 10px;
	}
	
	.review-header{
		position: sticky;
		top: 0;
		padding: 15px 0;
		background: #f7f7f7;
		z-index: 9;
		border-bottom: 1px solid #e2e2e2;
	}
	
	.review-title{
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 20px;
		
		.ivu-icon{
			font-size: 24px;
			margin-right: 10px;
			cursor: pointer;
		}
	}
	.ability-des{
		margin-left: 35px;
		font-weight: bold;
		color: #838383;
	}
	
	.unit-list{
		margin-left: 35px;
		margin-top: 20px;
		.unit-item{
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: 1px solid #e8e8e8;
			
			.task-radio-group{
				span{
					margin:10px 6px;
					display: inline-block;
					background: #d4dae3;
					padding: 2px 10px;
					color: #828282;
					cursor: pointer;
				}
				
				.active{
					background-color: #00c3c3;
					color: #fff;
				}
			}
			
			&-name{
				font-size: 16px;
				font-weight: bold;
			}
			&-des{
				margin: 10px;
				color: #838383;
			}
			&-files{
				.unit-file-item{
					display: inline-flex;
					align-items: center;
					background-color: #eaeaea;
					padding: 20px;
					margin-left: 10px;
					border-radius: 6px;
					
					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: 20px 0 10px 10px;
				color: #505050;
				
				&::before {
					content: '';
					display: inline-block;
					border: 4px solid #78797c;
					border-radius: 50%;
					margin-right: 10px;
					margin-bottom: 3px;
				}
			}
			
			.unit-item-appraise{
				margin-left: 10px;
				display: flex;
				
				.ivu-radio-group-item{
					margin-right: 10px;
					border-radius: 5px;
				}
				
				.appraise-block{
					background: #f1f1f1;
					padding: 10px;
					border-radius: 6px;
					margin-right: 20px;
				}
				
				.title{
					font-size: 18px;
					font-weight: bold;
					margin-bottom: 10px;
					
					.ivu-icon{
						margin-right: 10px;
						font-size: 20px;
						vertical-align: revert;
						cursor: pointer;
					}
				}
				
				.ivu-checkbox-group{
					display: inline-flex;
					flex-direction: column;
					
					.ivu-checkbox-group-item{
						margin-bottom: 5px;
						font-size: 14px;
					}
				}
			}
			
			.appraise-result{
				margin: 30px 0 0 10px;
				
				
			}
		}
	}
	.good{
		font-size: 18px;
		font-weight: bold;
		color: #00af00;
	}
	.normal{
		font-size: 18px;
		font-weight: bold;
		color: #e87237;
	}
	.bad{
		font-size: 18px;
		font-weight: bold;
		color: #949494;
	}
	
	
	.image-viewer {
	    background-color: rgba(0, 0, 0, 0.8);
	    z-index: 9999;
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    top: 0;
	    left: 0;
	    overflow-y: scroll;
	    overflow-x: hidden;
	    text-align: center;
	    /*display: flex;
	    justify-content: center;
	    align-items: center;*/
	    padding:50px;
	    padding-top:8%;
	    .close-icon {
	        position: absolute;
	        right: -16px;
	        top: -16px;
	        font-size: 24px;
	        color: black;
	        cursor: pointer;
	        border-radius:50px;
	        background:white;
	        padding:2px;
	    }
	}
}
