html,body {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    font-size: 15px;
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

.jumbotron {
    padding-top: 0;
    background-color: transparent;
    margin-bottom: 0;
}

.container {
}

.header {
    padding: 0.25rem 0.5rem;
    background-color: #ffffff;
    position: fixed;
    z-index: 99;
}
    .header .logo {

    }

        .header .logo img {
            width: 3.5rem;
        }
    .header .navbar{
        margin-bottom: 0;
    }
    .header .navbar-nav {
        width: 100%;
    }
    .header .navbar-nav li {
        padding: 0 0.25rem;
        float: right;
    }

        .header .navbar-nav a {
            border: solid 1px #e74c3c;
            border-radius: 5px;
            padding: 0.15rem 0.25rem;
            cursor: pointer;
            color: #333333;
        }

            .header .navbar-nav a:hover {
                background-color: #e74c3c;
                color: #ffffff;
            }

                .header .navbar-nav a:hover i {
                    color: #ffffff;
                }

                .header .navbar-nav i {
                    color: #e74c3c;
                }

    .header .alert {
        position: absolute;
        top: 1.25rem;
        right: 1rem;
    }

    .content {
        padding: 0.5rem 0;
        background-color: #ffffff;
        margin-top: 1.5rem;
    }

            .content .title {
                position: relative;
                font-weight: bold;
                z-index: 1;
            }
                .content .title::after {
                    content: "REGISTER";
                    position: absolute;
                    width: 100%;
                    top: 10px;
                    left: 0;
                    text-align: center;
                    z-index: -1;
                    color: #ecf0f1;
                    font-weight: lighter;
                }

            .content .register,
            .content .return {
                width: 100%;
            }
.tip {
    display: none;
}
.tip.error {
    color: #a94442;
}
.tip.success {
    color: #2ecc71;
}

            .error {
                color: #a94442;
            }

            .flex-horizontal {
                display: -webkit-box;
                display: -webkit-flex;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-flex-flow: row;
                flex-flow: row;
                box-sizing: border-box;
                position: relative;
            }

.flex-vertical {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    flex-flow: column;
    box-sizing: border-box;
    position: relative;
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.flex-2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    flex: 2;
}

.flex-3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    flex: 3;
}

.margin-top-02 {
    margin-top: 0.2rem;
}

.layui-layer-btn0 {
    background-color: #e74c3c;
}