@import './variable';

.hide {
    display: none !important;
}
.clearfix {
    zoom: 1;

    &::after {
        content: '';
        height: 0;
        line-height: 0;
        display: block;
        visibility: hidden;
        clear: both;
    }
}
// 清除ie下 输入框辅助功能
::-ms-clear,
::-ms-reveal {
    display: none;
}

// 解决ie下placeholder字体颜色继承color的问题
:-ms-input-placeholder {
    color: $--color-text-placeholder !important;
}

// tab样式
.el-tabs {
    padding: 0 $--space;
    .el-tabs__header {
        margin: 0;
    }
    .el-tabs__item {
        height: 48px;
        line-height: 48px;
        color: $--color-text-regular;
        font-weight: normal;
        .tabs-label-item {
            color: $--color-text-regular;
            font-weight: normal;
        }
        &.is-active {
            color: $--color-primary;
            font-weight: bold;
            .tabs-label-item {
                color: $--color-primary;
                font-weight: bold;
            }
        }
    }
    .el-tabs__nav-wrap::after {
        height: 1px;
        background-color: $--border-color-lighter;
    }
}

// 单选按钮样式
.el-radio__input.is-checked .el-radio__inner {
    background-color: transparent;
}
.el-radio__inner::after {
    width: 8px;
    height: 8px;
    background-color: $--color-primary;
}

// 滚动条样式
::-webkit-scrollbar {
    width: 8px; /* 竖向滚动条的宽度 */
    height: 8px; /* 横向滚动条的高度 */
}
::-webkit-scrollbar-thumb { /* 滚动条里面的小方块 */
    background: #cecece;
    border-radius: 4px;
    &:hover {
        background: #b6b7b9;
    }
}
::-webkit-scrollbar-track { /* 滚动条轨道的样式 */
    background: transparent;
    border: none;
}
::-webkit-scrollbar-button { /* 滚动条的上下两端的按钮 */
    height: 0;
    background-color: transparent;
}
::-webkit-scrollbar-corner { /* 滚动条交汇处 */
    background-color: transparent;
}
// body { /* IE 浏览器 */
//     scrollbar-arrow-color: #b6b7b9; /* 三角箭头的颜色 */
//     scrollbar-face-color: #b6b7b9; /* 滚动条滑块按钮的颜色 */
//     scrollbar-highlight-color: transparent; /* 滚动条整体颜色 */
//     scrollbar-shadow-color: #b6b7b9; /* 滚动条阴影 */
//     scrollbar-track-color: transparent; /* 滚动条轨道颜色 */
//     scrollbar-base-color: transparent; /* 滚动条基准颜色 */
// }

// default默认按钮类型的hover、focus样式
.el-button--default.el-button:not(.el-button--primary) {
    &:hover,
    &:focus {
        color: #606266;
        border-color: #cecece;
        background-color: #f6f6f7;
    }
}

// 弹窗遮罩层
.v-modal {
    opacity: 0.2;
}

// radio-group(近一年、近两年)hover样式
.el-radio-button__inner:hover {
    border-color: $--color-primary;
}

body:not(.fullIframe) .list-wrapper .search-wrapper + .btn-wrapper {
    text-align: left;
}
