/*---------------------------------------------------------------------------*/
/* 文件名称：style.font  */
/*---------------------------------------------------------------------------*/
@font-face {
    font-family: 'us-icon';
    src: url('/assets5/kcore/css/usfont/iconfont.eot');
    src: url('/assets5/kcore/css/usfont/iconfont.eot?#iefix') format('embedded-opentype'), url('/assets5/kcore/css/usfont/iconfont.woff') format('woff'), url('/assets5/kcore/css/usfont/iconfont.ttf') format('truetype'), url('/assets5/kcore/css/usfont/iconfont.svg#larry-icon') format('svg');
}

.us-icon {
    font-family: "us-icon" !important;
    font-size: 18px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    -moz-osx-font-smoothing: grayscale;
}

.us-icon12 {
    font-size: 12px !important;
    margin: 0px;
}

.us-icon14 {
    font-size: 14px !important;
    margin: 0px;
}

.us-icon16 {
    font-size: 16px !important;
    margin: 0px;
}

.us-icon18 {
    font-size: 18px !important;
    margin: 0px;
}

.us-icon24 {
    font-size: 24px !important;
    margin: 0px;
}

.us-iconrtmbtn {
    font-size: 32px !important;
    margin: 0px;
    line-height: 32px !important;
}

.layui-btn .us-icon {
    margin-right: 3px;
    font-size: 18px;
    vertical-align: bottom;
    vertical-align: middle\0;
}

