/*公共*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin:0;
    padding:0;
    font-family:'Microsoft YaHei';
}
body{
    padding-bottom: 4rem;
}
.layui-table-cell span i {
    color:red;
    margin-right: 3px;
}
/*u*/
.height50{
    height: 3.125rem;
    line-height:2.5rem;
    border-bottom: 1px solid #e6e6e6;
}
.projectName {
    border: none;
    outline: none;
}
/*td .layui-form-select{*/
    /*margin-top: -9px;*/
    /*margin-left: -15px;*/
    /*margin-right: -15px;*/
/*}*/
.left{
    float: left;
}
.right{
    float: right;
}

.clearfix:after {
    /*伪元素是行内元素 正常浏览器清除浮动方法*/
    content:"";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
.clearfix {
    *zoom: 1;
    /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}
.container{
    width: 91.5rem;
    /*background-color: #f9fcfe;*/
    margin: 2rem auto;
    padding: 1rem;
}
.xytitle {
    text-align: left;
    font-size: 16px;
}
.ycg-input{
    background-color: #f9fcfe;
}
.ycg-input-sm{
    width: 3rem;
    height: 38px;
}
.ycg-input-lg{
    width: 100%;
    height: 38px;
}
.layui-input-blockr{
    width: 10rem;
    line-height: 2.25rem;
}
.radio-border{
    margin-left: 8rem;
    border: 1px solid #e6e6e6;
    border-radius: 0.3rem;
    height: 38px;
    padding-left: 1rem;
}
.red{
    color: red!important;
}
.hs{
    color:#6d3d3d;
}
.blue{
    color: blue;
}
.marleft0{
    margin-left: 0!important;
}
.padright10{
    padding-right: 10px;
}
.layui-input {
    border-radius: 0.3rem;
}
.readonly, [readonly="readonly"],[readonly="true"],[disabled="true"],[disabled='disabled'] {
    /*pointer-events: none;*/
    background: #eeeeee1a!important;
}
.readonly, [readonly="readonly"],[readonly="true"],[disabled="true"],[disabled='disabled'] :hover {
    /*color: #d2d2d2 !important;*/
    cursor: not-allowed !important;
}
[type="checkbox"]{
    width: 16px;
    height: 16px;
}
.gray{
    color: #838383;
}
.savePosition,.fixCenter {
    position: fixed;
    text-align: center;
    width: 100%;
    height: 40px;
    background-color: #d5e3ed;
    bottom: 0;
    left:0;
    z-index: 99999;
}

a.disabled {
    pointer-events: none;
    filter: alpha(opacity=50); /*IE滤镜，透明度50%*/
    -moz-opacity: 0.5; /*Firefox私有，透明度50%*/
    opacity: 0.5; /*其他，透明度50%*/
}
.disabled{
    pointer-events: none;
    filter: alpha(opacity=50); /*IE滤镜，透明度50%*/
    -moz-opacity: 0.5; /*Firefox私有，透明度50%*/
    opacity: 0.5; /*其他，透明度50%*/
}
/*td .layui-form-select{*/
    /*margin-top: -9px;*/
    /*!*margin-left: -15px;*!*/
    /*!*margin-right: -15px;*!*/
/*}*/

a, a:hover{
    color: #337ab7;
    text-decoration: none;
    cursor: pointer;
}

.title-box{
    height: 40px;
    margin-top: 20px;
    line-height: 40px;
}
.InputH3{
    position: absolute;
    left: 50%;
    transform: translate(-50%,0%);
    font-weight: 700;
    font-size: 20px;
}
.layui-table-page{
    margin-top: 2rem;
    text-align: center;
    border: none;
}
.textRight{
    text-align: right;
}
.icon-span{
    color: #2c8cde;
    font-size: 28px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #2e68ab;
}
.layui-laypage-skip input,.layui-laypage-skip button{
    border-radius: 5px;
    border:1px solid #ccc;
}
.layui-laypage-limits select{
    border-radius: 5px;
    border:1px solid #ccc;
}
.ggzl .savePosition{
    display: none;
}
.layui-btn-blue {
    background-color: #2e68ab!important;
}
.layui-btn{
    background-color: #2e68ab!important;
}
/*.layui-table-header{*/
    /*background-color: #dcecfe;*/
/*}*/
.centerButton{
    text-align: center;
}
/*富文本*/
.w-e-toolbar {
    background-color: #d8f6ff!important;
}
.sm-input{
    border-radius: 5px;
    padding-left: 3px;
    width: 4rem;
    height: 1.5rem;
    border: 1px solid #dcdcdc;
    /*background-color: #f9fcfe;*/
}
.mid-div{
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: 700;
}
.mid-tx{
    text-align: center;
    margin-top: 1rem;
    font-size: 20px;
    margin-bottom: 1rem;
    font-weight: 700;

}
.show{
    display: block;
}
.hide{
    display: none;
}
.top {
    height: 3rem;
    background-color: RGB(220,236,254);
    line-height: 3rem;
    text-align: center;
    font-size: 1.5rem;
    color: black;
}
.top-title {
    height: 4rem;
    line-height: 4rem;
}
.top-mar-2{
    margin-top: 2rem!important;
}
.top-mar-2>.layui-col-xs4:first-child{
    padding-left: 2rem;
}
#myUl li{
    cursor: pointer;
}
/*个人空间样式*/
.InputBox{
    margin-top: 2rem;
    height: 40px;
    margin-bottom: 20px;
    border-bottom: 2px solid #3c8dbc;
}
.per-table{
    width: 95%;
    margin: 1rem auto 1rem;
}
.mid-table {
    width: 95%;
    margin: 1rem auto;
}
/*.per-table thead{*/
    /*background-color: RGB(208,237,236)!important;*/
