/* 基础样式 */
/* 把我们所有标签的内外边距清零 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* css3盒子模型，作用：border和padding不撑大盒子 */
    font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
    /* font-family: '思源黑体'; */
    /* CSS3 抗锯齿形 让文字显示的更加清晰 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* em 和 i 斜体的文字不倾斜 */
em,
i {
    font-style: normal;
}

/* 去掉li 的小圆点 */
li {
    list-style: none;
}

img {
    /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
    border: 0;
    /* 取消图片底侧有空白缝隙的问题 */
    vertical-align: middle;
}

button {
    /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
    cursor: pointer;
}

a {
    text-decoration: none;
}

button,
input {
    /* 默认有灰色边框我们需要手动去掉 */
    border: 0;
    /* 去边框阴影 */
    outline: none;
}

.hide,
.none {
    display: none;
}

/* 清除浮动 */
.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: '.';
    height: 0;
}

.clearfix {
    /* IE6、7 专有 */
    *zoom: 1;
}

/* 去掉textarea斜杆 */
textarea {
    resize: none !important
}

/* 调整textarea滑动条样式 */
.el-textarea__inner::-webkit-scrollbar-track {
    border-radius: 4px;
}

/* 滚动条整体部分 （定义滚动条宽及背景）*/
.el-textarea__inner::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px;
}

/* 滚动条里面的小方块 */
.el-textarea__inner::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgb(91, 92, 96, 0.5);
}

/* 搜索input框宽度 */
.el-autocomplete {
    width: 100% !important;
}

.el-select {
    width: 100% !important;
}

.el-cascader {
    width: 100% !important;
}

/* 时间选择器input宽度 */
.el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 100% !important;
}

/* 禁止文字被选中（生产环境使用） */
* {
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/* 图层树样式开始 */
.el-tree {
    background: rgba(0, 0, 0, 0) !important;
    color: #fff !important;
}

/*  移入到home里面了 
.el-tree-node__content:hover{
    background-color: #5F6064 !important;
} */
.el-tree-node:focus>.el-tree-node__content {
    background-color: rgba(0, 0, 0, 0) !important;
}

/* 图层树勾选颜色 */
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    /* background-color: #ebc400 !important; */
    background-color: var(--font-color) !important;
}

/* 图层树样式结束 */
/* 修改MessageBox弹框内按钮颜色 */
.confirmBtnSty {
    background: var(--font-color) !important;
    color: #303133 !important;
    border: 1px solid #dcdfe6 !important;
}

.cancelBtnSty:hover {
    color: var(--font-color) !important;
    border: 1px solid var(--font-color) !important;
    background: none !important;
}

.el-upload--picture-card:hover,
.el-upload:focus {
    border-color: var(--font-color) !important;
    color: var(--font-color) !important;
}

/* input获取光标边框颜色 */
.el-input__inner:focus {
    border-color: none !important;
}

/* 重新定位checkbox选中小√的位置 */
.el-checkbox__inner:after {
    top: 2px !important;
    left: 5px !important;
}

/* 取消checkbox的边框 */
.el-checkbox__inner {
    border: none !important;
}

/* checkbox选项未选择完时，横线-中心点的位置调整 */
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    top: 6px !important;
}

/* radio选中文字颜色 */
/* .el-radio__input.is-checked + .el-radio__label {
  color: #ebc400 !important;
} */
/* radio选中圆形背景色 */
/* .el-radio__input.is-checked .el-radio__inner{
    background: #ebc400 !important;
} */
/* radio文字默认色 */
.el-radio {
    color: #fff !important;
}

/* 取消radio边框 */
.el-radio__inner {
    border: none !important;
}

/* 去除点击三维场景出现的边框 */
:focus-visible {
    outline: none;
}

/* 右键样式开始 */
.mars3d-contextmenu-ul {
    background: rgba(244, 244, 245, 0.8) !important;
    border: none !important;
}

.mars3d-contextmenu-ul>li>a {
    color: #2c2c2c !important;
}

.mars3d-contextmenu-ul>li>a:hover {
    background: #fff !important;
}

.mars3d-contextmenu-ul>.active>a,
.mars3d-contextmenu-ul>.active>a:hover,
.mars3d-contextmenu-ul>.active>a:focus {
    background: #fff !important;
}

.mars3d-contextmenu a {
    font-size: 12px !important;
}

.mars3d-contextmenu-ul .contextmenu-icon {
    line-height: 20px;
}

/* 右键样式结束 */
/* 把element input 点击边框颜色改为主题色 */
.el-input.is-active .el-input__inner,
.el-input__inner:focus,
.el-range-editor.is-active,
.el-range-editor.is-active:hover,
.el-select .el-input.is-focus .el-input__inner {
    border: 1px solid var(--font-color) !important;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: var(--font-color) !important;
}

/* popup滑动条样式 */
/* 滚动条的轨道 （内阴影+圆角）*/
.mars3d-popup-content-wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgb(91, 92, 96, 0);
    border-radius: 4px;
}

/* 滚动条整体部分 （定义滚动条宽及背景）*/
.mars3d-popup-content-wrapper::-webkit-scrollbar {
    border-radius: 4px;
    width: 5px;
}

/* 滚动条里面的小方块 */
.mars3d-popup-content-wrapper::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgb(91, 92, 96, 0.5);
}

.referDiv {
    position: relative;
    width: 100%;
    height: 100%;
}

/* ==============滑动条样式开始============== */
.scrollDiv {
    overflow: hidden;
}

.scrollDiv:hover {
    overflow-y: overlay;
}

/* 滚动条的轨道 （内阴影+圆角）*/
.scrollDiv::-webkit-scrollbar-track {
    border-radius: 4px;
}

/* 滚动条整体部分 （定义滚动条宽及背景）*/
.scrollDiv::-webkit-scrollbar {
    border-radius: 4px;
    width: 4px;
}

/* 滚动条里面的小方块 */
.scrollDiv::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgb(91, 92, 96, 0.5);
}

/* ==============滑动条样式结束============== */
.el-date-editor .el-range-input {
    background-color: rgb(0, 0, 0, 0);
}

/* 保证过度样式更平滑，一般用于移入修改样式时 */
.transitionSty {
    transition: all .4s ease 0s;
}