body,input,button,select,textarea,h1,h2,h3,h4,h5,h6{font-family:'PingFang SC,Arial,Microsoft YaHei,sans-serif'}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
em{font-style:normal}
ul,ol{margin:0;padding:0;list-style:none}
a{text-decoration:none}
body{margin:0;height:100%;font-size:12px;color:#000;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1,h2,h3,h4,h5,h6{margin-top:0;font-size:100%;line-height:1.7}
form{margin:0}
.red{color:red;}
.green{color:green;}
.blue{color:blue;}
.yellow{color:yellow;}
.pink{color:pink;}
.orange{color:orange}

.b_red{border:1px solid red;}

.i_bg{background:#FFFFC9;}
.r_bg{background:red;}


.f_left{float:left;}
.f_right{float:right;}

.txt_left{text-align:left;}
.txt_right{text-align:right;}

.btn-enable{background-color:#2f9fda;color:#fff}
.btn-diabled{background-color:#ccc;}
.btn-primary{border:none;background-color:#22ac38}
.btn-primary:hover{background-color:#119626}

.w10{width:10%}
.w15{width:15%}
.w20{width:20%}
.w25{width:25%}
.w30{width:30%}
.w35{width:35%}
.w40{width:40%}
.w45{width:45%}
.w50{width:50%}
.w55{width:55%}
.w60{width:60%}
.w65{width:65%}
.w70{width:70%}
.w75{width:75%}
.w80{width:80%}
.w85{width:85%}
.w90{width:90%}
.w95{width:95%}
.w100{width:100%}

.pt10{padding-top:10%}
.pt20{padding-top:20%}
.pt30{padding-top:30%}
.pt40{padding-top:40%}
.pt50{padding-top:50%}
.pt60{padding-top:60%}
.pt70{padding-top:70%}
.pt80{padding-top:80%}
.pt90{padding-top:90%}
.pt100{padding-top:100%}

.pb10{padding-bottom:10%}
.pb20{padding-bottom:20%}
.pb30{padding-bottom:30%}
.pb40{padding-bottom:40%}
.pb50{padding-bottom:50%}
.pb60{padding-bottom:60%}
.pb70{padding-bottom:70%}
.pb80{padding-bottom:80%}
.pb90{padding-bottom:90%}
.pb100{padding-bottom:100%}

.pl10{padding-left:10%}
.pl20{padding-left:20%}
.pl30{padding-left:30%}
.pl40{padding-left:40%}
.pl50{padding-left:50%}
.pl60{padding-left:60%}
.pl70{padding-left:70%}
.pl80{padding-left:80%}
.pl90{padding-left:90%}
.pl100{padding-left:100%}

/*gen_box*/
.box{}
.box_border{float:left;width:100%;border: 1px solid #ccc;}
.box_top{height: 25px; line-height: 25px;border-bottom: #ccc 1px solid;background: #EEEFF1;}
.box_top_title{padding-left:10px;}
.box_center{padding: 10px;}


/*gen_box*/

.y_box{}
.y_box_border{float:left;width:100%;}
.y_box_top{height: 25px; line-height: 25px;color:#000;font-weight:bold;border-left: #476F9A 3px solid;border-bottom:#476F9A 0px solid}
.y_box_top_title{float:left;padding-left:10px;}
.y_box_center{padding: 5px;}


/*table sort*/
.th_arrow {display:inline-block;width:10px;margin-left:2px;}
.th_arrow_asc {float:left;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #ccc;cursor:pointer}
.th_arrow_desc {float:left;margin-top:2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ccc;cursor:pointer}
.th_arrow_asc.active {float:left;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #000;cursor:pointer}
.th_arrow_desc.active {float:left;margin-top:2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;cursor:pointer}


/*财务审核盖章*/
.seal {width:200px;height:100px;border:solid 6px #fc5531;border-radius:6px;position:relative;display:none;justify-content:center;align-items:center;transform: rotate(-25deg);}
.seal-son {margin:3px auto;position:relative;}
.seal-son-1{position: absolute;top: 25px;text-align: center;font-size: 26px;transform: rotate(-5deg);left: 50px;color: #fc5531;font-weight: 900;}


/* 模拟下拉框 */
    

    .select-box .select-input {
      line-height: 20px;
      border: 1px solid #d6d6d6;
      cursor: pointer;
      width: 170px;
      height: 50px;
      border: 1px solid transparent;
      outline: none;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      text-indent: 30px;
      font-size: 16px;
      font-weight: 400;
      /* color: rgba(187, 187, 187, 1); */
      color: rgba(34, 34, 34, 1);
      line-height: 22px;
      margin: 0;
      background: rgba(247, 247, 247, 1) url('./static/imgs/arrow-down.png') no-repeat scroll 130px center;
      background-size: 20px 20px;
      cursor: pointer;
      box-sizing: border-box;
    }

    /** input placeholder颜色改变 **/
    .select-box .select-input::-webkit-input-placeholder {
      /* WebKit browsers */
      color: rgba(187, 187, 187, 1);
    }

    .select-box .select-input:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: rgba(187, 187, 187, 1);
    }

    .select-box .select-input::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: rgba(187, 187, 187, 1);
    }

    .select-box .select-input:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: rgba(187, 187, 187, 1);
    }

    .select-box .select-input.isActive {
      background-color: #ffffff;
      border: 1px solid rgba(204, 204, 204, 1);
      background-image: url(./static/imgs/arrow-up.png);
    }

    .select-box .options-box {
      position: absolute;
      top: 55px;
      left: 0;
      width: 170px;
      overflow-y: scroll;
      overflow-x: hidden;
      width: 170px;
      height: 225px;
      background: rgba(255, 255, 255, 1);
      box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
      border-radius: 5px;
    }

    .select-box .options-box li {
      width: 170px;
      height: 45px;
      text-indent: 30px;
      cursor: pointer;
      font-size: 16px;
      font-weight: 400;
      color: rgba(34, 34, 34, 1);
      line-height: 45px;
      background: rgba(255, 255, 255, 1);
    }

    .select-box .options-box li.active {
      background-color: rgba(247, 247, 247, 1);
      color: rgba(2, 176, 159, 1)
    }
    
    /* 护眼模式 */
.night-mode {
    background-color: #CFE8CC !important;/* 浅绿色背景 #121212 */
    /*color: #333 !important;   浅色文字 */
}

.night-mode_btn {
    background-color: #e8f5d7 !important; /* 豆沙绿按钮背景 */
    color: #333 !important; /* 深色文字 */
    border: 1px solid #333 !important; /* 浅绿色边框 */
}



/*table 过滤*/
.layui-table-filter {height:100%;cursor: pointer;position: absolute;right:2px;padding:0 1px;}
.layui-table-filter i {font-size: 12px;color: #ccc;}
.layui-table-filter:hover i {color: #666;}
.layui-table-filter.tableFilter-has i {color: #1E9FFF;}
.layui-table-filter-view {min-width:200px;background:#FFFFFF;border: 1px solid #d2d2d2;box-shadow: 0 2px 4px rgba(0,0,0,.12);position:absolute;top:0px;left:0px;z-index:90000000;}
.layui-table-filter-box {padding:10px;}
.layui-table-filter-box .loading {width: 100%;height: 100%;text-align: center;line-height: 150px;}
.layui-table-filter-box .loading i {font-size: 18px;}
.layui-table-filter-box input.layui-input {margin-bottom:10px;width:100%;height:30px;}
.layui-table-filter-box ul {border: 1px solid #eee;height:150px;overflow: auto;margin-bottom:10px;padding:5px 10px 5px 10px;}
.layui-table-filter-box ul li {padding:3px 0;}
.layui-table-filter-box ul.radio {padding:0px;}
.layui-table-filter-box ul.radio li {padding:0px;}
.layui-table-filter-box ul li .layui-form-radio {display: block;color:#666;margin:0px;padding:0px;transition: .1s linear;}
.layui-table-filter-box ul li .layui-form-radio div {display: block;padding:0 10px;}
.layui-table-filter-box ul li .layui-form-radio i {display: none;}
.layui-table-filter-box ul li .layui-form-radio:hover {background:#f9f9f9;}
.layui-table-filter-box ul li .layui-form-radio.layui-form-radioed {background:#5FB878;color: #fff;}
.layui-table-filter-date {margin-bottom:10px;}
.layui-table-filter-date .layui-laydate {box-shadow:none;border:0;}