/*animate补充动画*/
@keyframes fadeInLeftSmall {
    from {
        opacity: 0;
        transform: translate3d(-10%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftSmall {
    animation-name: fadeInLeftSmall;
}

@keyframes fadeInRightSmall {
    from {
        opacity: 0;
        transform: translate3d(10%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightSmall {
    animation-name: fadeInRightSmall;
}

@keyframes fadeInDownSmall {
    from {
        opacity: 0;
        transform: translate3d(0%, -10%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownSmall {
    animation-name: fadeInDownSmall;
}

@keyframes fadeOutDownSmall {
    from {
        opacity: 1;
        transform: none;
    }

    to {
        opacity: 0;
        transform: translate3d(0%, 10%, 0);
    }
}

.fadeOutDownSmall {
    animation-name: fadeOutDownSmall;
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        transform: translate3d(0%, 10%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall;
}

.bolck {
    display: block;
}

.colorF {
    color: #fff;
}

.flex {
    display: flex;
}

.flexWrap {
    display: flex;
    flex-wrap: wrap;
}

.flexCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flexAC {
    display: flex;
    align-items: center;
}

.flexBetween {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

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

.text-C {
    text-align: center;
}

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

.t_1 {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.italic {
    font-style: italic;
}