/*}*/
/*.per-head{*/
    /*background-color: RGB(208,237,236);*/
/*}*/
.layui-icon-ad{
    font-size: 30px;
    color: RGB(55,222,225);
    margin-left:2.5%;
}
.layui-icon-add{
    font-size: 30px;
    color: RGB(55,222,225);
}
.layui-icon-blue{
    font-size: 30px;
    color: #c1ddf5;
}

.per-table th,.per-table td,.project-table td{
    text-align: center;
}
.bold{
    font-weight: 700;
}
.layui-table th{
    text-align: center;
}
.InputBoxPer{
    margin-top: 20px;
    height: 40px;
    margin-bottom: 20px;
    /*border-bottom: 2px solid #3c8dbc;*/
}
.icon-text{
    margin-right: 3px;
    color: red;
}
.per-input{
    display: inline-block!important;
    width: 300px!important;
}

.w600 { width: 600px;}
.w800 { width: 800px;}
.tc {text-align: center!important;}
.tl {text-align: left!important;}
.tr {text-align: right!important;}

.table td{ padding: 0px 5px; min-height: 20px; line-height: 20px; font-size: 14px; border: 1px solid #dcdcdc;text-align:center;}
.table thead td, .table thead th {text-align: center}
.hide { display: none;}
.bdr {border: 1px solid red;}
.bdc {border: 1px solid #ccc;}

span[data-toggle='distpicker'] select, .layui-select2{
    /*
    display: inline-block!important;
    border-radius: 3px;
    height: 2rem;
    border: 1px solid #88bae4;
*/
    border-radius: 0.3rem;
    height: 38px;
    border: 1px solid #e6e6e6;
}
/*可编辑状态*/
.layui-table-body td[data-edit="text"]:before,.layui-table-body td[data-edit="true"]:before {
    position: absolute;
    border: 1px solid RGBA(131,188,252,0.4);
    border-radius: 8px;
    top: 8px;
    right: 5px;
    bottom: 8px;
    left: 5px;
    content: "";
    font-family: layui-icon!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}
.layui-form-checked[lay-skin=primary] i {
    border-color: RGB(119,166,226)!important;
    background-color: RGB(119,166,226);
    color: #fff;
}
/*.icon-time:before{*/
    /*position: absolute;*/
    /*top: 10px;*/
    /*right: 0;*/
    /*content: "\e637";*/
    /*font-family: layui-icon!important;*/
    /*font-size: 16px;*/
    /*font-style: normal;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
/*}*/
/*.layui-table-body td[data-edit="text"]:before {*/
    /*position: absolute;*/
    /*top: 9px;*/
    /*right: 3px;*/
    /*content: "__";*/
    /*font-family: layui-icon!important;*/
    /*font-size: 16px;*/
    /*font-style: normal;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
/*}*/

/*.layui-table-body td[data-edit="text"]:after {*/
    /*position: absolute;*/
    /*top: 10px;*/
    /*right: 0;*/
    /*color: #6a90ba;*/
    /*content: "\e642";*/
    /*font-family: layui-icon!important;*/
    /*font-size: 18px;*/
    /*font-weight: 700;*/
    /*font-style: normal;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
/*}*/
/*.layui-table-body td[data-edit="text"]:after,.layui-table-body td[data-edit="true"]:after {*/
    /*position: absolute;*/
    /*top: 10px;*/
    /*right: 0;*/
    /*color: #6a90ba;*/
    /*content: "\e642";*/
    /*font-family: layui-icon!important;*/
    /*font-size: 18px;*/
    /*font-weight: 700;*/
    /*font-style: normal;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
/*}*/
.bid-ul{
    /*width: 36rem;/*/
    /*border: 1px solid rgba(213,209,229,0.5);*/
    margin-top: 0.3rem;
    border-radius: 6px;
    /*height: 2.2rem;*/
    line-height: 2.2rem;
    /*position: absolute;*/
    /*margin-left: 2rem;*/
    /*left: 50%;*/
    /*transform: translate(-50%,0%);*/
    z-index: 799;
}
.bid-ul-li{
    float: left;
    margin-left: 3px;
    padding: 0 8px;
    font-size: 14px;
    cursor: pointer;
    /*width: 3.5rem;*/
    height:25px;
    line-height: 25px;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    text-align:center ;
}
.spcz-center {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%);
}
.time-input{
    width: 48%;
    height: 2rem;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}
/*暂时覆盖源码*/
.layui-table td, .layui-table th {
    position: relative;
    padding: 6px 9px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
}
.title-num{
    font-size: 16px;
    font-weight: 700;
    color: #86abcf;
}
textarea{
    resize:none!important;
    border-color: #e6e6e6;
    border-radius: 8px;
}
.layui-textarea{
    min-height: 50px;
}
/*表格里面的输入框，文本域，下拉框*/
.table-input{
    height: 35px;
    border-radius: 0.3rem;
    display: block;
    width: 100%;
    padding-left: 10px;
    line-height: 1.3;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}
.table-input:focus {
    border-style:solid;
    border-color: #03a9f4;
    box-shadow: 0 0 2px #03a9f4;
}
.table-textarea:focus {
    border-style:solid;
    border-color: #03a9f4;
    box-shadow: 0 0 2px #03a9f4;
}
.table-select{
    border-color: #e6e6e6;
    width: 100%;
}
.tc-table td,.tc-table th{
    text-align: center;
}
/*对mvc回显的单选框  进行样式修改*/
.layui-form-radioed > i {  color: RGB(96,173,236);  font-size: 16px; }
.layui-form-radio > i{  font-size: 16px  }
.greenRadio>span>input[type="radio"]{  display: none; }
.greenRadio>span>label{  position: relative;  margin-right: 34px;  }
.greenRadio>span>label::before{  display: inline-block;  content: "";  width: 16px;  height: 16px;  border-radius: 50%;  border: 1px solid rgb(219, 219, 219);  margin-right: 6px;  vertical-align: middle;  }
.greenRadio>span>input[type="radio"]:checked+label::before{  background-color: RGB(33,130,140);  }
.greenRadio>span>input[type="radio"]:checked+label::after{  display: inline-block;  content: "";  width: 6px;  height: 6px;  border-radius: 50%;  position: absolute;  left: 6px;  bottom: 4px;  background-color: white;  }
.span-line{
    margin: 0 1rem;
}
.back-span-white{
    background-color: #f9fcfe;
    border: 3px solid #2e68ab!important;
}
.layui-table-view{
    border:none;
}
.layui-table-box{
    border:1px solid #dcdcdc;
}
table tr {
    /*height: 48px;*/
}
thead th {
    font-size: 15px!important;
    color: #000;
}
.laydate-day-mark{
    overflow: visible!important;
}
/*处理一部分表格头 绿色且非静态*/
div[lay-id="caSealTable"] thead{
    background-color: RGB(208,237,236)!important;
}
div[lay-id="spTenderBulltin"] thead{
    background-color: #fff;
}
.tb-icon{
    color: #2f85c4;
    margin: 10px 0;
}
.tb-icon i{
    font-size: 20px;
    color: #1E9FFF;
    margin-right: 3px
}
.layui-upload{
    padding-left: 25px;
    margin-top: 10px;
}
.not-arrow{

    text-align: center;

    text-align-last: center;
    padding: 5px 10px;

    border:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    appearance:none; /*去掉下拉箭头*/

    /*在选择框的最右侧中间显示小箭头图片*/

}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

.not-arrow::-ms-expand { display: none; }

.not-arrow-box{

    background: #eee;
}
.not-arrow-box select{
    color: #815a5a;
    background: #eee;

}
.query-input{
    height: 34px;
    width: 320px;
    padding-left: 10px;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgb(177, 177, 177);
    opacity: 1;
    font-size: 14px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgb(177, 177, 177);
    opacity: 1;
    font-size: 14px;
}

input:-ms-input-placeholder {
    color: rgb(177, 177, 177);
    opacity: 1;
    font-size: 14px;
}

input::-webkit-input-placeholder {
    color: rgb(177, 177, 177);
    opacity: 1;
    font-size: 14px;
}
label.error {
    background: url("../jquery-validation/1.11.1/images/unchecked.gif") no-repeat 0px 0px;
    padding-left: 18px;
    padding-bottom: 2px;
    font-weight: bold;
    color: #EA5200;
    margin-left: 10px;
    font-size: 12px;
    width: 150px;
    display: inline-block;
    line-height: 15px;
    vertical-align: middle;
}

label.checked {
    background: url("../jquery-validation/1.11.1/images/checked.gif") no-repeat 0px 2px;
}

.kb-font{
    color: #4984b0;
    font-size: 14px;
}
.myul-li{
    height: 25px;
    line-height: 25px;
    margin-right: 5px;
}
.kb-size{
    width: 200px;
    display: inline-block;
    color: #7a8396;
    font-size: 14px;
}
.areaCss{
    display: block;
    width:100%;
    padding-left: 10px;
    height: 38px;
    line-height: 1.3;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 0.3rem;
    border-color: #e6e6e6;
}
.per-row{
    line-height: 38px;
    margin-bottom: 10px;
}
.per-input-validate{
    width: 80%;
    display: inline-block!important;
}
.progreBox{
    transform: translate(-50%);
    display: none;
    width: 500px;
    height: 100px;
    position: absolute;
    left: 45%;
    top: 40%;
    z-index: 99999;
    border: 1px solid #ccc;
    background-color: rgb(88, 207, 255);
    border-radius: 20px;
}
.centerBox{
    width: 1000px;
    margin: 0 auto;
}
.progreBox p{
    width: 200px;
    margin: 30px auto 10px;
    font-size: 14px;
}
.progre{
    width: 250px;
    height: 2px;
    border: 1px solid #ccc;
    border-radius: 1px;
    margin: 0 auto;
}
.per-select{
    width:100%;
    height: 36px;
    border-radius: 5px;
    border: none;
}
.per-select-border{
    width:100%;
    height: 36px;
    border-radius: 5px;
    border-color: #e6e6e6;
}

.per-save{
    text-align: center;
    margin-top: 20px;
}
.b{
    color:#3c3cd7 ;
}
.f{
    color: #555!important;
}
.unclick{
    background-color: #96abb4;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.layui-tab{
    margin: 0;
}
.projectType{
    display: inline-block;
    width:22%;
    padding-left: 10px;
    height: 38px;
    line-height: 1.3;
    border-width: 1px;
    border-style: solid;
    background-color: #fff!important;
    border-radius: 0.3rem;
    border-color: #e6e6e6;
}
.zbinput{
    padding-left: 5px;
    width: 150px;
    height: 32px;
    border-radius: 5px;
    outline: none;
    border-color: #e6e6e6;
    border-style: solid;
    border-width: 1px;
}
/*项目中菜单*/
.layui-tab-fixed{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20000;
}
.layui-layer-title{
    text-align: center;
}
.layui-tab-card{
    border-bottom: none;
    box-shadow:none;
}
/*左右两边布局 小标题与内容*/
.layui-label{
    width: 10.5rem ;
    padding: 9px 0;
    float: left;
    position: relative;
    font-weight: 400;
    line-height: 20px;
    text-align: right
}
.layui-block{
      margin-left: 10.5rem;
      /*background-color: #eee;*/
      height: 36px;
      line-height: 36px;
      padding: 0 1.6rem;
      border-radius: 5px;
      box-sizing: border-box;
      position: relative
  }
.layui-block-textarea{
    margin-left: 10.5rem;
    /*background-color: #eee;*/
    height: 250px;
    padding: 0 1.6rem;
    border-radius: 5px;
    box-sizing: border-box;
    position: relative
}
.layui-block .layui-textarea{
    min-height: 100px;
}
.layui-inline-sel{
    float: left;
    width: 15%;
    margin-right: 1%;
}
.layui-inline-pro{
    float: left;
    width: 24%;
    margin-right: 1%;
    height:36px;
}
.layui-table-sel{
    float: left;
    width: 30%;
    margin-right: 1%;
}
/*.layui-inline-sel select{*/
    /*-webkit-appearance:none;*/
    /*-moz-appearance:none;*/
    /*appearance:none;*/
    /*background:transparent;*/
    /*border:none;*/
    /*padding-left:10px;*/
/*}*/

/*详细地址*/
.layui-sel-input{
    display: inline-block;
}

    /*处理后面有内容的输入框*/
.inline-input{
    display: inline-block;
    width: 36%;
}
/*弹窗标题居中*/
.layui-layer-title{
    padding: 0!important;
    text-align: center;
}
::selection {
    background:#9999b9;
    color:#555;
}

::-moz-selection {
    background:#9999b9;
    color:#555;
}
.table-head{
    font-weight: 700;
}

/*::-webkit-selection {*/
    /*background:#d3d3d3;*/
    /*color:#555;*/
/*}*/
/*解决纯数字字母不换行*/
table{
    word-break:break-all;
}
.table-hide{
    border: none;
}

.per-time{
    position:absolute;
    right:30px;
    top:3px;
    display:inline-block;
    font-size: 22px;
    cursor: pointer;
}
.per-time:hover{
    color:#4faee6
}
.timeLeft{
    display: inline-block;
    position: relative;
    padding: 0 1.6rem 0 0;
    width: 45%;
}
.timeRight{
    display: inline-block;
    position: relative;
    padding: 0  0 0 1.6rem;
    width: 45%;
}


.layui-layer-page .layui-layer-content{
    /*padding:20px;*/
}

.layui-inline-sel-xs{
    width: 12%;
    margin-right: 1%;
    display: inline-block;
}

.layui-inline-sel-sm{
    display: inline-block;
    width: 7%;
    margin-right: 1%;
}
.c-3 {
    color: #333;
}
.mt15 {
    margin-top: 15px;
}
.mt10 {
    margin-top: 10px;
}
.c-9 {
    color: #999;
}
.f12 {
    font-size: 12px;
}
.pt10 {
    padding-top: 10px;
}
.mr5 {
    margin-right: 5px;
}
.pb15{
    padding-bottom:15px;
}
.pt15{
    padding-top:15px;
}
.ell{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pb15 {
    padding-bottom: 15px;
}
.pr20 {
    padding-right: 20px;
}
.pl20 {
    padding-left: 20px;
}
.lh20 {
    line-height: 20px;
}
.bg-ff {
    background-color: #fff;
}
.mb10 {
    margin-bottom: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mb20{
    margin-bottom:20px;
}
.f14 {
    font-size: 14px;
}
.b{
    font-weight:700;
}
.f20 {
    font-size: 20px;
}
.btn {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
.mt20 {
    margin-top: 20px;
}
.mt40 {
    margin-top: 40px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb10 {
    margin-bottom: 10px;
}
.ml20 {
    margin-left: 20px;
}
.mr20 {
    margin-right: 20px;
}
strong,em{
    line-height: initial;
}
.layui-table-header {
    background-color: #dcecfe;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}


.btn-primary.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    *background-color: #0044cc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    font-weight: bold;
    padding: 3px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #003399 \9;
}

.btn-primary.dropdown-toggle {
    background-color: #0044cc;
}

.btn-primary .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

Body,body {
    scrollbar-arrow-color: #fff;
    scrollbar-face-color: #fff;
    scrollbar-3dlight-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-track-color: #fff;
}
body::-webkit-scrollbar-track,.layui-nav-side::-webkit-scrollbar-track,.div-td::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 4px;
    background-color: #Fff;
}

body::-webkit-scrollbar
{
    width: 4px;
    background-color: #fff;
}
.layui-nav-side::-webkit-scrollbar,.div-td::-webkit-scrollbar
{
    width: 3px;
    background-color: #fff;
}
body::-webkit-scrollbar-thumb,.layui-nav-side::-webkit-scrollbar-thumb,.div-td::-webkit-scrollbar-thumb
{
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(100,100,100,.3);
    background-color: #ccc;
}
.layui-progress{
    display: inline-block;
    text-align:center;
    width:50px;
}