.serveDetail{
   background-color: #fff;
   padding: 5px  20px;
   width: 100%;
}
.serveDetail .des{
	width: 100%;
	padding: 10px 15px;
	background: #F4F8FF;
	border: 1px  #346BC4 dashed;
	line-height: 30px;
}
.serveDetail .des  > div{
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.serveDetail .des  > div #tips{
  display: inline-block;
  width: 100%;
  
}
.button
{
	background-color: #346BC4;
	border-radius: 5px;
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
	color:#fff;
	margin-right: 10px;
	cursor: pointer;
	display: inline-block;
	margin-top: 5px;
}
 .button1
{
	background-color: #F2F7FF;
	
border: 1px solid #346BC4;
	border-radius: 5px;
	height:30px;
	line-height: 30px;
	padding: 0px 10px;
	color:#346BC4;
	margin-right: 10px;
	cursor: pointer;
	display: inline-block;
	margin-top: 5px;
}
.serveDetail .btns{
	text-align: center;
	margin: 10px 0px;
}
.serveDetail  .form{
	width: 100%;
	margin: 10px 5px;
	display: inline-block;
	position: relative;
}
.serveDetail    .red{
	color: #DC1C1C;
	font-weight: bold;
	font-size: 16px;
}
.serveDetail  .form > li{
	width: 49%;
	display: inline-block;
	margin: 10px 0px;
	float: left;
	height: 30px;
	line-height: 30px;
}
.serveDetail  .form > li:nth-child(2n){
	float: left;
}
.serveDetail  .form > li > span{
	display: inline-block;
}
.serveDetail  .form > li > span:nth-child(1){
	width: 150px;
	text-align: right; 
	color: #333;
	font-size: 14px;
	vertical-align: top;
}
.serveDetail  .form > li > span:nth-child(2){
	width:calc(100% - 160px);
	text-align: left; 
	padding-left: 5px;
	position: relative;
}
.serveDetail  .form > li.filelist > span{
	vertical-align: top;
}
.serveDetail  .form > li.filelist > span:nth-child(2){
	padding: 5px 5px;
	line-height: 20px;
}
.serveDetail  .form > li.filelist > span:nth-child(2) a
{
	color:#3A6BE2;
	cursor: pointer;
	overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
		display: inline-block;
		width: 100%;
}
.serveDetail  .form .input{
	height: 30px;
	line-height: 30px;
	padding: 0px 5px;
	width: calc(80% - 15px);
	border:1px solid #999999;
	border-radius: 5px;
	color: #999;
}
.serveDetail  .form  .arrow{
	position: absolute;
	left: calc(80% - 30px);
	top:10px;
		z-index: 9999;
		height: 12px;
		width: 12px;
}
.serveDetail  .form  .options{
	position: absolute;
	left: 5px;
	top:28px;
	width: calc(80% - 19px);
	padding: 0px 0px;
	border:1px solid #999999;
	border-radius: 0px;
	color: #333;
	background-color: #fff;
	z-index: 9999;
	max-height: 150px;
	overflow-y: scroll;
	display: none;
}
.serveDetail  .form  .options .nodata{
	width: 100%;
	text-align: center;
	color: #999;
	font-size: 12px;
	display: none;
}
.serveDetail  .form  .options > li{
	width: 100%;
	text-align: left;
	overflow: hidden;
	 text-overflow: ellipsis;
	    white-space: nowrap;
		padding: 0px 5px;
		cursor: pointer;
}
.serveDetail  .form  .options > li:hover{
	background-color: #207EF4;
	color: #fff;
	font-weight: bold;
}
.serveDetail  .form .info{
	height: 30px;
	line-height: 30px;
	padding: 0px 5px;
	width: calc(90% - 15px);
	border:1px solid #979797;
	background-color: #F6F6F6;
	color:#999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 4px;
}
.serveDetail .fileList{
	width: calc(100% - 50px);
	padding-left: 50px;
	line-height: 30px;
}
.serveDetail .fileList > div{
	display: inline-block;
	width: 100%;
	margin: 5px 0px;
}
.serveDetail .fileList > div > span{
	display: inline-block;
	vertical-align: top;

	padding: 5px  0px;
	line-height: 20px;
}
.serveDetail .fileList > div > span:nth-child(2)
{
	color: #1A6BD5;
	cursor: pointer;
}
.uploadlist{
	line-height: 20px;
	width: 100%;
	text-align: left;
	padding: 5px  0px;
}
.uploadlist img{
	height: 18px !important;
	margin-left: 5px;
}

