/*版本：20201025001*/
body {
	background-color: #eeeeee; 
	font-family:sans-serif,微软雅黑;
	font-size: 14px;
	color: #333;
}
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; border: 0; outline: none;}
ul,ol{
    padding-left:0; 
    list-style-type:none;
}
A:link { COLOR: #333333; TEXT-DECORATION: none }
A:visited { COLOR: #333333; TEXT-DECORATION: none }
A:active { COLOR: #333333; TEXT-DECORATION: none }
A:hover { COLOR: #1899e2; TEXT-DECORATION: none }


/*--------------------------------
     页面元素
---------------------------------*/
.f14px{ font-size:14px;}
.f14px-50b{ font-size:16px; border-bottom:1px #ccc dotted; padding:5px; color:#333;}
.f14px-50b a{ font-size:16px; border-bottom:1px #ccc dotted; padding:5px; color:#333;}
.f14px-red{ font-size:14px; color:#ff0000;}
.pang-head h4{ font-size:18px;font-family:”Microsoft YaHei”; font-weight:700; border-bottom:1px #ccc solid;color:#3d579d;}


/*--------------------------------
      panel内容
---------------------------------*/

.panel-st>.panel-heading{color:#fff;background-color:#4ecdc4;border-color:#4ecdc4}
.panel-st1>.panel-heading{color:#fff;background-color:#ff855c;border-color:#ff855c}
.panel-st2>.panel-heading{background-color:#e5e5e5 ;border:#eee 1px solid; }
.panel-st3>.panel-heading{background-color:#e5f8f6;border-color:#eee}
.panel-st4>.panel-heading{background-color:#fff ;border-bottom:#eee 1px solid; padding-top:15px; padding-bottom:15px;}
.panel-st5>.panel-heading{background-color:#e9f4f5 ;border:#eee 1px solid; }
.panel-st5>.panel-heading h5{ font-size:16px; font-weight:700; margin-bottom:1px; margin-top:1px; }
.panel-title-h{color:#555; font-size:16px; padding-top:5px; font-weight:600;}
.panel-title-h p{color:#999;padding-top:5px;}


/*--------------------------------
      panel阴影
---------------------------------*/

.pang-01-d{border: 0px solid #eee;
      -moz-border-radius: 1px;
      -webkit-border-radius: 1px;
      border-radius: 1px;
      -moz-box-shadow: 5px 5px 0 0 rgba(0,0,0,.1);
      -webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.5);
      box-shadow:3px 3px 3px 0 rgba(0, 0, 0, 0.1);
	  }

.pang-02-d{border: 0px solid #eee;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      border-radius: 1px;
      -moz-box-shadow: 1px 1px 0 0 rgba(0,0,0,.1);
      -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1);
      box-shadow: 3px 3px  3px 0 rgba(0, 0, 0, 0.2);
	  }

/*--------------------------------
      线
---------------------------------*/
.xian1{  border-bottom:#888 1px solid;}
.xian2{  border-bottom:#888 1px dotted;}
.xian3{  border-bottom:#ccc 1px solid;}

/*--------------------------------
     图标颜色
---------------------------------*/
.pang-pic01 { color: #4ecdc4;}
.pang-pic02 { color: #ff855c;}

/* 搜索框*/
.input-80{ width:80%;}
.input-18{ width:18%;}
.input-auto{ width:auto;}
.Search{ 
    BORDER: #ccc 0px solid; 
	border-radius:5px;
    FONT-SIZE: 16px; 
    COLOR:#333333; 
    BACKGROUND-COLOR: #fff; 
	width:auto;
		} 
.Search1{ 
    BORDER: #ccc 1px solid; 
	border-radius:0px;
    FONT-SIZE: 16px; 
    COLOR:#333333; 
    BACKGROUND-COLOR: #fff; 
	width:100%; height: 35px;
		} 
/*--------------------------------
      定位
---------------------------------*/
.m-r-5 { margin-right:5px;}
.m-r-10 { margin-right:10px;}
.m-r-20 { margin-right:20px;}
.m-b-0{margin-bottom:0px;}
.m-b-2{margin-bottom:2px;}
.m-b-5{margin-bottom:5px;}
.m-b-10{margin-bottom:10px;}
.m-b-20{margin-bottom:20px;}
.m-b-30{margin-bottom:30px;}
.m-b-40{margin-bottom:40px;}
.m-b-50{margin-bottom:50px;}
.m-b-60{margin-bottom:60px;}
.m-b-70{margin-bottom:70px;}
.m-b-80{margin-bottom:80px;}
.m-b-90{margin-bottom:90px;}
.m-b-100{margin-bottom:100px;}
.m-t--15{margin-top:-15px;}
.m-t--10{margin-top:-10px;}
.m-t--5{margin-top:-5px;}
.m-t-1{margin-top:1px;}
.m-t-5{margin-top:5px;}
.m-t-10{margin-top:10px;}
.m-t-20{margin-top:20px;}
.m-t-25{margin-top:25px;}
.m-t-30{margin-top:30px;}
.m-t-40{margin-top:40px;}
.m-t-50{margin-top:50px;}
.m-t-60{margin-top:60px;}
.m-t-70{margin-top:70px;}
.m-t-80{margin-top:80px;}
.m-t-90{margin-top:90px;}
.m-t-100{margin-top:100px;}
.m-l-10{margin-left:10px;}
.m-l--10{margin-left:-15px;}
.m-tb-10{margin-top:10px;margin-bottom:10px;}
.m-tb-20{margin-top:20px;margin-bottom:20px;}
.m-tb-30{margin-top:30px;margin-bottom:30px;}
.p-tb-5{padding-top:5px; padding-bottom:5px;}
.p-tb-10{padding-top:10px; padding-bottom:10px;}
.p-tb-15{padding-top:15px; padding-bottom:15px;}
.p-tb-20{padding-top:20px; padding-bottom:20px;}
.p-tb-25{padding-top:25px; padding-bottom:25px;}
.p-tb-30{padding-top:30px; padding-bottom:30px;}
.p-all-15{padding:15px;}
.p-all-10{padding:10px;}
.fl{float: left;}
.fr{float: right;}

/*--------------------------------
      头部
---------------------------------*/

.head{background: #ffffff; height: 60px; font-size: 24px; color: #000; text-align: center; line-height: 60px;
      box-shadow:3px 3px 3px 0 rgba(0, 0, 0, 0.1);padding-left: 15px;padding-right: 15px;
	  }
.head-fl{float: left;font-size: 18px;}
.head-fr{float: right;font-size: 18px;}


/*===============================================
  主页图标 
=================================================*/

.tb ul{list-style:none;}
.tb li{float:left;list-style:none;text-align:center;width:50%; padding:20px;margin-top:5px; background:#fff; font-size:16px; font-weight:700; border: 4px #eee solid;}
.tb img{width:48px;}
.tb p{padding-top:10px;}
.tb a{display:block;text-align:center;}
.tb a:link{color:#555;text-decoration:none;}
.tb a:visited{color:#555;text-decoration:underline;}
.tb a:hover{color:#999; font-weight:bold;text-decoration:none;}


/*******个人信息*****************/

.nav1{width: 100%; margin:8px 0px; border-radius: 0px; border:0px solid #ddd;  overflow: hidden;font-size:16px;}
.nav1 li { border-bottom: 1px solid #eee;padding: 10px 15px ;overflow: hidden;background: #fff;}
.nav1 li a { display: block; overflow: hidden; line-height: 31px;}
.nav1 img { width: 24px; height: 24px; float: left;}
.nav1 li span {color: #000; float: left; margin-left: 2%;}
.nav1 li:last-child{ border-bottom: 0;}
.nav1 li em{ float: right; font-style: normal; color: #999; margin-right:20px;font-size:14px;}
.nav1 li .right{ position: absolute; right:15px;color:#ccc;font-size:12px;}

.nav1 h3{ margin-left:20px;margin-right:15px;margin-top:15px;margin-bottom:15px;font-weight:bold; font-size:16px; border-left:4px #1899e2 solid; padding-left:10px;}
.nav1 .link{color:#1899e2;font-weight:bold; text-align:center}
.nav1 .link a:link{color:#1899e2;text-decoration:none;}
.nav1 .link a:visited{color:#1899e2;text-decoration:underline;}
.nav1 .link a:hover{color:#1899e2; text-decoration:none;}
.nav1 .f999{color:#777;}
.nav1 .f555{color:#555; font-weight:bold;}
.nav1 .red{color:#ff0000; font-weight:bold;}

.nav-ho{color: #0f7a10;font-size: 20px; margin: 0 5px;}
.nav-fo{color: #FB0A0E;font-size: 18px;text-align: center; background: #fff;  line-height: 50px;}

.grxx-lxtd{background: linear-gradient(to right, rgba(2, 119, 2, 0.8), rgba(16, 161, 16, 0.9)); margin: 10px; font-size: 16px; color: #fff; padding: 15px; text-align: center;}
.grxx-a{margin: 10px;}
.grxx-b{background: linear-gradient(to right, rgba(1, 210, 230, 0.8), rgba(0, 172, 238, 0.9));
       color: #ffffff;}
.grxx-b a:hover{background: linear-gradient(to right, rgba(1, 210, 230, 0.8), rgba(0, 172, 238, 0.9)) ;
       color: #ffffff;}

/*******个人信息修改*****************/
.lr10{margin: 10px;}
.title-xx{font-size: 18px; margin-top: 15px; margin-left: 10px; }
.title-xx-s{border-left: 3px #00acee solid; padding-right: 5px;height: 15px;}


/*******绿色通道*****************/
.lxtd-t{background:#ffffff; margin: 10px; font-size: 16px; color: #000; padding: 15px; text-align: left;line-height: 180%;border-radius:10px;}
.lxtd-t1{background:#ffffff; margin: 10px; font-size: 14px; color: #000; padding: 15px; text-align: left;line-height: 180%;}
.lxtd-bg{background: linear-gradient(to right, rgba(3, 213, 226, 0.8), rgba(0, 176, 236, 0.9)); margin: 10px 0; font-size: 18px; color: #fff; padding: 15px; text-align: left;line-height: 180%;}

.nav2{width: 100%; margin:8px 0px; border-radius: 0px; border:0px solid #ddd;  overflow: hidden;font-size:16px; background: #fff;}
.nav2 li { border-bottom: 1px solid #eee;padding: 10px 15px ;overflow: hidden;background: #fff;width: 50%;float: left;}
.nav2 li a { display: block; overflow: hidden; line-height: 31px;}
.nav2 img { width: 30px; height: 31px; float: left;}
.nav2 li span {color: #000;  margin-left: 2%;}
.nav2 li:last-child{ border-bottom: 0;}
.nav2 li em{ float: right; font-style: normal; color: #999; margin-right:20px;font-size:14px;}
.nav2 li .right{ position: absolute; right:15px;color:#ccc;font-size:12px;}

.nav2 h3{ margin-left:20px;margin-right:15px;margin-top:15px;margin-bottom:15px;font-weight:bold; font-size:16px; border-left:4px #1899e2 solid; padding-left:10px;}
.nav2 .link{color:#1899e2;font-weight:bold; text-align:center}
.nav2 .link a:link{color:#1899e2;text-decoration:none;}
.nav2 .link a:visited{color:#1899e2;text-decoration:underline;}
.nav2 .link a:hover{color:#1899e2; text-decoration:none;}
.nav2 .f999{color:#777;}
.nav2 .f555{color:#555; font-weight:bold;}
.nav2 .red{color:#ff0000; font-weight:bold;}

.lxtd-img-100{ width: 98%;}
.lxtd-img-70{ width: 70%;}

/*******缴费*****************/

.jf-li{color: #000000;font-size: 18px;text-align: center; background: #fff;  line-height: 50px; margin: 10px;}
.jf-li-s{color: #FB0A0E;}

/*******选宿舍*****************/
.xx-b{background: #00acee; color: #ffffff; margin: 5px;}
.xx-b a:hover{background: #00acee; color: #ffffff; margin: 5px;}

/*******学工处审核*****************/
.xgz-b{background: #00acee; color: #ffffff; padding: 3px; width: 100%; text-align: center; line-height: 30px; height: 35px;}

.nav3{width: 100%; margin:8px 0px; border-radius: 0px; border:0px solid #ddd;  overflow: hidden;font-size:16px; background: #fff;}
.nav3 li { border-bottom: 1px solid #eee; border-right: 1px solid #eee;padding: 10px 15px ;overflow: hidden;background: #00acee;width: 50%;float: left; color: #FFF; text-align: center;}
.nav3 li a { display: block; overflow: hidden; line-height: 31px;}

.table-bg{margin: 10px; background: #fff; padding: 5px;}
.xgz-red{color: #FB0A0E;}
.xgz-red a:link{color: #FB0A0E;}
.xgz-red a:visited{color: #FB0A0E;}
.xgz-red a:hover{color: #FB0A0E;}

.xgz-bl{color: #116808;}
.xgz-bl a:link{color: #116808;}
.xgz-bl a:visited{color: #116808;}
.xgz-bl a:hover{color: #116808;}

.xgz-ccc{color: #ccc;}
.xgz-ccc a:link{color: #ccc;}
.xgz-ccc a:visited{color: #ccc;}
.xgz-ccc a:hover{color: #ccc;}

/*===============================================
  我发起的 
=================================================*/
.rw ul{list-style:none;}
.rw li{ margin:10px 10px; border-bottom:4px #eee solid; padding-top:15px;padding-bottom:15px; padding-left:15px; padding-right:15px; background-color:#fff; border-radius:10px; }
.rw a{display:block;text-align:left;color:#555;}
.rw a:link{color:#555;text-decoration:none;}
.rw a:visited{color:#666;text-decoration:underline;}
.rw a:hover{color:#999; text-decoration:none;}
.rw .right{ position: absolute; right:30px;color:#ccc;font-size:14px;}
.rw em{ float: right; font-style: normal; color: #999; margin-right:20px;font-size:14px; }
.rw .more{border-top:#eee 1px solid; padding-top:10px; margin-top:20px;}
.rw .red{ color:#ff0000;}
.rw .blue{ color:#1899e2;}
.rw .green{ color:#0dab20;}
.rw h4{  font-size:16px; padding-bottom:5px;}
.rw p{  font-size:16px; padding-bottom:5px;}
.rw h3{ font-size:18px; padding-bottom:10px;border-bottom:#eee 1px solid; margin-bottom:20px; margin-right: 10px;color:#000;}

/*===============================================
  处理信息
=================================================*/
.clxx ul{list-style:none;}
.clxx li{ margin:10px 10px; border-bottom:4px #eee solid; padding-top:15px;padding-bottom:15px; padding-left:15px; padding-right:15px; background-color:#fff; border-radius:10px; font-size:16px; }
.clxx a{display:block;text-align:left;color:#555;}
.clxx a:link{color:#555;text-decoration:none;}
.clxx a:visited{color:#666;text-decoration:underline;}
.clxx a:hover{color:#999; text-decoration:none;}
.clxx .right{ position: absolute; right:30px;color:#ccc;font-size:18px;}
.clxx .more{border-top:#eee 1px solid; padding-top:10px; margin-top:20px;}
.clxx .red{ color:#ff0000;}
.clxx .blue{ color:#1899e2;}
.clxx .green{ color:#0dab20;}
.clxx h4{  font-size:16px; padding-bottom:5px;line-height: 160%;}
.clxx p{  font-size:16px; padding-bottom:5px;line-height: 160%;}
.clxx h3{ font-weight:bold; font-size:18px; padding-bottom:10px;border-bottom:#eee 1px solid; margin-bottom:20px;}

/*===============================================
  打卡考勤表
=================================================*/
.dk16{ color:#000; font-size:16px; text-aling:center;}

.dk1{width: 100%; margin:8px 0px; border-radius: 0px; border:0px solid #ddd;  overflow: hidden;font-size:16px;}
.dk1 li { border-bottom: 1px solid #eee;padding: 10px 15px ;overflow: hidden;background: #fff;}
.dk1 li a { display: block; overflow: hidden; line-height: 31px;}
.dk1 img { width: 30px; height: 31px; float: left;}
.dk1 li span {color: #000; float: left; margin-left: 2%;}
.dk1 li:last-child{ border-bottom: 0;}
.dk1 li em{ float: right; font-style: normal; color: #999; margin-right:20px;font-size:14px; }
.dk1 li .right{ position: absolute; right:15px;color:#ccc;font-size:12px;}
.dk1 h3{ margin-left:20px;margin-right:15px;margin-top:15px;margin-bottom:15px;font-weight:bold; font-size:16px; border-left:4px #1899e2 solid; padding-left:10px;}
.dk1 .link{color:#1899e2;font-weight:bold; text-align:center}
.dk1 .link a:link{color:#1899e2;text-decoration:none;}
.dk1 .link a:visited{color:#1899e2;text-decoration:underline;}
.dk1 .link a:hover{color:#1899e2; text-decoration:none;}
.dk1 .f999{color:#777;}
.dk1 .f555{color:#555; font-weight:bold;}
.dk1 .red{color:#ff0000; font-weight:bold;}
.dk1 .green{color:#0dab20; font-weight:bold;}
.dk1 .ccc{color:#ccc; font-weight:bold;}


.dk2{width: 100%; margin:8px 0px; border-radius: 0px; border:0px solid #ddd;  font-size:16px;padding: 10px 15px ;background: #fff;}
.dk2-time{ border-radius: 0px; border-bottom:1px solid #ddd;  font-size:24px;padding: 10px 15px ;color:#000;text-align:center;margin-bottom:15px;}
.dk2-n{width: 100%;  border-radius: 0px; border-bottom:1px solid #ddd;  font-size:16px;margin-bottom:15px;padding-bottom: 10px;}
.dk2-n1{width: 100%;  border-radius: 0px; border-bottom:0px solid #ddd;  font-size:16px;margin-bottom:5px;padding-bottom: 5px;}
.red{ color:#ff0000;}
.blue{ color:#1899e2;}
.green{ color:#0dab20;}

.dk-red{color: #ff0000; text-align: center; }
.dk-red a:link{color: #ff0000;}
.dk-red a:visited{color: #ff0000;}
.dk-red a:hover{color: #ff0000;}


/*===============================================
  实践审核
=================================================*/
.xj-t{border:1px solid #eee; margin:10px 0px}

  
/*******首页列表*****************/

.inlist{width: 100%; margin:8px 0px; border-radius: 0px; border:0px solid #ddd;  overflow: hidden;font-size:16px;}
.inlist li { border-bottom: 1px solid #eee;padding: 10px 15px ;overflow: hidden;background: #fff;}
.inlist li a { display: block; overflow: hidden; line-height: 31px;}
.inlist img { width: 30px; height: 31px; float: left;}
.inlist li span {color: #000; float: left; margin-left: 3%;}
.inlist li:last-child{ border-bottom: 0;}
.inlist li em{ float: right; font-style: normal; color: #999; margin-right:20px;font-size:14px;}
.inlist li .right{ position: absolute; right:15px;color:#ccc;font-size:12px;}
.inlist li i{	color:#ccc;}
.inlist h3{ margin-left:20px;margin-right:15px;margin-top:15px;margin-bottom:15px;font-weight:bold; font-size:16px; border-left:4px #1899e2 solid; padding-left:10px;}
.inlist .link{color:#1899e2;font-weight:bold; text-align:center}
.inlist .link a:link{color:#1899e2;text-decoration:none;}
.inlist .link a:visited{color:#1899e2;text-decoration:underline;}
.inlist .link a:hover{color:#1899e2; text-decoration:none;}
.inlist .f999{color:#777;}
.inlist .f555{color:#555; font-weight:bold;}
.inlist .red{color:#ff0000; font-weight:bold;}


/*===============================================
  权限设置
=================================================*/
.qx-c{color: #999; padding:5px;}

.qx{width: 100%; margin:8px 0px; border-radius: 0px; border:0px solid #ddd;  overflow: hidden;font-size:16px;}
.qx li { border-bottom: 1px solid #eee;padding: 10px 35px ;overflow: hidden;background: #fff;}
.qx li a { display: block; overflow: hidden; line-height: 31px;}
.qx img { width: 30px; height: 31px; float: left;}
.qx li span {color: #000; float: left; margin-left: 2%;}
.dk1 li:last-child{ border-bottom: 0;}
.qx li em{ float: right; font-style: normal; color: #999; margin-right:20px;font-size:14px; }
.qx li .right{ position: absolute; right:15px;color:#ccc;font-size:12px;}
.qx h3{ font-size:18px; padding-bottom:10px;border-bottom:#eee 1px solid; margin-bottom:20px; margin-right: 10px;color:#000;}
.qx .link{color:#1899e2;font-weight:bold; text-align:center}
.qx .link a:link{color:#1899e2;text-decoration:none;}
.qx .link a:visited{color:#1899e2;text-decoration:underline;}
.qx .link a:hover{color:#1899e2; text-decoration:none;}
.qx .f999{color:#777;}
.qx .f555{color:#555; font-weight:bold;}
.qx .red{color:#ff0000; font-weight:bold;}
.qx .green{color:#0dab20; font-weight:bold;}
.qx .ccc{color:#ccc; font-weight:bold;}

/*===============================================
  省市区选择
=================================================*/

        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.5);
            display: none;
            z-index: 100;
        }
        .picker {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #fff;
            border-radius: 10px 10px 0 0;
            transform: translateY(100%);
            transition: transform 0.3s ease;
            z-index: 101;
        }
        .picker.show {
            transform: translateY(0);
        }
        .picker-header {
            display: flex;
            justify-content: space-between;
            padding: 15px;
            border-bottom: 1px solid #eee;
        }
        .picker-title {
            font-weight: bold;
        }
        .picker-cancel, .picker-confirm {
            color: #576b95;
            background: none;
            border: none;
            font-size: 16px;
        }
        .picker-body {
            height: 300px;
            overflow: hidden;
            display: flex;
        }
        .picker-column {
            flex: 1;
            overflow-y: auto;
        }
        .picker-item {
            padding: 10px 15px;
            text-align: center;
        }
        .picker-item.active {
            color: #18b3ee;
        }
        .result {
            margin-top: 20px;
            padding: 15px;
            background-color: #f5f5f5;
            border-radius: 5px;
        }

 /* 表格原始样式 */
        .table-container {
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            margin: 20px 0;
            border: 1px solid #ddd;
        }

        .practice-table {
            width: auto;
            min-width: 100%;
            border-collapse: collapse;
            white-space: nowrap;
        }

        .practice-table th,
        .practice-table td {
            padding: 12px 15px;
            border: 1px solid #ddd;
            text-align: center;
        }

        .practice-table th {
            background-color: #f8f9fa;
            font-weight: 600;
        }

        /* 查询条件样式 */
        .query-area {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 5px 15px 5px;
            border-bottom: 1px solid #eee;
        }
        .query-inputs {
            display: flex;
            gap: 10px;
        }
        .query-inputs input, 
        .query-inputs select {
            padding: 5px 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
			width:100%;
        }

      .query-inputs1 {
            padding: 5px 12px;
            border: 1px solid #ddd;
            border-radius: 4px;
			width:100%;
        }
        .export-btn {
            padding: 8px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
			width:100%;
        }

        @media (max-width: 768px) {
            .query-area {
                flex-direction: column;
                align-items: stretch;
                gap: 10px;
            }
        }