/*
=============================================
 Author:	wn
 Create date: 	2019-06-18
 Description:	登录页通用改造部分
=============================================
*/
.lzlogin-setting,
.lzlogin-swiper {
    display: none;
}
/*登录页幻灯片*/
.lzlogin-swiper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: none;
}

    .lzlogin-swiper .swiper-wrapper,
    .lzlogin-swiper .swiper-slide,
    .img-fluid {
        width: 100%;
        height: 100%;
    }

    .lzlogin-swiper ~ .lzlogin-main {
        position: relative;
        z-index: 5;
    }

.Lzlogin_title {
    display: none;
}
/*登录背景素材*/
.lzlogin-setting > .img-copy {
    position: absolute;
    bottom: 5px;
    right: 30px;
    z-index: 6;
    color: rgba(0,0,0,0.25);
}



.lzlogin-setting .lz-nav-tabs > li > a {
    padding-left: 20px;
}

    .lzlogin-setting .lz-nav-tabs > li > a:before {
        position: absolute;
        content: "";
        bottom: auto;
        top: 50%;
        left: 4px;
        margin-top: -4px;
        border-radius: 10px;
        border: 4px solid #fff;
    }

    .lzlogin-setting .lz-nav-tabs > li > a:after {
        position: absolute;
        content: "";
        bottom: auto;
        top: 50%;
        margin-top: -8px;
        left: 0;
        width: 16px;
        height: 16px;
        right: auto;
        border-radius: 10px;
        border: 1px solid #ddd;
    }

.lzlogin-setting .lz-nav-tabs > li.active > a:before,
.lzlogin-setting .lz-nav-tabs > li.active > a:after {
    border-color: inherit;
}

.lzlogin-setting .lz-nav-tabs > li .btn {
    margin-top: 5px;
    margin-right: -12px;
}
/*登录页设置背景*/
.lzlogin-setting > .btn {
    position: absolute;
    bottom: 30px;
    right: 30px;
    left: auto;
    z-index: 6;
    background: rgba(0,0,0,0.55);
    width: 44px;
    height: 44px;
    line-height: 42px;
    padding: 0;
    font-size: 20px;
    color: #fff;
    float: right;
}

.lzlogin-setting .form-inline {
    padding-top: 4px;
    white-space: nowrap;
}

.lzlogin-setting .inline ~ .form-control {
    width: 120px;
    display: inline-block;
}

.lzlogin-setting > .dropdown-menu {
    left: auto;
    top: auto;
    right: 30px;
    bottom: 76px;
    width: 720px;
    max-width: 90%;
    padding: 0 20px 30px;
}

.lzlogin-setting .list-inline {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    width: auto;
}

    .lzlogin-setting .list-inline > li {
        padding: 0;
        width: calc(16.66% - 12px);
        position: relative;
    }

        .lzlogin-setting .list-inline > li + li {
            margin-left: 12px;
        }

    .lzlogin-setting .list-inline .img-fluid {
        width: 100%;
        height: 70px;
        overflow: hidden;
        cursor: pointer;
    }

    .lzlogin-setting .list-inline > li:before,
    .lzlogin-setting .list-inline > li:after {
        content: "";
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        transition: all 0.25s ease-out;
        width: 100%;
        height: 100%;
    }

    .lzlogin-setting .list-inline > li.active:before {
        background: rgba(0,0,0,0.35);
    }

    .lzlogin-setting .list-inline > li.active:after {
        top: 50%;
        left: 50%;
        height: 8px;
        width: 14px;
        margin-left: -6px;
        margin-top: -6px;
        border: 1px solid #fff;
        border-width: 0 0 2px 2px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.Lzlogin_item .form-control-lg {
    height: 36px;
}

/*登录页增加的微信和钉钉*/
.lzlogin-img-group img {
    width: 22px;
    height: 22px;
    margin-left: 0;
    background: #ddd;
    border-radius: 5px;
}

.lzlogin-img-group > .btn {
    padding-left: 2px;
    padding-right: 2px;
}