@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
*{ margin:0px; padding:0px;font-family: 'Roboto','Microsoft YaHei',sans-serif;}
/**{ margin:0px; padding:0px;font-family:'微软雅黑';}*/
html {overflow-y: scroll !important;overflow-x: hidden;}
li{ list-style:none;}
/*html {
   filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);
}*/
 :root {
            --primary-color: #1a5fb4;
            --secondary-color: #3584e4;
            --accent-color: #41a6d9;
            --body-bg: #f0f4f9;
            --light-bg: #f5f9ff;
            --dark-bg: #1a2a6c;
            --success-color: #2ec27e;
            --warning-color: #e5a50a;
            --danger-color: #e01b24;
            --text-dark: #333;
            --text-light: #666;
            --text-lighter: #999;
            --border-color: #ECF0F4;
            --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            --card-radius: 10px;
            --transition: all 0.3s ease;
        }
body{ margin:0px; padding:0px; font-size:12px;background-color: #f0f4f9;color: var(--text-dark); line-height: 1.8;}
a {
            text-decoration: none;
            color: var(--text-light);           
}
a:hover {
            color: var(--primary-color);
 }
	
.regk h3{ padding:0px; font-weight:0; background-color:#f0f0f0; color:#222; font-size:20px; line-height:50px; text-indent:13px;}
.regk h3  i{ font-size:20px;}
.main0 h3{ padding:10px; background-color:#F7F7F7; color:#333; font-size:16px;text-indent:10px; margin-bottom:10px;}
.wrap{ width:1200px; margin:0 auto;}
.p15{ padding:15px;}
.fl{ float:left;}
.fr{ float:right;}
.toplink{ height:35px; line-height:35px; color:#fff; background-color:#333;}
.clear{ clear:both;}
.topa a{ color:#fff; text-align:right;}
.topdiv{ height:184px; background:url(img/topbg.jpg) repeat-x;}
.banner{}
.logo{ padding-top:28px;text-align:left; width:500px; float:left;}
.webtel{ float:right; background:url(img/san.png) no-repeat  center; height:142px; width:240px;}
.foot{ background-color: #CCC;text-align:left; color:#000;}
.heng1 h2{ font-size:18px; color:#333; line-height:55px; text-indent:1em; display:block;}
.liucheng li{ width:20%; float:left; text-align:center; color:#444;font-size:14px; height:80px; padding-top:20px;} 
.liucheng  li i{ height:60px; display:block; text-align:center; color: #F90;}
.youjian{ background:url(img/next.png) right 30px no-repeat; background-size:35px 35px;}
.menu{ margin-left:29px;}
.menu li{ float:left;}
.menu li a{ font-size:16px; text-decoration:none; color:#555; display:block; width:115px; text-align:center; line-height:100px;}
.menu li a:hover{ color:#36C;text-decoration:none;}
.input1{border:1px solid #CCC; background-color:#FFF; width:100%; font-size:14px; color:#666; line-height:40px; margin:12px 0; text-indent:40px; height:40px;}

.input2{ min-width:300px; border:1px solid #ccc; padding:5px; line-height:24px; font-size:14px; color:#666;}
.select2{ border:1px solid #ccc; padding:5px; line-height:24px; font-size:14px; color:#666;}
.logink{ width:270px; margin:0 auto;padding:18px 28px; background-color:#FFF; border:1px solid #CCC; background:url(img/70b.png);}
.input3{border:1px solid #ccc; padding:5px; line-height:24px; font-size:14px; color:#666;}

.zhuce{ background-color: #396; color:#fff; height:40px; width:200px; border:0px; font-size:16px; border-radius:4px;}
.tijiao{ background-color: #f90; color:#fff; height:40px; width:160px; border:0px; font-size:16px;}
.caogao{ background-color: #099; color:#fff; height:40px; width:160px; border:0px; font-size:16px;}
.zuo1{width: 222px;background:#5B8ED1;border-radius:5px 5px 0px 0px; text-align:center;}
.zuo1 .guan{font-size:20px;color:#fff; line-height:44px; text-indent:0px;}
.circle li {}
.circle li a{ text-align:center;
display:block;
height:48px;
line-height: 48px;
border-bottom: 1px dotted #CCC;
font-size:14px;
color: #464646;
text-decoration:none;
}
.circle li a:visited{}
.circle li a:hover{}
.ybt{ font-size:16px; color:#000; line-height:44px; height:44px; font-weight:bolder; text-indent:10px; border-bottom:1px solid #999;}
 /* 表格样式 */
        .cc {
            width: 100%;
            border-collapse: collapse;
            margin: 10px 0;
            font-size: 14px;
			background-color:#fff;
        }
        .cc th {
            background-color: var(--light-bg);
            color: var(--primary-color);
            font-weight: 600;
            padding:10px 10px;
            text-align: center;
        }
        .cc td {
            padding: 10px 10px;
            text-align: left;
            border-bottom: 1px solid var(--border-color);
        }
        .cc tr:hover {   
        }	
 /* 表格样式 */
        .cc2 {
            width: 100%;
            border-collapse: collapse;
            margin-bottom:10px;
            font-size: 14px;
			border-left:1px solid #ECF0F4;
			border-right:1px solid #ECF0F4;
			border-top:1px solid #ECF0F4;
        }
        .cc2 th {
            background-color: var(--light-bg);
            color: var(--primary-color);
            font-weight: 600;
            padding:10px 10px;
            text-align: left;
			line-height:1.6
        }
        
        .cc2 td {
            padding:10px 10px;
            text-align: left;
			color:#555;
            border-bottom: 1px solid var(--border-color);
        }
        .cc2 tr:nth-child(odd) {
            background-color: #fafcff;
        }
		
		  .cc3 {
            width: 100%;
            border-collapse: collapse;
            margin-bottom:10px;
            font-size: 14px;
			border-left:1px solid #ECF0F4;
			border-top:1px solid #ECF0F4;
        }
        .cc3 th {
            background-color: var(--light-bg);
            color: var(--primary-color);
            font-weight: 600;
            padding:10px 10px;
            text-align: left;
			line-bottom:1.6;
			border-bottom:1px solid #ECF0F4;
			border-right: 1px solid #ECF0F4;

        }
        
        .cc3 td {
            padding:10px 10px;
            text-align: left;
            border-bottom: 1px solid var(--border-color);
            border-right: 1px solid var(--border-color);
        }
        .cc3 tr:nth-child(odd) {
            background-color: #fafcff;
        }
        .cc3 tr:hover {
       /*     background-color: var(--light-bg);*/
        }
		 /* 数据卡片 */
        .data-cards {
            display: flex;
            gap: 20px;
            margin: 20px 0;
        }
        
        .data-card {
            flex: 1;
            background: white;
            border-radius: var(--card-radius);
            padding: 20px;
            box-shadow: var(--shadow);
            text-align: center;
            border-top: 4px solid var(--primary-color);
        }
        
        .data-card h3 {
            font-size: 16px;
            color: var(--text-light);
            margin-bottom: 15px;
        }
        
        .data-card .number {
            font-size: 28px;
            font-weight: bold;
            color: var(--primary-color);
        }
        
		    /* 卡片标题 */
        h2 {
            font-size: 18px;
            color: var(--primary-color);
            margin: 25px 0 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--light-bg);
        }
 

.cc12{ background-color:#ccc; margin-top:15px;}
.cc12 strong{ font-size:12px; color:#000;}
.cc12 td{ font-size:12px; padding-left:6px;  padding-right:6px; padding-top:3px;padding-bottom:3px;  background-color:#FFF; color:#333;}
.cc12 a{ text-decoration:underline;}
.tablek{ padding-bottom:30px; width:80%; margin:0 auto;}
.cstip{ text-align:center; line-height:50px; padding-top:100px; font-size:14px; color:#333;}
.red{ color:#F00;}
.bt22{ font-size:22px; color:#000; line-height:35px; padding-top:20px; padding-bottom:20px; text-align:center;}
.ss1{ padding:5px; width:50px;}
.select1{ padding:5px;}
.xuexiao{ font-size:14px; font-weight:bolder; padding-left:10px; padding-right:10px;}
.pagefy a{ padding:2px 10px; text-align:center; border:1px solid #00AC74; margin-left:4px; color:#00AC74; text-decoration:none; border-radius:4px;display:inline-block;}
.pagefy a:hover{ padding:2px 10px; text-align:center; border:1px solid #00AC74; margin-left:4px; background-color:#00AC74; color:#fff;}
.pagefy font{ padding:2px 10px; text-align:center; border:1px solid #00AC74; margin-left:4px; background-color:#00AC74; color:#fff; border-radius:4px; display:inline-block;}
.pagefy{ padding:10px; font-size:14px; color:#666;}

.menu1{ padding:20px;}
.menu1 a{ display:block; width:120px; text-align:center; border:1px solid #CCC; text-decoration:none; padding:5px; font-size:14px; margin-right:20px; float:left; margin-bottom:20px;} 
.menu1 a:hover{ background-color:#096; border:1px solid #096; color:#fff;text-decoration:none;}
.menu1 .active{ background-color:#096; border:1px solid #096; color:#fff;text-decoration:none;}

.font22{ font-size:22px; color:#000; line-height:80px; text-align:center; font-weight:bolder;}
.zhuce{ background-color:#FF9900; color:#fff; height:40px; width:200px; border:0px; font-size:16px;}
.zhuce2{ background-color: #FF9900; color:#fff; height:40px; width:80px; border:0px; font-size:14px; border-radius:6px;}
.zhuceback{ background-color: #eee; color:#666; height:40px; width:80px; border:0px; font-size:14px; border-radius:6px;}

.main1 {
	        box-sizing:border-box;
            display: flex;
            gap: 20px;
			padding-top:20px; padding-bottom:20px;
        }		
      .left1{ width:200px; float:left;}
 /* 右侧内容 */
        .right1 {
            flex: 1;
            background: white;
            border-radius: var(--card-radius);
            box-shadow: var(--shadow);
            padding:20px;
        }
        
        .wz {
            padding-bottom: 10px;
            border-bottom: 1px solid var(--border-color);
            color: var(--text-dark);
            font-size: 16px;
			font-weight:bolder;
			margin-bottom:10px;
        }
        .wz a {
            color: var(--text-dark);
			font-weight:bolder;
			 font-size: 16px;
        }
        .wz a:hover {
            color: var(--primary-color);
        }
.right1{ width:1000px; float:right;}
.leftmemu{}
.con{ padding-top:15px;}
      .main0 {
            background: white;
            border-radius: var(--card-radius);
            box-shadow: var(--shadow);
            overflow: hidden;
			margin-top:20px; margin-bottom:20px;
			padding:20px;
        }
       .leftmemu {
            background: white;
            border-radius: var(--card-radius);
            box-shadow: var(--shadow);
            overflow: hidden;
			position:sticky;
			top:20px;
        }
        
        .lmbt {
  /*    background: #3B78EF;*/
           color: white;
            font-size: 18px;
            font-weight: bold;
            padding: 15px;
            text-align: center;
			 background: linear-gradient(180deg, #3956C2 0%, #3B78EF 100%);
        }
        
        .leftmemu > div {
            padding:  12px 15px 8px 15px;
            text-align: center;
         /*   border-bottom: 1px solid var(--border-color);*/
        }
        
        .leftmemu > div img {
            border-radius: 50%;
            border: 2px solid var(--secondary-color);
        }
        
        .leftmemu li {
            list-style: none;
            border-bottom: 1px solid #f2f2f2;
			position:relative;
        }
        
        .leftmemu li:last-child {
            border-bottom: none;
        }
        
        .leftmemu li a {
            display: flex;
            align-items: center;
            padding:8px 20px;
            color: var(--text-dark);
            font-size: 15px;
            transition: var(--transition);
        }
        .leftmemu li a:hover {
            background:#E8F3FF;
            color:#165DFF;
        }
		 .leftmemu li a.active {
            background:#E8F3FF;
            color:#165DFF;
        }
		 .leftmemu li a.active::before {
		  content: '';
		  position: absolute;
		  left: 0;
		  top: 0;
		  height: 100%;
		  width:4px;
		  background-color:#165DFF;
		  }
        .leftmemu li a i {
            margin-right: 10px;
            font-size: 18px;
            width: 24px;
            text-align: center;
        }
.table2 {
	width:100%;
	font-size:12px;
	color:#333333;
	border-width:1px;
	border-color:#CCC;
	border-collapse: collapse;
	min-width:500px;
}
.table2 th {
	border-width: 1px;
	padding: 8px 10px;
	border-style: solid;
	border-color: #ccc;
	background-color: #F2FAFF;
}
.table2 td {
	border-width: 1px;
	padding: 7px;
	min-width:60px;
	text-align:center;
	border-style: solid;
	border-color: #ccc;
	background-color: #ffffff;
}

.loader {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    text-align: center;
/* loader页面消失采用渐隐的方式*/
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}
/* 使用base64编码嵌入加载的logo */
.loader-content {
    background: url(../img/loading.gif) no-repeat 50% 0%;
    display: block;
    position: relative;
    padding-top: 20px;
	color:#555;
    top: 190px;
}
.fadeout {
    opacity: 0;
    filter: alpha(opacity=0);
}
.btnk{ padding:6px;}
.btnk a{ display:block; min-width:80px; padding:6px 10px; background-color:#096; text-align:center; color:#fff; float:left;}

.btnk2{ padding:6px;}
.btnk2 a{ padding:6px 10px; color: #096; font-size:14px;}
.green{ color:#090;}
.conk{ padding:10px;}
.txinfo{ font-size:22px; line-height:100px; text-align:center;}
.czbtngreen{background-color: #00AC74; color:#fff !important; font-size:14px; padding:4px 14px; border-radius:4px; display: inline-block; text-decoration:none;border:0px; line-height:1.8;}
.czbtncheng{background-color: #FAAC17; color:#fff !important; font-size:14px; padding:4px 14px; border-radius:4px; display: inline-block; text-decoration:none; border:0px; line-height:1.8;}
.czbtnhui{background-color:#eee; color:#333 !important; font-size:14px; padding:4px 14px; border-radius:4px; display: inline-block; text-decoration:none; border:0px; line-height:1.8;}

.czbtn{ border:0px;background-color: #00AC74; color:#fff !important; font-size:14px; padding:8px 15px; border-radius:4px; display: inline-block; text-decoration:none;}

.menuk{background-color:#FAFCFF; padding:10px; margin-bottom:10px; border-radius:4px; border:1px solid #ECF0F4; font-size:14px;}

.qumenu{  margin-bottom:10px;  display:flex;gap:10px;flex-wrap:no-wrap; font-size:14px;}
.fltitle { flex-grow:0;color:#555; width:86px; font-weight:bolder; text-align:right; font-size:14px; padding-right:0px; flex-shrink: 0; padding-top:0px;}
.somenu{flex-grow:1; border:0px solid #F00;}
.somenu a{ font-size:14px; display:inline-block; padding:2px 10px; background-color:#fff; color:#096; margin-left:5px; margin-bottom:5px;border:1px solid #096; text-decoration:none; border-radius:4px;}
.somenu .active{ background-color:#096; color:#fff;}

.soinput{font-size:14px; color:#666;outline:0; border:1px solid #ddd; padding:6px; border-radius:4px;}
.soselect{font-size:14px; color:#666;outline:0; border:1px solid #ddd; padding:5px; border-radius:4px;}

.summary-info {
            background:#FFF8E6;
            padding:8px 15px;
            border-radius: var(--card-radius);
            margin-bottom: 10px;
            font-size: 14px;
            color:#5D4037;
            border-left: 2px solid #f60;
        }
		
		 .info-tip {
            background: #fff8e6;
			border-left: 2px solid #f60;
            border-radius: var(--card-radius);
            padding: 10px 10px 10px 40px;
            margin-bottom: 10px;
            position: relative;
            color: #5d4037;
			font-size:14px;
        }

        .info-tip i {
            position: absolute;
            left: 10px;
            top: 5px;
            font-size: 24px;
            color: #ffa000;
        }

.noinfo{ text-align:center; padding:50px;}		
.tb1{ font-size:14px;margin-bottom:10px; background-color:#fff; border-left:1px solid #eee; border-top:1px solid #eee;  }
.tb1 td{ padding:10px 14px;background-color:#fff; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.input2{ min-width:300px; border:1px solid #ccc; padding:5px; line-height:24px; font-size:14px; color:#666; border-radius:4px;}
.select2{  border:1px solid #ccc; padding:5px; line-height:26px; font-size:14px; color:#666; border-radius:4px;}
.selectpage{  border:1px solid #009966; padding:4px; line-height:26px; font-size:14px; color:#666; border-radius:4px;}
.hui{ color:#999;}
.red1 {color:#F00;}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #4898d5;
    background-color:#2e8ded !important;
    color: #fff !important;
}	
.layui-layer-lan .layui-layer-btn1 {
    background: #ffffff !important;
    border-color: #E9E7E7 !important;
    color: #333 !important;
	}	
	.cannot-select {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    user-select: none; /* Standard syntax */
}
.input-tip{ display:inline-block; padding-left:10px; color:#999;}
 .cc4 {
            width: 100%;
            border-collapse: collapse;
		    border-left: 1px solid #F2F2F2;
			font-size:14px;
        }
 .cc4 thead{
			border:1px solid #E9E9E9;
        }
 .cc4 thead th {
            position: sticky;
            top:0;
            background-color:#EEF4FF;
            color:#333;
            padding: 10px 12px;
            text-align:left;
            font-weight: 600;
            transition: all 0.2s ease;
			border-right:1px solid #E9E9E9;
            z-index: 10;
        }
 .cc4 thead th:hover {  
        }
 .cc4 thead th::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: rgba(255, 255, 255, 0.2);
        }
 .cc4  tbody tr {
            border-bottom: 1px solid #eef1f7;
            transition: background-color 0.2s;
        }
        
 .cc4 tbody tr:nth-child(even) {
            background-color: #f8fafd;
        }
        
 .cc4  tbody tr:hover {
            background-color: #FFF9F6;
        }
 .cc4 td {
	  border-right: 1px solid #F2F2F2;
            padding: 10px 15px;
            color: #555;
			text-align:left;
    }
 .cc4 td  a{ color:#555; text-decoration:underline;text-decoration-color:#999999;}
 button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}