@charset "utf-8";

/* —————————————— 左侧信息 ———————————— */
.container-fluid {
    padding: 0;
    margin: 0;
}

article {
    width: 80%;
    height: 100vh;
    flex: 1;
}

.login-bg {
    width: 100%;
    height: 100%;
    z-index: -2;
}

.page-brand-info {
    width: 80%;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
}

.info {
    width: 100%;
    height: 280px;
    padding: 5%;
    background-color: rgba(255, 255, 255, .6);
}

.brand-img {
    max-height: 80px;
    margin-bottom: 1rem;
}

/* —————————————— 右侧登录部分 ———————————— */
aside {
    width: 20%;
    min-width: 320px;
    height: 100vh;
    background-color: #fff;
}

.style-sel {
    margin-top: 2rem;
}

.logo-s {
    text-align: center;
}

.logo-s img {
    max-width: 150px;
    max-height: 80px;
}

.login-form {
    margin-top: 3rem;
    height: 450px;
}

.tab-content {
    margin-top: 3rem;
}

.submit {
    width: 120px;
}

.submit-s {
    width: 80px;
}

.code {
    width: 100%;
    font-weight: 500;
}

.nav-item {
    border: none;
}

.nav li {
    width: 50%;
    text-align: center;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #17a2b8;
    color: #fff;
    border: none;
}

.footer h5 {
    font-size: .7rem;
    font-weight: 100;
    margin-bottom: 1.5rem;
}
@media (max-width: 767px){
	.flex-yb{
width:100%;
background: url(./../images/login.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.page-brand-info ,.login-bg{
display:none}
.login-form {
    margin-top: 3rem;
    height: 100%;
}
}