@charset "utf-8";
.sidenav li a:before{-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;}

/*  21.5% */
.sidebar{width: 21.5%;float: left;}
.sidebar .inbox{background: #FFFFFF;box-shadow: 0px 2px 7px 1px rgb(32 135 216 / 18%);margin-bottom: 100px;}

.maincontent{width: 75.5%;float: right;}


.sidenav{position:relative; z-index:13; overflow:hidden;}
.sidenav li{padding: 20px 0;}
.sidenav li a{position:relative; display:block; padding:0 45px 0 10%; color: #666666; font-size:16px; line-height:1.6em; }
.sidenav li a:before{content: "";width: 3px;height: 0;background: #33cc33;position: absolute;left:0;top:12.5%;}
.sidenav li a:after{content: "";width: 8px;height: 14px;background: url(../img/jt.png) no-repeat 100%;position: absolute;right:20px;top:50%;margin-top: -7px;}
.sidenav li a:hover{ color: #33cc33;}
/* .sidenav li:hover a{background: #d4f5d6;color:#33cc33;} */
.sidenav li.on {background: #d4f5d6;}
.sidenav li.on a{color:#33cc33; font-weight: bold;}
.sidenav li.on a:before{height: 75%;}
.sidenav li.on a:after{background-image: url(../img/jthover.png);}
/* .sidenav li.img a{padding: 0;}
.sidenav li.img a img{display: block; transform: .3s all;}
.sidenav li.img a:hover img{opacity: .85;} */

.page_title{ margin-bottom: 15px; border-bottom: 1px solid #CECECE;}
.page_title h2{display: inline-block; position: relative;padding-bottom: 22px; padding-top: 10px; font-size: 1.5em; font-weight: bold; }
.page_title h2:before{content:''; position: absolute; width: 100%; height: 4px; left: 0; bottom:0; background:#33cc33;}

.page_title{ padding-top: 9px;line-height: 26px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.page_title h3{display: inline-block; position: relative; padding-left: 25px; font-size: 19px; color: #33cc33; font-weight: bold; }
.page_title h3:before{content:''; position: absolute; width: 5px; height: 18px; left: 0; top: 5px; background: #33cc33;}



table {
  width: 100%;
  border: 1px solid #fff;
  color: #666 !important;
  border-collapse: collapse;
  border-spacing: 0;
}
.tb_title{color: #33cc33 !important;  background-color: #d4f5d6;}
.tb_title th {
    height: 50px;
    font-size: 16px;
    text-align: center;
    padding: 0px 10px;
    display: table-cell;
    box-sizing: border-box;
    border-bottom: 1px #ebeef5 solid;
    white-space: nowrap;
}
.tb_title .th1 { width: auto; text-align: left;}
.tb_title .th2 { width: 13.5%;  }
.tb_title .th3 { width: 13.5%;}

.tb_body td{
  height: 50px;
  font-size: 16px;
  vertical-align: middle;
  padding: 0px 10px;
  display: table-cell;
  box-sizing: border-box;
  white-space: nowrap;
  
}
/* tbody tr:nth-child(2n+0) {
  background-color: #f4f4f4;
} */
.tb_body .bt { display: grid; }
.tb_body .bt a{ display: block;white-space:nowrap;line-height:50px;text-overflow:ellipsis;overflow:hidden;word-break:break-all;}
.tb_body td.tc{color: #999999;}
@media (max-width:1199px){
  .sidebar{width: 25%;}
  .maincontent{width: 71%;}

  .sidenav li{padding: 10px 0;}
}

@media screen and (max-width:991px){

  .sidebar,.maincontent{width: 100%;float: none;}
  .sidebar .inbox{margin-bottom: 30px;}
  
  .parentname{padding: 22px 20px;text-align: center;}
  .parentname img{position: static;margin-right: 10px;}

  .sidenav li a{padding-left: 20px;}
  
}

@media (max-width: 860px){
  .tb_title th{font-size: 15px;}
  .tb_body td{font-size: 15px;}
}
@media (max-width: 768px){}
@media (max-width: 640px){}
@media (max-width: 580px){
 
}
@media (max-width: 560px){}
@media (max-width: 480px){}
@media (max-width: 414px){}
@media (max-width: 380px){}
@media (max-width: 320px){}