.tt_evaluation{
	@include text-ellipsis();
	line-height:normal;
	font-size: 14px;
	color: #647481;
	.grade {
		height: 26px;
	}
	.font20 {
		font-size: 20px;
	}
	.font18 {
		font-size: 18px;
	}
	.txt-green {
		color: #2DAB92;
	}
	.txt-red {
		color: #ED5858;
	}
	.txt-blue {
		color: #5B99EE;
	}
	.txt-yellow {
		color: #F69E17;
	}
	.evaluation-star-list-show{
		.star-ico-show{
			color:#F69E17;
			font-size: 12px;
			display: inline-block;
			cursor: pointer;
		}
	}
}
.tt_evaluation_middle{
	.text_e{
		@include feedSetFont(14px,16px);
	}
}
.tt_evaluation-star-list{
	font-size: 16px;
	.star {
		color: #A9B8BF;
		&.active {
			color: #F69E17;
		}
	}
}
.evaluation-star-list{
	.star-ico{
		color:#F69E17;
		font-size: 18px;
		display: inline-block;
		cursor: pointer;
	}
}
.evaluation-item-box{
	.evaluation-item{
		background-color:rgba(194,224,255,0.2);
		// box-shadow:0 2px 3px rgba(0,0,0,.3);
		z-index:1;
		position:relative;
		margin-top:-1px;
		border-radius: 4px;
		min-width:580px;
	}
	@include feedSetFont(12px,18px);

	.has-radio{
		.evaluation-title{
			padding-left: 25px;
			color: #83898F;
		}
		.evaluation-score-containe{
			padding-left:99px;
		}
		.eval-item{
			padding-left:103px;
		}
	}
	&.active{
		z-index:9999;
		background: rgba(194,224,255,0.2);
		border-radius: 4px;
	}
	.evaluation-none{
		background-color:rgba(194,224,255,0.2);
		text-align: center;
		padding:25px 0;
		.text_none{
			font-size: 14px;
			vertical-align: middle;
			color: rgba(131,137,143,1);
			margin-right: 20px;
		}
		.text_sure{
			font-size: 14px;
			color: #5CADFF;
			vertical-align: middle;
			cursor: pointer;
		}
	}
	.evaluation-operate{
		//   background-color: #f1f1f1;
		  text-align: right;
		  padding: 8px;
		  padding-top: 0;
		  .btn{
			 margin: 0 8px;
  			 display: inline-block;
		  }
		  .btn-sure{
			background: rgba(92,173,255,1);
			border:none;
		  }
		  .btn-cancel{
			border: none;
		  }
		  .btn-disabled{
			cursor: default;
			background-image: none;
			border-color: #dddddd;
			background-color: #eee;
			color: #c5c5c5;
			display: inline-block;
		  }
	}
	img{
		border-radius:15px;
	}
	label{
		font-size:12px;
	}
	textarea{
		color:#555;
		width:98%;
		font-size: 12px;
		line-height: 24px;
		outline: none;
		min-height: 70px;
		padding:0 6px;
		&::-webkit-input-placeholder {color:#aaa;}
		&:-moz-placeholder {color:#aaa;}
		&::-moz-placeholder { color:#aaa;}
		&:-ms-input-placeholder {color:#aaa;}
	}
	.medal{
		float: left;
		font-size: 12px;
		font-weight: bold;
		color: #aaa;
		cursor: pointer;
		height: 58px;
		width: 60px;
		text-align: center;
		margin-right: 14px;
		border: 1px solid #ddd;
		border-radius: 5px;
		display: flex;
		flex-direction: column;
		white-space: nowrap;
		box-sizing: border-box;
		align-items: center;
		justify-content: center;
		position: relative;
		.icon{
			margin-right:6px;
		}

	}
	.medal-ico{
		font-size: 22px;
		   vertical-align: text-bottom;
		   margin-bottom: 5px;
	}
	.medal-active{
		color:#000;
	}
	
	.last-score{
		display: inline-block;
	}
	.score-value{
		color:#58C583;
		font-size:14px;
		font-family:"Arial";
		padding-right:0.5em;
		float: left;
	}
	.medal-hover-0:hover{
		border-color: #ffb527;
	}
	.medal-active-0{
		color:#ffb527;
		border-color: #ffb527;
		&::after{
			content: ' ';
			display: inline-block;
			position: absolute;
			width: 0;
			height: 0;
			border-width: 0 0 15px 21px;
			border-style: solid;
			border-color: #ffb527 transparent;
			right: 0;
			bottom: 0;
		}
	}
	.medal-hover-1:hover{
		border-color: #84acde;
	}
	.medal-active-1{
		color:#84acde;
		border-color: #84acde;
		&::after{
			content: ' ';
			display: inline-block;
			position: absolute;
			width: 0;
			height: 0;
			border-width: 0 0 15px 21px;
			border-style: solid;
			border-color: #84acde transparent;
			right: 0;
			bottom: 0;
		}
	}
	.medal-hover-2:hover{
		border-color: #ff5b5b;
	}
	.medal-active-show{
		position: absolute;
		right: 0px;
		bottom: 0;
		z-index: 1;
		color: #fff;
		font-size: 12px;
		transform: scale(0.7);
	}
	.medal-active-2{
		color:#ff5b5b;
		border-color: #ff5b5b;
		&::after{
			content: ' ';
			display: inline-block;
			position: absolute;
			width: 0;
			height: 0;
			border-width: 0 0 15px 21px;
			border-style: solid;
			border-color: #ff5b5b transparent;
			right: 0;
			bottom: 0;
		}
	}
}
.evaluation-preview{
	padding: 14px 12px 0 12px;
	.star-ico:hover{
		vertical-align: top;
	}
	.preview-operate{
		position: absolute;
		right:14px;
		z-index: 2;
		bottom: 8px;
		text-align: center;
		cursor: pointer;
		span{
			font-size: 12px;
			color: #1D86F0;
		}
	}
	.preview-detail{
		position:relative;
		z-index: 1;
	}
	.evaluation-user{
		float: left;
		margin-right:12px;
		width: 30px;
	}

	.preview-list{
		padding:0 0 0 42px;
		margin-right:120px;
		.last-score{
			margin-left:42px;
			top:2px;
			line-height: 26px;
		}
		.score-value{
			float: left;
			font-size: 24px;
		}
	}
	.label-name{
		float:left;
		color:#555;
		white-space: nowrap;
	}
	.evaluation-result{
		padding-left: 10px;
		word-wrap: break-word
	}
	.preview-score{
		line-height: 20px;
		display:flex;
	}
	.preview-comment{
		padding:10px 0 12px 0;
		color:#33383D;
		line-height: 22px;
		display:flex;
	}
	.show-all{
		margin-left: 10px;
	}
	.show-detail{
		position:absolute;
		right:27px;
		bottom:12px;
		&.arrow-up{
			bottom:28px;
		}
	}

	.evaluation-dimension{
		border-top: 1px dashed #eee;
  		padding: 8px 150px 8px 90px;
  		position: relative;
  		.preview-dimension-item{
  			display: inline-block;
  			width: 48%;
  			color:#555;
  			line-height: 24px;
  		}
  		label{
			float: left;
			width:90px;
			position:relative;
			top:1px;
			line-height:24px;
  		}
  		.item-value{
  			color: #555;
  			float: left;
  		}
	}
}
.evaluation-item-box{
	.evaluation-star-list{
		display: inline-block;
		vertical-align: top;
	}
	.evaluation-list{
		margin:0 20px;
	}
	.eval-item{
		padding: 12px 0 12px 74px;
		border-top:1px solid #EEE;
	}
	.evaluation-title{
		width:74px;
		float: left;
		font-weight: bold;
		position: relative;
		top:24px;
	}
	.double-item{
		.evaluation-title{
		   padding-left:24px;
		}
		.eval-item{
			padding-left:96px;
		}
		.nochecked{
			color: #c5c5c5;
		}
	}
	.isShowRaio{
		.evaluation-title{
			padding-left:25px;
		}
	}
	.dimension-title{
		 float: left;
		  width: 74px;
		  margin-right: 18px;
		  cursor: default;
		  line-height: 22px;
	}
	.star-list-container{
		display: inline-block;
	}
	.dimension-item{
		padding:10px 0;
	}
	.evaluation-score{
		.evaluation-score-container{
			padding-top:15px;
			padding-bottom:15px;
			border-top:none;
			height: 22px;
			line-height: 22px;
		}
		.evaluation-title{
			position: relative;
			top:16px;
		}
		.last-score{
			margin-left:40px;
			position: relative;
  			top: 2px;
		}
		.score-value{
			font-size: 24px;
			vertical-align: text-bottom;
		}
		
	}
	.evaluation-dimension{
		.evaluation-dimension-container{
			padding-top:10px;
			padding-bottom:6px;
		}
		.last-score{
			margin-left:20px;
			position: relative;
  			top: 2px;
		}
	}
	.evaluation-medal{
		.evaluation-medal-containner{
			margin:4px 0;
			border-top: 1px solid rgba(194,224,255,1);
			border-top-style: dashed;
		}
	}
	.evaluation-comment{
		.comment{
			margin:12px 0;
			border: none;
		}
		.evaluation-title{
			position: relative;
			top:30px;
		}
	}
}