@warn: #00684f;
@success: #07c160;
@danger: #ea2d2d;
@prim: #ff8700;
@info: #939599;
@text0: #181818;
@text1: #323233;
@text2: #606266;
@text3: #939599;
@text4: #c6c8cc;
@border1: #f5f7fa;
@border2: #f2f3f5;
@border3: #dfe1e6;
@border4: #f2f6fc;
@bg: #f5f7fa;
@red: #fd4d49;
@menuFont: 16px;
.flex1 {
    flex-grow: 1;
}
.flex() {
    display: flex;
    align-items: center;
}
.flex-col() {
    display: flex;
    flex-direction: column;
}

.ellipsis() {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis-line( @line:2 ) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: @line;
    overflow: hidden;
}

.min-height(@subHeight:462px, @screenHeight:969px) {
    min-height: calc(100vh - @subHeight);
    @media screen and (max-height: @screenHeight) {
        min-height: calc(@screenHeight - @subHeight);
    }
}

.bg() {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@keyframes iconAnimate {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    20% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    80% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.iconAnimate {
    animation: iconAnimate ease-in-out 0.3s;
}

.center-content( @width:1300px ) {
    width: 100%;
    box-sizing: border-box;
    padding: 0 50px;
    max-width: @width;
    margin: 0 auto;
}

.icon-button {
    .flex();
    display: inline-flex;
    vertical-align: middle;
    &.is-plain {
        background-color: #fff;
        &:active,
        &:hover,
        &:visited,
        &:focus {
            background-color: @prim;
        }
    }

    span {
        font-size: 12px;
        font-weight: normal;
        .flex();
    }

    i {
        font-size: 22px;
        display: inline-block;
        vertical-align: sub;
        margin-right: 4px;
    }
    padding: 0 20px;
}
