.header-navbar {
    max-width: 1140px;
    padding: 0 15px;
}

.header-menu {
    max-width: 1140px;
    padding-right: 15px;
    padding-left: 15px;
    height: 70px;
}

.header-menu .bar-menu-img img {
    max-width: 200px;
}

.text-muted {
    vertical-align: middle;
}


/* .link-us:hover .items-content{

} */

.items-content {
    display: none;
    position: absolute;
    top: 50px;
    right: 23px;
    width: 380px;
    line-height: 28px;
    text-align: left;
    padding: 20px 17px 20px 20px;
    z-index: 9999;
    background-color: #fff;
    min-width: 10rem;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    /* 联系我们鼠标经过显示内容文字颜色修改 */
    color: #333;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.items-content li a {
    /* 联系我们中的电话 */
    color: #333;
    text-decoration: none;
}

.nav-link {
    /* 首页导航栏颜色 */
    color: #333;
}

.header-menu .drawer-box .menu-list .nav-item .nav-link:hover {
    color: #1296db;
}

.dropdown-toggle::after {
    display: none;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #1296db;
    text-decoration: none;
    /* 访问过导航栏下拉菜单项之后的背景颜色 此处清空白色覆盖 */
    background-color: transparent;
}


/* 首页导航栏下拉菜单字体颜色和下拉框圆角 start*/

.header-menu .drawer-box .menu-list .dropdown-menu {
    border-radius: 1.25rem;
}

.header-menu .drawer-box .menu-list .dropdown-menu .dropdown-item {
    /* 首页导航栏下拉菜单颜色 */
    color: #333;
}

.header-menu .drawer-box .menu-list .dropdown-menu .dropdown-item:hover {
    /* 下拉菜单中，鼠标悬停样式改为，文字颜色变为蓝色，去掉选中条的灰色 */
    background-color: transparent;
    color: #1296db;
    border-radius: 1.25rem;
}


/* 首页导航栏下拉菜单字体颜色和下拉框圆角 end*/

.active {
    color: #1296db;
}

.container .main .container .login-box>h2 {
    padding-top: 55px;
}

.container .main .container .login-box .form-box #login-form .forget-password {
    color: #1296DB;
}

.container .main .container .login-box .form-box #login-form .btn-primary {
    background-color: #1296DB;
    border-color: #1296DB;
    width: 94%;
    margin: 0 auto;
}


/* 忘记密码中左侧文字 */

.container .register-box .forget-box .tab-content .form-box .label-group li {
    color: #333;
}

.forget-box .tab-content .form-box .find-password-form .input-group .input-group-append {
    margin-left: 10px;
}

.input-group>.input-group-append>.btn {
    border-color: #1296DB;
    color: #1296DB;
    z-index: 2;
}


/* 忘记密码中左侧文字 */

.footer {
    width: 100%;
    background: #285aa6;
    /* position: absolute; */
    bottom: 0;
}

.footer .footer-logo-box {
    /* 调整footer高度 */
    padding: 25px 0 0 0;
    max-height: 260px;
    /* 隐藏footer白线以上内容 */
    display: none;
}


/* 顶部增加扫码start */

.header-navbar {
    height: 56px;
}

.item-l,
.item-r {
    color: #666;
    text-decoration: none;
    position: relative;
    margin-left: 10px;
    margin-top: 3px;
    display: inline-block;
    text-align: center;
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}

.showpic-l,
.showpic-r {
    cursor: pointer;
}
/*.showpic-l {*/
/*    left: -58px;*/
/*}*/
/*.showpic-r {*/
/*    left: -16px;*/
/*}*/
.showpic-l {
    display: none;
    position: absolute;
    top: 56px;
    left: -58px;
    width: 172px;
    line-height: 28px;
    text-align: center;
    padding: 20px 17px 12px 20px;
    z-index: 9999;
    border: 3px solid #32ccfe;
    min-width: 10rem;
    font-size: 1rem;
    color: #333;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    /* border: 1px solid rgba(0, 0, 0, 0.15); */
    border-radius: 0.25rem;
}

.showpic-l::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 20px solid;
    top: -43px;
    left: 60px;
    border-color: transparent transparent #32ccfe;
}

.showpic-l::after {
    content: "";
    width: 0;
    height: 0;
    border: 20px solid;
    position: absolute;
    top: -40px;
    left: 60px;
    border-color: transparent transparent white;
}

.showpic-r {
    display: none;
    position: absolute;
    top: 56px;
    left: -16px;
    width: 172px;
    line-height: 28px;
    text-align: center;
    padding: 20px 17px 12px 20px;
    z-index: 9999;
    border: 3px solid #32ccfe;
    min-width: 10rem;
    font-size: 1rem;
    color: #333;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.25rem;
}