.usztreeicon {
    font-size: 16px !important;
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

/*---------------------------------------------------------------------------*/
/* 文件名称：style.fscommon  */
/*---------------------------------------------------------------------------*/
/*公共样式,通用的增加的样式*/
.childrenBody {margin:10px 10px 0;}
.menu-tree-this {color:#009688;}
fieldset {min-width:100px;}
.layui-fluid {position:relative;margin:0 auto;padding:10px 5px 5px 5px;}
.layui-table-view {position:relative;margin:5px 0 0 0;overflow:hidden;}
.layui-form-query {padding:10px 15px 0px 15px}
.usdatagrid {display:none;}
.usdatagridCols {display:none;}
.btnreloadtree {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*---------------------------------------------------------------------------*/
/* 文件名称：style.frame  */
/*---------------------------------------------------------------------------*/
 box {position:relative;width:100%;}
.box-left {width:220px;position:absolute;top:0;left:0;float:right;/*border:solid 1px #E6E6E6;*/}
/*运维组*/    .box-leftgroup {width:240px;position:absolute;top:0;left:0;float:right;/*border:solid 1px #E6E6E6;*/}
.box-rightgroup {margin-left:240px;}
.box-leftmar {padding-left:5px;padding-right:5px;}
.box-left-border {border:solid 1px #E6E6E6;padding-top:10px;background-color:#ffffff;}
.box-right {margin-left:220px;}
.box2 {position:relative;width:100%;}
.box2-left {position:absolute;top:0;left:0;right:240px;padding:5px;}
.box2-leftmar {padding-left:5px;padding-right:5px;}
.box2-right {width:240px;float:right;}
/*文本框左侧和右侧的内容*/.us-lineupdownleft {border-width:1px 0 1px 0;border-style:solid;background-color:#EEEEEE !important;border-color:#E6E6E6;padding:0;margin:0;padding-left:10px !important;padding-right:10px !important;color:black !important;}
.us-lineupdownright {border-width:1px 1px 1px 0;border-style:solid;background-color:#EEEEEE !important;border-color:#E6E6E6;color:black  !important;padding-left:10px !important;padding-right:10px !important;margin-left:-10px;}
.us-lineupdownrightnobg {border-width:1px 1px 1px 0;border-style:solid;border-color:#E6E6E6;color:black  !important;padding-left:20px !important;padding-right:10px !important;min-width:168px;height:20px;position:relative;float:left;display:block;padding:8px 8px !important;line-height:20px;margin-right:10px;}
.us-lineupdownrightnobgchk {border-width:1px 1px 1px 0;border-style:solid;border-color:#E6E6E6;}
/*右侧按钮的盒子*/.usdivall {}
.usdiv-left {width:100%;float:left;}
.usdiv-leftcon {margin-right:55px;}
.usdiv-right {width:55px;float:right;margin-left:-58px;/*border-width:1px 1px 1px 0;border-style:solid;border-color:#E6E6E6;min-height:36px;text-align:center;*/}
.us-inputimages {width:500px !important;}
.us-inputimagesshort {}
.layui-form-checkbox {position:relative;display:inline-block;vertical-align:middle;height:30px;line-height:28px;margin-right:10px;padding-right:30px;border:0px solid #d2d2d2;background-color:#fff;cursor:pointer;font-size:0;border-radius:2px;-webkit-transition:.1s linear;transition:.1s linear;box-sizing:border-box;}
/*body {background-color:#F2F2F2;}
.us-managerbody,.us-listbody {background-color:#ffffff;padding:5px;border:1px solid #EBEBEB;border-radius:5px;}
*//*分页右侧对齐*/.layui-laypage {float:right;}
.ustreedropdownlist {overflow:auto;min-width:120px;max-height:400px;margin:10px;}
.ustreedropdownlistauto {overflow:auto;min-width:120px;margin:10px;}
/*文字颜色*/.usfontwhite {color:white !important;border:0px;}
.usfontblue {color:#1E9FFF !important;}
.usfontred {color:red !important;}
.usfontgreen {color:green !important;}
.usfontdanger {color:#FF5722 !important;}
/*选择列功能*/.columnselect {padding:0px 2px 0px 8px;min-height:35px;line-height:35px;}
.columnselect:hover {background-color:#F0F0F0;cursor:pointer;}
.columnselect label:hover {cursor:pointer;}
.columnli {max-height:400px;overflow:auto;}
/*选择显示列功能---------------------------------------*/.columnli li a input {margin-right:6px;}
/*选择运维组下拉宽度控制*/    .columnli .columnselect label {overflow:hidden;/*自动隐藏文字*/        text-overflow:ellipsis !important;/*文字隐藏后添加省略号*/        white-space:nowrap;/*强制不换行*/        width:80px!important;display:inline-block;line-height:15px;}
/*选择时间和运维组*/.usselectbox {}
.usdataselect,.usgroutselect {font-size:12px;cursor:pointer;color:#337AB7}
.usdataselect {margin-right:30px;color:#333333;}
.usdataselect .layui-icon {margin:0px;font-size:16px;}
.usdataselect:hover,.usgroutselect:hover {color:#337AB7;}
.indexlist {display:inline-block;width:100%;line-height:18px;font-size:13px;font-family:宋体;}
.indexlist:hover {color:black;}
.badgeleft {float:left;color:white !important;padding-left:10px;}
.badgeright {float:right;padding-right:10px;}
.moredown {line-height:25px;}
/*设置Tab的颜色*/.layui-tab-brief > .layui-tab-title .layui-this {color:#3598DC;}
.layui-tab-brief > .layui-tab-title .layui-this:after,.layui-tab-brief > .layui-tab-more li.layui-this:after {border:none;border-radius:0;border-bottom:2px solid #3598DC;}

/*---------------------------------------------------------------------------*/
/* 文件名称：style.box  */
/*---------------------------------------------------------------------------*/
.usnbox {
    border:1px solid #E7ECF1; 
    padding:8px;
    margin-bottom:8px;
    margin-top:8px;
    background-color:#ffffff;
}

/* 搜索的列表*/
.usnboxlist,.usnboxlistinfo {
    /*border:1px solid #E7ECF1;*/ 
    padding:4px 4px 4px 10px;
    margin-bottom:8px;
    margin-top:8px;
    background-color:#ffffff;
    border-left: 4px solid #009688;
}

/*文字的外框*/
.usnboxlistinfo {
     line-height: 38px;
    min-height:38px;
    background-color:#F2F2F2 !important;
}
/*导入表单使用*/
.usnboxborder {
    border: solid 1px #E6E6E6;
    padding: 10px;
    /* background-color: #ffffff; */
}

.usnboxlisttable,.usdatagrid {
    background-color:#ffffff !important; 
}
.usnboxtop {
    border-bottom:1px solid #EEF1F5; 
    line-height:28px;
    padding:8px;
    height:30px;
}
.usnboxleft {
    float:left;
    color:#3598DC;
    font-size:15px;
    /*font-weight:bold;*/
}
    .usnboxleft i {
        margin-right:6px;
    }
.usnboxright {
    float:right;
}
.usnboxbody {
     padding:12px;
}
.usnboxbody .layui-form-item {
    margin-bottom: -10px;
    clear: both;
}
.usnboxbody8 {
    padding: 8px !important;
}
.dashboard-stat {
   
}


.mainblock {
    right: 0px;
    position: absolute;
    margin-right: 10px;
}

/*工单回复*/
.medialeft {
    float:left;
    margin:5px;
}
    .medialeft img {
        width:40px;height:40px;
        cursor:pointer;
    }
    .medialeft span {
        display:inline-block;
        width:100%;
    }
     .medialeft cite {
       margin-left:10px;
       color:#3598DC;
       font-weight:bold;
       font-style:normal;
    }
.medialeftsm {
    color:#ffffff !important;
    background-color:#469C46;
    border-radius:3px;
    font-weight:normal !important;
    padding:2px 6px;
    font-size:12px;
    font-family:宋体;
    border:solid #3D8E3D 1px;

}
.usmedia {
}
    .usmedia li {
        width:100%;
        display:inline-block;clear:both;
    }
.mediatext {
    margin: 10px 0px;
    /*text-indent: 2em;*/
    width: 100%;
    display: inline-block;
    clear: both;
    white-space: pre-line;
}
.mediafile {
    background-color:#EDEDED;line-height:35px; padding-left:10px;border-radius:5px; margin-bottom:2px;
}
.mediafile a {
    color:#3598DC;
}
.mediawav {
    margin:10px 0px 10px 0px;
}
.mediaimage {
    cursor:pointer;
}
.mediasize {
}
.usmediaitem {
    margin:5px 0px;
}
    .usmediaitem p {
        width: 100%;
        display: inline-block;
        clear: both;
        white-space: pre-line;
    }

.divcss5{ border:0px solid #000; width:100%; height:100%;overflow:hidden;text-align:center; background-color:red;} 
.divcss5 img{max-width:600px;_width:expression(this.width > 600 ? "600px" : this.width);}



.mediadiv {
    width:100%;
    display:inline-block;clear:both;
    margin:2px 0px;
}

.mediadivtitle {
    padding:0px 20px;
}
    .mediadivtitle span {
        display: block;
        line-height:25px;
    }

    .mediadivtitle span cite{
        color: #666;
        font-weight: bold;
        font-style: normal;
    }
.mediadivinfo {
       border-radius:3px; padding:6px 10px;  border:solid 1px #E6E6E6; overflow: hidden;
}
.mediadivinfoleft {
   width: 100%;float: left;height:100%;
}
.mediadivinfoleft-con { margin-right: 140px;text-indent:2em; line-height:30px }
.mediadivinforight {
    width: 140px; float: right; margin-left: -140px;height:100%; line-height:100%; line-height:30px; font-size:12px; text-align:right;
}

.UFRState0 {
 color: #EFA126 !important;
}
.UFRState1 {
 color: #63B443 !important;
}
.UFRState2,.UFRState3 {
 color: #3794D1 !important;
}


.UFRState1 .mediadivinfoleft-con:before {
    content: "√";
    color:red;
    padding:5px;
    font-size:16px;
}

.UFRState2 .mediadivinfoleft-con:before,.UFRState3 .mediadivinfoleft-con:before {
    content: "×";
    color:red;
    padding:5px;
    font-size:20px;
}










/***
Dashboard Stats
***/
.dashboard-stat {
  display: block;
  margin-bottom: -5px;
  overflow: hidden;
  /*-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;*/ 

}
  .dashboard-stat:before,
  .dashboard-stat:after {
    content: " ";
    display: table; }
  .dashboard-stat:after {
    clear: both; }
  .portlet .dashboard-stat:last-child {
    margin-bottom: 0; }
  .dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px; }
    .dashboard-stat .visual > i {
        margin-left: -5px;
        font-size: 80px;
        line-height: 80px;
        padding-top: 40px!important;
    }
  .dashboard-stat .details {
    position: absolute;
    right: 15px;
    padding-right: 15px; }
    .dashboard-stat .details .number {
      padding-top: 25px;
      text-align: right;
      font-size: 34px;
      line-height: 36px;
      letter-spacing: -1px;
      margin-bottom: 0px;
      font-weight: 300; }
    .dashboard-stat .details .desc {
      text-align: right;
      font-size: 16px;
      letter-spacing: 0px;
      font-weight: 300; }
  .dashboard-stat .more {
    clear: both;
    display: block;
    padding: 6px 10px 6px 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    opacity: 0.7;
    filter: alpha(opacity=70); }
    .dashboard-stat .more:hover {
      text-decoration: none;
      opacity: 0.9;
      filter: alpha(opacity=90); }
    .dashboard-stat .more > i {
      display: inline-block;
      margin-top: 1px;
      float: right; }

.dashboard-stat.white {
  background-color: #ffffff; }
  .dashboard-stat.white.dashboard-stat-light:hover {
    background-color: whitesmoke; }
  .dashboard-stat.white .visual > i {
    color: #666;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.white .details .number {
    color: #666; }
  .dashboard-stat.white .details .desc {
    color: #666;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.white .more {
    color: #666;
    background-color: whitesmoke; }

.dashboard-stat.default {
  background-color: #e1e5ec; }
  .dashboard-stat.default.dashboard-stat-light:hover {
    background-color: #d5dae4; }
  .dashboard-stat.default .visual > i {
    color: #666;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.default .details .number {
    color: #666; }
  .dashboard-stat.default .details .desc {
    color: #666;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.default .more {
    color: #666;
    background-color: #d5dae4; }

.dashboard-stat.dark {
  background-color: #2f353b; }
  .dashboard-stat.dark.dashboard-stat-light:hover {
    background-color: #262b30; }
  .dashboard-stat.dark .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.dark .details .number {
    color: #FFFFFF; }
  .dashboard-stat.dark .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.dark .more {
    color: #FFFFFF;
    background-color: #262b30; }

.dashboard-stat.blue {
  background-color: #3598dc; }
  .dashboard-stat.blue.dashboard-stat-light:hover {
    background-color: #258fd7; }
  .dashboard-stat.blue .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.blue .details .number {
    color: #FFFFFF; }
  .dashboard-stat.blue .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.blue .more {
    color: #FFFFFF;
    background-color: #258fd7; }

.dashboard-stat.blue-madison {
  background-color: #578ebe; }
  .dashboard-stat.blue-madison.dashboard-stat-light:hover {
    background-color: #4884b8; }
  .dashboard-stat.blue-madison .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.blue-madison .details .number {
    color: #FFFFFF; }
  .dashboard-stat.blue-madison .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.blue-madison .more {
    color: #FFFFFF;
    background-color: #4884b8; }

.dashboard-stat.blue-chambray {
  background-color: #2C3E50; }
  .dashboard-stat.blue-chambray.dashboard-stat-light:hover {
    background-color: #253443; }
  .dashboard-stat.blue-chambray .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.blue-chambray .details .number {
    color: #FFFFFF; }
  .dashboard-stat.blue-chambray .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.blue-chambray .more {
    color: #FFFFFF;
    background-color: #253443; }

.dashboard-stat.blue-ebonyclay {
  background-color: #22313F; }
  .dashboard-stat.blue-ebonyclay.dashboard-stat-light:hover {
    background-color: #1b2732; }
  .dashboard-stat.blue-ebonyclay .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.blue-ebonyclay .details .number {
    color: #FFFFFF; }
  .dashboard-stat.blue-ebonyclay .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.blue-ebonyclay .more {
    color: #FFFFFF;
    background-color: #1b2732; }

.dashboard-stat.blue-hoki {
  background-color: #67809F; }
  .dashboard-stat.blue-hoki.dashboard-stat-light:hover {
    background-color: #5e7694; }
  .dashboard-stat.blue-hoki .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.blue-hoki .details .number {
    color: #FFFFFF; }
  .dashboard-stat.blue-hoki .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.blue-hoki .more {
    color: #FFFFFF;
    background-color: #5e7694; }

.dashboard-stat.blue-steel {
  background-color: #4B77BE; }
  .dashboard-stat.blue-steel.dashboard-stat-light:hover {
    background-color: #416db4; }
  .dashboard-stat.blue-steel .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.blue-steel .details .number {
    color: #FFFFFF; }
  .dashboard-stat.blue-steel .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.blue-steel .more {
    color: #FFFFFF;
    background-color: #416db4; }

.dashboard-stat.blue-soft {
  background-color: #4c87b9; }
  .dashboard-stat.blue-soft.dashboard-stat-light:hover {
    background-color: #447dad; }
  .dashboard-stat.blue-soft .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.blue-soft .details .number {
    color: #FFFFFF; }
  .dashboard-stat.blue-soft .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.blue-soft .more {
    color: #FFFFFF;
    background-color: #447dad; }

.dashboard-stat.blue-dark {
  background-color: #5e738b; }
  .dashboard-stat.blue-dark.dashboard-stat-light:hover {
    background-color: #56697f; }
  .dashboard-stat.blue-dark .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.blue-dark .details .number {
    color: #FFFFFF; }
  .dashboard-stat.blue-dark .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.blue-dark .more {
    color: #FFFFFF;
    background-color: #56697f; }

.dashboard-stat.blue-sharp {
  background-color: #5C9BD1; }
  .dashboard-stat.blue-sharp.dashboard-stat-light:hover {
    background-color: #4c91cd; }
  .dashboard-stat.blue-sharp .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.blue-sharp .details .number {
    color: #FFFFFF; }
  .dashboard-stat.blue-sharp .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.blue-sharp .more {
    color: #FFFFFF;
    background-color: #4c91cd; }

.dashboard-stat.green {
  background-color: #32c5d2; }
  .dashboard-stat.green.dashboard-stat-light:hover {
    background-color: #2bb8c4; }
  .dashboard-stat.green .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.green .details .number {
    color: #FFFFFF; }
  .dashboard-stat.green .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.green .more {
    color: #FFFFFF;
    background-color: #2bb8c4; }

.dashboard-stat.green-meadow {
  background-color: #1BBC9B; }
  .dashboard-stat.green-meadow.dashboard-stat-light:hover {
    background-color: #18aa8c; }
  .dashboard-stat.green-meadow .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.green-meadow .details .number {
    color: #FFFFFF; }
  .dashboard-stat.green-meadow .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.green-meadow .more {
    color: #FFFFFF;
    background-color: #18aa8c; }

.dashboard-stat.green-seagreen {
  background-color: #1BA39C; }
  .dashboard-stat.green-seagreen.dashboard-stat-light:hover {
    background-color: #18918b; }
  .dashboard-stat.green-seagreen .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.green-seagreen .details .number {
    color: #FFFFFF; }
  .dashboard-stat.green-seagreen .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.green-seagreen .more {
    color: #FFFFFF;
    background-color: #18918b; }

.dashboard-stat.green-turquoise {
  background-color: #36D7B7; }
  .dashboard-stat.green-turquoise.dashboard-stat-light:hover {
    background-color: #29cfae; }
  .dashboard-stat.green-turquoise .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.green-turquoise .details .number {
    color: #FFFFFF; }
  .dashboard-stat.green-turquoise .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.green-turquoise .more {
    color: #FFFFFF;
    background-color: #29cfae; }

.dashboard-stat.green-haze {
  background-color: #44b6ae; }
  .dashboard-stat.green-haze.dashboard-stat-light:hover {
    background-color: #3ea7a0; }
  .dashboard-stat.green-haze .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.green-haze .details .number {
    color: #FFFFFF; }
  .dashboard-stat.green-haze .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.green-haze .more {
    color: #FFFFFF;
    background-color: #3ea7a0; }

.dashboard-stat.green-jungle {
  background-color: #26C281; }
  .dashboard-stat.green-jungle.dashboard-stat-light:hover {
    background-color: #23b176; }
  .dashboard-stat.green-jungle .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.green-jungle .details .number {
    color: #FFFFFF; }
  .dashboard-stat.green-jungle .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.green-jungle .more {
    color: #FFFFFF;
    background-color: #23b176; }

.dashboard-stat.green-soft {
  background-color: #3faba4; }
  .dashboard-stat.green-soft.dashboard-stat-light:hover {
    background-color: #3a9c96; }
  .dashboard-stat.green-soft .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.green-soft .details .number {
    color: #FFFFFF; }
  .dashboard-stat.green-soft .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.green-soft .more {
    color: #FFFFFF;
    background-color: #3a9c96; }

.dashboard-stat.green-dark {
  background-color: #4DB3A2; }
  .dashboard-stat.green-dark.dashboard-stat-light:hover {
    background-color: #46a595; }
  .dashboard-stat.green-dark .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.green-dark .details .number {
    color: #FFFFFF; }
  .dashboard-stat.green-dark .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.green-dark .more {
    color: #FFFFFF;
    background-color: #46a595; }

.dashboard-stat.green-sharp {
  background-color: #2ab4c0; }
  .dashboard-stat.green-sharp.dashboard-stat-light:hover {
    background-color: #26a4af; }
  .dashboard-stat.green-sharp .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.green-sharp .details .number {
    color: #FFFFFF; }
  .dashboard-stat.green-sharp .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.green-sharp .more {
    color: #FFFFFF;
    background-color: #26a4af; }

.dashboard-stat.grey {
  background-color: #E5E5E5; }
  .dashboard-stat.grey.dashboard-stat-light:hover {
    background-color: #dbdbdb; }
  .dashboard-stat.grey .visual > i {
    color: #333333;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.grey .details .number {
    color: #333333; }
  .dashboard-stat.grey .details .desc {
    color: #333333;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.grey .more {
    color: #333333;
    background-color: #dbdbdb; }

.dashboard-stat.grey-steel {
  background-color: #e9edef; }
  .dashboard-stat.grey-steel.dashboard-stat-light:hover {
    background-color: #dde3e6; }
  .dashboard-stat.grey-steel .visual > i {
    color: #80898e;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.grey-steel .details .number {
    color: #80898e; }
  .dashboard-stat.grey-steel .details .desc {
    color: #80898e;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.grey-steel .more {
    color: #80898e;
    background-color: #dde3e6; }

.dashboard-stat.grey-cararra {
  background-color: #fafafa; }
  .dashboard-stat.grey-cararra.dashboard-stat-light:hover {
    background-color: #f0f0f0; }
  .dashboard-stat.grey-cararra .visual > i {
    color: #333333;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.grey-cararra .details .number {
    color: #333333; }
  .dashboard-stat.grey-cararra .details .desc {
    color: #333333;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.grey-cararra .more {
    color: #333333;
    background-color: #f0f0f0; }

.dashboard-stat.grey-gallery {
  background-color: #555555; }
  .dashboard-stat.grey-gallery.dashboard-stat-light:hover {
    background-color: #4b4b4b; }
  .dashboard-stat.grey-gallery .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.grey-gallery .details .number {
    color: #ffffff; }
  .dashboard-stat.grey-gallery .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.grey-gallery .more {
    color: #ffffff;
    background-color: #4b4b4b; }

.dashboard-stat.grey-cascade {
  background-color: #95A5A6; }
  .dashboard-stat.grey-cascade.dashboard-stat-light:hover {
    background-color: #8a9c9d; }
  .dashboard-stat.grey-cascade .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.grey-cascade .details .number {
    color: #FFFFFF; }
  .dashboard-stat.grey-cascade .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.grey-cascade .more {
    color: #FFFFFF;
    background-color: #8a9c9d; }

.dashboard-stat.grey-silver {
  background-color: #BFBFBF; }
  .dashboard-stat.grey-silver.dashboard-stat-light:hover {
    background-color: #b5b5b5; }
  .dashboard-stat.grey-silver .visual > i {
    color: #FAFCFB;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.grey-silver .details .number {
    color: #FAFCFB; }
  .dashboard-stat.grey-silver .details .desc {
    color: #FAFCFB;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.grey-silver .more {
    color: #FAFCFB;
    background-color: #b5b5b5; }

.dashboard-stat.grey-salsa {
  background-color: #ACB5C3; }
  .dashboard-stat.grey-salsa.dashboard-stat-light:hover {
    background-color: #a0aaba; }
  .dashboard-stat.grey-salsa .visual > i {
    color: #FAFCFB;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.grey-salsa .details .number {
    color: #FAFCFB; }
  .dashboard-stat.grey-salsa .details .desc {
    color: #FAFCFB;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.grey-salsa .more {
    color: #FAFCFB;
    background-color: #a0aaba; }

.dashboard-stat.grey-salt {
  background-color: #bfcad1; }
  .dashboard-stat.grey-salt.dashboard-stat-light:hover {
    background-color: #b3c0c8; }
  .dashboard-stat.grey-salt .visual > i {
    color: #FAFCFB;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.grey-salt .details .number {
    color: #FAFCFB; }
  .dashboard-stat.grey-salt .details .desc {
    color: #FAFCFB;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.grey-salt .more {
    color: #FAFCFB;
    background-color: #b3c0c8; }

.dashboard-stat.grey-mint {
  background-color: #525e64; }
  .dashboard-stat.grey-mint.dashboard-stat-light:hover {
    background-color: #495359; }
  .dashboard-stat.grey-mint .visual > i {
    color: #FFFFFF;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.grey-mint .details .number {
    color: #FFFFFF; }
  .dashboard-stat.grey-mint .details .desc {
    color: #FFFFFF;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.grey-mint .more {
    color: #FFFFFF;
    background-color: #495359; }

.dashboard-stat.red {
  background-color: #e7505a; }
  .dashboard-stat.red.dashboard-stat-light:hover {
    background-color: #e53e49; }
  .dashboard-stat.red .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.red .details .number {
    color: #ffffff; }
  .dashboard-stat.red .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.red .more {
    color: #ffffff;
    background-color: #e53e49; }

.dashboard-stat.red-pink {
  background-color: #E08283; }
  .dashboard-stat.red-pink.dashboard-stat-light:hover {
    background-color: #dc7273; }
  .dashboard-stat.red-pink .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.red-pink .details .number {
    color: #ffffff; }
  .dashboard-stat.red-pink .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.red-pink .more {
    color: #ffffff;
    background-color: #dc7273; }

.dashboard-stat.red-sunglo {
  background-color: #E26A6A; }
  .dashboard-stat.red-sunglo.dashboard-stat-light:hover {
    background-color: #df5959; }
  .dashboard-stat.red-sunglo .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.red-sunglo .details .number {
    color: #ffffff; }
  .dashboard-stat.red-sunglo .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.red-sunglo .more {
    color: #ffffff;
    background-color: #df5959; }

.dashboard-stat.red-intense {
  background-color: #e35b5a; }
  .dashboard-stat.red-intense.dashboard-stat-light:hover {
    background-color: #e04a49; }
  .dashboard-stat.red-intense .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.red-intense .details .number {
    color: #ffffff; }
  .dashboard-stat.red-intense .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.red-intense .more {
    color: #ffffff;
    background-color: #e04a49; }

.dashboard-stat.red-thunderbird {
  background-color: #D91E18; }
  .dashboard-stat.red-thunderbird.dashboard-stat-light:hover {
    background-color: #c71b16; }
  .dashboard-stat.red-thunderbird .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.red-thunderbird .details .number {
    color: #ffffff; }
  .dashboard-stat.red-thunderbird .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.red-thunderbird .more {
    color: #ffffff;
    background-color: #c71b16; }

.dashboard-stat.red-flamingo {
  background-color: #EF4836; }
  .dashboard-stat.red-flamingo.dashboard-stat-light:hover {
    background-color: #ed3723; }
  .dashboard-stat.red-flamingo .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.red-flamingo .details .number {
    color: #ffffff; }
  .dashboard-stat.red-flamingo .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.red-flamingo .more {
    color: #ffffff;
    background-color: #ed3723; }

.dashboard-stat.red-soft {
  background-color: #d05454; }
  .dashboard-stat.red-soft.dashboard-stat-light:hover {
    background-color: #cc4444; }
  .dashboard-stat.red-soft .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.red-soft .details .number {
    color: #ffffff; }
  .dashboard-stat.red-soft .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.red-soft .more {
    color: #ffffff;
    background-color: #cc4444; }

.dashboard-stat.red-haze {
  background-color: #f36a5a; }
  .dashboard-stat.red-haze.dashboard-stat-light:hover {
    background-color: #f25947; }
  .dashboard-stat.red-haze .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.red-haze .details .number {
    color: #ffffff; }
  .dashboard-stat.red-haze .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.red-haze .more {
    color: #ffffff;
    background-color: #f25947; }

.dashboard-stat.red-mint {
  background-color: #e43a45; }
  .dashboard-stat.red-mint.dashboard-stat-light:hover {
    background-color: #e22834; }
  .dashboard-stat.red-mint .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.red-mint .details .number {
    color: #ffffff; }
  .dashboard-stat.red-mint .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.red-mint .more {
    color: #ffffff;
    background-color: #e22834; }

.dashboard-stat.yellow {
  background-color: #c49f47; }
  .dashboard-stat.yellow.dashboard-stat-light:hover {
    background-color: #bb953c; }
  .dashboard-stat.yellow .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.yellow .details .number {
    color: #ffffff; }
  .dashboard-stat.yellow .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.yellow .more {
    color: #ffffff;
    background-color: #bb953c; }

.dashboard-stat.yellow-gold {
  background-color: #E87E04; }
  .dashboard-stat.yellow-gold.dashboard-stat-light:hover {
    background-color: #d47304; }
  .dashboard-stat.yellow-gold .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.yellow-gold .details .number {
    color: #ffffff; }
  .dashboard-stat.yellow-gold .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.yellow-gold .more {
    color: #ffffff;
    background-color: #d47304; }

.dashboard-stat.yellow-casablanca {
  background-color: #f2784b; }
  .dashboard-stat.yellow-casablanca.dashboard-stat-light:hover {
    background-color: #f16a38; }
  .dashboard-stat.yellow-casablanca .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.yellow-casablanca .details .number {
    color: #ffffff; }
  .dashboard-stat.yellow-casablanca .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.yellow-casablanca .more {
    color: #ffffff;
    background-color: #f16a38; }

.dashboard-stat.yellow-crusta {
  background-color: #f3c200; }
  .dashboard-stat.yellow-crusta.dashboard-stat-light:hover {
    background-color: #dfb200; }
  .dashboard-stat.yellow-crusta .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.yellow-crusta .details .number {
    color: #ffffff; }
  .dashboard-stat.yellow-crusta .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.yellow-crusta .more {
    color: #ffffff;
    background-color: #dfb200; }

.dashboard-stat.yellow-lemon {
  background-color: #F7CA18; }
  .dashboard-stat.yellow-lemon.dashboard-stat-light:hover {
    background-color: #f2c308; }
  .dashboard-stat.yellow-lemon .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.yellow-lemon .details .number {
    color: #ffffff; }
  .dashboard-stat.yellow-lemon .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.yellow-lemon .more {
    color: #ffffff;
    background-color: #f2c308; }

.dashboard-stat.yellow-saffron {
  background-color: #F4D03F; }
  .dashboard-stat.yellow-saffron.dashboard-stat-light:hover {
    background-color: #f3cb2c; }
  .dashboard-stat.yellow-saffron .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.yellow-saffron .details .number {
    color: #ffffff; }
  .dashboard-stat.yellow-saffron .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.yellow-saffron .more {
    color: #ffffff;
    background-color: #f3cb2c; }

.dashboard-stat.yellow-soft {
  background-color: #c8d046; }
  .dashboard-stat.yellow-soft.dashboard-stat-light:hover {
    background-color: #c3cc36; }
  .dashboard-stat.yellow-soft .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.yellow-soft .details .number {
    color: #ffffff; }
  .dashboard-stat.yellow-soft .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.yellow-soft .more {
    color: #ffffff;
    background-color: #c3cc36; }

.dashboard-stat.yellow-haze {
  background-color: #c5bf66; }
  .dashboard-stat.yellow-haze.dashboard-stat-light:hover {
    background-color: #bfb957; }
  .dashboard-stat.yellow-haze .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.yellow-haze .details .number {
    color: #ffffff; }
  .dashboard-stat.yellow-haze .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.yellow-haze .more {
    color: #ffffff;
    background-color: #bfb957; }

.dashboard-stat.yellow-mint {
  background-color: #c5b96b; }
  .dashboard-stat.yellow-mint.dashboard-stat-light:hover {
    background-color: #bfb25c; }
  .dashboard-stat.yellow-mint .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.yellow-mint .details .number {
    color: #ffffff; }
  .dashboard-stat.yellow-mint .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.yellow-mint .more {
    color: #ffffff;
    background-color: #bfb25c; }

.dashboard-stat.purple {
  background-color: #8E44AD; }
  .dashboard-stat.purple.dashboard-stat-light:hover {
    background-color: #823e9e; }
  .dashboard-stat.purple .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.purple .details .number {
    color: #ffffff; }
  .dashboard-stat.purple .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.purple .more {
    color: #ffffff;
    background-color: #823e9e; }

.dashboard-stat.purple-plum {
  background-color: #8775a7; }
  .dashboard-stat.purple-plum.dashboard-stat-light:hover {
    background-color: #7c699f; }
  .dashboard-stat.purple-plum .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.purple-plum .details .number {
    color: #ffffff; }
  .dashboard-stat.purple-plum .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.purple-plum .more {
    color: #ffffff;
    background-color: #7c699f; }

.dashboard-stat.purple-medium {
  background-color: #BF55EC; }
  .dashboard-stat.purple-medium.dashboard-stat-light:hover {
    background-color: #b843ea; }
  .dashboard-stat.purple-medium .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.purple-medium .details .number {
    color: #ffffff; }
  .dashboard-stat.purple-medium .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.purple-medium .more {
    color: #ffffff;
    background-color: #b843ea; }

.dashboard-stat.purple-studio {
  background-color: #8E44AD; }
  .dashboard-stat.purple-studio.dashboard-stat-light:hover {
    background-color: #823e9e; }
  .dashboard-stat.purple-studio .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.purple-studio .details .number {
    color: #ffffff; }
  .dashboard-stat.purple-studio .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.purple-studio .more {
    color: #ffffff;
    background-color: #823e9e; }

.dashboard-stat.purple-wisteria {
  background-color: #9B59B6; }
  .dashboard-stat.purple-wisteria.dashboard-stat-light:hover {
    background-color: #924dae; }
  .dashboard-stat.purple-wisteria .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.purple-wisteria .details .number {
    color: #ffffff; }
  .dashboard-stat.purple-wisteria .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.purple-wisteria .more {
    color: #ffffff;
    background-color: #924dae; }

.dashboard-stat.purple-seance {
  background-color: #9A12B3; }
  .dashboard-stat.purple-seance.dashboard-stat-light:hover {
    background-color: #8a10a0; }
  .dashboard-stat.purple-seance .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.purple-seance .details .number {
    color: #ffffff; }
  .dashboard-stat.purple-seance .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.purple-seance .more {
    color: #ffffff;
    background-color: #8a10a0; }

.dashboard-stat.purple-intense {
  background-color: #8775a7; }
  .dashboard-stat.purple-intense.dashboard-stat-light:hover {
    background-color: #7c699f; }
  .dashboard-stat.purple-intense .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.purple-intense .details .number {
    color: #ffffff; }
  .dashboard-stat.purple-intense .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.purple-intense .more {
    color: #ffffff;
    background-color: #7c699f; }

.dashboard-stat.purple-sharp {
  background-color: #796799; }
  .dashboard-stat.purple-sharp.dashboard-stat-light:hover {
    background-color: #6f5f8d; }
  .dashboard-stat.purple-sharp .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.purple-sharp .details .number {
    color: #ffffff; }
  .dashboard-stat.purple-sharp .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.purple-sharp .more {
    color: #ffffff;
    background-color: #6f5f8d; }

.dashboard-stat.purple-soft {
  background-color: #8877a9; }
  .dashboard-stat.purple-soft.dashboard-stat-light:hover {
    background-color: #7d6ba1; }
  .dashboard-stat.purple-soft .visual > i {
    color: #ffffff;
    opacity: 0.1;
    filter: alpha(opacity=10); }
  .dashboard-stat.purple-soft .details .number {
    color: #ffffff; }
  .dashboard-stat.purple-soft .details .desc {
    color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100); }
  .dashboard-stat.purple-soft .more {
    color: #ffffff;
    background-color: #7d6ba1; }

.dashboard-stat-light {
  padding-bottom: 20px;
  margin-bottom: 20px; }
  .dashboard-stat-light .details {
    margin-bottom: 5px; }
    .dashboard-stat-light .details .number {
      font-weight: 300;
      margin-bottom: 0px; }

/***
Dashboard Stats 2
***/
.dashboard-stat2 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  padding: 15px 15px 30px 15px;
  margin-bottom: 20px; }
  .dashboard-stat2.bordered {
    border: 1px solid #e7ecf1; }
  .dashboard-stat2 .display {
    margin-bottom: 20px; }
    .dashboard-stat2 .display:before,
    .dashboard-stat2 .display:after {
      content: " ";
      display: table; }
    .dashboard-stat2 .display:after {
      clear: both; }
    .dashboard-stat2 .display .number {
      float: left;
      display: inline-block; }
      .dashboard-stat2 .display .number h3 {
        margin: 0 0 2px 0;
        padding: 0;
        font-size: 30px;
        font-weight: 400; }
        .dashboard-stat2 .display .number h3 > small {
          font-size: 23px; }
      .dashboard-stat2 .display .number small {
        font-size: 14px;
        color: #AAB5BC;
        font-weight: 600;
        text-transform: uppercase; }
    .dashboard-stat2 .display .icon {
      display: inline-block;
      float: right;
      padding: 7px 0 0 0; }
      .dashboard-stat2 .display .icon > i {
        color: #cbd4e0;
        font-size: 26px; }
  .dashboard-stat2 .progress-info {
    clear: both; }
    .dashboard-stat2 .progress-info .progress {
      margin: 0;
      height: 4px;
      clear: both;
      display: block; }
    .dashboard-stat2 .progress-info .status {
      margin-top: 5px;
      font-size: 11px;
      color: #AAB5BC;
      font-weight: 600;
      text-transform: uppercase; }
      .dashboard-stat2 .progress-info .status .status-title {
        float: left;
        display: inline-block; }
      .dashboard-stat2 .progress-info .status .status-number {
        float: right;
        display: inline-block; }

/*---------------------------------------------------------------------------*/
/* 文件名称：style.kbbox  */
/*---------------------------------------------------------------------------*/
.uskn_flex_box, .uskn_flex_n_box {
    display: flex;
    clear: both;
    width: 100%;
}

.uskn_flex_h_box {
    display: flex;
    flex-direction: column;
}

.uskn_flex_box_full {
    flex: 1;
}

.uskn_flex_box_item_w {
}

.uskn_flex_wp_1 {
    flex: 1;
}

.uskn_flex_wp_2 {
    flex: 2;
}

.uskn_flex_wp_3 {
    flex: 3;
}

.uskn_flex_wp_4 {
    flex: 4;
}

.uskn_flex_wp_5 {
    flex: 5;
}

.uskn_flex_wp_6 {
    flex: 6;
}

.uskn_flex_wp_7 {
    flex: 7;
}

.uskn_flex_wp_8 {
    flex: 8;
}

.uskn_flex_wp_9 {
    flex: 9;
}

.uskn_flex_wp_10 {
    flex: 10;
}

.uskn_flex_wp_11 {
    flex: 11;
}

.uskn_flex_wp_12 {
    flex: 12;
}

.uskn_gap_2 {
    gap: 2px;
}

.uskn_gap_4 {
    gap: 4px;
}

.uskn_gap_6 {
    gap: 6px;
}

.uskn_gap_8 {
    gap: 8px;
}

.uskn_gap_10 {
    gap: 10px;
}

.uskn_flex_w_220 {
    width: 220px;
}

.uskn_flex_w_240 {
    width: 240px;
}

.uskn_flex_w_280 {
    width: 280px;
}

.uskn_flex_w_360 {
    width: 360px;
}

.uskn_flex_w_480 {
    width: 480px;
}

.uskn_flex_w_960 {
    width: 620px;
}

.uskn_flex_box_h100 {
    height: 100%;
    overflow: auto;
}
.uskn_relative_body {
    left: 0px;
    right: 0px;
    top: 8px;
    bottom: 0px;
}
.uskn_relative_body {
    position: absolute;
    overflow-x: hidden;
    overflow: auto;
}
.uskn_relative_body_t50 {
    top: 54px;
}

    .uskn-border-bottom {
        border-bottom: 1px solid #E6E6E6;
    }
.uskn-border-top {
    border-top: 1px solid #E6E6E6;
}
.uskn-border-left {
    border-left: 1px solid #E6E6E6;
}
.uskn-border-right {
    border-right: 1px solid #E6E6E6;
}
.uskn-border-all {
    border: solid 1px #E6E6E6;
    background-color: #ffffff;
}
.uskn-border-tb2 {
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}
#usk_screenshot_box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 2s ease-in-out;
    width: 800px;
    height: 800px;
    opacity: 1;
    z-index: 800;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #usk_screenshot_box img {
        border: solid 2px #eee;
        width: 100%;
        max-width: 100%;
        height: auto;
    }
.rtm_ctlbox {
    position: absolute;
    color: #fff;
    text-align: center;
    top: 50px;
    bottom: 50px;
    right: 0px;
    width: 100px;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    z-index: 2;
    flex-direction: column;
    gap: 4px;
}

.rtm_ctlbox_item {
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.8); /* 黑色背景，50% 透明度 */
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
    /**
    H5页面适配
*/
    @media screen and (max-width: 750px) {
        .uskn_flex_box {
        display: inline-block;
    }

        .uskn_flex_box > div {
            width: 100%;
        }

    .uskn_flex_h_box {
        display: inline-block;
        width: 100%;
    }
    .uskn_h5_h300 {
        height: 300px;
        overflow: auto;
    }

    .uskn_h5_h400 {
        height: 400px;
        overflow: auto;
    }

    .uskn_h5_h500 {
        height: 500px;
        overflow: auto;
    }

    .uskn_h5_h600 {
        height: 600px;
        overflow: auto;
    }
}

.uskmove_box {
   /* user-select: none;*/
    position: relative; /* 使绝对定位的子元素相对于这个容器定位 */
}
.uskmove_left, .uskmove_right, .uskmove_top, .uskmove_bottom {
    position: absolute;
    touch-action: none;
}
.uskmove_right {
    cursor: col-resize;
    width: 8px;
    right: 0px;
    top: 0px;
    bottom: 0px; 
}
    .uskmove_right:hover {
        border-right: dashed 2px #c1c1c1;
    }
.uskmove_left {
    cursor: col-resize;
    width: 8px;
    left: 0px;
    top: 0px;
    bottom: 0px;
}
    .uskmove_left:hover {
        border-left: dashed 2px #c1c1c1;
    }
.uskmove_top {
    cursor: row-resize;
    height: 8px;
    left: 0px;
    right: 0px;
    top: 0px;
}
    .uskmove_top:hover {
        border-top: dashed 2px #c1c1c1;
    }
.uskmove_bottom {
    cursor:  row-resize;
    height: 8px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
    .uskmove_bottom:hover {
        border-bottom: dashed 2px #c1c1c1;
    }
/*---------------------------------------------------------------------------*/
/* 文件名称：style.layuiadmin  */
/*---------------------------------------------------------------------------*/
/* 右侧面板 */
.layui-layer-adminRight {top:0px !important;bottom:0;box-shadow:1px 1px 10px rgba(255,0,0,.1);border-radius:0;overflow:auto;background-color:red;}
/* 遮罩 */
.layadmin-body-shade {position:fixed;display:none;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.3);z-index:1000;}
/* 动画 */
@-webkit-keyframes layui-rl {/* 从右往左滑入 */  from {-webkit-transform:translate3d(100%,0,0);}
to {-webkit-transform:translate3d(0,0,0);}
}
@keyframes layui-rl {from {transform:translate3d(100%,0,0);}
to {transform:translate3d(0,0,0);}
}
.layui-anim-rl {-webkit-animation-name:layui-rl;animation-name:layui-rl;}
@-webkit-keyframes layui-lr {/* 从右往左滑入 */  from {-webkit-transform:translate3d(0 0,0);opacity:1;}
to {-webkit-transform:translate3d(100%,0,0,0);opacity:1;}
}
@keyframes layui-lr {from {transform:translate3d(0,0,0);}
to {transform:translate3d(100%,0,0);}
}
.layui-anim-lr {-webkit-animation-name:layui-lr;animation-name:layui-lr;}
.layui-anim-rl.layer-anim-close {-webkit-animation-name:layui-lr;animation-name:layui-lr;}

/*---------------------------------------------------------------------------*/
/* 文件名称：style.mobile  */
/*---------------------------------------------------------------------------*/
@media screen and (max-width: 700px) {
    .laytable-cell-space {
        display: none;
    }

    .layui-search .layui-input {
        width: 80px;
    }

    .columnsearchkey .layui-form-label {
        /*display: none !important;*/
    }

    /*.columnsearchkey .layui-input, .columnsearchkey .layui-textarea, .columnsearchkey.layui-select {
        margin: 0px 10px;
        width: 90% !important;
    }*/

    .columnsearchkey .layui-form-item .layui-input-inline {
        margin: 0 0 10px 0px;
    }

    .layui-btn + .layui-btn {
        margin-left: 0px;
    }

    .us-inputimages {
        width: auto !important;
    }

    .input-group,.input-group_1, .input-group_2, .input-group_second {
        /*width:515px !important;*/
        width: 240px !important;
    }

    .us-lineupdownright, .us-lineupdownleft {
        display: none;
    }

    .usdataselect {
        margin-right: 0px;
    }

    .usnboxleft {
        display: inline-block;
        width: 140px;
        overflow: hidden;
        text-overflow: ellipsis; /*以省略号...显示*/
        white-space: nowrap; /*强制不换行*/
    }

    .usselectbox .usselectegid {
        display: none;
    }

    .ustitlecopy {
        display: none;
    }

    /*系统盒子设置,左窄右宽的盒子*/
    box {
        position: inherit;
        display: inline-block;
        width: 100%;
    }

    .box-left {
        width: 100%;
        position: inherit;
        top: 0;
        left: 0;
        /*border:solid 1px #E6E6E6;*/
    }

    .box-leftmar {
        padding-left: 5px;
        padding-right: 5px;
    }

    .box-left-border {
        border: solid 1px #E6E6E6;
        padding-top: 10px;
        margin-bottom: 6px;
    }

    .box-right {
        margin-left: 0px;
        clear: both;
    }
    /*系统盒子设置,左宽右窄的盒子*/
    .box2 {
        position: relative;
        width: 100%;
    }

    .box2-left {
        position: inherit;
        top: 0;
        left: 0;
        right: 0px;
        padding: 5px;
    }

    .box2-leftmar {
        padding-left: 5px;
        padding-right: 5px;
    }

    .box2-right {
        width: 100%;
        clear: both;
    }

    /*系统盒子设置,工单管理*/
    .box-leftgroup {
        width: 100%;
        position: inherit;
        top: 0;
        left: 0;
    }

    .box-rightgroup {
        margin-left: 0px;
        clear: both;
    }
    /*小屏幕手机不显示*/
    .ustitlecopy {
        display: none;
    }



    .usdataselect .layui-icon {
        display: none;
    }

    .layui-laydate-range {
        width: 276px !important;
    }

    .laydate-btns-beforeyesterday, .laydate-btns-day30, .laydate-btns-day90, .laydate-btns-day180,
    .laydate-btns-day365 {
        display: none !important;
    }
    /*时间下的小图标不显示*/
    .usselectbox .us-icon {
        display: none;
    }
    /*分页显示控制*/
    .layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-skip {
        display: none;
    }

    .layui-laypage a, .layui-laypage span {
        padding: 0 10px !important;
    }

    .input-group {
        display: block;
        position: absolute !important;
        float: none;
        left: -3px;
        width: auto;
        margin: 0 10px 10px 113px;
    }

    .input-group_1, .input-group_2, .input-group_second {
    }

    .input-group .input-group-addon {
        display: none;
    }


    .columnsearchkey .layui-hide-xs {
        display:none !important;
    }

    .columnsearchkey .layui-inline {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .columnsearchkey .layui-form-item .layui-inline {
        margin-bottom:0px;
    }

    .columnsearchkey .layui-input, .columnsearchkey .layui-textarea {
       
    }
    .columnsearchkey .nodisplay {
        display:none !important;
    }
      .ussearchcenter {
        display:block !important;
       margin-bottom:10px;
    }
    #pageexportbtn {
        display:none !important;
    }
    .nodisplay {
         display:none !important;
    }
    .usdatatime {
        width:100%!important;
    }
}

@media screen and (max-width:1050px) {
    button[data-pwid="refresh"] {
        display:none !important;
    }
}

.input-group-addon_nono {
    display: table-cell;
        width: 1%;
    white-space: nowrap;
    vertical-align: middle;
        padding: 5px 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: black !important;
    text-align: center;
    background-color: #eee;
    border: 1px solid #e6e6e6;
    line-height: 24px;
}
.input-group-addon_nono:last-child {
    border-left: 0;
}
@media screen and (max-width: 450px) {
    .layui-form-item .layui-inline {
        display: block;
        margin-right: 0;
        margin-bottom: 4px;
        clear: both;
    }

    .layui-form-item .layui-input-inline {
       
    }

    .usnboxbody_rtm .layui-form-item {
        margin-bottom: 0px !important;
    }
}
/*---------------------------------------------------------------------------*/
/* 文件名称：style.theme  */
/*---------------------------------------------------------------------------*/
/**蓝色风格****************************************************************/
/*顶部*/
.themeblue .layui-layout-admin .layui-header {
    background-color: #3396D8;
}
/*侧部*/
.themeblue .layui-bg-black {
    background-color: #146AA2 !important;
    color: #fff !important;
}
/*标签*/
.themeblue .layui-tab-title .layui-this {
    background-color: #3396D8;
    color: #fff;
}
/*内容的边框颜色*/
.themeblue .layui-body {
    border-top: 2px solid #146AA2;
    border-left: 2px solid #146AA2;
}
/*导航*/
.themeblue .layui-nav-tree .layui-this,
.themeblue .layui-nav-tree .layui-this > a,
.themeblue .layui-nav-tree .layui-this > a:hover,
.themeblue .layui-nav-tree .layui-nav-child dd.layui-this,
.themeblue .layui-nav-tree .layui-nav-child dd.layui-this a,
.themeblue .layui-nav-tree .layui-nav-child a:hover,
.themeblue .layui-nav-tree .layui-nav-child dd.layui-this a:hover,
.themeblue .layui-nav-tree .layui-nav-item a:hover,
.themeblue.layui-nav .layui-nav-child dd.layui-this a,
.themeblue .layui-nav-child dd.layui-this {
    background-color: #3396D8;
    color: #fff;
}

.themeblue .top_leftmenu.layui-nav .layui-nav-child a:hover, .themeblue .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #3396D8;
}

.themeblue .top_menu.layui-nav .layui-nav-child a:hover, .themeblue .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #3396D8;
}

.themeblue .layui-nav .layui-nav-child dd.layui-this a {
    background-color: #3396D8;
    color: #fff;
}
/*侧部导航，鼠标放上,侧部边框*/
.themeblue .layui-nav-tree .layui-nav-bar {
    background-color: #ffffff !important;
}
/*头像外框*/
.themeblue .user-photo a.img img {
    border: 2px solid #ffffff;
}
/*导航底部*/
.themeblue .top_leftmenu .layui-nav-bar, .themeblue .top_menu .layui-nav-bar {
    top: 60px !important;
    background-color: #ffffff
}


/**默认风格****************************************************************/
.themedefault .layui-tab-title .layui-this {
    /*background-color: #1AA094;
    color: #fff;*/
}

.themedefault .layui-body {
    border-top: 2px solid #1AA094;
    border-left: 2px solid #1AA094;
}

.themedefault .top_leftmenu.layui-nav .layui-nav-child a:hover, .themedefault .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #5FB878;
}

.themedefault .top_menu.layui-nav .layui-nav-child a:hover, .themedefault .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #5FB878;
}

.themedefault .usnboxlist, .usnboxlistinfo, .themedefault .layui-elem-quote {
    border-left: 4px solid #009688;
}

.themedefault .layui-tab-brief > .layui-tab-title .layui-this:after, .themedefault .layui-tab-brief > .layui-tab-more li.layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #3598DC;
}

/**蓝色风格 themeblue_t****************************************************************/
.themeblue_t .layui-layout-admin .layui-header {
    background-color: #3396D8;
}
/*侧部*/
.themeblue_t .layui-bg-black {
    background-color: #393D49 !important;
    color: #fff !important;
}
/*标签*/
.themeblue_t .layui-tab-title .layui-this {
    background-color: #3396D8;
}
/*内容的边框颜色*/
.themeblue_t .layui-body {
    border-top: 2px solid #393D49;
    border-left: 2px solid #393D49;
}
/*导航*/
.themeblue_t .layui-nav-tree .layui-this,
.themeblue_t .layui-nav-tree .layui-this > a,
.themeblue_t .layui-nav-tree .layui-this > a:hover,
.themeblue_t .layui-nav-tree .layui-nav-child dd.layui-this,
.themeblue_t .layui-nav-tree .layui-nav-child dd.layui-this a,
.themeblue_t .layui-nav-tree .layui-nav-child a:hover,
.themeblue_t .layui-nav-tree .layui-nav-child dd.layui-this a:hover,
.themeblue_t .layui-nav-tree .layui-nav-item a:hover,
.themeblue_t.layui-nav .layui-nav-child dd.layui-this a,
.themeblue_t .layui-nav-child dd.layui-this {
    background-color: #3396D8;
    color: #fff;
}

.themeblue_t .top_leftmenu.layui-nav .layui-nav-child a:hover, .themeblue_t .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #3396D8;
}

.themeblue_t .top_menu.layui-nav .layui-nav-child a:hover, .themeblue_t .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #3396D8;
}

.themeblue_t .layui-nav .layui-nav-child dd.layui-this a {
    background-color: #3396D8;
    color: #fff;
}
/*侧部导航，鼠标放上,侧部边框*/
.themeblue_t .layui-nav-tree .layui-nav-bar {
    background-color: #393D49 !important;
}
/*头像外框*/
.themeblue_t .user-photo a.img img {
    border: 2px solid #ffffff;
}
/*导航底部*/
.themeblue_t .top_leftmenu .layui-nav-bar, .themeblue_t .top_menu .layui-nav-bar {
    top: 60px !important;
    background-color: #ffffff
}

/**蓝色风格 themeblue_l****************************************************************/
.themeblue_l .layui-layout-admin .layui-header {
    background-color: #23262E;
}
/*侧部*/
.themeblue_l .layui-bg-black, .themeblue_l .logo {
    background-color: #146AA2 !important;
    color: #fff !important;
}
/*标签*/
.themeblue_l .layui-tab-title .layui-this {
    background-color: #3396D8;
}
/*内容的边框颜色*/
.themeblue_l .layui-body {
    border-top: 2px solid #393D49;
    border-left: 2px solid #393D49;
}
/*导航*/
.themeblue_l .layui-nav-tree .layui-this,
.themeblue_l .layui-nav-tree .layui-this > a,
.themeblue_l .layui-nav-tree .layui-this > a:hover,
.themeblue_l .layui-nav-tree .layui-nav-child dd.layui-this,
.themeblue_l .layui-nav-tree .layui-nav-child dd.layui-this a,
.themeblue_l .layui-nav-tree .layui-nav-child a:hover,
.themeblue_l .layui-nav-tree .layui-nav-child dd.layui-this a:hover,
.themeblue_l .layui-nav-tree .layui-nav-item a:hover,
.themeblue_l.layui-nav .layui-nav-child dd.layui-this a,
.themeblue_l .layui-nav-child dd.layui-this {
    background-color: #3396D8;
    color: #fff;
}

.themeblue_l .top_leftmenu.layui-nav .layui-nav-child a:hover, .themeblue_l .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #3396D8;
}

.themeblue_l .top_menu.layui-nav .layui-nav-child a:hover, .themeblue_l .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #3396D8;
}

.themeblue_l .layui-nav .layui-nav-child dd.layui-this a {
    background-color: #3396D8;
    color: #fff;
}
/*侧部导航，鼠标放上,侧部边框*/
.themeblue_l .layui-nav-tree .layui-nav-bar {
    background-color: #393D49 !important;
}
/*头像外框*/
.themeblue_l .user-photo a.img img {
    border: 2px solid #ffffff;
}
/*导航底部*/
.themeblue_l .top_leftmenu .layui-nav-bar, .themeblue_l .top_menu .layui-nav-bar {
    top: 60px !important;
    background-color: #ffffff
}

/**蓝色风格 themeblue_l2****************************************************************/
.themeblue_l2 .layui-layout-admin .layui-header {
    background-color: #23262E;
}
/*侧部*/
.themeblue_l2 .layui-bg-black {
    background-color: #146AA2 !important;
    color: #fff !important;
}
/*标签*/
.themeblue_l2 .layui-tab-title .layui-this {
    background-color: #3396D8;
}
/*内容的边框颜色*/
.themeblue_l2 .layui-body {
    border-top: 2px solid #393D49;
    border-left: 2px solid #393D49;
}
/*导航*/
.themeblue_l2 .layui-nav-tree .layui-this,
.themeblue_l2 .layui-nav-tree .layui-this > a,
.themeblue_l2 .layui-nav-tree .layui-this > a:hover,
.themeblue_l2 .layui-nav-tree .layui-nav-child dd.layui-this,
.themeblue_l2 .layui-nav-tree .layui-nav-child dd.layui-this a,
.themeblue_l2 .layui-nav-tree .layui-nav-child a:hover,
.themeblue_l2 .layui-nav-tree .layui-nav-child dd.layui-this a:hover,
.themeblue_l2 .layui-nav-tree .layui-nav-item a:hover,
.themeblue_l2.layui-nav .layui-nav-child dd.layui-this a,
.themeblue_l2 .layui-nav-child dd.layui-this {
    background-color: #3396D8;
    color: #fff;
}

.themeblue_l2 .top_leftmenu.layui-nav .layui-nav-child a:hover, .themeblue_l2 .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #3396D8;
}

.themeblue_l2 .top_menu.layui-nav .layui-nav-child a:hover, .themeblue_l2 .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #3396D8;
}

.themeblue_l2 .layui-nav .layui-nav-child dd.layui-this a {
    background-color: #3396D8;
    color: #fff;
}
/*侧部导航，鼠标放上,侧部边框*/
.themeblue_l2 .layui-nav-tree .layui-nav-bar {
    background-color: #393D49 !important;
}
/*头像外框*/
.themeblue_l2 .user-photo a.img img {
    border: 2px solid #ffffff;
}
/*导航底部*/
.themeblue_l2 .top_leftmenu .layui-nav-bar, .themeblue_l2 .top_menu .layui-nav-bar {
    top: 60px !important;
    background-color: #ffffff
}

/**绿色风格 themegreen****************************************************************/
.themegreen .layui-layout-admin .layui-header {
    background-color: #006061;
}
/*侧部*/
.themegreen .layui-bg-black {
    /**历史演示 #006061*/
    background-color: #007172 !important;
    color: #fff !important;
}
/*标签*/
.themegreen .layui-tab-title .layui-this {
    /*background-color: #006061;*/
    /*2022-07-22*/
}
/*内容的边框颜色*/
.themegreen .layui-body {
    border-top: 2px solid #393D49;
    border-left: 2px solid #393D49;
}
/*导航*/
.themegreen .layui-nav-tree .layui-this,
.themegreen .layui-nav-tree .layui-this > a,
.themegreen .layui-nav-tree .layui-this > a:hover,
.themegreen .layui-nav-tree .layui-nav-child dd.layui-this,
.themegreen .layui-nav-tree .layui-nav-child dd.layui-this a,
.themegreen .layui-nav-tree .layui-nav-child a:hover,
.themegreen .layui-nav-tree .layui-nav-child dd.layui-this a:hover,
.themegreen .layui-nav-tree .layui-nav-item a:hover,
.themegreen.layui-nav .layui-nav-child dd.layui-this a,
.themegreen .layui-nav-child dd.layui-this {
    background-color: #247764;
    color: #fff;
}

.themegreen .top_leftmenu.layui-nav .layui-nav-child a:hover, .themegreen .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #006061;
}

.themegreen .top_menu.layui-nav .layui-nav-child a:hover, .themegreen .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #006061;
}

.themegreen .layui-nav .layui-nav-child dd.layui-this a {
    background-color: #006061;
    color: #fff;
}
/*侧部导航，鼠标放上,侧部边框*/
.themegreen .layui-nav-tree .layui-nav-bar {
    background-color: #006061 !important;
}
/*头像外框*/
.themegreen .user-photo a.img img {
    border: 2px solid #ffffff;
}
/*导航底部*/
.themegreen .top_leftmenu .layui-nav-bar, .themegreen .top_menu .layui-nav-bar {
    top: 60px !important;
    background-color: #ffffff
}

.themegreen .layui-badge {
    /*background-color: #1E9FFF !important;*/
}
/**绿色风格 themegreen_t****************************************************************/
.themegreen_t .layui-layout-admin .layui-header {
    background-color: #2F9688;
}
/*侧部*/
.themegreen_t .layui-bg-black {
    background-color: #20222A !important;
    color: #fff !important;
}
/*标签*/
.themegreen_t .layui-tab-title .layui-this {
    background-color: #2F9688;
}
/*内容的边框颜色*/
.themegreen_t .layui-body {
    border-top: 2px solid #393D49;
    border-left: 2px solid #393D49;
}
/*导航*/
.themegreen_t .layui-nav-tree .layui-this,
.themegreen_t .layui-nav-tree .layui-this > a,
.themegreen_t .layui-nav-tree .layui-this > a:hover,
.themegreen_t .layui-nav-tree .layui-nav-child dd.layui-this,
.themegreen_t .layui-nav-tree .layui-nav-child dd.layui-this a,
.themegreen_t .layui-nav-tree .layui-nav-child a:hover,
.themegreen_t .layui-nav-tree .layui-nav-child dd.layui-this a:hover,
.themegreen_t .layui-nav-tree .layui-nav-item a:hover,
.themegreen_t.layui-nav .layui-nav-child dd.layui-this a,
.themegreen_t .layui-nav-child dd.layui-this {
    background-color: #2F9688;
    color: #fff;
}

.themegreen_t .top_leftmenu.layui-nav .layui-nav-child a:hover, .themegreen_t .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #2F9688;
}

.themegreen_t .top_menu.layui-nav .layui-nav-child a:hover, .themegreen_t .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #2F9688;
}

.themegreen_t .layui-nav .layui-nav-child dd.layui-this a {
    background-color: #2F9688;
    color: #fff;
}
/*侧部导航，鼠标放上,侧部边框*/
.themegreen_t .layui-nav-tree .layui-nav-bar {
    background-color: #2F9688 !important;
}
/*头像外框*/
.themegreen_t .user-photo a.img img {
    border: 2px solid #ffffff;
}
/*导航底部*/
.themegreen_t .top_leftmenu .layui-nav-bar, .themegreen_t .top_menu .layui-nav-bar {
    top: 60px !important;
    background-color: #ffffff
}

/**绿色风格 themegreen_l****************************************************************/
.themegreen_l .layui-layout-admin .layui-header {
    background-color: #20222A;
}
/*侧部*/
.themegreen_l .layui-bg-black, .themegreen_l .logo {
    background-color: #2F9688 !important;
    color: #fff !important;
}
/*标签*/
.themegreen_l .layui-tab-title .layui-this {
    background-color: #2F9688;
}
/*内容的边框颜色*/
.themegreen_l .layui-body {
    border-top: 2px solid #393D49;
    border-left: 2px solid #393D49;
}
/*导航*/
.themegreen_l .layui-nav-tree .layui-this,
.themegreen_l .layui-nav-tree .layui-this > a,
.themegreen_l .layui-nav-tree .layui-this > a:hover,
.themegreen_l .layui-nav-tree .layui-nav-child dd.layui-this,
.themegreen_l .layui-nav-tree .layui-nav-child dd.layui-this a,
.themegreen_l .layui-nav-tree .layui-nav-child a:hover,
.themegreen_l .layui-nav-tree .layui-nav-child dd.layui-this a:hover,
.themegreen_l .layui-nav-tree .layui-nav-item a:hover,
.themegreen_l.layui-nav .layui-nav-child dd.layui-this a,
.themegreen_l .layui-nav-child dd.layui-this {
    background-color: #2F9688;
    color: #fff;
}

.themegreen_l .top_leftmenu.layui-nav .layui-nav-child a:hover, .themegreen_l .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #2F9688;
}

.themegreen_l .top_menu.layui-nav .layui-nav-child a:hover, .themegreen_l .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #2F9688;
}

.themegreen_l .layui-nav .layui-nav-child dd.layui-this a {
    background-color: #2F9688;
    color: #fff;
}
/*侧部导航，鼠标放上,侧部边框*/
.themegreen_l .layui-nav-tree .layui-nav-bar {
    background-color: #2F9688 !important;
}
/*头像外框*/
.themegreen_l .user-photo a.img img {
    border: 2px solid #ffffff;
}
/*导航底部*/
.themegreen_l .top_leftmenu .layui-nav-bar, .themegreen_l .top_menu .layui-nav-bar {
    top: 60px !important;
    background-color: #ffffff
}

/**绿色风格 themegreen_l2****************************************************************/
.themegreen_l2 .layui-layout-admin .layui-header {
    background-color: #2F9688;
}
/*侧部*/
.themegreen_l2 .layui-bg-black {
    background: -webkit-linear-gradient(#2F9688, #94C596); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#2F9688, #94C596); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#2F9688, #94C596); /* Firefox 3.6 - 15 */
    background: linear-gradient(#2F9688, #94C596); /* 标准的语法 */
    color: #fff !important;
}
/*标签*/
.themegreen_l2 .layui-tab-title .layui-this {
    background-color: #2F9688;
}
/*内容的边框颜色*/
.themegreen_l2 .layui-body {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
/*导航*/
.themegreen_l2 .layui-nav-tree .layui-this,
.themegreen_l2 .layui-nav-tree .layui-this > a,
.themegreen_l2 .layui-nav-tree .layui-this > a:hover,
.themegreen_l2 .layui-nav-tree .layui-nav-child dd.layui-this,
.themegreen_l2 .layui-nav-tree .layui-nav-child dd.layui-this a,
.themegreen_l2 .layui-nav-tree .layui-nav-child a:hover,
.themegreen_l2 .layui-nav-tree .layui-nav-child dd.layui-this a:hover,
.themegreen_l2 .layui-nav-tree .layui-nav-item a:hover,
.themegreen_l2.layui-nav .layui-nav-child dd.layui-this a,
.themegreen_l2 .layui-nav-child dd.layui-this {
    background-color: #2F9688;
    color: #fff;
}

.themegreen_l2 .top_leftmenu.layui-nav .layui-nav-child a:hover, .themegreen_l2 .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #2F9688;
}

.themegreen_l2 .top_menu.layui-nav .layui-nav-child a:hover, .themegreen_l2 .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #2F9688;
}

.themegreen_l2 .layui-nav .layui-nav-child dd.layui-this a {
    background-color: #2F9688;
    color: #fff;
}
/*侧部导航，鼠标放上,侧部边框*/
.themegreen_l2 .layui-nav-tree .layui-nav-bar {
    background-color: #2F9688 !important;
}
/*头像外框*/
.themegreen_l2 .user-photo a.img img {
    border: 2px solid #ffffff;
}
/*导航底部*/
.themegreen_l2 .top_leftmenu .layui-nav-bar, .themegreen_l2 .top_menu .layui-nav-bar {
    top: 60px !important;
    background-color: #ffffff
}

/**红色风格 themered****************************************************************/
.themered .layui-layout-admin .layui-header {
    background-color: #E6434E;
}
/*侧部*/
.themered .layui-bg-black {
    /*background-color: #E6434E!important;*/
    background: -webkit-linear-gradient(#E6434E, #F47360); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#E6434E, #F47360); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#E6434E, #F47360); /* Firefox 3.6 - 15 */
    background: linear-gradient(#E6434E, #F47360); /* 标准的语法 */
    color: #fff !important;
}
/*标签*/
.themered .layui-tab-title .layui-this {
    background-color: #E6434E;
}
/*内容的边框颜色*/
.themered .layui-body {
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}
/*导航*/
.themered .layui-nav-tree .layui-this,
.themered .layui-nav-tree .layui-this > a,
.themered .layui-nav-tree .layui-this > a:hover,
.themered .layui-nav-tree .layui-nav-child dd.layui-this,
.themered .layui-nav-tree .layui-nav-child dd.layui-this a,
.themered .layui-nav-tree .layui-nav-child a:hover,
.themered .layui-nav-tree .layui-nav-child dd.layui-this a:hover,
.themered .layui-nav-tree .layui-nav-item a:hover,
.themered.layui-nav .layui-nav-child dd.layui-this a,
.themered .layui-nav-child dd.layui-this {
    background-color: #E6434E;
    color: #fff;
}

.themered .top_leftmenu.layui-nav .layui-nav-child a:hover, .themered .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #E6434E;
}

.themered .top_menu.layui-nav .layui-nav-child a:hover, .themered .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #E6434E;
}

.themered .layui-nav .layui-nav-child dd.layui-this a {
    background-color: #E6434E;
    color: #fff;
}
/*侧部导航，鼠标放上,侧部边框*/
.themered .layui-nav-tree .layui-nav-bar {
    background-color: #E6434E !important;
}
/*头像外框*/
.themered .user-photo a.img img {
    border: 2px solid #ffffff;
}
/*导航底部*/
.themered .top_leftmenu .layui-nav-bar, .themered .top_menu .layui-nav-bar {
    top: 60px !important;
    background-color: #ffffff
}

/**蓝色风格 themeblue_us****************************************************************/
.themeblue_us .layui-layout-admin .layui-header {
    background-color: #066CAC;
}
/*侧部*/
.themeblue_us .layui-bg-black {
    background-color: #066CAC !important;
    /*background: -webkit-linear-gradient(#066CAC, #68B3E3);*/ /* Safari 5.1 - 6.0 */
    /*background: -o-linear-gradient(#066CAC, #68B3E3);*/ /* Opera 11.1 - 12.0 */
    /*background: -moz-linear-gradient(#066CAC, #68B3E3);*/ /* Firefox 3.6 - 15 */
    /*background: linear-gradient(#066CAC, #68B3E3);*/ /* 标准的语法 */
    color: #fff !important;
}
/*标签*/
.themeblue_us .layui-tab-title .layui-this {
    background-color: #066CAC;
}
/*内容的边框颜色*/
.themeblue_us .layui-body {
    border-top: 2px solid #F0F9FD;
    border-left: 2px solid #F0F9FD;
}
/*导航*/
.themeblue_us .layui-nav-tree .layui-this,
.themeblue_us .layui-nav-tree .layui-this > a,
.themeblue_us .layui-nav-tree .layui-this > a:hover,
.themeblue_us .layui-nav-tree .layui-nav-child dd.layui-this,
.themeblue_us .layui-nav-tree .layui-nav-child dd.layui-this a,
.themeblue_us .layui-nav-tree .layui-nav-child a:hover,
.themeblue_us .layui-nav-tree .layui-nav-child dd.layui-this a:hover,
.themeblue_us .layui-nav-tree .layui-nav-item a:hover,
.themeblue_us.layui-nav .layui-nav-child dd.layui-this a,
.themeblue_us .layui-nav-child dd.layui-this {
    background-color: #066CAC;
    color: #fff;
}

.themeblue_us .top_leftmenu.layui-nav .layui-nav-child a:hover, .themeblue_us .closeBox.layui-nav .layui-nav-child a:hover {
    color: #68B3E3;
    background-color: #066CAC;
}

.themeblue_us .top_menu.layui-nav .layui-nav-child a:hover, .themeblue_us .closeBox.layui-nav .layui-nav-child a:hover {
    color: #68B3E3;
    background-color: #066CAC;
}

.themeblue_us .layui-nav .layui-nav-child dd.layui-this a {
    background-color: #066CAC;
    color: #68B3E3;
}
/*侧部导航，鼠标放上,侧部边框*/
.themeblue_us .layui-nav-tree .layui-nav-bar {
    background-color: #066CAC !important;
}
/*头像外框*/
.themeblue_us .user-photo a.img img {
    border: 2px solid #000;
}
/*导航底部*/
.themeblue_us .top_leftmenu .layui-nav-bar, .themeblue_us .top_menu .layui-nav-bar {
    top: 60px !important;
    background-color: #68B3E3
}


/**黄色风格 themeyellow****************************************************************/
.themeyellow .layui-layout-admin .layui-header {
    background-color: #992600;
}
/*侧部*/
.themeyellow .layui-bg-black {
    /*background-color: #E6434E!important;*/
    background: -webkit-linear-gradient(#992600, #FF5722); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#992600, #FF5722); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#992600, #FF5722); /* Firefox 3.6 - 15 */
    background: linear-gradient(#992600, #FF5722); /* 标准的语法 */
    color: #fff !important;
}
/*标签*/
.themeyellow .layui-tab-title .layui-this {
    background-color: #992600;
}
/*内容的边框颜色*/
.themeyellow .layui-body {
    border-top: 2px solid #F0F9FD;
    border-left: 2px solid #F0F9FD;
}
/*导航*/
.themeyellow .layui-nav-tree .layui-this,
.themeyellow .layui-nav-tree .layui-this > a,
.themeyellow .layui-nav-tree .layui-this > a:hover,
.themeyellow .layui-nav-tree .layui-nav-child dd.layui-this,
.themeyellow .layui-nav-tree .layui-nav-child dd.layui-this a,
.themeyellow .layui-nav-tree .layui-nav-child a:hover,
.themeyellow .layui-nav-tree .layui-nav-child dd.layui-this a:hover,
.themeyellow .layui-nav-tree .layui-nav-item a:hover,
.themeyellow.layui-nav .layui-nav-child dd.layui-this a,
.themeyellow .layui-nav-child dd.layui-this {
    background-color: #992600;
    color: #fff;
}

.themeyellow .top_leftmenu.layui-nav .layui-nav-child a:hover, .themeyellow .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #992600;
}

.themeyellow .top_menu.layui-nav .layui-nav-child a:hover, .themeyellow .closeBox.layui-nav .layui-nav-child a:hover {
    color: #fff;
    background-color: #992600;
}

.themeyellow .layui-nav .layui-nav-child dd.layui-this a {
    background-color: #992600;
    color: #fff;
}
/*侧部导航，鼠标放上,侧部边框*/
.themeyellow .layui-nav-tree .layui-nav-bar {
    background-color: #066CAC !important;
}
/*头像外框*/
.themeyellow .user-photo a.img img {
    border: 2px solid #fff;
}
/*导航底部*/
.themeyellow .top_leftmenu .layui-nav-bar, .themeyellow .top_menu .layui-nav-bar {
    top: 60px !important;
    background-color: #68B3E3
}

@charset "UTF-8";
/*---------------------------------------------------------------------------*/
/* 文件名称：uskbasicstyle  */
/*---------------------------------------------------------------------------*/
/* 1.主色背景色和文字色 */
.usk_color_main_bg {
  background-color: #008cfd;
  color: #ffffff;
}

.usk_color_main_font {
  color: #008cfd;
}

/* 2.次色背景色和文字色 */
.usk_color_second_bg {
  background-color: #393D49;
  color: #ffffff;
}

.usk_color_second_font {
  color: #393D49;
}

/* 3.辅助背景色和文字色 */
.usk_color_neutral_bg {
  background-color: #d2d2d2;
  color: #000000;
}

.usk_color_neutral_font {
  color: #d2d2d2;
}

/* 4.第四背景色和文字色 */
.usk_color_four_bg {
  background-color: #008cfd;
  color: #ffffff;
}

.usk_color_four_font {
  color: #008cfd;
}

.themeblue {
  /* 1.主色背景色和文字色 */
  /* 2.次色背景色和文字色 */
  /* 3.辅助背景色和文字色 */
  /* 4.第四背景色和文字色 */
}
.themeblue .usk_color_main_bg {
  background-color: #008cfd;
  color: #ffffff;
}
.themeblue .usk_color_main_font {
  color: #008cfd;
}
.themeblue .usk_color_second_bg {
  background-color: #393D49;
  color: #ffffff;
}
.themeblue .usk_color_second_font {
  color: #393D49;
}
.themeblue .usk_color_neutral_bg {
  background-color: #d2d2d2;
  color: #000000;
}
.themeblue .usk_color_neutral_font {
  color: #d2d2d2;
}
.themeblue .usk_color_four_bg {
  background-color: #008cfd;
  color: #ffffff;
}
.themeblue .usk_color_four_font {
  color: #008cfd;
}

.themered {
  /* 1.主色背景色和文字色 */
  /* 2.次色背景色和文字色 */
  /* 3.辅助背景色和文字色 */
  /* 4.第四背景色和文字色 */
}
.themered .usk_color_main_bg {
  background-color: #E84B51;
  color: #ffffff;
}
.themered .usk_color_main_font {
  color: #E84B51;
}
.themered .usk_color_second_bg {
  background-color: #393D49;
  color: #ffffff;
}
.themered .usk_color_second_font {
  color: #393D49;
}
.themered .usk_color_neutral_bg {
  background-color: #A3373A;
  color: #000000;
}
.themered .usk_color_neutral_font {
  color: #A3373A;
}
.themered .usk_color_four_bg {
  background-color: #EC9720;
  color: #ffffff;
}
.themered .usk_color_four_font {
  color: #EC9720;
}

.themeyellow {
  /* 1.主色背景色和文字色 */
  /* 2.次色背景色和文字色 */
  /* 3.辅助背景色和文字色 */
  /* 4.第四背景色和文字色 */
}
.themeyellow .usk_color_main_bg {
  background-color: #E84B51;
  color: #ffffff;
}
.themeyellow .usk_color_main_font {
  color: #E84B51;
}
.themeyellow .usk_color_second_bg {
  background-color: #393D49;
  color: #ffffff;
}
.themeyellow .usk_color_second_font {
  color: #393D49;
}
.themeyellow .usk_color_neutral_bg {
  background-color: #A3373A;
  color: #000000;
}
.themeyellow .usk_color_neutral_font {
  color: #A3373A;
}
.themeyellow .usk_color_four_bg {
  background-color: #EC9720;
  color: #ffffff;
}
.themeyellow .usk_color_four_font {
  color: #EC9720;
}

.themegreen {
  /* 1.主色背景色和文字色 */
  /* 2.次色背景色和文字色 */
  /* 3.辅助背景色和文字色 */
  /* 4.第四背景色和文字色 */
  /*.top_leftmenu.layui-nav .layui-this {*/
  /* border-bottom: 4px solid $usk-color-sys-green-4;*/
  /* background-image: linear-gradient(to bottom,$usk-color-sys-green-navbg,$usk-color-sys-green-navbg);*/
  /*background-color: rgba(0,0,0,.3) !important;
  }*/
}
.themegreen .usk_color_main_bg {
  background-color: #006061;
  color: #ffffff;
}
.themegreen .usk_color_main_font {
  color: #006061;
}
.themegreen .usk_color_second_bg {
  background-color: #016869;
  color: #ffffff;
}
.themegreen .usk_color_second_font {
  color: #016869;
}
.themegreen .usk_color_neutral_bg {
  background-color: #d2d2d2;
  color: #000000;
}
.themegreen .usk_color_neutral_font {
  color: #d2d2d2;
}
.themegreen .usk_color_four_bg {
  background-color: #5cb85c;
  color: #ffffff;
}
.themegreen .usk_color_four_font {
  color: #5cb85c;
}

.top_leftmenu.layui-nav .layui-this {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.themedefault .top_leftmenu.layui-nav .layui-this,
.themeblue_l .top_leftmenu.layui-nav .layui-this,
.themeblue_l2 .top_leftmenu.layui-nav .layui-this,
.themegreen_l .top_leftmenu.layui-nav .layui-this {
  background-image: linear-gradient(to bottom, #009688, #009688);
}

/*主背景色 #146AA2 文字白色
辅助背景色：#2583BE 文字白色
主文字颜色：#3598DC
辅助按钮颜色：#00CCFF 边框颜色 #00CCFF*/
/* 1.V2 主背景色，辅助背景色 */
.usk_c_main_bg {
  background-color: #146AA2;
  color: #ffffff;
}

.usk_c_main2_bg {
  background-color: #2583BE;
  color: #ffffff;
}

.usk_c_main3_bg {
  background-color: #2583BE;
}

/* 2.V2 主文字颜色 */
.usk_c_main_font {
  color: #3598DC;
}

/* 3.V2 主按钮颜色 */
.usk_c_main_button {
  background-color: #146AA2;
  color: #ffffff;
  border-radius: 4px;
}

/* 4.V2 辅助按钮颜色 */
.usk_c_main_button2 {
  border: solid #00CCFF 1px;
  color: #00CCFF;
  border-radius: 4px;
}

.themedefault {
  /* 1.V2 主背景色，辅助背景色 */
  /* 2.V2 主文字颜色 */
  /* 3.V2 主按钮颜色 */
  /* 4.V2 辅助按钮颜色 */
}
.themedefault .usk_c_main_bg {
  background-color: #146AA2;
  color: #ffffff;
}
.themedefault .usk_c_main2_bg {
  background-color: #2583BE;
  color: #ffffff;
}
.themedefault .usk_c_main3_bg {
  background-color: #2583BE;
}
.themedefault .usk_c_main_font {
  color: #3598DC;
}
.themedefault .usk_c_main_button {
  background-color: #146AA2;
  color: #ffffff;
  border-radius: 4px;
}
.themedefault .usk_c_main_button2 {
  border: solid #00CCFF 1px;
  color: #00CCFF;
  border-radius: 4px;
}

.themeblue {
  /* 1.V2 主背景色，辅助背景色 */
  /* 2.V2 主文字颜色 */
  /* 3.V2 主按钮颜色 */
  /* 4.V2 辅助按钮颜色 */
}
.themeblue .usk_c_main_bg {
  background-color: #146AA2;
  color: #ffffff;
}
.themeblue .usk_c_main2_bg {
  background-color: #2583BE;
  color: #ffffff;
}
.themeblue .usk_c_main3_bg {
  background-color: #2583BE;
}
.themeblue .usk_c_main_font {
  color: #3598DC;
}
.themeblue .usk_c_main_button {
  background-color: #146AA2;
  color: #ffffff;
  border-radius: 4px;
}
.themeblue .usk_c_main_button2 {
  border: solid #00CCFF 1px;
  color: #00CCFF;
  border-radius: 4px;
}

.themered {
  /* 1.V2 主背景色，辅助背景色 */
  /* 2.V2 主文字颜色 */
  /* 3.V2 主按钮颜色 */
  /* 4.V2 辅助按钮颜色 */
}
.themered .usk_c_main_bg {
  background-color: #E84B51;
  color: #ffffff;
}
.themered .usk_c_main2_bg {
  background-color: #393D49;
  color: #ffffff;
}
.themered .usk_c_main3_bg {
  background-color: #393D49;
}
.themered .usk_c_main_font {
  color: #A3373A;
}
.themered .usk_c_main_button {
  background-color: #E84B51;
  color: #ffffff;
  border-radius: 4px;
}
.themered .usk_c_main_button2 {
  border: solid #EC9720 1px;
  color: #EC9720;
  border-radius: 4px;
}

.themeyellow {
  /* 1.V2 主背景色，辅助背景色 */
  /* 2.V2 主文字颜色 */
  /* 3.V2 主按钮颜色 */
  /* 4.V2 辅助按钮颜色 */
}
.themeyellow .usk_c_main_bg {
  background-color: #E84B51;
  color: #ffffff;
}
.themeyellow .usk_c_main2_bg {
  background-color: #393D49;
  color: #ffffff;
}
.themeyellow .usk_c_main3_bg {
  background-color: #393D49;
  color: #ffffff;
}
.themeyellow .usk_c_main_font {
  color: #A3373A;
}
.themeyellow .usk_c_main_button {
  background-color: #E84B51;
  color: #ffffff;
  border-radius: 4px;
}
.themeyellow .usk_c_main_button2 {
  border: solid #EC9720 1px;
  color: #EC9720;
  border-radius: 4px;
}

.themegreen {
  /* 1.V2 主背景色，辅助背景色 */
  /* 2.V2 主文字颜色 */
  /* 3.V2 主按钮颜色 */
  /* 4.V2 辅助按钮颜色 */
}
.themegreen .usk_c_main_bg {
  background-color: #006061;
  color: #ffffff;
}
.themegreen .usk_c_main2_bg {
  background-color: #016869;
  color: #ffffff;
}
.themegreen .usk_c_main3_bg {
  background-color: #016869;
}
.themegreen .usk_c_main_font {
  color: #009688;
}
.themegreen .usk_c_main_button {
  background-color: #006061;
  color: #ffffff;
  border-radius: 4px;
}
.themegreen .usk_c_main_button2 {
  border: solid #006061 1px;
  color: #006061;
  border-radius: 4px;
}

/*---------------------------------------------------------------------------*/
/* 文件名称：style.email  */
/*---------------------------------------------------------------------------*/
.emailborder {background-color:white;max-width:600px;margin:auto;border:solid 1px #009688;border-radius:2px;margin-top:20px;}
.emailborderno {background-color:white;max-width:600px;margin:auto;border-radius:2px;margin-top:20px;}
.emailborder .layui-form-label {font-weight:bold}
.emailboxwelcome {font-size:20px;line-height:65px;padding:4px 4px 4px 20px;}
.emailheight {height:20px;}
.emailboxtitle {background-color:#009688;color:white;border-radius:2px;padding:4px 4px 4px 20px;line-height:38px;margin-bottom:10px;}
.emailinfobox {padding:4px 4px 4px 20px;}
.emailinfobox a {color:red;}

/*---------------------------------------------------------------------------*/
/* 文件名称：style.form  */
/*---------------------------------------------------------------------------*/
.input-group {position:relative;display:table;border-collapse:separate;width:190px;margin-right:10px;}
.input-group_1 {width:380px;}
.input-group_2 {/*width:515px !important;*/     width:515px;}
.input-group_3 {/*width:515px !important;*/     width:650px;}
.input-group_second {width:420px;}
.input-group input,.input-group span {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*第一个左右都不要*/.input-group-addon:first-child {border-left:0;}
.input-group-addon:last-child {border-left:0;}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {border-top-right-radius:0;border-bottom-right-radius:0;}
.input-group .form-control,.input-group-addon,.input-group-btn {display:table-cell;}
.input-group .form-control {position:relative;z-index:2;float:left;width:100%;margin-bottom:0;}
.input-group .layui-input {border-left:0;}
.form-control {outline:0!important;}
.btn,.form-control {box-shadow:none!important;}
.input-group-addon {padding:5px 4px;font-size:14px;font-weight:400;line-height:1;color:black !important;text-align:center;background-color:#eee;border:1px solid #e6e6e6;line-height:24px;}
.input-group-addon_nobg {background-color:#ffffff !important;padding:0px 0px !important;}
.form-control {display:block;width:100%;height:38px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#000;background-color:#fff;background-image:none;border:1px solid #e6e6e6;border-left:1px solid #FFFFFF;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.input-group .layui-form-danger:focus {border-left:1px solid #FF5722 !important;}
/*button,input,select,textarea {font-family:inherit;font-size:inherit;line-height:inherit;}
input {line-height:normal;}
button,input,optgroup,select,textarea {margin:0;font:inherit;color:inherit;}
*/.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle {border-top-left-radius:0;border-bottom-left-radius:0;}
.input-group-addon,.input-group-btn {width:1%;white-space:nowrap;vertical-align:middle;}
.input-group .form-control,.input-group-addon,.input-group-btn {display:table-cell;}
.layui-tab-title li .us-icon {margin-right:6px;}

.ussuggestionbox .layui-form-select .layui-input {
    cursor: default;
}
.ussuggestion {
    cursor: default !important;
}
/*---------------------------------------------------------------------------*/
/* 文件名称：style.h5  */
/*---------------------------------------------------------------------------*/
/* =资产列表
---------------------------------------------------------------------------*/
.usoeinfobox span {
   
}
    .usoeinfobox  .layui-form-checkbox[lay-skin="primary"] {
        margin-top: 0px !important;
    }
    .usoeinfoboxleft {
        float:left;
        font-size: 1.1em;
        font-weight: bold;
        color: #666;
}
     .usoeinfoboxleft i {
        /*margin-right:6px;*/
        
    }

.usoeinfobox .layui-form-checkbox span {
     font-size: 12px !important;
}

.usoeinfoboxtitle {
    text-align:center;
    background-color:#f0f0f0;
    line-height:1px;
    border-bottom:solid 1px #999;
}
.usnbox1 {
    /*border-top:solid 1px #999;
    border-bottom:solid 1px #999;*/
}
/* =附件列表
---------------------------------------------------------------------------*/
.usimglist {
    display: block;
     padding: 8px 0px 8px 0px !important;
}
    .usimglist > div:hover {
        /*background-color: #f0f0f0;*/
    }

    .usimglist div {
       
    }

   
    .usimglist .mediaimage {
         padding-left:10px;
         display: block;
         padding-right:30px;
    }
    .usimglist .mediaimagedel {
         float:right;
         display: block;
    }
    
    .usimglist i {
        margin-right:4px;
        text-align:center;
        color:#666;
    }

 .usadelete {
    font-size:18px !important;
    line-height: 20px !important;
    margin:0px auto;
    float:right;
}
    .usadelete:hover {
        color:red !important;
    }
        .usimglist i:hover {
             color: #3794D1;
        }

.usuploadctlbox {
    border:solid 1px #e6e6e6; 
    display:block;
}
.usuploadctlboxleft {
    background-color:red;
    float:left;
    display:inline;
}
.usuploadctlboxright {
     float:left;
    display:inline;
    background-color:gray;
}
.usbuttonblue {
     background-color: #3794D1;
}
/* =进度条
---------------------------------------------------------------------------*/
.usprocessdiv{
    text-align: center; /*让div内部文字居中*/
    border-radius: 20px;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
    .usprocessdiv .layui-progress {
         width: 100%;
        height: 100px;
        margin: auto;
        position: absolute;
    }


    #loadingh5 {
    z-index: 10000;height: 100%;
	width: 100%;
	background: #ffffff;position: absolute; left: 0%; top: 0%;
    opacity:0.5; display:none1;
}
 #divloadingh5  .layui-progress-bar {
     border-radius: 6px !important;
}
 #divloadingh5 {
z-index:9999;width:400px;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;
 }
 /* =服务报价
---------------------------------------------------------------------------*/
.usreservebox {
    border-top: 1px solid #EEF1F5;
    border-bottom: 1px solid #EEF1F5;

}
.usreservebox  {
    border-bottom: 1px solid #f0f0f0;
    line-height:34px;
    padding: 6px 0px 6px 0;
    color: #666;
}

    .usreservebox h6 {
         padding-left:10px;
    }
    .usreservebox span {
        padding-right:6px;
    }
.usreserveboxright {
    text-align:right; padding-right:10px;
}

.usboxrighttext {
    color: #999; padding-right:6px;
}

/* = 巡检信息
---------------------------------------------------------------------------*/
.ususerinfobox img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin:0px 5px 0px 10px;
}
    .ususerinfobox img:hover {
        border:solid 2px #FE9600;
    }
.ususerinfobox {
    line-height:32px;
}
.ususerinfotime {
    color:#999; padding-right:10px;
}
.usserinfobody {
    padding:10px; line-height:1.5em; text-indent:0em;    color: #666; font-size:1.1em;
}
.usserinfobodycenter {
    text-align:center;text-indent:0em !important;
}

.usnboxbodyh5 {
     padding: 0px !important; 
}

.usbuttonblue {
    background-color:#3794D1 !important;
    border-radius:2px;
}
.usbuttonred {
    background-color:#e4354f !important;
}

.layui-layer-title .us-icon {
    margin-right:6px;
}
/*---------------------------------------------------------------------------*/
/* 文件名称：style.themepage  */
/*---------------------------------------------------------------------------*/
.themeblue .layui-elem-quote,.themeblue .usnboxlist,.themeblue .usnboxlistinfo{border-left:4px solid #066cac}
.themeblue .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#066cac}
.themeblue .layui-btn-primary:hover{border:solid 1px #066cac}
.themeblue .layui-btn,.themeblue .layui-btn-dropdown .layui-btn{background-color:#066cac;color:#fff}
.themeblue a[data-pwid=more],.themeblue button[data-pwid=column],.themeblue button[data-pwid=query],.themeblue button[data-pwid=update],.themeblue button[data-pwid=ussubmit],.themeblue button[data-pwid=viewimages]{background-color:#066cac!important}
.themeblue .us-toplistnavbox .layui-btn{background-color:#066cac}
.themeblue .layui-btn-danger{background-color:#ff5722}
.themeblue .layui-btn-normal{background-color:#1e9fff}
.themered .layui-elem-quote,.themered .usnboxlist,.themered .usnboxlistinfo{border-left:4px solid #e6434e}
.themered .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#e6434e}
.themered .layui-btn-primary:hover{border:solid 1px #e6434e}
.themered .layui-btn,.themered .layui-btn-dropdown .layui-btn{background-color:#e6434e;color:#fff}
.themered a[data-pwid=more],.themered button[data-pwid=column],.themered button[data-pwid=query],.themered button[data-pwid=update],.themered button[data-pwid=ussubmit],.themered button[data-pwid=viewimages]{background-color:#e6434e!important}
.themered .us-toplistnavbox .layui-btn{background-color:#e6434e}
.themered .layui-btn-danger{background-color:#ff5722}
.themered .layui-btn-normal{background-color:#1e9fff}
.themeyellow .layui-elem-quote,.themeyellow .usnboxlist,.themeyellow .usnboxlistinfo{border-left:4px solid #992600}
.themeyellow .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#992600}
.themeyellow .layui-btn-primary:hover{border:solid 1px #992600}
.themeyellow .layui-btn,.themeyellow .layui-btn-dropdown .layui-btn{background-color:#992600;color:#fff}
.themeyellow a[data-pwid=more],.themeyellow button[data-pwid=column],.themeyellow button[data-pwid=query],.themeyellow button[data-pwid=update],.themeyellow button[data-pwid=ussubmit],.themeyellow button[data-pwid=viewimages]{background-color:#992600!important}
.themeyellow .us-toplistnavbox .layui-btn{background-color:#992600}
.themeyellow .layui-btn-danger{background-color:#ff5722}
.themeyellow .layui-btn-normal{background-color:#1e9fff}
.themegreen .layui-elem-quote,.themegreen .usnboxlist,.themegreen .usnboxlistinfo{border-left:4px solid #006061}
.themegreen .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#006061}
.themegreen .layui-btn-primary:hover{border:solid 1px #006061}
.themegreen .layui-btn-danger{background-color:#ff5722}
.themegreen .layui-btn-normal{background-color:#006061}
.themegreen .layui-form-select dl dd.layui-this{background-color:#006061}
.themegreen .layui-tab-brief>.layui-tab-more li.layui-this:after,.themegreen .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom:2px solid #006061}

/*---------------------------------------------------------------------------*/
/* 文件名称：style.addnote  */
/*---------------------------------------------------------------------------*/
        .larryms-notice-box { position: fixed; z-index: 999999;	 width: 300px; height: auto; box-sizing: border-box; }
		.notice-bottom-right { right: 10px; bottom: 10px; }
		.notice-bottom-left { left: 10px; bottom: 10px; }
		.notice-top-right { top: 10px; right: 10px; }
		.notice-top-left { top: 10px; left: 10px; }
		.notice-bottom-center { bottom: 10px; left: 50%; transform: translate(-50%, 0px); }
		.notice-top-center { top: 10px; left: 50%; transform: translate(-50%, 0px); }
		.notice-left-center { top: 50%; left: 10px; transform: translate(0px, -50%); }
		.notice-right-center { top: 50%; right: 10px; transform: translate(0px, -50%); }
		.notice-center { top: 50%; left: 50%; transform: translate(-50%, -50%); }
		.larryms-notice { position: relative; width: 100%; box-sizing: border-box; box-shadow: 0px 0.5px 3px #888; cursor: pointer; }
		.larryms-notice>.larryms-msg-close { display: block; width: 24px; height: 24px; position: absolute; top: 7px; right: 3px; text-align: center; line-height: 20px; font-size: 24px; cursor: pointer; opacity: .6; z-index: 99999; }
		.larryms-notice .layui-card-body { padding: 15px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-flex; display: flex; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; -webkit-align-items: center; align-items: center; line-height: 100%; }
		.larryms-notice .layui-card-body i.larryms-msg-icon { display: inline-block; width: 30px; height: 30px; padding-top: 5px; padding-right: 10px; font-size: 30px; line-height: 100%; }
		.larryms-notice .layui-card-body p.larryms-msg-body { display: inline-block; font-size: 14px; line-height: 26px; padding-left: 3px; padding-right: 5px; text-align:left }
		.larryms-notice>.larryms-msg-close:hover { opacity: 1; }

		/*Notice默认主题系列*/
		.larryms-notice-fade { border-radius: 5px; color: #fff; }
		.larryms-msg-info { background: rgba(95, 184, 120, 1); }
		.larryms-msg-success { background: rgba(0, 150, 136, 0.98); }
		.larryms-msg-error { background: rgba(255, 255, 255, 0.98); }
		.larryms-msg-warning { background: rgba(232, 168, 3, 0.98); }
		.larryms-msg-danger { background: rgba(255, 87, 34, 0.98); }
		.larryms-msg-info .layui-card-body i.larryms-msg-icon, .larryms-msg-success .layui-card-body i.larryms-msg-icon, .larryms-msg-warning .layui-card-body i.larryms-msg-icon, .larryms-msg-danger .layui-card-body i.larryms-msg-icon { color: #fff; }
		.larryms-msg-error .larryms-msg-close { color: #ff5722; }
		.larryms-msg-error .layui-card-body i.larryms-msg-icon { color: #ff5722; }
		.larryms-msg-error .layui-card-body p.larryms-msg-body { color: #000; }

.larryms-msg-body span, .larryms-msg-body date {
	display:inline-block; line-height:18px;
}
/*---------------------------------------------------------------------------*/
/* 文件名称：style.spanfont  */
/*---------------------------------------------------------------------------*/
.us-span-default {cursor:pointer;/*font-size:12px;*/        font-size:0.9em;}
.us-span-red,.us-span-orange,.us-span-green,.us-span-cyan,.us-span-blue,.us-span-black,.us-span-gray,.us-span-yellow,.us-span-greenv2,.us-span-bluev2,.us-span-redv2 {border-radius:2px;padding:2px 8px !important;}
.us-span-red {background-color:#FF5722;color:#fff;}
.us-span-orange {background-color:#FFB800;color:#fff;}
.us-span-green {background-color:#009688;color:#fff;}
.us-span-cyan {background-color:#2F4056;color:#fff;}
.us-span-blue {background-color:#1E9FFF;color:#fff;}
.us-span-black {background-color:#393D49;color:#fff;}
.us-span-gray {background-color:#eee;color:#666;}
.us-span-yellow {background-color:#ec971f;color:#fff;}
.us-span-greenv2 {background-color:#5cb85c;color:#fff;}
.us-span-bluev2 {background-color:#337ab7;color:#fff;}
.us-span-redv2 {background-color:#ff0000;color:#fff;}
.us-font-red {color:#FF5722;}
.us-font-orange {color:#FFB800;}
.us-font-green {color:#009688;}
.us-font-cyan {color:#2F4056;}
.us-font-blue {color:#1E9FFF;}
.us-font-black {color:#000;}
.us-font-gray {color:#666;}
.us-font-yellow {color:#ec971f;}
.us-font-greenv2 {color:#5cb85c;}
.us-font-bluev2 {color:#337ab7;}
.us-font-redv2 {color:#ff0000;}
.us-boder-default {
    border: solid 1px #DADCE6;
    background-color: #fff;
    border-radius: 10px;
    padding: 2px 8px;
}

    .us-boder-default:hover {
        background-color: #1E9FFF;
        color: #fff;
    } 
/*---------------------------------------------------------------------------*/
/* 文件名称：style.global.main  */
/*---------------------------------------------------------------------------*/
/*透明背景*/ 
.body {-webkit-tap-highlight-color:transparent;user-select:none;position:relative;background:transparent;}
body {
    font-family: 微软雅黑;
    background-color: #FFFFFF;
}
/*顶部导航的样式，可以通过他控制导航是否显示，如果认为导航多余，可以直接干掉*/
.us-topnav {display:none;}
.us-topnav {}
.us-topnav, .us-toplistnav {
    border-top: 1px solid #E7ECF1 !important;
    border-right: 1px solid #E7ECF1 !important;
    border-bottom: 1px solid #E7ECF1 !important;
    
}
.us-topnav {
    background-color: #fff;
    border-left: 4px solid #009688;
    line-height: 50px;
    /*margin: 0px 4px;*/
}
.us-toplistright {
    float: right;
    margin-right: 10px;
}
.us-elem-quote {line-height:38px;min-height:38px;padding-left:20px;vertical-align:middle !important;}
.us-titleleft {margin-top:0px;margin-bottom:0px;}
.us-toplistnavbox {}
.us-toplistnav {}

.managerbody {background-color:#FFFFFF;}
.us-topmanagernav {display:none;}
/*导航的样式*/.layui-elem-quote {/*height:35px !important;*/    /*line-height:38px;min-height:38px;padding:3px 0;padding-left:20px;vertical-align:middle !important;margin-bottom:5px !important;*/}
.layui-breadcrumb a,.layui-breadcrumb a cite,.layui-breadcrumb span {color:black !important;}
.usquotemar {vertical-align:middle!important;line-height:20px!important;padding:10px 8px!important;text-indent:2em;}
.usquotemarno {vertical-align:middle!important;line-height:20px!important;padding:10px 8px!important;}
.usquotemarone {min-height:30px;line-height:30px;}
.usseparator {margin:0 10px;color:#999;}
/*列表页的body属性，方便增加编辑*/
.us-listbody {margin:2px;}
.us-managerbody {/*border:1px solid #E7ECF1 !important;padding:8px;margin:8px;background-color:#ffffff;*/    margin:8px 4px;}
.us-sumbody {margin:0px 4px;}
.us-echartbody {min-width:310px;height:400px;margin:0 auto}
.us-echartbody-sp {/*min-width:310px;*/    height:400px;margin:0 auto;}
/*管理页面的图标*/.us-topmanagernav i {margin-right:6px;}
/*列表页的搜索相关的属性*/.us-list {margin:0px !important;}
.us-listleft {margin-top:5px;margin-bottom:5px;}
/*表格上的右侧搜索按钮*/
.us-listright {margin-top:5px;margin-bottom:5px;float:right;margin-right:10px;}
.us-listright input {width:100px;margin-top:2px !important;padding-left:5px !important;padding-right:5px !important;}
.usdatatime {/*width:185px !important;*/    width:185px;}
.usdatatimeno {}
/*提交按钮的div*/.us-submitsave {}
.layui-table,.layui-table-view {}
.layui-search {}
.layui-search .layui-input {width:120px;}
/*table表格滚动条*/.layui-body {overflow-x:hidden;}
body {overflow-x:hidden;}
.layui-table-body {overflow:auto;}
.layui-table {/*width:100% !important;*/}
/*table列表里面的标记*/.us-btnnva a {/*font:12px 宋体 !important;padding:3px !important;*/}
.layui-bg-pale {background:#5FB878;}
/*如果修改成0，则按钮组没有任何边框了*/.layui-btn-group {font-size:12px !important;}
/*按钮颜色控制---------------------------------------*/button[data-pwid="add"]    button[data-pwid="view"],button[data-pwid="refresh"],button[data-pwid="export"],button[data-pwid="column"] {}
/*提交查询和修改按钮蓝色,a[data-pwid="update"]*/button[data-pwid="ussubmit"],button[data-pwid="query"],button[data-pwid="update"],a[data-pwid="more"] {background-color:#1E9FFF!important}
/*关闭按钮*/button[data-pwid="usclose1"] {background-color:#2F4056}
/*删除红色,a[data-pwid="delete"]*/button[data-pwid="delete"] {background-color:#FF5722}
/*选择列*/button[data-pwid="column"],button[data-pwid="viewimages"] {background-color:#2F4056!important}
.usbtnblue {background-color:#1E9FFF!important}
.usbtnblack {background-color:#2F4056!important}
/*刷新*/button[data-pwid="refresh"],button[data-pwid="control"] {background:#5FB878;}
/*.layui-dropdown-menu li a[data-pwid="obutton"] {clear:both;display:block;padding:3px 15px;color:#333;white-space:nowrap;font-weight:400 !important;line-height:1.42857143;font-size:14px !important;font-family:微软雅黑 !important;}
*/a[data-pwid="delete"],a[data-pwid="update"],a[data-pwid="view"],a[data-pwid="restore"],a[data-pwid="obutton"] {/*font-size:12px !important;font-family:宋体;font-weight:normal !important;*/}
/*按钮颜色控制---------------------------------------*//*下拉里面的i做个右侧边距---------------------------------------*/.layui-btn-dropdown i {margin-right:6px;font-size:16px;}
.us-submitsave button i {margin-right:6px;font-size:16px !important;}
.usiconmar {margin-right:6px;font-size:16px !important;}
.usStar {color:red;margin-top:15px;margin-left:3px;vertical-align:central;}
.uscenter {text-align:center !important;margin:4px auto;}
.ustextheight60 {height:60px !important;min-height:60px !important;}
.ustextheight100 {height:100px !important;}
.ustextheight150 {height:150px !important;}
.ustextheight200 {height:200px !important;}
.ustextheight250 {height:250px !important;}
.ustextheight300 {height:300px !important;}
.ustextheight400 {height:400px !important;}
.ustextheight450 {height:450px !important;}
/*表单中第一个div，控制一下距离，保留他用；*//*2020-04-09 调整高度*/.usformoneitem {height:0px;}
/*2020-04-09 调整表格间距，防止表格太大*/.layui-form-item {margin-bottom:5px;}
/*下来按钮文字大小---------------------------------------*/.usmoredot {font-size:12px !important;}
/*高级搜索---------------------------------------*/.ussearchheight {display:none;}
.layui-layer-page .layui-layer-content {overflow:hidden !important;}
.layui-layer-content .ussearchheight {overflow:hidden;height:100%;display:inline-block;}
.layui-layer-content .ussearchheight .uscenter {width:300px;text-align:center;}
.columnsearchkey {}
.columnsearchkey .layui-form-item {margin-bottom:1px !important;}
.columnsearchkey .layui-input,.layui-textarea,.layui-select {height:30px;line-height:1.1;line-height:30px\9;border-width:1px;border-style:solid;background-color:#fff;border-radius:2px;color:black;}
.columnsearchkey .layui-form-label {position:relative;float:left;/*display:inline !important;*/    padding:5px 15px;width:80px;font-weight:normal;line-height:20px;text-align:center;color:black;}
/*高级搜索---------------------------------------*//*导入页面的按钮行---------------------------------------*/.us-othform .layui-form-item {margin-bottom:-10px !important;clear:both;}
.nodisplay {display:none;}
.usdisplay {}
.usdisplayno {display:none;}
.usdisplayyes {display:normal;}
.ushand {cursor:pointer;}
.ushand:hover {border:solid  1px red;}
/*列表标题点击*/.layui-table-header .layui-table-cell {cursor:pointer;}
/*重新调整风格*/.layui-btn-group {font-size:0px !important;}
.layui-btn-group .layui-btn,.layui-btn-group .layui-btn-dropdown .layui-btn {/*background-color:#009688;*/        color:white !important;/*border-bottom:solid 1px #CCCCCC;border-top:solid 1px #CCCCCC;border-right:solid 1px #CCCCCC;border-radius:0px !important;*/}
.layui-btn-group .layui-btn:first-child {/*border-left:solid 1px #CCCCCC;*/}
button[data-pwid="column"],button[data-pwid="viewimages"] {/*background-color:#009688;*/    color:white !important;}
.layui-btn {border-radius:0px 0px;padding:0px 12px;/*height:30px;line-height:30px;padding:0 10px;font-size:12px;*/}
.layui-btn-group .layui-btn:first-child {/* border-left:solid 1px #CCCCCC;*/}
.layui-btn-group .layui-btn:first-child {border-left:none;border-radius:0px 0 0 0px;}
button[data-pwid="view"] {display:none !important;}
.layui-btn-dropdown {/*background-color:#009688;*/    /*color:white !important;*/    margin-left:0!important;margin-right:0!important;border-left:1px solid rgba(255,255,255,.5);border-radius:0;}
/*开关的外边框*/.uspanelradio {height:36px;line-height:1.3;line-height:35px\9;border-width:1px;border-style:solid;background-color:#fff;border-color:#e6e6e6;}
/*运维组*/.uslistdotright {position:absolute!important;right:0;}
.layui-nav-tree {width:100%;}
.layui-nav {background-color:#ffffff;}
.layui-nav-item a {color:black !important;}
.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover,.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a {background-color:#EEEEEE !important;border-left:solid 3px #009688;}
.layui-nav-tree .layui-nav-bar {width:0px;height:0;}
.layui-nav-tree .layui-nav-item {display:block;width:100%;line-height:40px !important;}
.layui-nav-tree .layui-nav-item a {height:40px;line-height:40px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/*列表里面的更多操作按钮处理*/button[data-pwid="more"] .layui-icon:first-child {/*display:none;*/}
button[data-pwid="more"] .usmoredot {padding:0px !important;margin:0px !important;margin-right:0px;}
/*超级连接*/.usalink {color:#3598DC;}
.usalink:hover {color:red;}
.ustree {overflow-x:hidden;}
.usalinkred {color:#FF5722;}
.usalinkgreen {color:#5FB878;}
/** 下拉按钮 **/.layui-btn-dropdown {position:relative;display:inline-block}
.layui-btn-dropdown .layui-dropdown-menu {position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;margin:2px 0 0;padding:5px 0;min-width:120px;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;background-color:#fff;background-clip:padding-box;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);list-style:none;text-align:left;font-size:.875rem;-webkit-background-clip:padding-box}
.layui-btn-dropdown .layui-dropdown-menu>li>a {clear:both;display:block;padding:3px 15px;color:#333;white-space:nowrap;font-weight:400;line-height:1.42857143}
.layui-btn-dropdown .layui-dropdown-menu>li>a:focus,.layui-btn-dropdown .layui-dropdown-menu>li>a:hover {background-color:#f0f0f0;text-decoration:none}
.layui-btn-dropdown .layui-dropdown-menu .divider {overflow:hidden;margin:9px 0;height:1px;background-color:#e5e5e5}
/**开关按钮*/.layui-form-mid-switch {position:relative;float:left;display:block;padding:0px 10px !important;margin-right:10px;height:36px;}
.layui-form-pane .layui-form-label {text-overflow:clip !important;}
.layui-form-mid {padding:8px 0 !important;}
/** 下拉按钮 **/.layui-btn-dropdownnew {position:relative;display:inline-block}
.layui-btn-dropdownnew .layui-dropdown-menu {position:absolute;top:100%;left:0;z-index:1000;float:left;margin:2px 0 0;padding:5px 0;min-width:120px;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;background-color:#fff;background-clip:padding-box;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);list-style:none;text-align:left;font-size:.875rem;-webkit-background-clip:padding-box}
.layui-btn-dropdownnew .layui-dropdown-menu>li>a {clear:both;display:block;padding:3px 15px;color:#333;white-space:nowrap;font-weight:400;line-height:1.42857143}
.layui-btn-dropdownnew .layui-dropdown-menu>li>a:focus,.layui-btn-dropdownnew .layui-dropdown-menu>li>a:hover {background-color:#f0f0f0;text-decoration:none}
.layui-btn-dropdownnew .layui-dropdown-menu .divider {overflow:hidden;margin:9px 0;height:1px;background-color:#e5e5e5}
.layui-btn-dropdownnew i {margin-right:6px;font-size:16px;}
/** 提示颜色 **/.helpborder {border:solid 1px #393D49;}
.ussearchtreebutton {margin-top:10px;}
/*当屏幕太小的时候，处理搜索 当小于1200PX*/@media screen and (max-width:1280px) {.layui-input-inline2btn {width:160px !important;}
.sumlist .layui-input-inline {width:120px;margin-right:2px !important;}
.columnsearchkey .layui-form-item .layui-input-inline {/*width:120px !important;*/        margin-right:2px !important;}
.layui-btn {border-radius:0px 0px;padding:0px 8px !important;}
}
/** 2020系统tips默认样式 **/    
.ushelpinfo {font-weight:800;padding:0px 6px;cursor:help;  box-sizing: border-box;position: relative;float: left;display: block;}
.ushelpinfono {border:solid 0px #000 !important;}
.ushelpinfo_1 {color:#808080 !important;border:solid 1px #808080 !important;}
.ushelpinfo_2 {height: 38px;line-height: 38px;}
/*用户头像*/.us_userpicbox {text-align:center;padding:8px;margin:0px 10px;}
.us_userpicbox_body {
    width:100%; text-align:center;
}
.us_userpicbox_btn {border-radius:4px;background-color:#1E9FFF !important;height:28px;line-height:28px;margin:10px 0px;}
.us_userpicbox_btn2 {border-radius:4px;background-color:#FF5722 !important;height:28px;line-height:28px;margin:10px 0px;}
.us_userpicbox_img {border:none;width:140px;height:140px;border-radius:20%;-webkit-border-radius:20%;-moz-border-radius:20%;border:2px solid #3598DC;text-align:center;}
.us_signature_img {
    border: none;
   /* width: 140px;*/
    height: 140px;
    border-radius: 5%;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border: 2px solid #dddddd;
    text-align: center;
}
/*rtm_box*/.usnboxbody_rtm .layui-form-item {margin-bottom:6px !important;clear:both;}
.usnboxbody_rtm .layui-form-item:first-child {margin-top:6px !important;}
.usnboxbody_rtm .layui-form-item:last-child {margin-bottom:0px !important;}
.usnboxnpmargintop {margin-top:0px !important;}
.usnboxbody_rtm {padding:8px !important;}
/*US开关按钮特殊外框*/
.us-checkbox-switch .layui-form-switch {margin-top:0px !important;}
.us-checkbox-switch {border-width:1px 1px 1px 0;border-style:solid;border-color:#E6E6E6;padding:6px 0px !important;line-height:20px;margin-right:10px;}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background-color:#f5f5f5}
::-webkit-scrollbar-thumb{background-color:#c1c1c1}
::-webkit-scrollbar-thumb:hover{background-color:#555}

.watermark-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* 确保水印不会干扰其他交互 */
    background-repeat: repeat;
    z-index: 9999; /* 高层级以覆盖大部分元素 */
    opacity: 0.2; /* 设置透明度 */
}

.watermark-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* 确保不干扰用户交互 */
    background-repeat: repeat;
    z-index: 9999; /* 确保覆盖在大多数元素之上 */
    opacity: 0.2; /* 设置透明度 */
}

/*---------------------------------------------------------------------------*/
/* 文件名称：style.kiop  */
/*---------------------------------------------------------------------------*/
.sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    counter-reset: sectioncounter;
}

    .sortable li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        font-size: 1.2em;
        padding-left: 10px;
        cursor: pointer;
    }

        .sortable li:before {
            content: counter(sectioncounter) "床、";
            counter-increment: sectioncounter;
        }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    background: #ffffff;
    font-weight: normal;
    color: #454545;
}

.sortable li:hover {
    background: #f6f6f6;
}

.layui-input-blockh {
    height: 35px !important;
}

.sortableexcel li:before {
    content: counter(sectioncounter) "." !important;
    counter-increment: sectioncounter;
}

.sortableexcel li {
    font-size: 1.0em !important;
}


/*显示排序代码*/
.showdragcase {
    max-height: 600px;
    overflow: auto
}

.drag-list {
    margin: 0 auto
}

.showdragcase ol {
    list-style-type: none;
    counter-reset: sectioncounter
}

    .showdragcase ol li:before {
        content: counter(sectioncounter) ".";
        counter-increment: sectioncounter;
        color: #c7ccd1
    }

.drag-list > li {
    width: 170px;
    background: #fff;
    border: 1px solid #c4c4c4;
    margin: 5px 5px;
    font-size: 14px;
    line-height: 30px;
    border-radius: 3px;
    float: left;
    padding-left: 10px
}

    .drag-list > li:hover {
        list-style: none;
        background-color: #f0f0f0;
        cursor: move
    }

.drag-list li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .drag-list li:hover {
        color: #f00
    }
/*---------------------------------------------------------------------------*/
/* 文件名称：style.kiopother  */
/*---------------------------------------------------------------------------*/
.uspointer {
    cursor: pointer;
}

/** 登录密码文本框 */
.uspwd_box {
    display: flex;
    flex-direction: row;
    background-color: #dde3ec;
    padding: 6px 6px
}

.uspwd_box_all {
    flex: 1
}

.uspwd_input {
    background-color: transparent;
    border: 0px;
    color: #8290a3;
    padding-left: 6px;
    line-height: 28px
}

.uspwd_box_right {
    padding: 0px 4px
}

.uspwd_box .us-icon {
    color: #000;
    cursor: pointer;
    user-select: none;
    padding: 6px
}

/*--全选按钮--------------------------------*/
.uschkselectcheck {
    display: none !important;
}
/*隐藏掉我们模型的checkbox*/
.uschkselectdiv .uschkselectcheck {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none !important;
}

.uschkselectdiv {
    padding-left: 10px;
}

    .uschkselectdiv label {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: moz-none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
    }
    /*未选中时*/ .uschkselectdiv .uschkselectcheck + label {
        width: 14px;
        height: 14px;
        display: inline-block;
        background: url(/assets5/third/ztree/css/zTreeStyle/img/zTreeStandard.png) no-repeat;
        background-position: 0 0;
        position: relative;
        top: 2px;
    }
    /*选中checkbox时,修改背景图片的位置*/ .uschkselectdiv .uschkselectcheck:checked + label {
        background-position: -14px 0;
    }


/*--树结构美化--------------------------------*/
.usselecttreelist {
    border: 1px solid #E7ECF1;
    padding: 4px 4px 4px 10px;
    margin-bottom: 8px;
    margin-top: 8px;
    background-color: #ffffff;
    border-left: 4px solid #009688;
}

    .usselecttreelist .layui-form-item {
        margin-bottom: 0px;
        clear: both;
    }

        .usselecttreelist .layui-form-item .layui-input-inline {
            float: left;
            width: 130px;
            margin-right: 0px;
        }

.usselecttreelistmin {
    border: 1px solid #E7ECF1;
    padding: 4px 4px 4px 10px;
    margin-bottom: 8px;
    margin-top: 8px;
    background-color: #ffffff;
    border-left: 4px solid #009688;
}

    .usselecttreelistmin .layui-form-item .layui-inline {
        margin-bottom: 5px;
        margin-right: 5px !important;
    }

    .usselecttreelistmin .layui-inline .layui-form-label {
        /*display:none!important;*/
    }

    .usselecttreelistmin .layui-form-item {
        margin-bottom: 0px;
        clear: both;
    }

        .usselecttreelistmin .layui-form-item .layui-input-inline {
            float: left;
            width: 100px;
            margin-right: 0px;
        }

@media screen and (max-width: 750px) {
    .usselecttreelistmin .layui-inline .layui-form-label {
    }
}

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


    .layui-form-pane .layui-form-label {
        /*width:80px!important;*/
    }

    .layui-form-item .layui-inline {
    }

    .usmoveboxone {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .usmovebox {
        height: 90px !important;
    }

    .us-checkbox-switch {
        min-width: 80px;
    }

    /*---------------------------------------------------------------------------*/
    /* 重新调整H5页面的显示  */
    /*---------------------------------------------------------------------------*/
    .layui-form-item .layui-input-inline, .layui-form-item .layui-input-block {
        margin: 0 0 2px 0px !important;
        display: inline-block;
    }

    .layui-form-item {
        margin-bottom: 0px;
    }

        .layui-form-item .layui-btn {
            height: 36px;
            line-height: 36px;
            padding: 0 10px;
            font-size: 12px;
            border-radius: 4px;
        }

    .usnbox {
        /*margin:0px!important;padding:0px!important;*/
    }

    .layui-form-item-h {
        flex-direction: row !important;
        margin-bottom: 4px;
    }
    .layui-form-item {
        display: flex;
        width: 100%;
        flex-direction: column;
    }
        .layui-form-item .layui-form-label {
            width: 110px
        }

        .layui-form-item .layui-inline {
            width: 100%;
            display: flex;
            flex-direction: row;
        }

            .layui-form-item .layui-inline .layui-input-inline {
                flex: 1;
            }

        .layui-form-item .layui-input-block {
            margin-left: unset;
            flex: 1;
        }
}
/*--树结构美化--------------------------------*/

.ustree_c_t {
}

.ustree_c_c {
    margin-top: 0;
    overflow: auto;
}

.ustree_c_b {
}


/*--KDEV需要的单独样式--------------------------------*/
.kwidth520 {
    width: 520px !important;
}

.kwidth500 {
    width: 500px !important;
}

.kuslh35 {
    line-height: 35px;
}
/*--KDEV需要的单独样式--------------------------------*/

.usk_login_f_box {
    display: flex;
    width: 100%;
}

.usk_login_f_box_full {
    flex: 1;
}

.usk_login_f_box_images {
    width: 100px;
    margin-left: 20px;
}
/*--切换标签近一点--------------------------------*/
.layui-tab-content_min {
    padding: 2px 0 !important;
}