body {
    /* 颜色 */
    --red: #FF5722;
    --orange: #FFB800;
    --blue: #1E9FFF;
    --green: #009688;
    --cyan: #2F4056;
    --black: #303133;
    --white: #ffffff;
    /* 浅色 */
    --greenLight: #5FB878;
    --blueLight: #01AAED;
    /* 灰色 */
    --gray-1: #FAFAFA;
    --gray-2: #EEEEEE;
    --gray-3: #E2E2E2;
    --gray-4: #DDDDDD;
    --gray-5: #F6F6F6;
    --gray-6: #D2D2D2;
    --gray-7: #CCCCCC;
    --gray-8: #C2C2C2;
    --gray-9: #E6E6E6;
    --gray-10: #999999;
}

body {
    height: 100vh;
    color: var(--black) !important;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif !important;
}

/* icon */
@font-face {
    font-family: "hehej-fuwu-icon"; /* Project id 3296237 */
    src: url('../layui/css/iconfont/custom.eot?t=1649661849174'); /* IE9 */
    src: url('../layui/css/iconfont/custom.eot?t=1649661849174#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../layui/css/iconfont/custom.woff?t=1649661849174') format('woff'),
    url('../layui/css/iconfont/custom.ttf?t=1649661849174') format('truetype'),
    url('../layui/css/iconfont/custom.svg?t=1649661849174#hehej-fuwu-icon') format('svg');
}

[class*="hehej-fuwu-icon-"] {
    font-family: "hehej-fuwu-icon" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.hehej-fuwu-icon-fabulous:before {
    content: "\e68f";
}

.hehej-fuwu-icon-is-invalid:before {
    content: "\e698";
}

.hehej-fuwu-icon-guidance:before {
    content: "\e665";
}

.hehej-fuwu-icon-electric:before {
    content: "\e687";
}

.hehej-fuwu-icon-repair:before {
    content: "\e78b";
}

.hehej-fuwu-icon-install:before {
    content: "\e6f3";
}

.hehej-fuwu-icon-edit:before {
    content: "\e649";
}

.hehej-fuwu-icon-cancel:before {
    content: "\e659";
}

.hehej-fuwu-icon-crown:before {
    content: "\e777";
}

.hehej-fuwu-icon-mail:before {
    content: "\e7bd";
}

.hehej-fuwu-icon-publish:before {
    content: "\eb88";
}

.hehej-fuwu-icon-eye:before {
    content: "\e78f";
}

.hehej-fuwu-icon-logo:before {
    content: "\f8ff";
}

.hehej-fuwu-icon-vip:before {
    content: "\e799";
}

.hehej-fuwu-icon-revoke:before {
    content: "\e615";
}

body .layui-fluid {height: 100%;box-sizing: border-box}

/* 隐藏树形菜单图标 */
body .layui-tree-skin-yinchang .layui-tree-branch {display: none;}

body .layui-tree-skin-yinchang .layui-tree-leaf {display: none;}

.lay-ext-mulitsel .tips {
    color: var(--gray-8) !important
}

/* 修改table字体颜色 */
.layui-table {color: var(--black)}
.layui-table-init{background-color: rgba(255,255,255,.5) !important}
/* 手  */
.icon-cursor {cursor: pointer}
/* 禁用  */
.disable-allowed {cursor: not-allowed}

[class*="position-sticky-"]{position: sticky}
.position-sticky-bottom {bottom: 0}
.position-sticky-top {top: 0}

#LAY_adminError {
    word-wrap: break-word;
    word-break: normal;
}

/*滚动条  开始*/
/*::-webkit-scrollbar {width: 8px;height: 10px; !important;}*/
/*::-webkit-scrollbar-thumb {border-radius: 2px;background-color: var(--gray-6) !important}*/
/*滚动条  结束*/

