/*@font-face {
    font-family: 'xtcrm';  project id 2109136 
    src: url('//at.alicdn.com/t/font_2109136_e7olsn2i5de.eot');
    src: url('//at.alicdn.com/t/font_2109136_e7olsn2i5de.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_2109136_e7olsn2i5de.woff2') format('woff2'), url('//at.alicdn.com/t/font_2109136_e7olsn2i5de.woff') format('woff'), url('//at.alicdn.com/t/font_2109136_e7olsn2i5de.ttf') format('truetype'), url('//at.alicdn.com/t/font_2109136_e7olsn2i5de.svg#xtcrm') format('svg');
}*/

.iconfonts {
    font-family: "iconfont" !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/**************** 布局相关 *****************/
.flex-center {
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    -ms-flex-pack: center;
}
.flex-start {
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-start;
    -ms-flex-pack:start;
}
.flex-end {
    display: flex;
    display: -ms-flexbox;
    justify-content: flex-end;
    -ms-flex-pack: end;
}
.flex-between {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
}
.flex-around {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-around;
    -ms-flex-pack: distribute;
}
.flex-wrap {flex-wrap: wrap;}
.flex-align-center {align-items: center;}
.flex-align-start {align-items: start;}
/**************** 高宽相关 *****************/
.width-100{width: 100%;}
.height-100{height: 100%;}
.width-50{width: 50%;}
/**************** 字号相关 *****************/
.font10 {font-size: 10px !important;}
.font12 {font-size: 12px !important;}
.font14 {font-size: 14px !important;}
.font16 { font-size: 16px;}
.font18 {font-size: 18px;}
.font25 {font-size: 25px;}
.font30 {font-size: 30px;}
.font-bold{font-weight: bold;}
/**************** 颜色相关 *****************/
.color-0{color:#000000 !important;}
.color-3 {
    color: #333333 !important;
}
.color-6 {
    color: #666666 !important;
}
.color-9 {
    color: #999999 !important;
}
.color-F {
    color: #FFFFFF !important;
}
.color-red {
    color: red !important;
}
.color-376{color: #3762A8;}
/**************** 背景色相关 *****************/
.bg-white{ background-color:#FFFFFF;}
.bg-0{background-color:#000000 !important;}
.bg-3{background-color:#333333;}
.bg-6{background-color:#666666;}
.bg-9{background-color:#999999;}
.bg-376{background-color:#3762a8;}
/**************** 文本相关 *****************/
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.text-break{
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-break-one{
    -webkit-line-clamp: 1;
    line-clamp: 1;
}
/**************** 边框相关 *****************/
.border-no-left{border-left: none;}
.border-no-top{border-top: none;}
.border-no-right{border-right: none;}
.border-no-bottom{border-bottom: none;}
/**************** 角标补充相关 *****************/
.layui-bg-red{background-color:red !important;}
/**************** 滚动条相关 *****************/
.overflow-auto {overflow: auto;}
.layui-card-body::-webkit-scrollbar {display: none; /* Chrome Safari */}
.layui-card-body {
    scrollbar-width: none; /* firefox */ 
    -ms-overflow-style: none; /* IE 10+ */
    overflow-x: hidden;
    overflow-y: auto;
}
/**************** 杂项 *****************/
.cursor-pointer{cursor: pointer;}
.cursor-default{cursor: default;}
.hide {display: none;}

:root { --main: #081831; }



/**************** 默认皮肤 *****************/
/* 主题色 */
.layui-skin-default .layui-side-menu, .layui-skin-default .layadmin-pagetabs .layui-tab-title li:after, .layui-skin-default .layadmin-pagetabs .layui-tab-title li.layui-this:after, 
.layui-skin-default .layui-layer-admin .layui-layer-title, 
.layui-skin-default .layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child { background-color:#3762a8 !important;}
/* 选中色 */
.layui-skin-default .layui-nav-tree .layui-this, .layui-skin-default .layui-nav-tree .layui-this>a, .layui-skin-default .layui-nav-tree .layui-nav-child dd.layui-this, 
.layui-skin-default .layui-nav-tree .layui-nav-child dd.layui-this a { background-color:#3a5683 !important;}
/* logo */
.layui-skin-default .layui-layout-admin .layui-logo{ background-color:#3762a8 !important;}
/* 菜单hover效果 */
.layui-skin-default .layui-nav-tree .layui-nav-bar { background-color:#FFFFFF !important; }
.layui-skin-default .layui-side-menu .layui-nav .layui-nav-item a:hover {background-color: #2657a7;}
/* 选中时前部小块颜色 */
.layui-skin-default .layui-this .console-item-curr{ background-color:#1c3864 !important;}
/* 头部色 */
/* .layui-layout-admin .layui-header{background-color:{{ d.color.header }};} 
.layui-layout-admin .layui-header a, .layui-layout-admin .layui-header a cite{color: #f8f8f8;} 
.layui-layout-admin .layui-header a:hover{color: #fff;} .layui-layout-admin .layui-header .layui-nav .layui-nav-more{border-top-color: #fbfbfb;} 
.layui-layout-admin .layui-header .layui-nav .layui-nav-mored{border-color: transparent; border-bottom-color: #fbfbfb;} 
.layui-layout-admin .layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar{background-color: #fff; background-color: rgba(255,255,255,.5);} 
.layadmin-pagetabs .layui-tab-title li:after{display: none;} */
/* 表单色 */
/* 下拉框选中背景色 */
.layui-skin-default .layui-form-select dl dd.layui-this{ background-color:#3762a8 !important;}
/* 面包屑 */
.layui-skin-default .layui-breadcrumb a:hover{color: #3762a8 !important;}
/* CheckBox颜色 */
.layui-skin-default .layui-form-checked, .layui-skin-default .layui-form-checked:hover{border-color: #3762a8 !important;}
.layui-skin-default .layui-form-checked:hover{border-color: #3762a8 !important;}
.layui-skin-default .layui-form-checked[lay-skin=primary] i{border-color: #3762a8 !important; background-color: #3762a8 !important;}
.layui-skin-default .layui-form-checkbox[lay-skin="primary"]:hover i{border-color: #3762a8 !important;}
/**************** 默认皮肤 *****************/

/**************** 白色皮肤 *****************/
/* 主题色 */
.layui-skin-white .layui-side-menu, .layui-skin-white .layadmin-pagetabs .layui-tab-title li:after, .layui-skin-white .layadmin-pagetabs .layui-tab-title li.layui-this:after, 
.layui-skin-white .layui-layer-admin .layui-layer-title, 
.layui-skin-white .layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child { background-color:#FFFFFF !important;}
.layui-skin-white .layui-nav .layui-nav-more{border-color: #508af4 transparent transparent !important;}
.layui-skin-white .layui-nav .layui-nav-mored,
.layui-skin-white .layui-nav-itemed>a .layui-nav-more{border-color: transparent transparent #508af4 !important;}
/* 选中色 */
.layui-skin-white .layui-nav-tree .layui-this, .layui-skin-white .layui-nav-tree .layui-this>a, .layui-skin-white .layui-nav-tree .layui-nav-child dd.layui-this, 
.layui-skin-white .layui-nav-tree .layui-nav-child dd.layui-this a { background-color:#e6e6e6 !important;}
/* logo */
.layui-skin-white .layui-layout-admin .layui-logo{ background-color:#FFFFFF !important;}
.layui-skin-white .layui-layout-admin .layui-logo-color{ display: inline;} 
.layui-skin-white .layui-layout-admin .layui-logo-default{ display: none;}
/* 菜单hover效果 */
.layui-skin-white .layui-nav-tree .layui-nav-bar { background-color:#f6f6f6 !important; }
.layui-skin-white .layui-side-menu .layui-nav .layui-nav-item a:hover {background-color: #f6f6f6 !important;}
/* 菜单颜色 */
.layui-skin-white .layui-nav .layui-nav-item a{ color:#333333 !important; }
/* 选中时前部小块颜色 */
.layui-skin-white .layui-this .console-item-curr{ background-color:#508af4 !important;}
.layui-skin-white .layui-breadcrumb a:hover{color: #508af4 !important;}
/* 下拉框选中背景色 */
.layui-skin-white .layui-form-select dl dd.layui-this{ background-color:#004deb !important;}
/* CheckBox颜色 */
.layui-skin-white .layui-form-checked, .layui-skin-default .layui-form-checked:hover{border-color: #004deb !important;}
.layui-skin-white .layui-form-checked:hover{border-color: #004deb !important;}
.layui-skin-white .layui-form-checked[lay-skin=primary] i{border-color: #004deb !important; background-color: #004deb !important;}
.layui-skin-white .layui-form-checkbox[lay-skin="primary"]:hover i{border-color: #004deb !important;}

/* 工作台顶部导航颜色 */
.layui-skin-white .console-nav .layui-breadcrumb a cite.curr {color: #004deb !important;}
/* 工作台顶部倒计时颜色 */
.layui-skin-white .console-nav-day { color: #004deb;}
/* 工作台日历选中颜色 */
.layui-skin-white .laydate-theme-console.console-default td.layui-this .schedule-date {background-color: #004deb !important;}
/* 工作台日历hover背景颜色 */
.layui-skin-white .laydate-theme-console td.layui-this:hover {background-color: #004deb !important;}
/* 工作台日历日程标记颜色 */
.layui-skin-white .laydate-day-mark.bule-mark::after { background-color: #004deb !important;}
.layui-skin-white .laydate-day-mark::after {background-color: #004deb !important;}
/* 工作台日历日程添加按钮颜色 */
.layui-skin-white .date-icon:last-of-type { color: #729bf1 !important;}
/* 工作台日程Tab切换及徽章颜色 */
.layui-skin-white .date-tab li.layui-this { border-bottom: 5px solid #004deb !important;}
.layui-skin-white .date-tab .layui-badge.bg-006 { background-color: #004deb !important;}
/* 工作台日程模式切换按钮颜色 */
.layui-skin-white .tab-btn-view { color: #004deb;}
/**************** 白色皮肤 *****************/

/**************** 绿色皮肤 *****************/
/* 主题色 */
.layui-skin-green .layui-side-menu, .layui-skin-green .layadmin-pagetabs .layui-tab-title li:after, .layui-skin-green .layadmin-pagetabs .layui-tab-title li.layui-this:after, 
.layui-skin-green .layui-layer-admin .layui-layer-title, 
.layui-skin-green .layadmin-side-shrink .layui-side-menu .layui-nav>.layui-nav-item>.layui-nav-child { background-color:#00afa0 !important;}
/* 选中色 */
.layui-skin-green .layui-nav-tree .layui-this, .layui-skin-green .layui-nav-tree .layui-this>a, .layui-skin-green .layui-nav-tree .layui-nav-child dd.layui-this, 
.layui-skin-green .layui-nav-tree .layui-nav-child dd.layui-this a { background-color:#019487 !important;}
/* logo */
.layui-skin-green .layui-layout-admin .layui-logo{ background-color:#00afa0 !important;}
/* 菜单hover效果 */
.layui-skin-green .layui-nav-tree .layui-nav-bar { background-color:#02ad9f !important; }
.layui-skin-green .layui-side-menu .layui-nav .layui-nav-item a:hover {background-color: #02ad9f !important;}
/* 选中时前部小块颜色 */
.layui-skin-green .layui-this .console-item-curr{ background-color:rgba(255,255,255,.7) !important;}
.layui-skin-green .layui-breadcrumb a:hover{color: #009688 !important;}
/* 控制台日历选中 */
/*.layui-skin-green .laydate-theme-console td.layui-this, .layui-skin-green .laydate-theme-console.console-default td.layui-this{background-color:#009688 !important;}*/

/* 工作台顶部导航颜色 */
.layui-skin-green .console-nav .layui-breadcrumb a cite.curr {color: #00a496 !important;}
/* 工作台顶部倒计时颜色 */
.layui-skin-green .console-nav-day { color: #00a799; background-color: #caf0ed;}
/* 工作台日历选中颜色 */
.layui-skin-green .laydate-theme-console.console-default td.layui-this .schedule-date {background-color: #00a99b !important;}
/* 工作台日历hover背景颜色 */
.layui-skin-green .laydate-theme-console td.layui-this:hover {background-color: #00a99b !important;}
/* 工作台日历日程标记颜色 */
.layui-skin-green .laydate-day-mark.bule-mark::after { background-color: #00b1a2 !important;}
.layui-skin-green .laydate-day-mark::after {background-color: #00b1a2 !important;}
/* 工作台日历日程添加按钮颜色 */
.layui-skin-green .date-icon:last-of-type { color: #00b1a2 !important;}
/* 工作台日程Tab切换及徽章颜色 */
.layui-skin-green .date-tab li.layui-this { border-bottom: 5px solid #00afa0 !important;}
.layui-skin-green .date-tab .layui-badge.bg-006 { background-color: #00a698 !important;}
/* 工作台日程模式切换按钮颜色 */
.layui-skin-green .tab-btn-view { color: #3bc2b6;}
/**************** 绿色皮肤 *****************/

/**************** 黑色皮肤 *****************/
/* 主题色 */
.layui-skin-black .layui-side-menu, .layui-skin-black .layadmin-pagetabs .layui-tab-title li:after, .layui-skin-black .layadmin-pagetabs .layui-tab-title li.layui-this:after,
.layui-skin-black .layui-layer-admin .layui-layer-title,
.layui-skin-black .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child {
    background-color: #26292f !important;
}
/* 选中色 */
.layui-skin-black .layui-nav-tree .layui-this, .layui-skin-black .layui-nav-tree .layui-this>a, .layui-skin-black .layui-nav-tree .layui-nav-child dd.layui-this, 
.layui-skin-black .layui-nav-tree .layui-nav-child dd.layui-this a { background-color:#21252d !important;}
/* logo */
.layui-skin-black .layui-layout-admin .layui-logo{ background-color:#26292f !important;}
/* 菜单hover效果 */
.layui-skin-black .layui-nav-tree .layui-nav-bar { background-color:#2f333b !important; }
.layui-skin-black .layui-side-menu .layui-nav .layui-nav-item a:hover {background-color: #2f333b;}
/* 选中时前部小块颜色 */
.layui-skin-black .layui-this .console-item-curr{ background-color:rgba(255,255,255,.7)  !important;}
.layui-skin-black .layui-breadcrumb a:hover{color:rgba(255,255,255,.7) !important;}
/* 下拉框选中背景色 */
.layui-skin-black .layui-form-select dl dd.layui-this{ background-color:#3762a8 !important;}
/**************** 黑色皮肤 *****************/