.tem-top{
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-top: 100px;
}
.tem-on div:last-child{
	font-size: 16px;
	color: #333333;
	margin-top: 10px;
}
.tem-on{
	background-color: #fff;
	position: relative;
}
.tem-on div:first-child{
	text-align: center;
	  border-radius: 50%;
	  background:#999999;
	  width: 24px;
	  height: 24px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  color: #fff;
	  margin: auto;
}
.currents{
	color: #fff;
	background-color: rgb(25, 118, 210) !important;
}
.tem-top::before{
	  content: "";
	  background: #dcdcdc;
	  margin-top: 16px;
	  display: inline-block;
	  width: 100%;
	  height: 0px;
	  vertical-align: middle;
	  position: absolute;
	  left: 0%;
	  top: 0;
	  
}
.tem-upload{
	width: 380px;
	margin-right: 30px;
	box-shadow: -2px 2px 15px 3px #dcdcdc;
	height: 100%;
}
.tem-upload{
	margin-right: 0;
}
.tem-bottom{
	display: flex;
	margin-top: 39px;
	flex-wrap: wrap;
}
.btn{
	margin-bottom: 60px;
	display: flex;
}
.btn div:first-child a{
	  border-radius: 5px;
	  background-color: rgb(251, 140, 0);
	  width: 100px;
	  height: 35px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  color: #fff;
}
.btn div:last-child a{
	  border-radius: 5px;
	  background-color: rgb(25, 118, 210);
	  width: 100px;
	  height: 35px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  color: #fff;
}
.btn div:first-child{
	margin-right: 20px;
}
.tem-upload{
	padding: 40px 20px 30px 20px;
}
.tem-upload .upload-on{
	color: #1976d2;
	font-size: 24px;
	padding-left: 45px;
	position: relative;
	margin-bottom: 40px;
}
.tem-upload .upload-on::before{
	content: "";
	width: 3px;
	background-color: #1976d2;
	position: absolute;
	left: 0;
	height: 100%;
}
.select-left{
	display: flex;
}
.select-on{
	align-items: flex-end;
	display: flex;
}
.select-tw{
	margin-right: 10px;
}
.select-th{
	border-bottom: 1px solid #a0a0a0;
}
.select-left .select-on:last-child{
	margin-left: 76px;
}
.select-th div:last-child select{
	position: absolute;
	padding-bottom: 5px;
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.file-load{
	display: flex;
	align-items: center;
}
.file-load div:first-child{
	margin-right: 10px;
}
.file-load{
	margin-top: 30px;
}
.uploader{
position:relative;
display:inline-block;
width: 100%;
cursor:default;
padding:0;
margin:10px 0px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.filename{
float:left;
display:inline-block;
outline:0 none;
height:32px;

margin:0;
padding:8px 10px;
overflow:hidden;
cursor:default;
border:1px solid;
font:9pt/100% Arial, Helvetica, sans-serif; color:#777;
text-shadow:1px 1px 0px #fff;
text-overflow:ellipsis;
white-space:nowrap;

-moz-border-radius:5px ;
-webkit-border-radius:5px;
border-radius:5px;



-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.uploader input[type=file]{
position:absolute;
top:0; right:0; bottom:0;
border:0;
padding:0; margin:0;
height:30px;
cursor:pointer;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity:0;
}

input[type=button]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
input[type=button]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}
input[type=text]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
input[type=text]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}
.uploader input:first-child{
	width: 100%;
}
.file-size{
	text-align: right;
color: #666666;
}


/* 新增 */
.uploaders{
    position:relative;
    display:inline-block;
    overflow:hidden;
    cursor:default;
    padding:0;
    margin:10px 0px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	width: 37%;
    }
    
.uploaders .filename{
    float:left;
    display:inline-block;
    outline:0 none;

    margin:0;
    padding:8px 10px;
    overflow:hidden;
    cursor:default;
	font-size: 30px;
	 color:#777;
    text-shadow:1px 1px 0px #fff;
    text-overflow:ellipsis;
    white-space:nowrap;
    border: 0;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0);
    }
    
    .uploaders input[type=file]{
    position:absolute;
    top:0; right:0; bottom:0;
    border:0;
    padding:0; margin:0;

    cursor:pointer;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity:0;
    }

/* 隐藏 */
.file-tit{
	font-size: 30px;
	color: #999;
	margin-left: 10px;
}
.hiddens{
/* display: none; */
}
.tem-uploads{
	margin-right: 0;
	position: relative;
  }
  .tem-uploads {
	  height: 564px;
	width: 380px;
	/* margin-right: 30px; */
	box-shadow: -2px 2px 15px 3px #dcdcdc;
  }
  .tem-uploads .tem-upload{
	padding: 40px 20px 30px 20px;
  }
  .tem-uploads .tem-upload .upload-on {
	color: #1976d2;
	font-size: 24px;
	padding-left: 45px;
	position: relative;
	margin-bottom: 40px;
  }
  .tem-uploads .tem-upload .upload-on::before {
	content: "";
	width: 3px;
	background-color: #1976d2;
	position: absolute;
	left: 0;
	height: 100%;
  }
  .file-aa{
	  display: flex;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%,-50%);
	  -webkit-transform: translate(-50%,-50%);
	  -moz-transform: translate(-50%,-50%);
	  -ms-transform: translate(-50%,-50%);
	  -o-transform: translate(-50%,-50%);
	  cursor: pointer;
}
.opt{
color: #1976d2 !important;
}

