html, body {
    margin: 0;
    padding: 0;
    height: 100%
}

.content {
    height: 100%;
    background: #1C77AC;
    position: relative;
    overflow: hidden;
    -webkit-animation: sky_background 50s ease-out infinite;
    -moz-animation: sky_background 50s ease-out infinite;
    -o-animation: sky_background 50s ease-out infinite;
    animation: sky_background 50s ease-out infinite;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif;
}

    .content .clouds_bg {
        background: url("../img/cloud.png");
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 300%;
        -webkit-animation: cloud_three 100s linear infinite;
        -moz-animation: cloud_three 100s linear infinite;
        -o-animation: cloud_three 100s linear infinite;
        animation: cloud_three 100s linear infinite;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .content .header {
        position: fixed;
        top: 0;
        background-color: #14547A;
        z-index: 100;
        width: 100%;
    }

        .content .header span {
            height: 45px;
            line-height: 45px;
            float: left;
            color: #DDD;
            font-size: 12px;
            margin-left: 30px;
        }

        .content .header .text-right {
            float: right;
            margin-right: 30px;
        }

    .content .footer {
        height: 45px;
        line-height: 45px;
        text-align: center;
        background-color: #428EBA;
        position: fixed;
        bottom: 0;
        width: 100%;
        color: #DDD;
        font-size: 12px
    }

    .content .layui-form {
        background: #14547A;
        width: 380px;
        padding: 50px;
        color: #DDD;
        margin: 0 auto;
        margin-top: 300px;
        border-radius: 3%;
    }

        .content .layui-form .layui-form-label {
            text-align: center;
        }

@-webkit-keyframes cloud_three {
    0% {
        left: 0
    }

    100% {
        left: -200%
    }
}

@-moz-keyframes cloud_three {
    0% {
        left: 0
    }

    100% {
        left: -200%
    }
}

@keyframes cloud_three {
    0% {
        left: 0
    }

    100% {
        left: -200%
    }
}