@charset "utf-8";
@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important
}
html {
  font-size: 16px;
	overflow-x: hidden; 
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizelegibility;
 
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, header, main, footer {
  margin: 0;
  padding: 0;
}

body {
	background: #eee;
    min-width: 400px;  
    overflow-y: auto; /* 如果内容超出最小宽度，允许水平滚动 */  
	
  font: normal 1em/1.8 sans-serif, PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;

}

img {
  border: 0;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

form, .upDateFile{
	  margin-left: auto;  
  margin-right: auto;  
  max-width: 1200px;
	border-radius: 6px;
    background: #fff;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .08);
	
	
	
 /*  border-radius: 6px;
    box-shadow: 0 0 5px 5px rgba(121,255,96,0.30);
	*/
}

#console{
	color:red;
	 font-weight: 1000;
	margin:auto;
	
  font: normal 1em/1.8 sans-serif, PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
}
.max-width{
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
  overflow: auto;
  overflow: hidden;
  align-items: center;
}
header {/*头部*/
	background: #eee;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 9;
  position: fixed;
  
  padding-right: 7px;
  padding-left: 7px;
    box-shadow: 0 0 5px 5px rgba(0,0,0,0.20);
	
  
}




main {/*中部*/
  padding-top: 50; /* 等于header的高度 */
  padding-bottom: 30px; /* 等于footer的高度百分比 */
}
main .container {
	padding: 15px;
	margin-right: auto;
	margin-left: auto;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;

	overflow: auto; /* 如果内容过多可以滚动 */
} 
footer {/*底部*/
	 position: fixed;  
	bottom: 0;
	width: 100%;
	height: 1.5rem;
	text-align: center;
	overflow: hidden;

	font-size: 0.8rem;
	left: 0;  
	background-color: #DADADA;  
	color: #989898;  
	transition: height 0.8s ease-in-out; /* 添加过渡效果 */  
}
.tip{
	/*display: none;*/
	background: #fff;
	border-radius: 6px;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .08);
	text-align: center;
  margin: 15px; /* 等于header的高度 */

}

.tip img{
     max-width: 100%; /* 图片的最大宽度为其容器的100% */  
    height: auto; /* 高度自动调整以保持比例 */   
}
.upfile{
/*
	 border-top: 1px solid #C7C7C7;  添加边框 
	border-bottom: 1px solid #C7C7C7;
*/
	margin-bottom:15px;
}
.upfile1{
	padding-top: 15px;
	padding-bottom: 15px;
}

.upinfo{
	 margin: auto;
	width: 90%;
	font-size: 0.8rem;
}

.fileTable {
	margin: auto;
	width: 90%;
	font-size: 1rem;
	table-layout: fixed; /* 强制列宽固定 */  
	height: 1.5rem;
	line-height: 1.5rem; 
	background-color: #000000;  
}
.fileTable td,th{  
	background-color: #fff; 
	overflow: hidden; /* 可选：隐藏溢出文本 */  
	text-overflow: ellipsis; /* 为溢出文本添加省略号*/
} 
  .fileTable tr td:nth-child(2),td:nth-child(3),td:nth-child(4)  {  
        vertical-align: middle; /* 垂直居中 */  
        text-align: center; /* 水平居中（如果需要） */  
    } 




.logo  {
	float: left;
	overflow: hidden;
	height: 38px;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	width: 80px;
	min-width: 180px;
	position: relative;
  }
.logo  img {
  width: 100%;
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  left: 0;
}
/*导航菜单*/
.darkmode a {
	float: right;
	margin-left: 0px;
	margin-top: 15px;
	vertical-align: bottom;
	position: relative;
	font-weight: 500;	
	cursor: pointer;
	font-size: 0.8rem;
	width: 60px;
	color: #007000;
}
.darkmode a:hover {
  color: #00FF1D;
}





@media (min-width: 881px) {  
	form{
		display: flex; /* 使用 flex 布局 */  
		justify-content: space-between; /* 水平间距 */  
	}
	.darkmode a {
		margin-top: 40px;
		margin-left: 5px;
		font-size: 1rem;
		width: 80px;
	}
	main  {
   	 margin-top: 60px;
	}
	main .container {
		width: 35%;
	}
	.tip{
	padding-top: 10px; /* 等于header的高度 */
		width: 60%;
		display: block;
	}
	
	.logo  {
		height: 70px;
		width: 280px;
	}
}



/*以下为输入框样式请勿修改 */
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
/*  background-color: #000000;*/
  background-clip: padding-box;
	
  border-radius: .25rem;
	 
  border: 1px solid #BBBBBB;
	
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057
}
.form-control:focus {
/*  color: #FFFFFF;*/
  border: 1px solid #00FF0A;
/*
  background-color: #000000;
  border-color: #80FF91;
*/
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1
}
.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1
}
.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1
}
.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff
}

.input-group {
  width: 100%;
  margin-top: 5px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.input-group > .form-control {
  position: relative;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  min-width: 0;
  margin-bottom: 0
}
.input-group > .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.input-group-append, .input-group-prepend {
  display: -ms-flexbox;
  display: flex
}
.input-group-prepend {
  margin-right: -1px;
  margin-left: -1px;
}
.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  text-align: center;
  white-space: nowrap;
  background-color: #ECFFEC;
  border-left: 1px solid #BBBBBB;
  border-right: 1px solid #BBBBBB;
  border-bottom: 1px solid #BBBBBB;
  border-top: 1px solid #BBBBBB;
  border-radius: .25rem
}
.input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.input-group > .input-group-append > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
/*以下为上传按钮样 */
.btn{
	font-size: 1rem;
	text-align: center;
	color: #fff;
	background-color: #007000;
	border-radius: 4px;
	box-shadow: 0 0 5px 5px rgba(0, 0, 0, .08);
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	height: 2.3rem;
	line-height: 2.3rem; 
}
a.btn:hover{
      background-color: #005200;
}
/*以下为确认按钮样式 */
.golang:hover {
  background-color: #005200;
}

/*以下为确认按钮样式 */
.calc {
  width: 100%;
}
.okbtn {
    margin-top: 10px;
    width: 100%;
}
#file-container{
    margin-top: 10px;
}
.upf {
	height: 2rem;
	line-height: 2rem; 
	margin: auto;
	width: 90%;
}
.ok {
	height: 2.2rem;
	line-height: 2.2rem; 
	margin: auto;
	width: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.bz {  
	margin: auto;
  display: flex; /* 使用Flexbox */  
  width: 90%;  
  height: 60px;  
  border: 1px solid #ccc;  
}  
  
.bz-l, .bz-r {  
  height: 100%;  
}  
  
.bz-l {  
  margin: auto;
  flex: 0 0 0; /* 宽度占bz的20%，不增长也不缩小 */ 
  writing-mode: vertical-rl; /* 或者 vertical-tb */  
	  display: flex;
  align-items: center;
  justify-content: center;
}  
  
.bz-r {  
  flex: 0 0 92%; /* 宽度占bz的80%，不增长也不缩小 */  
}