body {
    background-color: #ffffff;
}

.info {
    margin: 0 auto;
    width: 500px;
    text-align: center;
}

.info p {
    color: #000000;
    font-size: middle;
}

.height_empty{
    height: 350px;
}

.spinner {
    margin: auto;
    width: 50px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
}

.spinner>div {
    background-color: #448AFF;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .re2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .re3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .re4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .re5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}
/*
@keyframes siz {
            from{width: 0;}
            to{width: 100%;}
        }
        .text{
            margin: 0 auto;
            text-align: center;
            overflow: hidden;
            white-space: nowrap;
            letter-spacing: 0.15em;
            animation: siz 6s steps(100) forwards;
        }*/
@-webkit-keyframes flowCss {
            0% {
                /* 移动背景位置 */
                background-position: 0 0;
            }
            100% {
                background-position: -400% 0;
            }
        }
        .text{
            margin: 0 auto;
            text-align: center;
            font-weight:bold;
            font-size: 20px;
            letter-spacing: 0.25em;
            background: -webkit-linear-gradient(135deg,
                                #0eaf6d,
                                #ff6ac6 25%,
                                #147b96 50%,
                                #e6d205 55%,
                                #2cc4e0 60%,
                                #8b2ce0 80%,
                                #ff6384 95%,
                                #08dfb4);
            /* 文字颜色填充设置为透明 */
            -webkit-text-fill-color: transparent;
            /* 背景裁剪，即让文字使用背景色 */
            -webkit-background-clip: text;
            /* 背景图放大一下，看着柔和一些 */
            -webkit-background-size: 200% 100%;
            /* 应用动画flowCss 12秒速度 无限循环 线性匀速动画*/
            -webkit-animation: flowCss 6s infinite linear;
        }