/* 
*
*  layui 自定义样式 
*
*/
/* 自定义全局变量颜色 start */
:root {
  /* 基础颜色 */
  --main-theme-color: #409EFF; /*主题颜色*/
  --primary-color:#409EFF;
  --success-color:#67c23a;
  --warning-color:#E6A23C;
  --danger-color:#F56C6C;
  --info-color:#909399;
  /* 字体颜色 */
  --font-color-primary:#333333;
  /* --font-color-primary:#333; */
  --font-color-regular:#666366;
  --font-color-secondary:#999399;
  --font-color-placeholder:#C0C4CC;
  --font-color-white:#ffffff;
  /* 边框颜色 */
  --border-color-base:#DCDFE6;
  --border-color-light:#E4E7ED;
  --border-color-lighter:#EBEEF5;
  --border-color-extralight:#F2F6FC;
  /* 背景颜色 */
  --background-color-theme:#f2f5fa;
  --background-color-back:#303133;
  --background-color-white:#ffffff;
  --background-color-transparent:transparent;
  --background-color-success:#f0f9eb;
  --background-color-info:#edf2fc;
  --background-color-danger:#fef0f0;
  --background-color-green:#F0F9EB;
  --background-color-gray:#b2b2b2;
  --background-color-f9:#f9f9f9;
  --background-side-menu:#1A1D25;
  /* 字体大小 */
  --font-size-ss: 12px;
  --font-size-s: 13px;
  --font-size-m: 14px;
  --font-size-l: 16px;
  --font-size-xl: 18px;
  --font-size-xxl: 20px;
  --font-size-xxxl: 24px;
  --font-size-xxxxl: 36px;
  /* 其他 */
  --info-tips-icon-color:#606266;
}

/* 自定义全局变量颜色 end */
/* 全局滚动条 */
::-webkit-scrollbar {
  width: 8px; /* 纵向滚动条*/
  height: 8px; /* 横向滚动条 */
  background-color: #fff;
}

/*定义滚动条轨道 内阴影*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #f2f2f2;
  /* background-color: #ffffff; */
  cursor: pointer;
}

/*定义滑块 内阴影*/
::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: #ccc;
  border-radius: 8px;
  cursor: pointer;
  background-color: rgba(144,147,153,.3);
  transition: background-color .3s
}
::-webkit-scrollbar-thumb:hover{
  background-color: rgba(144,147,153,.5)
}
/* 全局滚动条 end */
body{
  color: var(--font-color-primary);
  font-size: var(--font-size-m);
  width: 100%;
  height: 100%;
  font-family: PingFang SC,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif !important;
}
.layui-layout-body .layui-layout-body .layui-nav-tree .custom-layui-this,
.layui-layout-body .layui-nav-tree .custom-layui-this>a,
.layui-layout-body .layui-nav-tree .layui-nav-child dd.custom-layui-this,
.layui-layout-body .layui-nav-tree .layui-nav-child dd.custom-layui-this a {
  background-color: var(--background-color-transparent) !important;
}

.layui-layout-body .layui-nav-tree .layui-nav-child a {
  color: rgba(255, 255, 255, .55);
}

.layui-layout-body .layui-nav-tree .layui-nav-bar {
  background-color: var(--background-color-transparent);
}
.layui-layout-body .custom-layui-side .layui-nav .layui-nav-item a{
  color: #DEDEDE !important;
}
.layui-layout-body .layui-nav-tree .layui-nav-child dd.layui-this,
.layui-layout-body .layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-layout-body .layui-nav-tree .layui-this,
.layui-layout-body .layui-nav-tree .layui-this>a,
.layui-layout-body .layui-nav-tree .layui-this>a:hover {
  background-color: var(--background-color-transparent);
  /* background-color: #f1f2f8; */
  color: var(--main-theme-color) !important;
}
.layui-layout-body .layui-layout-admin .layui-body .layadmin-tabsbody-item{
  background-color:#f2f5fa;
}
.layui-layout-body .layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {
  background-color: transparent;

}
.layui-table-tool{
  border: none;
}
/* 滚动条颜色 */
.layui-layout-body .layui-side.layui-side-menu::-webkit-scrollbar {
  color: var(--background-color-transparent) !important;
}

