*{  
    padding: 0;  
    margin: 0;  
    box-sizing: border-box;
} 

@font-face {
font-family: '三极粗圆简体';
src: url('SANJICUYUAN.TTF') format('truetype');
} 
body{
	background-color:#9FC8C8;
	font-size: 0.9rem;
	text-align:center;
	background-image: url('../images/bg.png');
	background-repeat: repeat-x;
	font-family:"三极粗圆简体" ;
}
a{color:#0066cc;text-decoration:none; }
a:hover {
	color: #ff0000;
	text-decoration:none;}
#div1{
	width: 768px;		/*宽度也可以是380px*/
	margin:auto;
	border: 0px solid #fff;
	padding-bottom: 0px;
	border-radius:5px;

}
h1{
	font-size: 1rem;
	bold:;
}
#topimg{
	width:100%;
	margin: auto;
	margin-bottom: 0px;
}
b{
	font-size: 14px;

}
b:hover,b:active{
	font-size: 14px;
}
button{
		width: 60px;
		height: 30px;
		font-size:0.7rem;
		margin:0px;
		border-radius: 5px;
		border: 1px solid #555;
	}
.upfile{
	height: 30px;
	opacity: 0;
	border:1px solid #3C3C3C;
	margin:auto;
}
.upfile_ad{
	width: 100%;
  	height: 30px;
  	margin: auto;
  	text-align:left;
  background-image: url(../images/xiangji.png);
  background-repeat:no-repeat;
  background-position: 47.5% 49%;border: 1px solid #777;
  background-color: #eee;
  border-radius: 15px;
}
.msg{
	width:25px;
	height: 25px;
	background-image: url(../img/msg.jpg);
	margin-right:5px;
	float: right; 
	text-align:center;
	color:#ff0000;
	font-size: 15px;
	text-decoration:none; 
}
#head{
	margin-top: 0px;
	/*background-color: #00688B;*/
	text-align:left;
	padding-top: 0px;
	padding-left:0px;
	color:	#ffffff	;
	height:35px;
	background-color:#3C3C3C;


}
.menu{
	height: 30px;
	width:25%;
	/*box-shadow:0px 0px 10px #cc6633 inset; */
	padding-left:12px;
	padding-right:12px;
	text-align-last: justify;
	/*border-left:1px  dotted #fff;
	border-right: 1px dotted #fff; */
	/*background: #cc6633;*/
}
.title_name{
	font-family: bold;
	text-align-last:justify;
	border-bottom: 1px dotted;
	width:120px;
	height:40px;
	padding: 0px 10px 0px 10px;
	margin-left:5px; 
}
table{
	width: 100%;
	border-spacing: 0px;
	font-size: 14px;
	margin-top:5px;	
	border-radius:10px;
	table-layout: fixed;
	
}
td{word-break: break-all; word-wrap:break-word; text-align:center;height:30px;
		text-align:center;}
.top_menu{
	width: 100%;
	font-size: 15px;
	padding-left:10px;
	text-align: left; 
}

input , select{
	border-radius:10px; 
	width: 190px;
	height: 35px;
	padding: 3px;
	margin:3px;
	font-size:0.7rem;
	border:1px solid #777;
	/*//background:transparent;*/
	background-color: #eee;
	text-align:center;
	outline: none;
	font-family:"三极粗圆简体" ;
}
#login_submit{
	height:35px; 
	width: 200px;
	border-radius:5px; 
	border:0px solid #A0522D;
	padding: 5px;
	margin: 5px;
	background-color:#EE7600;
}
.search{
	height:30px;
	margin: 0px 0px 0px 10px;
	padding: 0 0 2px 10px;
	font-size:12px; 
	width: 210px;
	border:1px solid #A0522D;
}
#noacc_checkbox{
	height:20px; 
	width: 20px;
	border-radius:1px; 
	border:1px solid #ccff00;
	padding: 0px ;
	margin: 0px;
}
#wkwalary{ 
	height:30px; 
	width: 70px;
	border-radius:5px; 
	border:1px solid #A0522D;
	padding: 5px;
	margin: 5px;
}
#wkwalary_settle{
	width:70px;
	margin: 0px;
}
.money{
	height:33px; 
	width: 200px;
	border-radius:5px; 
	border:1px solid #A0522D;
	padding: 5px;
	margin: 5px;
}
#bm_money{
	height:33px; 
	width: 200px;
	border-radius:5px; 
	border:1px solid #A0522D;
	padding-left: 5px;
	margin: 5px;
	}
.year{
	height: 80px;
	width: 80px;
	border:1px solid #A0522D;
}
#checkbox{
	height: 15px;
	width: 15px;
	border-radius:3px solid #0033ff;
	margin: 2px;
}
.checkbox{
	height: 15px;
	width: 15px;
	border-radius:3px solid #0033ff;
	margin: 2px;
}
#upfile{
	height:25px;
	width: 130px;
	font-size:12px; 
	border-radius:5px; 
}
#upfile_wk{
	height:33px;
	width: 200px;
	font-size:12px; 
	border-radius:5px; 
	padding: 5px;
	margin: 5px;
	
}

