/* index */
.index {
    padding: 0 15px;
}

.index .layui-form {
    padding-top: 25px;
}

.index .layui-form-label {
    width: 70px;
    padding: 0 20px 0 0;
    line-height: 38px;
}

.index .layui-input-block {
    margin-left: 90px;
}

/* fail */
.layui-fluid.fail {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fail .layui-row {
    width: 100%;
}

.fail .layui-icon {
    display: block;
    font-size: 100px;
    color: #ffb800;
    margin: 0 auto;
    text-align: center;
}

.fail h2 {
    text-align: center;
    line-height: 24px;
    margin: 10px auto;
    color: #ffb800
}

.fail #closeIframe {
    display: block;
    text-align: center;
    margin: 0 auto 20px;
}

.fail .content {
    float: none;
    margin: 0 auto;
    text-align: center;
}

.fail .content p {
    text-align: center;
    font-size: 14px;
    color: #333;
    margin-bottom: 6px;
}

/* success */
.layui-fluid.success {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.success h2 {
    text-align: center;
    line-height: 24px;
    margin-bottom: 20px;
}

.success .img {
    margin: 0 20%;
    text-align: center;
    margin-bottom: 10px;

}

.success .img img {
    max-width: 200px;
}

.success .content {
    float: none;
    margin: 0 auto;
}

.success .content ol {
    list-style-type: disc;
}

.success .content ol li {
    font-size: 16px;
    color: #333;
    margin-bottom: 12px;
}