/* 侧边栏样式 */
.layui-layout-body .layui-side-menu, .layadmin-setTheme-side{
  background-color: var(--background-side-menu);
  color: #8998AC;
}

.layui-layout-body .layui-nav-itemed>.layui-nav-child {
  display: block;
  background-color: #000 !important;
}
.layui-layout-admin .layui-logo{
  background-color: var(--background-side-menu) !important;

}
.layui-layout-body .custom-layui-side .layui-layout-admin .layui-logo{
  background-color: var(--background-side-menu) !important;
  box-shadow:none !important;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.layui-layout-body .layui-side-menu .layui-nav{
  margin-top: 70px;
}
/* pagetabs */
body .layadmin-pagetabs .layui-tab-title li:after{
  background-color: var(--main-theme-color);
  /* background-color: var(--background-color-transparent); */
}
body .layadmin-pagetabs .layui-tab-title li.layui-this:after{
  background-color: var(--main-theme-color);
  /* background-color: var(--background-color-transparent); */

}
body .layui-tab-title li{
  font-size: var(--font-size-s);
  color: #8998AC;
}
body .custom-layui-side .layui-tab-title li{
  font-size: var(--font-size-s);
  color: var(--font-color-white);
}
body .layui-tab-title li .layui-tab-close:hover{
  background-color: var(--background-color-gray);
}
/* navbar */
body .layui-layout-admin .layui-header .layui-nav .layui-this:after,body .layui-layout-admin .layui-header .layui-nav-bar{
  background-color: var(--main-theme-color);
}

/* 表格样式问题 */
body .layui-table-header {
  background-color: var(--background-color-transparent);
}

body .layui-table {
  border: none !important;
}

body .layui-table-view {
  border-width: 0px !important;
  border-style: solid;
  border-color: #eee;
}

body .layui-table thead tr {
  background-color: var(--background-color-transparent);
}

body .layui-table-header .layui-table-cell {
  line-height: 38px;
  height: 38px;
  font-weight: bold;
  color: var(--font-color-primary);
}

body .layui-table-body .layui-table-cell {
  color: var(--font-color-primary);
}

/* tooltips 样式 */
body .layui-layer-tips .layui-layer-content{
  background-color: var(--background-color-back) !important;
  color: #ffffff;
}
body .layui-layer-tips .layui-layer-content .layui-layer-TipsG,
body .layui-layer-tips .layui-layer-content .layui-layer-TipsT{
  border-right-color: var(--background-color-back) !important;
}

/* 按钮 */
body .layui-btn{
  background-color: var(--primary-color);
}
body .layui-btn.layui-btn-danger{
  background-color: var(--danger-color);
}
body .layui-btn-warm{
  background-color: var(--warning-color);
}
body .layui-btn-normal{
  background-color: var(--primary-color);
}
body .layui-btn-primary{
  background: 0 0;
}
body .layui-btn-primary{
  background: 0 0;
}
body  .layui-btn-primary:hover{
  border-color: #d2d2d2;
}
body .layui-btn-primary:hover{
  border-color: #d2d2d2;
}
/* 感叹号按钮 */
.layui-layout-body .layui-icon-tips.tips-img{
  color: var(--info-tips-icon-color);
}

/* 面包屑 */
.layui-layout-body .layadmin-pagetabs .layui-tab-title li:hover, .layadmin-pagetabs .layui-tab-title li.layui-this{
  background-color:#f5f8fc !important;
  /* background-color:var(--background-color-theme) !important; */
}
.layui-layout-body .layui-tab-title .layui-this{
  color: var(--main-theme-color);
}

/* 分页 */
body .layui-laypage .layui-laypage-curr .layui-laypage-em{
  background-color: var(--main-theme-color);
}
body .layui-laypage a:hover{
  color: var(--main-theme-color);
}
body .layui-laypage input:focus, .layui-laypage select:focus{
  border-color:var(--main-theme-color) !important;
}
/* 开关 */
body .layui-form-onswitch {
  border-color: var(--main-theme-color);
  background-color: var(--main-theme-color);
}

/* icon */
.layui-upload-drag .layui-icon{
  color: var(--main-theme-color);
}

/* iframe 弹窗 */
body .layui-btn{
  background-color: var(--primary-color);
}
body .layui-btn-primary {
  border-color: #d2d2d2;
  background: 0 0;
  color: #666;
}
body .layui-btn-primary:hover {
  border-color:#d2d2d2;
}
/* 下拉框 */
body .layui-form-select dl dd.layui-this{
  background-color: var(--main-theme-color);
}

/* radio */
body .layui-form-radio:hover *,body .layui-form-radioed,body .layui-form-radioed>i{
  color:var(--main-theme-color);
}

/* checked */
body .layui-form-checked span, .layui-form-checked:hover span{
  background-color:var(--main-theme-color);
}
body .layui-form-checked i, .layui-form-checked:hover i{
  color: var(--main-theme-color);
}

/* 日期控件 */
body .laydate-theme-molv .layui-laydate-header{
  background-color: var(--main-theme-color);
}
body .laydate-theme-molv .layui-laydate-header{
  background-color: var(--main-theme-color);
}
body .layui-laydate .layui-this{
  background-color:var(--main-theme-color) !important;
}
body .layui-laydate-footer span[lay-type=date]{
  color: var(--main-theme-color);
}
body .layui-laydate-footer span:hover{
  color: var(--main-theme-color);
}
body .layui-laydate-footer span.layui-laydate-preview{
  color: var(--font-color-primary) !important;
}
body .layui-laydate-header i:hover, .layui-laydate-header span:hover{
  color: var(--main-theme-color) !important;
}
body .layui-laydate-header i:hover, .layui-laydate-header span:hover{
  color: var(--main-theme-color) !important;
}

/* 时间线样式 */
body .layui-timeline-axis{
  color: var(--main-theme-color);
}
body .layui-timeline-axis:hover{
  color: var(--main-theme-color);
}

/* layui-dropdown-menu */
body .layui-dropdown-menu{
  max-height: 260px;
  overflow: hidden;
  overflow-y: auto;
}

/* 全局蒙层 */
.custom-layui-mask{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1100;
  background-color: rgb(0, 0, 0);
  opacity: 0.3;
}

/* 菜单栏更改 */
.custom-layui-side .layui-nav-tree .layui-nav-child dd.layui-this a {
  background-color: #4A88F7 !important;
  /* background-color: var(--main-theme-color) !important; */
}
.custom-layui-side .layui-nav-tree .layui-nav-child dd.layui-this a{
  color: #DEDEDE !important;
}
.layui-layout-body .custom-layui-side  .layui-nav-tree .layui-nav-child dd.layui-this a{
  /* color: var(--font-color-white) !important; */
  color: #DEDEDE !important;

}

.layui-layout-body .custom-layui-side .layui-nav-tree .layui-this>a, .layui-layout-body .custom-layui-side .layui-nav-tree .layui-this>a:hover{
  color: #DEDEDE !important;
  /* background-color: var(--main-theme-color) !important; */
  background-color: #4A88F7 !important;

}
.layui-side-menu.custom-layui-side .layui-nav .layui-nav-itemed > .layui-nav-child{
  padding: 0;
}
body .layui-form-checked[lay-skin=primary] i{
  border-color: var(--main-theme-color)!important;
  background-color: var(--main-theme-color);
  /* padding: 0; */
}
.layui-layout-body  .layui-side-menu.custom-layui-side .layui-nav-item cite{
  color: #DEDEDE !important;
}
.layui-side-menu.custom-layui-side .layui-nav-item.layui-nav-itemed a[lay-tips] cite{
  color: #fff !important;
}


.layui-layout-admin .layui-logo, .layui-layout-admin .layui-logo a #terraceName{
  color: #DEDEDE !important;
}