.popup-from .layui-elem-field{border-radius:10px;border: 1px solid #c3c2c2;}
.popup-from .layui-elem-field legend {padding: 0 5px;font-size: 16px;color: #999;}

.no-content{width: 100%;height: 40px;line-height: 40px;text-align: center;color: #999}

/*去除百度地图LOGO*/
.BMap_cpyCtrl{display:none;}
.anchorBL img{display:none;}

/*empty  开始*/
.empty{display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;box-sizing: border-box;padding: 40px 0;}
.empty__image{width: 160px;}
.empty__description{margin-top: 20px;}
/*empty  结束*/

.bg-white{background-color: var(--white)}

/* 文本 */
.text-white {color: var(--white)}
.text-red {color: var(--red)}
.text-orange {color: var(--orange)}
.text-blue {color: var(--blue)}
.text-green {color: var(--green)}
.text-cyan {color: var(--cyan)}
.text-black {color: var(--black)}
.text-greenLight {color: var(--black)}
.text-blueLight {color: var(--blueLight)}
.text-gray-1 {color: var(--gray-1)}
.text-gray-2 {color: var(--gray-2)}
.text-gray-3 {color: var(--gray-3)}
.text-gray-4 {color: var(--gray-4)}
.text-gray-5 {color: var(--gray-5)}
.text-gray-6 {color: var(--gray-6)}
.text-gray-7 {color: var(--gray-7)}
.text-gray-8 {color: var(--gray-8)}
.text-gray-9 {color: var(--gray-9)}
.text-gray-10 {color: var(--gray-10)}

.text-center {text-align: center}
.text-left {text-align: left}
.text-right {text-align: right}
.text-justify{text-align: justify;text-justify: distribute-all-lines;text-align-last: justify}

.text-bold {font-weight: bold}
.text-xs {font-size: 10px}
.text-sm {font-size: 12px}
.text-df {font-size: 14px}
.text-lg {font-size: 16px}
.text-xl {font-size: 18px}
.text-xxl {font-size: 22px}
.text-xxxl {font-size: 32px}
.text-sl {font-size: 40px}
.text-xsl {font-size: 60px}
.text-xxsl {font-size: 80px}

.text-price::before {content: "¥";font-size: 80%;margin-right: 2px}
.text-vip::before {content: "\e799";color: var(--orange);font-family: "hehej-fuwu-icon" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size: 100%;margin-right: 2px}

.text-Abc {text-transform: Capitalize}
.text-ABC {text-transform: Uppercase}
.text-abc {text-transform: Lowercase;}

.text-cut {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical}
.text-cut.line-1{-webkit-line-clamp: 1}
.text-cut.line-2{-webkit-line-clamp: 2}


/*  -- flex弹性布局 -- */
.flex{display:flex}
.basis-xs{flex-basis:20%}
.basis-sm{flex-basis:40%}
.basis-df{flex-basis:50%}
.basis-lg{flex-basis:60%}
.basis-xl{flex-basis:80%}
.flex-sub{flex:1}
.flex-twice{flex:2}
.flex-treble{flex:3}
.flex-direction{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.align-start{align-items:flex-start}
.align-end{align-items:flex-end}
.align-center{align-items:center}
.align-stretch{align-items:stretch}
.self-start{align-self:flex-start}
.self-center{align-self:flex-center}
.self-end{align-self:flex-end}
.self-stretch{align-self:stretch}
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.justify-evenly{justify-content: space-evenly}


/*  -- 内外边距 -- */
.margin-0{margin:0}
.margin-xs{margin:5px}
.margin-sm{margin:10px}
.margin{margin:15px}
.margin-lg{margin:20px}
.margin-xl{margin:25px}

.margin-top-xs{margin-top:5px}
.margin-top-sm{margin-top:10px}
.margin-top{margin-top:15px}
.margin-top-lg{margin-top:20px}
.margin-top-xl{margin-top:25px}

.margin-right-xs{margin-right:5px}
.margin-right-sm{margin-right:10px}
.margin-right{margin-right:15px}
.margin-right-lg{margin-right:20px}
.margin-right-xl{margin-right:25px}

.margin-bottom-xs{margin-bottom:5px}
.margin-bottom-sm{margin-bottom:10px}
.margin-bottom{margin-bottom:15px}
.margin-bottom-lg{margin-bottom:20px}
.margin-bottom-xl{margin-bottom:25px}

.margin-left-xs{margin-left:5px}
.margin-left-sm{margin-left:10px}
.margin-left{margin-left:15px}
.margin-left-lg{margin-left:20px}
.margin-left-xl{margin-left:25px}

.margin-lr-xs{margin-left:5px;margin-right:5px}
.margin-lr-sm{margin-left:10px;margin-right:10px}
.margin-lr{margin-left:15px;margin-right:15px}
.margin-lr-lg{margin-left:20px;margin-right:20px}
.margin-lr-xl{margin-left:25px;margin-right:25px}

.margin-tb-xs{margin-top:5px;margin-bottom:5px}
.margin-tb-sm{margin-top:10px;margin-bottom:10px}
.margin-tb{margin-top:15px;margin-bottom:15px}
.margin-tb-lg{margin-top:20px;margin-bottom:20px}
.margin-tb-xl{margin-top:25px;margin-bottom:25px}

.padding-0{padding:0}
.padding-xs{padding:5px}
.padding-sm{padding:10px}
.padding{padding:15px}
.padding-lg{padding:20px}
.padding-xl{padding:25px}

.padding-top-xs{padding-top:5px}
.padding-top-sm{padding-top:10px}
.padding-top{padding-top:15px}
.padding-top-lg{padding-top:20px}
.padding-top-xl{padding-top:25px}

.padding-right-xs{padding-right:5px}
.padding-right-sm{padding-right:10px}
.padding-right{padding-right:15px}
.padding-right-lg{padding-right:20px}
.padding-right-xl{padding-right:25px}

.padding-bottom-xs{padding-bottom:5px}
.padding-bottom-sm{padding-bottom:10px}
.padding-bottom{padding-bottom:15px}
.padding-bottom-lg{padding-bottom:20px}
.padding-bottom-xl{padding-bottom:25px}

.padding-left-xs{padding-left:5px}
.padding-left-sm{padding-left:10px}
.padding-left{padding-left:15px}
.padding-left-lg{padding-left:20px}
.padding-left-xl{padding-left:25px}

.padding-lr-xs{padding-left:5px;padding-right:5px}
.padding-lr-sm{padding-left:10px;padding-right:10px}
.padding-lr{padding-left:15px;padding-right:15px}
.padding-lr-lg{padding-left:20px;padding-right:20px}
.padding-lr-xl{padding-left:25px;padding-right:25px}

.padding-tb-xs{padding-top:5px;padding-bottom:5px}
.padding-tb-sm{padding-top:10px;padding-bottom:10px}
.padding-tb{padding-top:15px;padding-bottom:15px}
.padding-tb-lg{padding-top:20px;padding-bottom:20px}
.padding-tb-xl{padding-top:25px;padding-bottom:25px}

/* 自定义tab */
.hehej-custom-tab {}
.hehej-custom-tab .layui-tab-title {border: none;height: auto !important;}
.hehej-custom-tab .layui-tab-title li {margin: 0 !important;padding: 5px 20px !important;min-width: auto !important;line-height: 1!important;color: #909399}
.hehej-custom-tab .layui-tab-title li:first-child {padding-left: 0 !important}
.hehej-custom-tab .layui-tab-title li:last-child {padding-right: 0 !important;}
.hehej-custom-tab .layui-tab-title li.layui-this {color: var(--greenLight) !important}
.hehej-custom-tab .layui-tab-title li.layui-this:after {display: none !important}
.hehej-custom-tab .layui-tab-title li:not(:first-child):before {top: 20%;left: 0;display: block;height: 60%;border-left: 1px solid hsla(0,0%,89%,.5);content: "";color: hsla(0,0%,89%,.5);position: absolute;}

/* list */

.hehej-list{margin: 0;padding: 0;overflow: hidden;position: relative}
.hehej-list .hehej-list-item{box-sizing: border-box;display:flex;align-items:center;min-height: 40px;padding: 10px 16px}
.hehej-list .hehej-list-item:hover{background-color: var(--gray-1);color: var(--greenLight)}
.hehej-list .hehej-list-item.hehej-this{color: var(--greenLight)}

/*  头像 */
.h-avatar{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;color:val(--white);background:val(--gray-8);width:40px;height:40px;line-height:40px;font-size:14px;border: 1px solid var(--gray-2);}
.h-avatar--large{width:40px;height:40px;line-height:40px}
.h-avatar--medium{width:36px;height:36px;line-height:36px}
.h-avatar--small{width:28px;height:28px;line-height:28px}
.h-avatar--circle{border-radius:50%}
.h-avatar--square{border-radius: 4px;}
.h-avatar img{height:100%;width: 100%;display:block;object-fit:cover;vertical-align:middle}

.hehej-layer-form-box {margin:15px;position: relative}
.hehej-layer-form-box .buttons {position: absolute;top: 0;z-index: -1;opacity: 0}