.software #pull-down {
	position: relative;
  }
  .software .sle-sele {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	cursor: pointer;
  }
  .software .mune-cont {
	position: absolute;
	top: 50px;
	left: 0;
	width: 99px;
	max-height: 332px;
	border: 1px solid #d2d2d2;
	background-color: #ffffff;
	z-index: 20;
	overflow-y: auto;
	display: none;
	
  }
  .software .mune-cont li {
	height: auto;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding-left: 10px;
  }
  .software .mune-cont li input[type="checkbox"] {
	margin-right: 10px;
  }
  .software .sle-sele_on{
	border: 1px solid #1571bd;
  }
  .software .sle-sele {
	display: flex;
	align-items: center;
	height: 35px;
	justify-content: space-between;
	padding: 0 10px;
	cursor: pointer;
  }
  .software .mune-cont .on {
	background-color: #1976d2;
	color: #ffffff;
  }
  .mune-cont li:hover{
	  background: #ededed;
  }

.select-th {
	width:100px;
	text-align:center;
	line-height:30px;
	position:relative;
}
.select-th:before {
	content:'';
	height:1px;
	background-color:#1976d2;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	transform:scaleX(0);
	transition:.3s;
}
.select-th:hover:before {
	transform:scaleX(1);
}
.software .mune-conts{
	width: 445px;
}
.date {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* 第一个 */
#upload_btn{
	background-color: unset;
	width: 100%;
    cursor: default;
    margin: 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid;
	padding: 6px;
}
#filenames{
	width: 100%;
    cursor: default;
    padding: 6px;
    margin: 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid;
	display: none;
}
#upload_input{
	height: 30px;
}
/* ---- */
#upload_btn2{
	background-color: unset;
	width: 100%;
    cursor: default;
    padding: 6px;
    margin: 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid;
}
#filenames2{
	width: 100%;
    cursor: default;
    padding: 6px;
    margin: 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid;
	display: none;

}
#upload_input2{
	height: 30px;
}
/* ----- */
#upload_btn3{
	background-color: unset;
	width: 100%;
    cursor: default;
    padding: 6px;
    margin: 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid;
}
#filenames3{
	width: 100%;
    cursor: default;
    padding: 6px;
    margin: 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid;
	display: none;

}
#upload_input3{
	height: 30px;
}
/* ----- */
#upload_btn4{
	background-color: unset;
	width: 100%;
    cursor: default;
    padding: 6px;
    margin: 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid;
}
#filenames4{
	width: 100%;
    cursor: default;
    padding: 6px;
    margin: 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid;
	display: none;

}
#upload_input4{
	height: 30px;
}
/* ----- */
#upload_btn5{
	background-color: unset;
	width: 100%;
    cursor: default;
    padding: 6px;
    margin: 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid;
}
#filenames5{
	width: 100%;
    cursor: default;
    padding: 6px;
    margin: 10px 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px solid;
	display: none;

}
#upload_input5{
	height: 30px;
}
.tem-bottom>div{
	margin-right: 30px;margin-bottom: 30px;
}
.tem-bottom>div:nth-child(3n+3){
	margin-right: 0;
	
}
.template-tit{
	background-color: #fff;
	box-shadow: -2px 2px 15px 3px #dcdcdc;
	padding: 40px;
	display: none;
   margin-bottom: 50px;
}
.tem-ons{
display: flex;
min-height: 48px;
align-items: center;
font-size: 16px;
}
.tem-right{
	display: flex;
}
.tem-ons>div:first-child{
	margin-right: 30px;
}
.tem-ons>div:last-child div:last-child{
	margin-left: 20px;
}
.tem-ons>div:last-child div:last-child a{
	border-bottom: 1px solid #1976d2;;
	color: #1976d2;
}
/* .fram{
	display: none;
} */
.careful-box a{
	margin-top: 20px;
	color: #1976d2;
	margin-left: 36rem;
	border: 1px solid #1976d2;
	padding: 10px;
	font-size: 16px;
	width: 18%;
	text-align: center;
}
.template{
	position: relative;
}
.fram{
	z-index: 10;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
	background: #fff;
}
.fram-tit{
	background:#3c71ff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
}
.fram-tit a{
	color: #fff;
}
.fram-tit  div:first-child{
	width: 100%;
	text-align: center;
	color: #fff;
}
.fram-tit  div:last-child{
	color: #fff;
	font-weight: 600;
	font-size: 20px;
}
.fram-text{
	text-align: center;
	padding: 20px;
}
.fram-on{
	width: 32%;
	border: 1px solid #777;
	height: 157px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.mc{
			position: fixed;
			  top: 0;
			  right: 0;
			  bottom: 0;
			  left: 0;
			  background-color: rgba(0,0,0,.5);
			  z-index: 13;
			  display: none;
		}
.fram-box {
  padding: 0 30px 30px;
  display: flex;
  flex-wrap: wrap;
}
.fram-on div:first-child{
	width: 20%;
	text-align: center;
	background: #5e7fff;
	color: #fff;
	padding: 4px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.fram-on div:last-child{
	padding: 10px;
}
.fram-on:nth-child(3n+3){
	margin-right: 0;
}
.closes{
	cursor: pointer;
}