/* 菜单栏图标 */
.layui-side-menu.custom-layui-side .layui-nav .layui-nav-item .menu-icon{
  margin-top: -11px;
  position: absolute;
  top: 50%;
  left: 20px;
}
.custom-layui-side .menu-icon{
  width: 20px;
  height: 20px;
  background-size: 100% 100%;
}
/* .layui-side-menu.custom-layui-side .layui-nav .layui-nav-item .layui-nav-more{
    margin-top:-24px;
} */

.menu-icon.home{
  background: url('../src/images/ht-menu-home@2x.png') no-repeat;
  background-size: 100% 100%;
}
.menu-icon.pingtaishezhi{
  background: url('../src/images/ht-menu-pingtaishezhi@2x.png') no-repeat;
  background-size: 100% 100%;
}
.menu-icon.xiaochengxushezhi{
  background: url('../src/images/ht-menu-xiaochengxushezhi@2x.png') no-repeat;
  background-size: 100% 100%;
}
.menu-icon.qiyeguanli{
  background: url('../src/images/ht-menu-qiyeguanli@2x.png') no-repeat;
  background-size: 100% 100%;
}
.menu-icon.zhaopinxinxi{
  background: url('../src/images/ht-menu-zhaopinxinxi@2x.png') no-repeat;
  background-size: 100% 100%;
}
.menu-icon.jianlixinxi{
  background: url('../src/images/ht-menu-jianlixinxi@2x.png') no-repeat;
  background-size: 100% 100%;
}
.menu-icon.yonghuguanli{
  background: url('../src/images/ht-menu-yonghuguanli@2x.png') no-repeat;
  background-size: 100% 100%;
}
.menu-icon.shujufenxi{
  background: url('../src/images/ht-menu-shujufenxi@2x.png') no-repeat;
  background-size: 100% 100%;
}
.menu-icon.yunyinggongju{
  background: url('../src/images/ht-menu-yunyinggongju@2x.png') no-repeat;
  background-size: 100% 100%;
}
.menu-icon.yingyongshichang{
  background: url('../src/images/ht-menu-yingyongshichang@2x.png') no-repeat;
  background-size: 100% 100%;
}
.menu-icon.huishouzhan{
  background: url('../src/images/ht-menu-huishouzhan@2x.png') no-repeat;
  background-size: 100% 100%;
}

