.el-table {
    --el-table-header-bg-color: #F6FAFF
}

.el-carousel {
    --el-carousel-indicator-height: 6px
}

.el-menu-item:not(.is-disabled):focus {
    background-color: transparent!important
}

.apps {
    margin: 0 auto;
    padding-bottom: 30px
}

.apps .el-carousel {
    width: 100%;
    overflow: visible
}

.apps .el-carousel .items {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.apps .el-carousel .el-carousel__arrow--left {
    left: -50px
}

.apps .el-carousel .el-carousel__arrow--right {
    right: -50px
}

.apps .el-carousel .el-carousel__arrow {
    border: 1px solid #ebebeb;
    background: white
}

.apps .el-carousel .el-carousel__arrow .el-icon {
    font-size: 16px;
    color: #1072e0
}

.apps .content {
    margin-top: 30px
}

.apps .group {
    display: flex
}

.apps .item {
    width: calc(25% - 12px);
    height: 292px;
    display: flex;
    flex-direction: column;
    padding: 6px;
    background: #ffffff;
    box-shadow: 0 6px 8px #1d458112;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    cursor: pointer
}

.apps .item>* {
    width: 100%
}

.apps .item~.item {
    margin-left: 16px
}

.apps .item .image {
    flex: 1;
    overflow: hidden
}

.apps .item .image img {
    width: 100%;
    height: 100%
}

.apps .item .title {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 6px;
    padding: 6px 4px;
    font-weight: 700;
    font-size: 18px;
    color: #191919
}

.apps .item .title span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.apps .group-head {
    padding-top: 40px;
    color: #363a44;
    font-size: 26px;
    font-weight: 600;
    line-height: 30px
}