a,*::before,*::after {text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}


.banq{ position:absolute;width:100%; text-align:center; font-size:13px; z-index:9; bottom:20px;}
.banq a{ font-size:13px;}
.banq a:hover{ text-decoration:underline;}
.logon_bg{ max-height: 100vh;overflow: hidden; width: 100%;background: url(../images/dl_bj.jpg) no-repeat top center; background-size:cover; height: 100vh;}
.logon{ position: relative;}
.logon_dl{ position: absolute;right: 6rem; top:14rem; width: 38rem; background: #fff; height: 35rem; background: #fff; border-radius: 10px; padding: 3.8rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
 .login-box h2 {
            margin-bottom: 3rem;
            font-size: 1.7rem;
            color: #333;
            font-weight: bold;
            margin-top: 2rem;
        }
.login-box label {
            display: block;
            margin-top: 1rem;
            margin-bottom: 0.8rem;
            font-size: 1.2rem; font-weight: 500;
            color: #333;
        }
.login-box input[type="text"],
.login-box input[type="password"] {
            width: 100%;
            padding: 1rem;
            margin-bottom: 1rem;
            border: 1px solid #ddd;
            border-radius: 4px;
            box-sizing: border-box;
            font-size: 1.05rem;
            background: #f3f5f8;
        }
.login-box input[type="checkbox"] {
            margin-right: 5px;
            width: 1.5rem;
            height: 1.5rem;
            border: 1px solid #c3c3c3;
            border-radius: 4px;
        }
.login-box button {
            width: 100%;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 4px;
            font-size: 1.2rem;
            cursor: pointer;
            height: 4rem;
            line-height: 4rem;
            font-weight: 600;
            box-shadow: 0px 9px 19.74px 1.26px rgba(52, 127, 255, 0.3);
            margin-top: 2rem;
        }
.login-box button:hover {
            background-color: #0056b3;
        }
        
.Checkbox input {
	display: none
}

.Checkbox label {
	padding: 0 16px 0 0;
	display: inline-block;
	cursor: pointer;
	position: relative;
	font-size: 1rem; color: #333;
	}

.Checkbox label:before {
	box-sizing: border-box;
	content: "";
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid #999;
	margin: 0 8px;
	vertical-align: middle;
	display: inline-block;
	transition: 0.1S;
	margin-top: -3px;
	margin-left: 0;
	}

.Checkbox label:hover:before {
	border-color: #00a4ff;
	}

.Checkbox input:disabled + label:before {
	background-color: #CCC;
	border-color: #999;
	opacity: 0.5;
	}

.Checkbox input:disabled + label {
	opacity: 0.5;
	}
.Radio input:checked + label:before {
	border: 5px solid #00a4ff;
	}
.Checkbox label:before {
	background: url(../images/ico_tick.svg) no-repeat center;
	background-size: 0;
	border-radius: 4px;
	transition: 0.2S;
	}
.Checkbox input:checked + label:before {
	background-color: #00a4ff;
	background-size: 16px;
	border-color: #00a4ff;
	}

.logon_wz1{ font-size: 3.8rem; font-weight: 600; color: #141f26; letter-spacing: 2px;  }
.logon_wz{ position: absolute; left: 26rem; top: 17rem;} 
.logon_wz2{font-size: 1.5rem; color: #666; margin-top: 1rem; letter-spacing: 2px; font-weight: 500;}
.system_left_top4 { margin-top:4px;}



@media (max-width: 1680px){
	.logon_wz{ position: absolute; left: 16rem; top: 17rem;} 	
	
}
@media (max-width: 1366px){
	.logon_wz{ position: absolute; left: 13rem; top: 17rem;}
	.login-box input[type="password"] 
	{
        font-size: 1.12rem;
      } 	
	
	
	
}
@media (max-width: 1200px){
.logon_wz{ position: absolute; left: 7rem; top: 17rem;} 		
}
@media (max-width: 1100px){
.logon_wz1{ font-size: 2.8rem; }
.logon_wz2{ font-size: 1rem;}
.logon_wz{ left:6rem;text-align: center;}
.logon_dl{ width:35rem;}
.system_left_top3{ font-size:12px; margin-top:10px;}


}




@media (max-width: 820px){
.logon_dl{ top: 20rem;}	
.logon_wz {
    position: inherit;
    left: 0;
    top: 10rem;
    text-align: center;
    width: 100%;
}
.logon_dl {
    position: inherit;
    right: 0;
    margin: 0 auto; top: 13rem;}
    

	
	
}







.system{ background: #366beb; width: 100%; height: 100vh;overflow: hidden; display: flex;}
.system_left{ width: 14rem; padding: 2rem;box-sizing: border-box; padding: 1rem; position: relative; }
.system_right{ width: calc(100% - 14rem); background: #e5f1fd;height: 100vh; border-radius: 0rem 0 0 0rem;}
.system_left{ text-align: center; color: #fff;}


.system_left_top{ margin-top: 2rem; border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom: 1.2rem;}
.system_left_top2{ font-size: 1.0rem; margin-top: 10px; margin-bottom: 0.5rem;}
.system_left_top3{font-size: 0.9rem;}


.system_left_center{ margin-top: 2rem;}
.system_left_center ul li{ margin-bottom: 2rem;}
.system_left_center ul li a{ color: #fff;}

.system_left_center ul .curr .system_left_center1{background: rgba(0,0,0,0.2);}

.system_left_db{ position: absolute; bottom:10px;text-align: center; width: 100%; left:0;}
.system_left_db p{ font-size: 0.92rem; line-height: 1.5rem;}
.system_left_center1{ width: 3.2rem; height: 3.2rem; background: rgba(255,255,255,0.2); 
box-sizing: border-box; border-radius: 1rem; margin: 0 auto;text-align: center; padding-top: 0.2rem;}
.system_left_center2{ font-size: 0.98rem; margin-top: 0.7rem;}
.system_left_center1 img{ height: 3.3rem;}



.system_right{ padding: 1.2rem;}
.system_right1{ font-size: 1.4rem; color: #2b2b2b; font-weight:600; }
.system_right2{ background: #e7f1fd url(../images/bg002.png) no-repeat top right;  border: 2px solid #fff; box-shadow: 0px 3px 16.92px 1.08px rgba(0, 0, 0, 0.08); height: 11rem; border-radius: 6px; margin-top: 1rem; padding: 1.4rem;}

.system_right2 ul li{justify-content:space-between;display: flex; background: #fff; border-radius: 7px; width: 22rem; height:8rem;margin-right: 1rem; padding: 1.5rem;
align-items: center;
display: flex;
justify-content: space-between;
box-sizing: border-box;
    
}
.system_right2 ul{ display: flex; }

.num1{ font-size: 3rem;  line-height: 50px; }
.num2{ font-size: 1.0rem; color: #666;line-height: 30px; }

.system_right2_right{ margin-top: 0.3rem;}


.system_right3{ background:#fff; border-radius:6px;box-shadow: 0px 3px 16.92px 1.08px rgba(0, 0, 0, 0.08);
margin-top: 1rem;
 height: calc(100vh - 16rem); padding: 2rem; padding-top: 0.5rem; position: relative;

}



.system_right3_tit{ text-align: center; border-bottom: 1px solid #dbdbdb;}

.system_right3_nr{ text-align: center;padding: 1rem;  }
.system_right3_nr section{font-size: 14px; line-height: 22px;  color: #333; text-align: left; height: calc(100vh - 30rem); overflow-y: scroll; padding-bottom: 1rem; padding-right: 1rem;}

.system_right3_nr section p{font-size: 14px; line-height: 25px; }

.system_right3_nr h2{ text-align: center; color: #333; line-height: 2rem; margin-bottom: 1rem; margin-top: 18px; font-size:16px;}
.system_right3_tit{ font-size: 1.1rem; font-weight: 600; color: #262626; line-height: 3.4rem; text-align: left;}

.yedu{ background: #3e7efb; color: #fff; font-size: 1.0rem; padding: 1.0rem 4rem; border-radius: 4px; cursor: pointer; margin-top: 1rem; }
.yedu:hover{ background: #0056b3;}
.seach2{ background: #fff;border-radius: 10px;box-shadow: 0px 3px 16.92px 1.08px rgba(0, 0, 0, 0.08); padding:1rem; margin-top: 1em;padding-top: 1.3rem; height: 6rem;}


.seach2_1{  font-size: 1rem;}

.seach2 .layui-form-label{ width: auto;}
.seach2{ display: flex;}
.seach_an{ width:120px; height: 45px; line-height: 45px; text-align: center; background: #366beb; border-radius: 4px; cursor: pointer;color: #fff ; font-size: 15px; margin-right: 10px;}
.seach_an2{ width:120px; height: 45px; line-height: 45px; text-align: center; background: #10c592; border-radius: 4px; cursor: pointer;color: #fff ; font-size: 15px;}

.seach2_sou img{
margin-right: 5px;
display: inline-block;
vertical-align: -5px;
height: 20px;
}
.seach2_sou2 img{
margin-right: 5px;
display: inline-block;
vertical-align: -5px;
height: 20px;
}

.sjlb{ background: #fff;border-radius: 10px;box-shadow: 0px 3px 16.92px 1.08px rgba(0, 0, 0, 0.08); padding:1.6rem; margin-top: 1em; height: calc(100% - 17.5rem); padding-top:0.5rem;}
.sjlb_nr{height: calc(100% - 7rem); overflow-y: scroll;}
.sjlb_tit{ font-size:1.6rem;}


#test{ margin-top:10px!important;}

#demo-laypage-limits{ text-align: center;}
 .table-container {
            width: 100%;
          
            margin: 20px auto;
            border: 1px solid #e8e8e8;
            border-radius: 8px;
            overflow: hidden;
        }
 .table-container .table {
            width: 100%;
            border-collapse: collapse;
           
        }
 .table-container .table th, .table td {
            padding: 10px;
            text-align: left;
            border-bottom: 1px dashed #ececec; padding-left: 30px; font-weight: normal;font-size: 1rem;
        }
 .table-container.table th {
            background-color: #f5f7fa;
            color: #333;
            font-weight: normal;font-size: 1rem;
        }
 .table-container .table td {
            color: #666;
            font-size: 1rem;
            
        }
.table-container .table  tr:last-child td{ border-bottom:none;}
 .table-container .table .action-buttons,.table-action-buttons {
            display: flex;
           
        }
 .table-container .table .action-buttons button,.table-action-buttons button{
            padding: 5px 10px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            margin-right: 10px;
        }
 .table-container .table .action-buttons .preview-btn,.table-action-buttons .preview-btn{
            background-color: #f59e0b;
            color: white;
        }
 .table-container .table .action-buttons .print-btn,.table-action-buttons .print-btn{
            background-color: #2dce89;
            color: white;
        }
.seach2 .layui-input{ height: 45px; line-height: 45px;color: rgba(0,0,0,.9); border: 1px solid #dcdcdc;}
.seach2 .layui-form-label{ line-height: 31px;font-size: 16px;}




/*
.controls button:nth-child(1){  width: 140px; height: 50px;text-align: center; line-height: 50px; border-radius: 10px; background: #007bff; color: #fff;font-size: 14px;}
.controls button:nth-child(2){  width: 140px; height: 50px;text-align: center; line-height: 50px; border-radius: 10px; background: #a7a7a7; color: #fff; font-size: 14px;}*/
.signature-container {
				display: block;
				flex-wrap: wrap;
			
				margin-bottom: 20px;
				margin-top: 2rem;
			}
			
			.signature-box {
				flex: 1;
				min-width: 300px;
				border: 1px solid #ddd;
				padding: 15px;
				border-radius: 5px;
			}
			
			.signature-title {
				text-align: center;
				margin-bottom: 10px;
				font-weight: bold;
			}
			
			canvas {
				border: 1px dashed #c9c9c9;
				width: 100%;
				touch-action: none;
			}
			
		
			.signature-title{ font-size: 15px;}
.ljtj_btn {
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    background: #007bff;
    border-radius: 10px;
    color: #fff;
    height: 46px;
    line-height: 31px;
    display: block;
    font-size: 15px;
    cursor: pointer;
}
.system_right3_nr section p{ text-indent: 2em;}
.qihuan{  position: absolute; z-index:99; right:10px; top:10px; }
.qihuan ul {
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
   
   
}
.system_right3_qm{
    
    overflow-y: scroll;
    overflow-x: hidden;
    
}
.qihuan ul li{
	display: inline-block;
    padding: 8px 25px;
    background: #eee;
    border-radius: 4px;
    margin-right: 14px;
    font-size: 12px;
   
}


.qihuan ul .one{ background: #007bff; color:#fff;}
 .seach_an{ height:38px; line-height:38px; font-size:13px;}
    .seach_an2{ height:38px; line-height:38px; font-size:13px;}
    .seach2 .layui-input{ height:38px; line-height:38px; font-size:13px;}
    .seach2 .layui-form-label{line-height: 21px; font-size: 14px; }
    .seach2{ height:auto; padding-top:1rem;}
    .seach2 .layui-form-item .layui-inline{margin-bottom:0;}
    .seach2 .layui-form-item{margin-bottom:0;}
    .seach2  .layui-form-item .layui-inline{ margin-right:0;}
      .sjlb .layui-table-cell{ height:30px!important; line-height:20px!important; font-size:14px!important; text-align:center;display: inherit;}
.sjlb .layui-table-view-1 .layui-table-body .layui-table .layui-table-cell{ height:40px!important;  line-height:40px!important;font-size:14px!important; text-align:center;display: inherit;}
.sjlb .layui-table img{ height:30px!important;}
.sjlb .layui-table-cell{padding: 2px 15px!important;}
.table-action-buttons{display: initial;}

.sjlb .table-container .table .action-buttons button, .table-action-buttons button{padding: 3px 10px!important; margin-right:0!important;}
.system_left_top4{ font-size:12px;}
.qianming{height: 93vh!important;}

@media (max-width: 1366px){
	.system_right3_nr section{ font-size: 1.12rem; line-height: 2rem;}
	.num2{line-height: 18px;}
	.signature-canvas{ height:300px!important;}
	
	
}
@media (max-width: 1200px){
    .num1{ font-size:2.5rem}
    .system_right2_right img{ width:3.5rem;}
    .system_left_top1 img{ width:4.4rem; height:4.4rem; border-radius:50%;}
    .system_left_center1 img{ height:2.8rem;}
    .system_right2 ul li{ height:6rem;}
    
    .system_right2{ height:8rem;padding: 1.0rem;}
    .num1{ line-height: 40px;}
    .system_right3_nr h2{ font-size:1.5rem;}
    .system_right3_nr section{ font-size:1rem;}
    .system_right3_nr h2{ margin-top:6px; margin-bottom:5px;}
    .sjlb .layui-table-cell{ height:28px!important; line-height:28px!important; font-size:12px!important; text-align:center;display: inherit;}

.sjlb .layui-table img{ height:30px!important;}
.sjlb .layui-table-cell{padding: 2px 15px!important;}

.sjlb .layui-table-view{ max-height:52vh!important;}
.sjlb .layui-table-body{ max-height:26vh!important;}
.system_right3{height: calc(100vh - 13rem);border-radius: 6px;}
.system_right3_nr section{font-size: 12px; line-height: 22px;  color: #333; text-align: left; height: calc(100vh - 25rem); overflow-y: scroll; padding-bottom: 1rem; padding-right: 1rem;}

.system_right3_nr section p{font-size: 12px; line-height: 22px; }
.system_right1{font-size: 1.2rem;}
.system_right3_nr section{height: calc(100vh - 25.5rem);}
.system_left_top3{ font-size:12px;}
.system_left_db p{ font-size:12px;}
.system_right3_nr h2{ font-size:16px;}
.system_right3_tit{line-height: 3.0rem;}
.signature-canvas{ height:300px!important;}
.seach2{border-radius: 6px}


.sjlb{margin-top: 10px;border-radius: 6px;}
.seach2{margin-top: 10px;} 
.sjlb .table-action-buttons{display: initial!important;}
.sjlb .layui-table-view-1 .layui-table-body .layui-table .layui-table-cell{ height:20px!important; line-height:20px!important;font-size:12px!important; text-align:center;display: inherit;}
.sjlb{height: calc(100% - 17rem);}
.logon_dl{ position: absolute;right: 6rem; top:4rem; width: 38rem; background: #fff; height: 33rem; background: #fff; border-radius: 10px; padding: 3.8rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.logon_wz{ position: absolute; left:10rem; top: 15rem;} 
.login-box h2{ margin-top:10px;}
.container button{padding: 4px 12px!important; font-size:12px!important;}
.signature-header{ color:#333!important;}
.system_right3_qm{ padding-right:10px!important;padding-left:10px!important;padding-top:8px!important;}
.signature-card{ margin-top:10px!important;}
.system_right3_qm{ margin-top:0!important;}
.system_right3_qm{height: calc(100% - 0rem)!important;}
.signature-header{padding: 7px 15px!important; font-size:13px!important;}
.ljtj_btn{ margin-top:15px; height:42px!important; line-height:35px!important; font-size:14px!important;}
.signature-controls{padding: 10px!important;}

.system_left_center ul li a{text-decoration: none;} 
.system_left_center ul li a:hover{text-decoration: none;} 

a{text-decoration: none;}


a:link {text-decoration: none;}

a:visited {text-decoration: none;}


a:hover {text-decoration: none;}


a:active {text-decoration: none;}


a:focus {text-decoration: none;}

}

@media (max-width: 1024px){
	.seach_an2{ width: 90px;}
	.seach_an{ width: 90px;}
	
}
@media (max-width: 1000px){
	.seach2 .layui-form-item .layui-input-inline{ width: 155px;}
	
}

@media (max-width: 930px){
	.seach2 .layui-form-item .layui-input-inline{ width: 128px;}
	}
@media (max-width: 922px){
	
	.system_right3_qm{ height: 35rem; overflow-y: scroll;}
	
}
@media (max-width: 880px){
	.seach2 .layui-form-item .layui-input-inline{ width: 100px;}
	.seach_an2{ width: 80px;}
	.seach_an{ width: 80px;}
}

@media (max-width: 854px){
	.system_right2 ul li{ width: 12rem;}
	.system_right2_right img{ width: 3rem;}
	.num1{ font-size: 2.5rem;}
	.num2{line-height: 8px;}
	.system_right2_right {margin-top: 1.3rem;}
	.system_right2_right {
    margin-top: 0.3rem;
}
.system_left_db{ bottom:38px;}
.system_left_center ul li {
    margin-bottom: 3rem;
}
.system_left_top{margin-top: 4rem;}
.num1 {
    font-size: 2.2rem;
}
.sjlb .layui-table-body {
    max-height: 53vh!important;
}
.seach_an {
    width: 68px;
}

.sjlb .layui-table-view-1 .layui-table-body .layui-table .layui-table-cell{display: block!important; height:30px!important; line-height:30px!important;}


.sjlb .layui-table-view{ max-height:72vh!important;}
.sjlb .layui-table-body{ max-height:46vh!important;}
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span.layui-laypage-curr {
    padding: 0 8px!important;
}
.seach_an {
    width: 80px;
}
}

@media (max-width: 840px){
	.table-container .table td{ padding-right: 5px;padding-left: 5px; text-align: center;}
	.table-container .table th, .table td{ text-align: center;}
	.logon_dl{ top:18rem;}
	.logon_wz {
    position: inherit;
    left: 0;
    top: 9rem;
    text-align: center;
}
.logon_dl{position: inherit;right: 0; top:12rem; height:38rem;}
	
	
	
}


	.container {
			    margin: 0 auto;
				height: 27rem;
			}
			.system_right3_qm{ padding-right:5rem;padding-left:1rem; margin-top:15px;height: calc(100% - 5rem);}
			
			.container h1 {
				text-align: center;
				color: #343a40;
				margin-bottom: 30px;
			}
			
			.signature-grid {
				display: block;
			
				grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			
			}
			
			.signature-card {
				border: 1px solid var(--border-color);
				border-radius: 8px;
				overflow: hidden;
				box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
				margin-top: 2rem;
			}
			.signature-card:nth-child(1){ margin-top:0;}
			
			.signature-header {
				padding: 12px 15px;
				background: #f1f3f5;
				border-bottom: 1px solid var(--border-color);
				font-weight: 600;
			}
			
			.signature-body {
				position: relative;
				background: var(--pad-bg);
			}
			
			.signature-canvas {
				display: block;
				width: 100%;
				height: 300px;
				touch-action: none;
			}
			
			.signature-controls {
				display: flex;
				gap: 10px;
				padding: 15px;
				border-top: 1px solid var(--border-color);
				background: #fff;
			}
			
			.container button {
				flex: 1;
				padding: 8px 12px;
				border: none;
				border-radius: 4px;
				cursor: pointer;
				font-size: 14px;
				transition: all 0.2s;
				margin-right: 10px;
			}
			
			.btn-clear {
				background: #ffe3e3;
				color: #c92a2a;
			}
			
			.btn-save {
				background: #d0ebff;
				color: #1971c2;
			}
			
			.btn-load {
				background: #d3f9d8;
				color: #2b8a3e;
			}
			
			@media (max-width: 768px) {
				.signature-grid {
					grid-template-columns: 1fr;
				}
			}