/* 新增标题快 */
.layui-layout-body .layui-elem-quote{
  border-left: 5px solid var(--main-theme-color);
}

.layui-layout-body .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-layout-body .layui-tab-brief>.layui-tab-title .layui-this:after{
  border-bottom: 2px solid var(--main-theme-color);
}

/* 菜单栏图标问题 */
.custom-layui-side .layui-nav .layui-nav-mored,.custom-layui-side .layui-nav-itemed>a .layui-nav-more {
  margin-top: -19px;
  border-style: dashed dashed solid;
  border-color: transparent transparent #fff;
}
.custom-layui-side .layui-nav .layui-nav-more {
  content: '';
  width: 0;
  height: 0;
  border-style: solid dashed dashed;
  border-color: #fff transparent transparent;
  overflow: hidden;
  cursor: pointer;
  transition: all .2s;
  -webkit-transition: all .2s;
  position: absolute;
  top: 50%;
  right: 3px;
  margin-top: -4px;
  border-width: 6px;
  border-top-color: rgba(255,255,255,.7)
}

.custom-layui-side .layui-nav .layui-nav-mored,.custom-layui-side .layui-nav-itemed>a .layui-nav-more{
  transform: rotate(0deg);
}
.layim-chat-list li img, .layui-layim-min .layui-layer-content img{
  width: 24px !important;
  height:24px !important;
  border-radius:0% !important;
}
.layui-layim-min .layui-layer-content{

  display: flex;
  align-items: center;
  justify-content: center;
}

body .layui-layim-min .custom-layim-close-wrapper{
  display: flex;
  align-items: center;
  position: relative;
}
body .layui-layim-min .custom-layim-close-wrapper .layim-chat-tips.layui-show{
  position: absolute;
  top: -1px;
  right: -3px;
}
body .layui-layim-min.layui-layim-close{
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow-x: hidden;
  overflow-y: auto;
}
body .layui-show.custom-layim-layui-show{
  position: absolute;
  top: 22px;
  right: 13px;
  background-color: #ee0a24;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: none;
}
body .layim-list-friend .layui-layim-list li[layim-event="chat"]{
  display: flex;
  align-items: center;
}
body .layim-list-friend .layui-layim-list li[layim-event="chat"] span{
  margin-top: 0;
}
.layui-layim-min .layui-layer-content img{
content: url("/zhaopinCFE/src/images/layim@2x.png");
}