.showpic-r::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border: 20px solid;
    top: -43px;
    left: 60px;
    border-color: transparent transparent #32ccfe;
}

.showpic-r::after {
    content: "";
    width: 0;
    height: 0;
    border: 20px solid;
    position: absolute;
    top: -40px;
    left: 60px;
    border-color: transparent transparent white;
}

.showpic-r img {
    width: 130px;
    height: 130px;
}

.tips {
    display: block;
    box-sizing: border-box;
    padding-right: 5px;
    color: #666;
}

.ta-r {
    text-align: right;
}

.tip-order {
    position: relative;
    margin-right: 20px;
    font-size: 12px;
}

.tip-order span {
    text-align: center;
}
@media screen and (max-width: 690px) {
    .container .main .container .login-box .form-box #login-form .forget-password {
        font-size: 14px;
        width: 72px;
        padding-top: 10px;
        padding-left: 0;
        padding-right: 0;
        top: 92%;
        left: 9%;
    }
}
@media screen and (max-width: 990px) {
    /* 登录页移动端适配start */
    .login-form .form-box .form-control-lg {
        width: 85%;
        margin: 0 auto;
    }
    .form-row {
        width: 100%!important;
        margin: 0 auto;
    }
    .login-box .login-form {
        padding: 20px 0;
    }
    .login-box .login-form .form-row {
        padding: 0;
    }
    .form-box .custom-control {
        margin-left: 28px;
    }
    .container .main .container .login-box>h2 {
        font-size: 18px;
    }
    .form-control-lg {
        height: 2rem;
    }
    .container .main .container .login-box .form-box #login-form .btn-primary {
        background-color: #1296DB;
        border-color: #1296DB;
        height: 2.4rem;
        width: 83%;
        line-height: 15px;
        margin: 0 auto;
        font-size: 1rem;
    }
    .login-form .form-box .form-control-lg {
        border-radius: 1.5rem;
        font-size: 1rem;
    }
    .login-form .form-box .forget-password {
        left: 370px;
        top: 4px;
    }

    /* 登录页移动端适配end */
}

@media screen and (max-width: 1000px) {
    .container .main .container .login-form .invalid-feedback {
        margin-left: 37px;
    }
    /*.container .main .container .login-box .form-box #login-form .forget-password {*/
    /*    left: 11%;*/
    /*}*/
}

@media screen and (max-width: 770px) {
    .bar-menu-img img {
        width: 100%;
    }
    .container .main .container .login-form .invalid-feedback {
        margin-left: 35px;
    }
}


@media screen and (max-width: 770px) {
    .items-content {
        right: 17px;
    }
}

@media screen and (max-width: 700px) {
    .login-form .form-box #login-form .field-usernameloginform-rememberme {
        margin-top: -18px!important;
    }
    .login-form .form-box .form-control-lg {
        width: 88%;
        margin: 0 auto;
    }
    .container .main .container .login-form .invalid-feedback {
        margin-left: 20px;
    }
    .container .main .container .login-box .form-box #login-form .btn-primary {
        width: 85%;
    }
    .form-box .custom-control {
        margin-left: 14px;
    }

    .item-l,
    .item-r {
        margin-left: 0!important;
    }
    .item-l img,
    .item-r img {
        width: 22px;
    }
    .item-r img {
        margin-left: 0.6rem;
    }
    .items-content {
        right: -2px;
    }
    .tip-order {
        display: none;
        font-size: 12px;
        margin-right: 0;
        margin-left: .2rem;
        text-align: center;
    }
    .header-navbar {
        height: 42px;
    }
}

@media screen and (max-width: 600px) {
    .login-form .form-box .forget-password {
        left: 370px;
        font-size: 14px;
    }
}

@media screen and (max-width: 510px) {
    .login-form .form-box .forget-password {
        left: 273px;
    }
}

@media screen and (max-width: 410px) {
    .login-form .form-box .forget-password {
        left: 218px;
        padding: 0;
        /*margin-left: 2rem;*/
    }
    .login-form .form-box .form-control-lg {
        width: 100%;
        margin: 0 auto;
        padding: 18px 12px;
        font-size: 14px;
    }
    .container .main .container .login-box .form-box #login-form .btn-primary {
        width: 93%;
    }
}

@media screen and (max-width: 370px) {
    .login-form .form-box .forget-password {
        left: 210px;
    }
}


/* 顶部增加扫码end */