[v-cloak] {
    display: none !important;
}

.layuiadmin-badge-2 {
    position: absolute;
    top: 50%;
    margin-top: 0px;
    right: 0px;
}

.layui-layer-page .layui-layer-content {
    overflow: inherit !important;
}

.layui-layer-title {
    color: lightseagreen !important;
    font-size: 16px !important;
}

.layui-form-label {
    padding-right: 5px !important;
    width: 90px !important;
}

[lay-verify*='required'] {
    border-bottom: 1px red solid !important;
}

[lay-verify*='identity'] {
    border-bottom-color: #009688 !important;
}

[lay-verify*='phone'] {
    border-bottom-color: #02ABA1 !important;
}

[lay-verify*='email'] {
    border-bottom-color: #02ABA1 !important;
}

.layui-input:focus, .layui-textarea:focus {
    border-bottom: 1px dodgerblue solid !important;
}


/* 滚动条整体部分 */
.tab-scroll {
    overflow-x: auto;
    overflow-y: hidden;
}

    .tab-scroll::-webkit-scrollbar {
        height: 3px;
        background-color: #d0cdc7;
    }
    /* scroll轨道背景 */
    .tab-scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
        border-radius: 3px;
        background-color: #d0cdc7;
    }

    /* 滚动条中能上下移动的小块 */
    .tab-scroll::-webkit-scrollbar-thumb {
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,.3);
        background-color: #02ABA1;
    }

.yb-tab {
    /*overflow: auto;*/
}

    .yb-tab .layui-tab-title li {
        min-width: 0;
        line-height: 40px;
        text-overflow: ellipsis;
        padding-right: 15px;
        overflow: hidden;
        border-right: 1px solid #f6f6f6;
        vertical-align: top;
    }

        .yb-tab .layui-tab-title li:first-child {
            padding-right: 15px;
        }

            .yb-tab .layui-tab-title li:first-child .layui-tab-close {
                display: none;
            }

        .yb-tab .layui-tab-title li .layui-tab-close {
            position: absolute;
            right: 8px;
            top: 50%;
            margin: -7px 0 0 0;
            width: 16px;
            height: 16px;
            line-height: 16px;
            border-radius: 50%;
            font-size: 12px;
        }

        .yb-tab .layui-tab-title li:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 2px;
            border-radius: 0;
            background-color: #292B34;
            transition: all .3s;
            -webkit-transition: all .3s;
        }

        .yb-tab .layui-tab-title li:hover:after {
            width: 100%;
        }

        .yb-tab .layui-tab-title li:hover,
        .yb-tab .layui-tab-title li.layui-this {
            background-color: #f6f6f6;
        }

            .yb-tab .layui-tab-title li.layui-this:after {
                width: 100%;
                border: none;
                height: 2px;
                background-color: #292B34;
            }

.yb-card {
    background: #FFF;
    display: block
}

.yb-shadow {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

    .yb-shadow:hover, .yb-shadow:focus, .yb-shadow:active {
        box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.05);
    }

.img-container {
    width: 180px;
    height: 180px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    color: red;
}

.file-container {
    width: 180px;
    height: 180px;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    color: red;
}

.file-size {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 100px;
    height: 30px;
    text-align: left;
    font-size: 12px;
    color: #808080;
}

.file-name {
    position: absolute;
    display: table;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
}

    .file-name p {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 12px;
        color: dodgerblue;
        padding: 0 5px 0 5px;
    }

.delete-file-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 17px;
    height: 17px;
    text-align: center;
    border: 1px solid red;
    border-radius: 50%;
    display: none;
}

    .delete-file-icon i {
        color: red;
    }

.yb-shadow:hover .delete-file-icon {
    display: block;
}

/*禁止数字输入框显示上下箭头*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}