img{
	border-radius:10px;
	object-fit: cover;
}
#select_wkname_set{
	height: 24px;
	font-size:11px; 
	width: 70px;
	border-radius:3px; 
	border:1px solid #A0522D;
	padding: 0px;
	margin: 0px;
}
.select_address{
	width: 130px;
}
.select_address_1{
	width: 130px;
	padding: 0px;
	margin-top: 5px;
}
.select_date{
	width: 105px;
}
#select_wkname{
	height: 33px;
	font-size:12px; 
	width: 130px;
	border-radius:5px; 
	border:1px solid #A0522D;
	padding: 5px;
	margin: 5px;
}
p{
	height:30px;
	padding-top:10px;
}
textarea{
	height:40px;
	border-radius:3px; 
	font-size:11px; 
	border:0px solid #66ffcc;
	border-bottom:1px dashed #006699;
	padding-left: 2px;
	padding-top:3px; 
	background:transparent;
	outline: none;
	font-family:"三极粗圆简体" ;
	/*background-color: #e5f9ff;*/
}
.headtable{
	font-size: 15px;
	width: 100%;

	
}
#login{
	margin: auto;
	margin-top:200px;
	border: 1px solid #A0522D;
	width: 250px;
	padding-top: 16px;
	padding-bottom: 20px;
	border-radius:10px;

}
#submit{

	height: 30px;
	width: 100%;
	margin: 0px;
	padding: 4px;
	text-align: center;
	border:1px;
	border-radius:3px;
	background-color: #e5f9ff;
	font-size: 12px;
	font-family:bold;
	/*position:fixed; bottom:0px; z-index:10008; */
	left:0px;
}
.submit_stat{
	height: auto;
	width: 100px;
	margin: auto;
	padding: 4px;
	text-align: center;
	border:1px;
	border-radius:5px;
	background-color:#fff;
	font-size: 15px;
	position:fixed; 
	top:80px; 
	z-index:10008; 
	
}
#addhtm{
	height: 250px;
	width: 300px;
	margin: auto;
	padding: 4px;
	border-radius:10px;
	position:fixed;
	top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	z-index:100;
	display: none;
	background-color:#fafef9;
	text-align:center;
}
@media (max-width: 768px){
	#addhtm{
		width:95%;
	}
}
#stat{
	height: 50px;
	width: 100px;
	margin: auto;
	padding-top: 5px;
	border-radius:10px;
	position:fixed;
	top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	z-index:999;
	display: none;
	/*background-color:#D3D3D3;*/
	text-align:auto;
	font-size: 15px;
	color:red;
}
#dis_pic,#dis_pic_up{
	width: 100%;
	height:auto;
	margin:auto;
	padding: 0px;
	border-radius:10px;
	position:fixed;
	top: 0px;
	align-items: center ; 
    left: 0px;
    right: 0px;
    bottom: 0px;
	z-index:888;
	display: none;
	text-align:left;
}
#pic_load{
	height: 70px;
	width: 100px;
	margin: auto;
	padding: 4px;
	text-align: center;
	border:1px;
	border-radius:5px;
	background-color:#fff;
	font-size: 15px;
	position:fixed; 
	top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	z-index:100;
	display: none;
}
#pic_stat{
	width: 30px;
	height: 30%;
	padding: 5px;
	background-color:#fff;
}
.pic_update_stat{
	width: 60px;
	height: 30px
	border-color
	border:1px;
}
#submit_worker{

	height: 20px;
	width: auto;
	margin-top: 2px;
	padding: 2px;
	text-align: center;
	border:1px;
	border-radius:5px;
	background-color: #CD6839;
	font-size: 13px;
	}
#submit_select{
	height: 33px;
	width: 100px;
	margin: 0px;
	padding: 4px;
	text-align: center;
	border:1px;
	border-radius:4px;
	background-color: #CD6839;
	font-size: 13px;
	font-family:bold;
	}
#pro_add_table{
	position: relative;
	width: 380px;
	margin: 200,auto;
	text-align:center;
}
#fina{
	width: 100%;
	text-align:center;
}
.pro_menu{
	font-size: 15px;
	background-color: #4682B4;
}
#pro_type{
	width:55px;
	margin: 0px;
	padding: 0px;
}
#pro_plus{
	width:50px;
	margin: 0px;
	padding: 0px;
}
#pro_money{
	width:50px;
	margin: 0px;
	padding: 4px;
}
#pro_name{
	width:160px;
	margin-top: 5px;
	margin-bottom:5px; 
	padding-left: 5px;
	height: 25px;
}
#change_sum{
	width:50px;
}
#otheraddress{
	height: 30px;
}
#discount{
	width: 170px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#worker_php_table{
	font-size: 18px;
}
#counter_money{
	width: 70px;
	font-size: 13px;
}
.radio{
	height: 12px;
	width: 12px;
}
.thumbnail {
	float:left;
	width:113px;
	height:115px;
	margin:5px;
	border: 1px solid #99ff66;
}
.imgthumbnail {
	width:113px;
	height:90px;
	margin:0px;
}
.thumb_select{
	width: 20px;
	height: 25px;
	float:left;
}
.thumb_old{
	width: 90px;
	height: 25px;
	float:left;
}
.div-relative{position:relative; border:0px ; width:90px; height:90px;float: left;margin:7px;} 

