/*维修订单详情*/
 

  .choose-person-btn{
  	font-size: 16px;
	color: #0080FF;
	text-decoration: underline;
	cursor: pointer;
  }
  /*详情弹窗*/
  .dialog-detail-con{
  	width: 690px;
  }
  .dialog-detail-header{
  	max-height: 460px;
  	overflow-y: auto;
  }
  .dialog-detail-con .detail-top{
   margin: 28px 0 0 0;
   padding-bottom: 10px;
  	border-bottom: 1px solid #eee;
  }
  .detail-top-item{
   	margin-bottom: 14px;
    padding-left: 50px;
    float: left;
  	width: 50%;
  	font-size: 14px;
	color: #333333;
  	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box;     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex;         /* 新版本语法: Opera 12.1, Firefox 22+ */
  }
  .detail-top-item .tips{
  	width: 100px;
  	text-align: left;
  }
  .detail-top-item .top-item-value{
 	padding-right: 30px;
  	line-height: 22px;
  	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
  	 -webkit-box-flex: 1   /* OLD - iOS 6-, Safari 3.1-6 */  
    -moz-box-flex: 1;     /* OLD - Firefox 19- */              
    -webkit-flex: 1;      /* Chrome */  
    -ms-flex: 1           /* IE 10 */  
    flex: 1;              /* NEW, Spec - Opera 12.1, Firefox 20+ */
  }
  .detail-middle,
  .detail-btm {
  	padding: 20px 59px;
  	border-bottom: 1px solid #eee;
  }
  .detail-btm{
  	border-bottom: none;
  }
  .user-grade-wp{
  		padding: 20px 59px;
  		border-top: 1px solid #eee;
  }
  .detail-middle .repair-descript{
   margin-bottom: 20px;
    line-height: 22px;
  	font-size: 14px;
	color: #333333;
  }
  .detail-middle .repair-img-item{
  	position: relative;
  	float: left;
  	width: 179px;
  	height: 100px;
  	line-height: 100px;
  	margin: 0 15px 10px 0 ;
  	border: 1px solid #eee;
  	border-radius: 4px;
	text-align: center;
  }
  .detail-middle .repair-img-item .img{
  	/* position: absolute;
  	top: 50%;
  	left: 50%; */
  	max-height: 100%;
  	max-width: 100%;
  	/* transform: translate(-50%,-50%);
	-ms-transform:  translate(-50%,-50%); 	IE 9
	-moz-transform:  translate(-50%,-50%); 	Firefox
	-webkit-transform:  translate(-50%,-50%); Safari 和 Chrome
	-o-transform:  translate(-50%,-50%);  */
  }
  /* .detail-middle .repair-img-item:nth-child(3n){
  	margin-right: 0
  } */
  .detail-btm  .tips{
  	float: left;
  	font-size: 14px;
	color: #333333;
	width: 70px;
	text-align: left;
  }
  
  .detail-btm .layui-timeline{
 
   float: left;
  	width: 470px;
  	line-height: 22px;
  	font-size: 14px;
	color: #333333;
  }
  .detail-btm .layui-timeline-title{
  	font-size: 14px;
	color: #333333;
  }
  .detail-btm .layui-timeline-title .date{
  	float: left;
  	width: 155px;
  }
   .detail-btm .layui-timeline-title .time{
  	float: left;
  	width: 80px;
  }
  .detail-btm .layui-timeline-title .con{
  	float: left;
  	width: 240px;
  }
  .detail-btm .layui-timeline-axis{
  	color: #D8D8D8
  }
  .order-status-1{
  	float: left;
  	width: 490px;
  	font-size: 14px;
	color: #333333;
	font-weight: 600;
  }
  .detail-operate-btn{
  	padding: 32px 0 ;
  	text-align: center;
  }
  .dialog-detial-footer{
  	border-top: 1px solid #eee;
  }
  .detail-operate-btn .btn-white{
  	margin-right: 20px;
  }
  .user-grade-wp .tips{
   float: left;
  	display: inline-block;
  	font-size: 14px;
	color: #333333;
  }
  .user-grade-top{
  	margin-bottom: 14px;
  }
  .user-grade-wp .star{
  float: left;
 
  	 margin-right: 5px;
  	display: inline-block;
  	width: 22px;
  	height: 22px;
  	cursor: pointer;
  	background: url("../../images/icons/star_gray.png") no-repeat center center;
  }
  .user-grade-wp .star.active{
  	background: url("../../images/icons/star_yellow.png") no-repeat center center;
  }
  .user-grade-btm .con{
    float: left;
  	display: inline-block;
  	width: 470px;
  }
   /*选择工程人员*/
  .dialog-choose-con{
  	width: 511px;
  }
  .choose-person-left,
  .choose-person-right{
  	float: left;
  	height: 400px;
  	overflow: auto;
  }
  .choose-person-left{
  	width: 160px;
  	background: #F3F3F3;
  }
  .choose-person-right{
  	width: 511px;
  }
  .choose-person-left .title,
  .choose-person-right .title{
  	height: 70px;
  	line-height: 70px;
  	font-size: 18px;
	color: #333333;	
	text-align: center;
	font-weight: 600;
  }
  .repair-item{
  	height: 45px;
  	line-height: 45px;
  	text-align: center;
  	font-size: 16px;
	color: #333333;
	cursor: pointer;
  }
  .repair-item.active{
  	background: #EE1A3B;
  	color: #fff;
  }
  .person-list{
  	width: 100%;
  }
  .person-list .person-item{
  	float: left;
  	margin-bottom: 20px;
  	width: 33.33%;
  	text-align: center;
  	
  }
  .choose-person-btns{
    padding: 22px 0;
  	text-align: center;
  	border-top: 1px solid #ddd;
  	
  }