.serveDetail .fileList img{
	height:14px
}

.serveDetail  .form .upload{
	position: absolute;
	left: calc(50% + 150px);
	top:20px;
    text-align: left;	
}
.serveDetail  .form .upload .box{
	height: 80px;
	width: 80px;
	border:1px solid #ddd;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
}
.serveDetail  .form .upload .box img{
	height: 20px;
	margin-top:20px;
}
.serveDetail  .form .upload .box img.avatar{
	height: 80px;
	width: 80px;
	border-radius: 3px;
	margin-top:0px;
}
.serveDetail  .form .upload.disabled{
	top:10px
}
.serveDetail  .form .upload.disabled .box,.serveDetail  .form .upload.disabled .box img.avatar{
	height: 120px;
	width: 90px;
	border-width: 0px;
}
.serveDetail  .form .upload .text{
	height: 30px;
	line-height: 30px;

	color:#666;
	font-size: 12px;
}

  .serveDetail .list{
		   width:100%;
		   line-height: 40px;
		   margin:  0px 0px;
		   text-align: center;
	   }
	 .serveDetail .list  th{
           color: #346BC4;
           background: #EEF6FF;
		   text-align: center;
	   }
	   .serveDetail .list  td{
	         color: #333;
	       
	   		   text-align: center;
	     }
		   .serveDetail .list  td a{
			   margin: 0px  5px;
			   cursor: pointer;
			   color: #3A6BE2;
		   }
	  .serveDetail .list  tr:nth-child(2n) td{
			 background-color: #FBFBFB;
		 }
		 .serveDetail .list .blur{
			  color: #346BC4;
		 }
		 
	 .serveDetail .step{
		 width: 100%;
		 text-align: center;
		 padding: 20px  0px;
		
	 }
		   .serveDetail .step > span{
			   display: inline-block;
			   height: 40px;
			   line-height: 40px;
			   vertical-align: top;
			   margin: 0px  5px;
		   }
		   .serveDetail .step > span.xian{
			   width: 25%;
			   line-height: 38px;
		   }
		   .serveDetail .step.num3 > span.xian{
		   			   width: 18%;
		   }
		   .serveDetail .step > span .line{
			   width: 100%;
			   height: 2px;
			   display: inline-block;
			   background-color: #207EF4;
		   }
		   .serveDetail .step > span .circle{
			   height: 40px;line-height: 40px;
			   width: 40px;
			   border-radius: 50%;
			   color: #207EF4;
			   border:1px solid #207EF4;
			text-align: center;
			font-size: 18px;
			display: inline-block;
		margin-right:5px;
		position: initial;
		   }
		   .serveDetail .step > span .circle > img{
			   width: 25px;
		   }
		   
		   .layui-layer-btn{
		   	text-align: center;
		   }
		   
		   
		   .layui-layer-title{
		   	height: 50px;
		   	line-height: 50px;
		   	text-align: center;
		   	background-color: #fff;
		   	color: #333;
		   	font-size: 16px;
			border-bottom-width: 0px;
			font-weight: bold;
		   }
		   .layui-layer-btn .layui-layer-btn0 , .layui-layer-btn .layui-layer-btn1{
		       border-color: #346BC4;
		       background-color: #346BC4;
		       color: #fff;
			   height: 35px;
			   line-height: 35px;
			   border-radius: 5px;
			   margin: 5px 10px;
		   }
		   
		   .downloadList{
			   max-height: 450px;
			   overflow-y: scroll;
			  width: 100%;
			   padding: 5px 0px;
			   line-height: 40px;
			   display: inline-block;
		   }
		   .downloadList li{
			  
			   border-bottom: 1px dashed #eee;
			   height: 40px;
			   line-height: 40px;
			       background-color: #FBFBFB;
				    width:calc(100% - 0px);
					padding: 0px  10px;
		   }
		    .downloadList li > span{
				display: inline-block;
				vertical-align: top;
				
			}
			 .downloadList li > span:first-child{
				 width: calc(100% - 85px);
				 text-align: left;
				 overflow: hidden;
				 text-overflow: ellipsis;
				 white-space: nowrap;
			 }
			 .downloadList li > span:last-child{
				 width: 80px;
				 text-align: right;
				
			 }
			  .downloadList li > span > a{
				  color: #207EF4;
				  cursor: pointer;
			  }
			   .downloadList li > span > a img{
				   height: 15px;
			   }
		.windowinfo{
			text-align: left;
			padding:10px 10px ;
			word-wrap: break-word;
			font-size: 14px;
			line-height: 30px;
			width: 100%;
			max-height: 600px;
			overflow-y: scroll;
		}
		
		.serveDetail1 {
		    background-color: #fff;
		    padding: 10px 5px;
		    width: 100%;
			display: inline-block;
			margin-top: 10px;
		}
		.serveDetail1  .title{
			width: 100%;
			text-align: left;
			height: 30px;
			line-height: 30px;
			font-size: 16px;
			font-weight: 600;
			color: #333;
			padding-left: 10px;
		}
		
		.serveDetail1  .list{
			width: 100%;
			line-height: 30px;
			margin-top: 10px;
			padding: 0px 10px;
			display: inline-block;
		}
		.serveDetail1  .list .time{
			width: 110px;
			text-align: left;
			position: relative;
			vertical-align: top;
			float: left;
			display: inline-block;
			color:#666
		}
		.serveDetail1  .list .time .dian{
			height: 8px;
			width: 8px;
			display: inline-block;
			float: right;
			border:1px solid #207EF4;
			border-radius: 50%;
			margin-top: 12px;
		}
		.serveDetail1  .list .info .xian{
			position: absolute;
			left:-10px ;
			top:20px;
			height: calc(100% + 10px);
			width: 1px;
			background-color: #d2d2d2;
			display: inline-block;
			
		}
		.serveDetail1  .list .info{
			display: inline-block;
			width: calc(100% - 115px);
			float: right;
			text-align: left;
			position: relative;
			
		}
		.serveDetail1  .list .info .blur{
			color: #207EF4;
		}
		
		@media screen and (max-width:640px){
			.serveDetail .form > li{
				width: 100%;
				float: none;
			}
			.serveDetail .form > li > span:nth-child(1) {
				width: 135px;
			}
			.serveDetail .form > li > span:nth-child(2){
				width: calc(100% - 140px);
			} 
			.serveDetail .form .input{
				width: calc(100% - 10px);
			}
			.serveDetail .form .arrow{
				left: calc(100% - 30px);
			}
			.serveDetail .form .options {
				width: calc(100% - 15px);
			}
			.serveDetail .fileList{
				padding-left: 10px;
				width: calc(100% - 10px);
			}
			.serveDetail .form .upload{
				left: 140px;
				
			}
			.serveDetail .form .upload.disabled {
				top:50px
			}
			.serveDetail .form .upload.disabled .box, .serveDetail .form .upload.disabled .box img.avatar{
				width: 40px;
				height: 50px;
			}
			.serveDetail .step > span{
				height: 30px;
				line-height: 30px;
				margin: 0px 2px;
			}
			.serveDetail .step > span .circle {
			    height: 30px;
			    line-height: 30px;
			    width:30px;
			   
			    margin-right: 2px;
			}
			.serveDetail .step > span.xian{
				line-height: 28px;
			}
			.serveDetail .step.num3 > span.xian {
			    width: 14%;
			}
		}