/*垂直居中*/
.flex-align {
    display: flex;
    align-items: center;
}

/*水平居中*/
.flex-justify {
    display: flex;
    justify-content: center;
}

/*垂直 水平 居中*/
.flex-align-justify {
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/*多行省略*/
.text-omit-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

/*多行省略*/
.text-omit-line-one {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/*单行超出省略*/
.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*放大动效*/
.transform-scale {
    transform: scale(1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.transform-scale:hover {
    transform: scale(1.05);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

/*带背景的放大动效*/
.transform-scale-bg {
    transform: scale(1);
    transition: all 1s cubic-bezier(.17, .67, .64, .84);
}

.transform-scale-bg:hover {
    box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.26);
    transform: scale(1.05);
}

/*手掌鼠标*/
.cursor {
    cursor: pointer;
}

/*y轴超出滚动*/
.voerflow-y-scroll {
    overflow-x: hidden;
    overflow-y: auto;
}

/*滚动条样式*/
.voerflow-y-scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.voerflow-y-scroll::-webkit-scrollbar-thumb {
    border-radius: 0.5em;
    background: #e9e9e9;
}