.layui-block {
    width: 100% !important;
    
    background-color: #514862;
}

.layui-btn-bcolor {
    background-color: #514862;
}

.layui-form-checkbox[lay-skin=primary] span {
    color: #5f536d;
}

.layui-form-checked[lay-skin=primary] i {
    border-color: #514862;
    background-color: #514862;
}

.layui-btn-primary:hover {
    border-color: #514862;
    color: #333;
}
.layui-input {
    background-color: #8c7277;
    border-style: none;
    color: #fff;
}
.layui-left {
    text-align: left;
}


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

.layui-right {
    text-align: right;
}
icons li, .icons li:hover, .loginBody .seraph, .loginBody .seraph:hover, .loginBody .layui-form-item.layui-input-focus label, .loginBody .layui-form-item label, .loginBody .layui-form-item.layui-input-focus input, .loginBody .layui-form-item input {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

    .icons li:hover i, .icons li i {
        transition: font-size 0.3s ease-in-out;
        -webkit-transition: font-size 0.3s ease-in-out;
    }

.loginBody .layui-input-focus .layui-input::-webkit-input-placeholder {
    transition: color 0.2s linear 0.2s;
    -webkit-transition: color 0.2s linear 0.2s;
}

.loginBody .layui-input-focus .layui-input::-moz-placeholder {
    transition: color 0.2s linear 0.2s;
}

.loginBody .layui-input-focus .layui-input:-ms-input-placeholder {
    transition: color 0.2s linear 0.2s;
}

.loginBody .layui-input-focus .layui-input::placeholder {
    transition: color 0.2s linear 0.2s;
    -webkit-transition: color 0.2s linear 0.2s;
}
.loginBody .layui-form-item {
    position: relative;
}

    .loginBody .layui-form-item label {
        position: absolute;
        color: #fff;
        left: 10px;
        top: 9px;
        line-height: 20px;
        background: #8c7277;
        padding: 0 5px;
        font-size: 14px;
        cursor: text;
    }

    .loginBody .layui-form-item.layui-input-focus label {
        top: -10px;
        font-size: 12px;
        color: #fff;
    }

    .loginBody .layui-form-item.layui-input-active label {
        top: -10px;
        font-size: 12px;
    }

.loginBody .layui-input::-webkit-input-placeholder {
    color: #fff;
}

.loginBody .layui-input::-moz-placeholder {
    color: #fff;
}

.loginBody .layui-input:-ms-input-placeholder {
    color: #fff;
}

.loginBody .layui-input::placeholder {
    color: #fff;
}

.loginBody .layui-form-item.layui-input-focus input {
    border-color: #ff6700 !important;
}

.loginBody .layui-input-focus .layui-input::-webkit-input-placeholder {
    color: #757575;
}

.loginBody .layui-input-focus .layui-input::-moz-placeholder {
    color: #757575;
}

.loginBody .layui-input-focus .layui-input:-ms-input-placeholder {
    color: #757575;
}

.loginBody .layui-input-focus .layui-input::placeholder {
    color: #757575;
}

.loginBody .seraph {
    font-size: 30px;
    text-align: center;
}

    .loginBody .seraph.icon-qq:hover {
        color: #0288d1;
    }

    .loginBody .seraph.icon-wechat:hover {
        color: #00d20d;
    }

    .loginBody .seraph.icon-sina:hover {
        color: #d32f2f;
    }
.loginHtml, .loginBody {
    overflow: hidden;
}
    .loginBody form.layui-form {
        padding: 0 20px;
        margin: 0 auto;
        width: 395px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        background: url(/assets/login/img/tab_bg.png);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
.layui-mian {
    min-width: 980px;
    height: 100%;
    background: url(/assets/login/img/many.jpg) center 0 repeat-y;
}

.layui-loginbackground {
    position: relative;
    height: 100%;
    background: url(/assets/login/img/bg.jpg) center 0 no-repeat;
    min-height: 880px;
}

.layui-box {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 654px;
    text-align: center;
    margin: -421px 0 0 -327px;
}

.layui-bg {
    position: relative;
    margin-bottom: 55px;
}

.layui-enroll-title {
    padding: 20px 0 15px;
    color: #fff;
}

.layui-right-tool {
    position: absolute;
    right: 2px;
    top: 22%;
}

.layui-bar-sort {
    width: 82px;
    height: 90px;
    background-color: rgba(94,25,75,0.5);
}

    .layui-bar-sort a {
        color: #fff;
    }

.layui-bar-img {
    position: relative;
    text-align: center;
    padding-top: 20px;
    color: #fffff;
}

.ewm-hover {
    position: absolute;
    left: -149px;
    top: 0px;
    display: none;
}

.layui-bar-ewm:hover .ewm-hover {
    display: block;
}

.layui-pop-content {
    float: left;
    background: #fff;
    border: 1px solid #f5f5f5;
}

.bar-pop-qr {
    width: 120px;
    height: 120px;
    margin: 14px 14px;
    background: #fff;
    border: 0;
}

.bar-pop-text {
    width: 120px;
    margin: 0 auto;
    padding-bottom:10px;
    color: #757575;
    font-size: 14px;
    text-align: left;
}
.layui-pop-content .bar-pop-text i {
    font-size: 18px !important;
    vertical-align: middle;
}

.layui-pop-content .bar-pop-text i {
    vertical-align: middle;
}
.bar-arrow {
    float: left;
    width: 11px;
    height: 187px;
    margin-left: -1px;
    background: url(/assets/login/img/arrow.png) no-repeat left 38px;
    background-position-y: 40px;
}

.layui-bar-img i {
    font-size: 30px !important;
}

.layui-bar-text {
    margin: 8px 0 0 0;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}
/* 底部 */
.layui_appd_wrap_pop {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.layui_pop_cnt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: url(/assets/login/img/bg1.png) repeat-x 0 0;
}

.layui_pop_box {
    position: relative;
    z-index: 1;
    width: 980px;
    height: 155px;
    margin: 0 auto;
    font: 12px/1.5 arial, Simsun, sans-serif;
    color: #333;
}

.layui_pic_phone {
    position: absolute;
    top: -20px;
    left: 0;
    width: 145px;
    height: 198px;
    background-position: 0 0;
}

.layui_gift_all {
    top: -22px;
    width: 166px;
    height: 173px;
    background: url(/assets/login/img/login_btn1.png);
}

.layui_pop_text {
    position: absolute;
    top: 30px;
    left: 157px;
    width: 340px;
    font-family: "Microsoft YaHei";
    color: #FFF;
}

.layui_style_gift_all {
    left: 185px;
    width: 260px;
}

    .layui_style_gift_all .word_1 {
        font-size: 26px;
        color: #8c8aa2;
    }

    .layui_style_gift_all .word_s {
        color: #fff;
        font-size: 14px;
    }

.layui_wrap_pop_cont {
    position: absolute;
    top: 0;
    left: 480px;
    width: 380px;
    height: 155px;
    padding: 14px 6px 0 20px;
    color: #FFF;
    background: url(/assets/login/img/bg3.png) repeat-x;
}

.layui_wrap_pop_code {
    float: left;
    text-align: center;
}

    .layui_wrap_pop_code p {
        margin-bottom: 10px;
        text-align: center;
        font-size: 16px;
    }

.layui_wrap_pop_form {
    float: left;
    width: 178px;
    margin-right: 10px;
    text-align: center;
    position: relative;
}

    .layui_wrap_pop_form p {
        font-size: 16px;
    }

.vbk_app {
    top: 40px;
    left: 30px;
    background: url(/assets/login/img/login_btn1.png);
    background-position: 0 -176px;
    width: 120px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    display: block;
}

.vbk_and {
    top: 80px;
    left: 30px;
    background: url(/assets/login/img/login_btn1.png);
    background-position: 0 -245px;
    width: 120px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    display: block;
}

@media screen and (min-device-width: 1360px) and (max-device-width: 1440px) {
    .layui_pop_box {
        height: 125px;
    }

    .layui-box {
        margin: -408px 0 0 -327px;
    }

    .layui-bg {
        margin-bottom: 20px;
    }

    .layui-form-bottom {
        margin-bottom: 10px;
    }

    .layui-form-input {
        margin-bottom: 0;
    }

    .layui-enroll-title {
        padding: 17px 0 8px;
    }

    .layui_gift_all {
        height: 145px;
    }

    .layui_wrap_pop_cont {
        height: 125px;
        padding: 2px 6px 0 20px;
    }

    .layui-right-tool {
        top: 10%;
    }

    .loginBody form.layui-form {
        width: 330px;
    }
    .layui_wrap_pop_code p{
        margin-bottom:0;
    }
}