#demoTable td,#demoTable th{
 	height:30px;
 	min-width:100px;
 	font-family:"Helvetica Neue", "Microsoft Yahei", Arial, sans-serif;
 	font-size:12px;
 }
 #demoTable th{
 	background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
 }
 ::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
   height: 10px;
  }
  ::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
   box-shadow : inset 0 0 5px rgba(255, 255, 255, 0.2);
   background : #bdd1f1;
  }
  ::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow : inset 0 0 5px rgba(255, 255, 255, 0.2);
   border-radius: 10px;
   background : rgba(255, 255, 255, 0.2);
  }
  .kaoq-table {
 background-color: #f8f8f8 !important;
}.kaoq-table tr:nth-child(2n+1) {
    background: #fff;
}
.kaoq-input {
    border: 1px solid #ddd;
    background: #f8f8f8;
    padding: 0.5rem;
    color: #333;
    width: 90%;
}
.kaoq-table tr td {
    border: 1px solid #ddd;
  padding: 5px;
    color: #333;
}
.kaoq-table th {
	background: #f8f8f8 !important;
	border: 1px solid #c6d9e4 !important;

    padding: 15px 3px;
    color: #333;
    font-size: 14px;
}
.sHeaderInner table {
    background-color: #f8f8f8 !important;
}
.boderno {
    border: none !important;
    border-bottom: 1px solid #ddd !important;
}
.kaoqbtn {
    padding: 0.4rem 0.6rem;
    border-radius: 3px;
}
.btn-primary {
    color: #fff !important;
    border: none;
    background: #22ad38;
}
 @media screen and (min-width: 1500px) {
    #demoTable td,#demoTable th{
 	height:30px;
 	width:10%;
 }
}
 #demoTable td{
 	
 }
 #demoTable{
 	border-top:1px solid #ddd;
 	
 }
 .fakeContainer {  
     margin: 5px 20px 20px 20px;  
     border: none;                        
     overflow: hidden;  
 } 
 .my_width{
 	/*width:100%;*/
 	overflow:hidden;
 	padding:0 20px;
 }
 .first_div{
 	display:block;
 	margin:0 auto;
 }
 /*表格上方查询等功能的样式*/
 .radius{
 	border-radius:8px;
 }
 .text-red{color: #fd3526;}
 .st_icon{width: 20px;}
 .dctab{display: flex; justify-content: space-between; align-items: center;}
 .dc-tb-ul {display: flex; align-items:center; list-style: none; margin: 5px 0px; padding: 0 ; margin-bottom: 15px;}
.dc-tb-ul li {display: flex; position: relative; align-items: center; justify-content: space-between; color: #fff; padding: 0 10px; width: 150px; height: 50px; line-height: 50px; border-radius: 5px; }
.dc-tb-ul li div img{margin-right: 2px;width: 16px;}
.dc-tb-ul li{margin: 0 ; margin-right: 10px; cursor: pointer;}
.item:first-child{ display: block;}
.item  {width: 100%; height: 100%; display: none;}
.leftTotalNum{    width: 30%;
    height: 40px;
    line-height: 40px;
    float: left;
    text-align: center;
    font-size: 22px;
    border-right: solid 1px #fff;
    border-right: solid 1px rgba(255,255,255,0.4);}
.rightName {
        width: 65%;
        height: 40px;
        text-indent: 10px;
        line-height: 40px;
        float: left;
        font-size: 14px;
        text-align: center;
        position: relative;
        z-index: 2;
    }
    .dc-tb-ul .rhombus {
        position: absolute;
       bottom: -10px;
        left: 20px;
        margin-top: -2px;
        width: 0;
        height: 0;
        border-width: 10px 10px 0;
        border-style: solid;
        border-color: transparent transparent transparent;
        display: none;
       
    }
    .dc-tb-ul  .active  .rhombus{display: block !important;}
.center{text-align: center;}
.bg1{ background: #f8be7e;}
.bg2{ background: #8693f3;}
.bg3{ background: #5484ff;}
.bg4{ background: #49a4ea;}

.border-color1{ border-top-color: #f8be7e !important;}
.border-color2{ border-top-color: #8693f3!important;}
.border-color3{ border-top-color: #5484ff!important;}
.border-color4{ border-top-color: #49a4ea!important;}

.yw-btn { position: absolute; right: 0; top: 0px;
    background: #17A1FF;
    border: none;
    height: 32px;
    line-height: 32px;
    padding: 0 1rem;
    color: #fff;
    border-radius: 3px;
    z-index: 1000; cursor: pointer;
  }

  .inputbox{background: #fefefe; border:1px solid #ddd; width: 300px; height: 32px; border-radius: 5px;  position: relative;}
  .inputbox input{ border:none; background: none; width: 90%; outline: none; height: 32px; padding:0 5px; line-height: 32px; }
  .yw-btn img{margin-right: 5px; position: relative ; top:3px}
  .bgIcon1{background: url(../img/icon1.png) no-repeat  ; background-size: 100% 100%; position: absolute; opacity: .4; right: 5px; bottom: 5px; width:30px; height: 30px;}
  .bgIcon2{background: url(../img/icon2.png) no-repeat ;background-size: 100% 100%; position: absolute;opacity: .4; right: 5px; bottom: 5px; width: 30px; height: 30px;}
  .bgIcon3{background: url(../img/icon3.png) no-repeat ;background-size: 100% 100%; position: absolute;opacity: .4; right: 5px; bottom: 5px; width: 30px; height: 30px;}
  .bgIcon4{background: url(../img/icon4.png) no-repeat ; background-size: 100% 100%;position: absolute;opacity: .4; right: 5px; bottom: 5px; width: 30px; height: 30px;}