/* css注释说明： 背景为红色 */ 
.div-b{ margin-bottom:0px;position:absolute; right:0px; bottom:0px; background-image: url(/images/Delete.png); width:20px; height:20px} 
/* 背景为黄色 */ 
#menu_td{
	text-align:justify;text-align-last:justify;padding-left:20px;padding-right:20px;font-size:14px;
}
.div-c{margin-bottom:0px; position:absolute; left:5px; bottom:0px; background-image: url(/images/fengmian.png); width:15px; height:15px}
.div-d{ position:absolute; right:5px; bottom:0px; width:25px; height:15px ;margin-bottom:0px;}
.div_select{height:30px;margin:5px;float:right;width:80px;padding-top:6px;border-radius:5px;font-size: 0.7rem;background-color: white;align-items: center;}
#dis_one_pic,#add_wk_htm{
	margin:auto;
	width:100%;
	padding: 0px;
	border-radius:10px;
	position:fixed;
	top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	z-index:999;
	display: none;
	text-align:center;
	background-color: #85e0e0;
	font-size: 20px;}
#img_one{
	max-width:100%;max-height:100%;width:auto;height:auto !important;object-fit: cover;
}
/*#pic_one{
	overflow:visible;display:flex;justify-content:center;height: 100%;width: 100%;
	text-align: center;margin: auto;background-color: #85e0e0;border-radius:10px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);

}*/
#on_pic{
	margin:auto;
	top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	z-index:101;
	position:fixed;
	overflow:visible;display:flex;justify-content:center;align-items:center ;
	display: none;
}
#picBox{
        margin:0 auto;
        width:100%;
        height:100%;
        position:relative;
        text-align: center;
        background: rgba(0,0,0,0.8);

    }
   #up_pic{
    position:absolute;
    left: 0px;
    top:0px;
    color: red;
    width:50px;
    height:100%;
    border: 1px solid #99ff66;
    text-align: center;
    align-items: center ;
    display:flex;
   }
   #next_pic{
    position:absolute;
    right: 0px;
    top:0px;
    color: red;
    width:50px;
    height:100%;
    border: 1px solid #99ff66;
    align-items: center ;
    display:flex;
   }
   #pic{
        max-width: 100%;max-height:100%;width:auto;height:auto;margin: auto;

        
   }
   #login_stat{
   	background-color:#eeeeee;
   	margin:auto;
   	left:0px;right:0px;
   	border-radius: 5px;
   	opacity:1;
   	overflow:hidden;
   	text-align: center;
   	justify-content: center;
  	align-items: center;
  	object-position: center;
  	position:fixed;
  	z-index: 999;
   }
   #jia{
   	width:25px;height:25px;font-size:20px;float:left;margin:3px;background-image: url(/images/+.png);
   }
   #jian{width:25px;height:25px;font-size:20px;float:left;margin:3px;background-image: url(/images/-.png);
   }
   #pic_mp4,#pic_one {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden; /* 防止图片超出容器 */

}
#pic_mp4 img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* 图片按比例缩放，完全适应容器 */
  object-position: center; /* 图片居中显示 */
}
#pic_one img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* 图片按比例缩放，完全适应容器 */
  object-position: center; /* 图片居中显示 */
}
.nav-utils {
    display: flex;
    align-items: center;
    gap: 20px;
}

.search-box {
    position: relative;
}

.search-input {
    padding: 0.6rem 1rem;
    border: 2px solid #ecf0f1;
    border-radius: 25px;
    width: 100%;
    transition: all 0.3s;
    height: 30px;
}

.search-input:focus {
    outline: none;
    border-color: #3498db;
    width: 100%;
}

.search-btn {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #7f8c8d;
}
        .arrow {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            font-size: 30px;
            cursor: pointer;
            user-select: none;
            width:30px;
        }

        .prev { left: 20px; }
        .next { right: 20px; }
.press-div {
            background: rgba(255, 255, 255, 0.95);
            border-radius: 16px;
            padding: 3px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            transition: all 0.3s ease;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            border: 3px solid transparent;
        }
        
.press-div:hover {
            transform: translateY(-8px);
            height:150px;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
            border-color: #ff7e5f;
            background-color:#ddd;
        }
 #dis_sj{
 	width: 98%;
 	margin: auto;
 	text-align: center;
 }
 #add_sj_bt{
 	font-size: 0.7rem;
 }
 #input_nahuo,#sp_name,#sp_jiage,#shuliang,#select_sjname{
 	width: 198px;
 	height: 35px;
 }