@charset "UTF-8";
dd,
dl,
dt,
li,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

cite,
em,
i {
    font-style: normal;
}

body,
html {
    width: 100%;
    height: 100%;
    /*overflow-x: hidden;*/
}
body {
    display: flex;
    flex-direction: column;
    height: 100%;
}
a:hover {
    text-decoration: none;
}

.text-overflow1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 1.5em;
    overflow: hidden;
}

.text-overflow2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3em;
    overflow: hidden;
}


/* 解决登录页底部空白start */

.wrap {
    /*height: auto;*/
    /*min-height: 100%;*/
    /*让页面高度自适应，footer吸底？*/
    box-sizing: border-box;/*为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制*/
    min-height: 100%;
    /*解决footer吸底但是内容被遮住问题*/
    padding-bottom: 60px;
    flex: 1 0 auto;
}

.footer {
    position: relative;
    /* height: 80px; */
    line-height: 80px;
    /*解决footer吸底的关键*/
    margin-top: -60px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    flex: 0 0 auto;
}

.container .change-btn {
    width: 100%;
    background: #1296db;
    border-radius: 1.5rem;
}

.container .change-f {
    text-align: center;
    padding-top: 30px;
}


/* 解决登录页底部空白end */

.icon-phone {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/icon-phone@2x.svg) center center no-repeat;
    background-size: 100% 100%;
}

.icon-phone-blue {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/icon-phone-blue@2x.png) center center/100% 100% no-repeat;
}
.icon-time-blue {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/icon-time.svg) center center/100% 100% no-repeat;
}
.icon-triangle-solid-down {
    display: inline-block;
    width: 15px;
    height: 8px;
    background: url(../images/icon-triangle-solid-down@2x.svg) center center no-repeat;
    background-size: 100% 100%;
}

.icon-triangle-edge-down {
    display: inline-block;
    width: 15px;
    height: 8px;
    background: url(../images/icon-triangle-edge-down@2x.png) center center/100% 100% no-repeat;
}

.icon-search {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/icon-search@2x.png) center center no-repeat;
    background-size: 100% 100%;
}

.icon-new {
    display: inline-block;
    width: 30px;
    height: 32px;
    background: url(../images/icon-new.png) center center no-repeat;
    background-size: 100% 100%;
}

.icon-play {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url(../images/icon-play@2x.png) center center no-repeat;
    background-size: 100% 100%;
}
a,
a:hover {
    color: #1296db;
}
.login-box .set-form .two-link-form {
    padding: 0 22px;
}

.login-box .set-form .forget-password {
    float: left;
}
.login-box .set-form .register-btn {
    float: right;
}
.icon-play-small {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/icon-play-small@2x.png) center center no-repeat;
    background-size: 100% 100%;
}

.icon-zan {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../images/icon-zan@2x.png) center center no-repeat;
    background-size: 100% 100%;
    margin-right: .57em;
}

.icon-collect {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/icon-collect@2x.png) center center no-repeat;
    background-size: 100% 100%;
}

.icon-collect-red {
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(../images/icon-collect-red@2x.png) center center no-repeat;
    background-size: 100% 100%;
}

.icon-collect-red-big {
    display: inline-block;
    width: 42px;
    height: 37px;
    background: url(../images/icon-collect-red-big@2x.png) center center no-repeat;
    background-size: 100% 100%;
}

.icon-qq {
    display: inline-block;
    width: 20px;
    height: 20px;
    /* background: url(../images/icon-qq@2x.png) center center no-repeat; */
    background-size: 100% 100%;
}

.icon-qq-zone {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/icon-qq-zone@2x.png) center center no-repeat;
    background-size: 100% 100%;
}

.icon-wechat {
    display: inline-block;
    width: 20px;
    height: 20px;
    /* background: url(../images/icon-wechat@2x.png) center center no-repeat; */
    background-size: 100% 100%;
}

.icon-wechat-moments {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/icon-wechat-moments@2x.png) center center no-repeat;
    background-size: 100% 100%;
}

.icon-weibo {
    display: inline-block;
    width: 20px;
    height: 20px;
    /* background: url(../images/icon-weibo@2x.png) center center no-repeat; */
    background-size: 100% 100%;
}

.icon-danger {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/icon-danger@2x.png) center center/100% 100% no-repeat;
}

.body_fixed {
    height: 100vh;
    overflow: hidden;
}

.header-navbar {
    max-width: 1194px;
    height: 50px;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-navbar .navbar-brand {
    font-size: 16px;
    color: #999;
}

.header-navbar .navbar-brand:focus,
.header-navbar .navbar-brand:hover {
    color: #999;
}

.header-navbar .icon-phone {
    vertical-align: middle;
    margin-right: 8px;
}

.header-navbar .icon-triangle-solid-down {
    margin-left: 6px;
}

.header-navbar .header-navbar-menu {
    height: 100%;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.header-navbar .link-us,
.header-navbar .login-btn,
.header-navbar .mini_btn,
.header-navbar .register-btn {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.header-navbar .link-us {
    margin-right: 40px;
    font-size: 16px;
    color: #666;
}

.header-navbar .login-btn,
.header-navbar .register-btn {
    padding: 0 12px;
}

.header-navbar .register-btn {
    color: #1296db;
}

.header-navbar .login-btn {
    margin-right: 8px;
    font-size: 16px;
    /* 调整导航最顶部的高度 */
    padding: 10px;
    background-color: #1296db;
    color: #fff;
}

.header-navbar .mini_btn {
    display: none;
    color: #999;
    text-decoration: none;
    border-left: 1px solid #e9e9ea;
}

.header-navbar-btm {
    margin: 0;
    padding: 0;
}

.header-menu {
    padding-top: 4px;
    padding-bottom: 5px;
    max-width: 1194px;
    /* 调整导航高度 */
    max-height: 90px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-menu .header_logo {
    margin-left: -17px;
}

.header-menu .header-menu-search {
    position: relative;
    max-width: 190px;
}

.header-menu .header-menu-search input {
    width: 100%;
    display: inline-block;
    padding: 6px 19px;
    padding-right: 35px;
    border: 1px solid #ccc;
    border-radius: 1.67em;
    font-size: 12px;
    color: #666;
}

.header-menu .header-menu-search input::-moz-placeholder {
    color: #ccc;
}

.header-menu .header-menu-search input:-ms-input-placeholder {
    color: #ccc;
}

.header-menu .header-menu-search input::placeholder {
    color: #ccc;
}

.header-menu .header-menu-search input:focus,
.header-menu .header-menu-search input:focus-visible {
    border-color: #ccc;
    outline: 0;
}

.header-menu .header-menu-search .icon-search {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -10px;
}

.header-menu .mini-navbar-toggler {
    display: none;
    border: none;
}

.box-shadow {
    /*box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .1);*/
    width: 100%;
    display: block;
    height: 1px;
}

.footer {
    background: #285aa6;
    line-height: 40px;
    padding-top: 12px;
}

.footer .footer-logo-box {
    padding: 72px 0 0 0;
    max-width: 1194px;
    margin: 0 auto;
}

.footer .footer-logo-box::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    clear: both;
}

.footer .qrcode {
    float: right;
    margin: 13px 100px 54px 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.footer .qrcode img {
    margin-bottom: 17px;
}

.footer .footer-logo-rgt {
    max-width: 34px;
    max-height: 34px;
    margin-right: 25px;
}

.footer .copy-right {
    display: inline;
    line-height: 20px;
    margin: 0;
    margin-bottom: -20px;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.title-box .title {
    padding-bottom: 12px;
    margin-right: 7px;
    font-size: 18px;
    font-weight: 700;
    color: #1296db;
    border-bottom: 3px solid #1296db;
}

.title-box .title_en {
    font-size: 18px;
    font-weight: 700;
    color: rgba(92, 92, 92, .26);
}

.title-box .more {
    /* 适配首页更多 */
    text-align: center;
    padding-left: 72px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: 14px;
    color: #999;
    text-decoration: none;
}

.title-box .sum-more {
    text-decoration: none;
}

.banner-box {
    margin: 0 auto;
}

.banner-box img {
    width: 100%;
}
.nav-tabs {
    /* 活动风采；列表页类型选择行之间的边距 */
    margin-bottom: 25px;
    border: none;
}
.rgt-box .nav-tabs {
    /* 首页北京和地区上下边距 */
    margin-top: 28px;
    margin-bottom: 10px;
    border: none;
}
.nav-tabs .nav-link {
    border: none;
    color: #999;
    font-size: 16px;
}
/*数据为空显示的图片start*/
.empty {
    text-align: center;
    margin: auto;
    color: #333;
    margin-top: 1.5vh;
}
.empty dl {
    margin-bottom: 60px;
}
.empty .nodata-txt {
    color: #666;
    margin-top: 15px;
}
.no-activity {
    width: 40%;
    text-align: center;
}
/*数据为空显示的图片end*/
.nav-tabs .nav-link:hover {
    color: #1296db;
}

.nav-tabs .nav-link.active {
    border-bottom: 3px solid #1296db;
    color: #1296db;
}

.breadcrumb-box {
    max-width: 1194px;
    margin: 0 auto;
}

.breadcrumb-box .breadcrumb {
    padding: 0;
    margin: 32px 0 43px 0;
    background: #fff;
}

.breadcrumb-box .breadcrumb-head {
    font-size: 18px;
    color: #666;
}

.breadcrumb-box .breadcrumb-item {
    font-size: 18px;
    color: #666;
}

.breadcrumb-box .breadcrumb-item a {
    color: #666;
    text-decoration: none;
}

.breadcrumb-box .breadcrumb-item.active,
.breadcrumb-box .breadcrumb-item:hover {
    color: #1296db;
}

.breadcrumb-box .breadcrumb-item.active a,
.breadcrumb-box .breadcrumb-item:hover a {
    color: #1296db;
}

.pagination {
    -ms-flex-pack: center;
    justify-content: center;
}

.pagination .pages {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pagination .ellipsis,
.pagination .home,
.pagination .last,
.pagination .next,
.pagination .page,
.pagination .prev {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin: 0 4px;
    font-size: 16px;
    color: #333;
}

.pagination .ellipsis a,
.pagination .home a,
.pagination .last a,
.pagination .next a,
.pagination .page a,
.pagination .prev a {
    display: inline-block;
    width: 35px;
    height: 35px;
    color: #333;
    text-decoration: none;
}

.pagination .home:hover a,
.pagination .last:hover a,
.pagination .next:hover a,
.pagination .prev:hover a {
    color: #1296db;
}

.pagination .page {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.pagination .page.active,
.pagination .page:hover {
    color: #fff;
    background: #1296db;
}

.pagination .page.active a,
.pagination .page:hover a {
    color: #fff;
}

.pagination .jumper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #666;
}

.pagination .jumper input {
    display: inline-block;
    max-width: 32px;
    margin: 0 6px;
    border: 1px solid #ccc;
    text-align: center;
    color: #666;
}

.pagination .jumper input:focus,
.pagination .jumper input:focus-visible {
    outline: 0;
}

.pagination .jumper .jumper-input {
    margin: 0 20px;
}

.pagination .jumper .count-box {
    font-size: 16px;
    color: #666;
}

.pagination .jumper .count {
    display: inline-block;
    margin: 0 6px;
}

.set-form {
    width: 860px;
    margin: 0 auto;
    padding: 40px 0 60px 0;
}

.help-block,
.help-block-error {
    /* width: 100%; 这个影响搜索页面的搜索框布局*/
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545!important;
}

.section-box .form-box {
    max-width: 1100px;
    width: 100%;
    padding: 55px 0;
}

.form-box {
    width: 480px;
    margin: 0 auto;
}

.form-box ul {
    padding: 0;
}

.form-box ul li {
    clear: both;
    padding-right: 40px;
    text-align: right;
    height: 38px;
    line-height: 38px;
}

.form-box ul li em {
    color: red;
}

.form-box #btnSendCode1,
.form-box .btnSendCode {
    width: 100%;
    height: 38px;
    padding: 0 5px;
    margin: 0;
    font-size: 14px;
    text-align: center;
    background: 0 0;
    color: #1296db;
    border: 1px solid #1296db;
}

.form-box .custom-control {
    display: inline-block;
    margin-right: 15px;
    padding: .4rem 0 .4rem 1.5rem;
}

.step_success {
    height: 44px;
    line-height: 44px;
    text-align: center;
    padding: 100px 0;
}

.step_success span {
    display: inline-block;
    height: 50px;
    width: 50px;
    background: url(../images/step_success@2x.png) no-repeat center center;
    background-size: cover;
    vertical-align: -20px;
    margin-left: 15px;
}

.form-btn {
    text-align: center;
    padding-top: 30px;
}

.form-btn .ok-ti {
    display: inline-block;
    width: 212px;
    height: 44px;
    text-align: center;
    color: #fff;
    background: #20b8ee;
    border-radius: 30px;
    cursor: pointer;
}

.form-btn.register .ok-ti {
    width: 100%;
    height: 40px;
    border-radius: 1.5rem;
    background: #1296db;
}

.pop_con_auto::-webkit-scrollbar {
    width: .5em;
}

.pop_con_auto::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #fff;
    -webkit-box-shadow: inset 0 0 6px #fff;
}

.pop_con_auto::-webkit-scrollbar-thumb {
    background-color: #1a96db;
    border-radius: 12px;
}

.pop-bg {
    background: #000;
    opacity: .8;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 7;
    display: block;
}

.pop {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 15px;
    background: #fff;
    z-index: 8;
}

.pop .close-em {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
    background: url(../../images/backend/close@2x.png) no-repeat center top;
    background-size: 100%;
    cursor: pointer;
    z-index: 10;
}

.pop .pop_title {
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 72px;
    color: #333;
}

.pop .pop_title_s {
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #1296db;
    padding-bottom: 16px;
}

.pop .pop_con {
    background: #f1f5f6;
    width: 1092px;
    margin: 0 auto;
    border-radius: 15px;
    padding: 20px;
}

.pop .pop_con .pop_con_auto {
    height: 388px;
    overflow-y: auto;
    overflow-x: hidden;
}

.pop .pop_con .pop_con_auto span {
    display: block;
    text-align: left;
    padding-left: 40px;
    font-size: 20px;
    line-height: 30px;
    color: #333;
    margin-top: 15px;
}

.pop .pop_con .pop_con_auto p {
    padding-left: 40px;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    margin: 0;
}

.pop .pop_con .pop_con_auto .integral_ul li {
    border-bottom: 1px solid #fff;
}

.pop .pop_con .pop_con_auto .integral_ul li span {
    display: inline-block;
    text-align: center;
    padding-left: 15px;
    margin-top: 0;
    padding: 10px 0;
}

.pop .login-box {
    width: 380px;
    height: 92px;
    margin: 70px auto 0;
}

.pop .section-info .section-s-icon {
    width: 150px;
    height: 150px;
    background: url(../images/section_info@2x.png) no-repeat center center;
    background-size: cover;
    margin: 60px auto 0;
}

.pop .section-info span {
    display: block;
    line-height: 50px;
    color: #1296db;
    text-align: center;
    font-size: 22px;
}

.pop .section-info em {
    display: block;
    line-height: 46px;
    color: #666;
    text-align: center;
    font-size: 14px;
}

.pop.hot_pop {
    width: 1176px;
    height: 576px;
}

.pop.sign_login {
    width: 900px;
    height: 540px;
}

.pop.section-pop {
    width: 800px;
    height: 450px;
}

.bd-example {
    width: 100%;
    text-align: center;
}

.bd-example .btn {
    margin: 20px 50px 0;
    padding-left: 20px;
    padding-right: 20px;
}

.login-form {
    width: 430px;
    min-height: 400px;
}

.login-form .form-box {
    width: 430px;
}


/* 修改密码页样式start */

.container .site-reset-password {
    width: 45%;
    padding-top: 65px;
    margin: 0 auto;
    padding-bottom: 60px;
}

.container .site-reset-password .steps {
    text-align: center;
    padding-bottom: 40px;
}


/* 修改密码页样式end */

.login-form .form-box .forget-password {
    display: inline-block;
    width: 133px;
    position: absolute;
    left: 430px;
    top: 0;
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 16px;
    line-height: 1.5;
    color: #007bff;
    cursor: pointer;
}

.login-form .form-box .form-control-lg {
    border-radius: 1.5rem;
    font-size: 1rem;
    padding: 1.5rem 1rem;
}

.login-form .form-box .btn-primary {
    border-radius: 1.5rem;
}

@media screen and (max-width: 1200px) {
    .floating_layer {
        display: none;
    }
    .header-menu .header_logo {
        max-width: 200px;
    }
}

@media screen and (max-width: 990px) {
    .nav-tabs .nav-link {
        padding: 8px;
    }
    .section .tab-box .sort-box {
        display: none;
    }
    .floating_layer {
        display: none;
    }
    .header-menu .bar-menu-img img {
        max-width: 180px !important;
    }
    .header-menu .header_logo {
        max-width: 150px;
    }
    .header-menu .pc-menu-box .menu-list {
        width: 100%;
    }
    .header-menu .pc-menu-box .menu-list .nav-item .nav-link {
        padding: 20px 7px;
        /* margin-left: 50px; */
        font-size: 14px;
    }
    .container .site-reset-password {
        width: 100%;
    }
    .container .change-btn {
        width: 100%;
        background: #1296db;
    }
    h2 {
        font-size: 20px;
    }
}

@media screen and (min-width: 769px) {
    site-reset-password {
        width: 600px;
    }
    .header-menu .pc-menu-box .menu-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }
    .header-menu .pc-menu-box .list-box {
        display: none;
        width: 118px;
        overflow: hidden;
        text-align: center;
        background-color: #fff;
        border-radius: .71em;
        font-size: 14px;
        position: absolute;
        top: 30px;
        left: 50%;
        margin-left: -60px;
        z-index: 1;
        box-shadow: 0 2px 10px 1px rgba(0, 0, 0, .1);
    }
    .header-menu .pc-menu-box .list_item {
        text-align: center;
        padding: 0 12px;
        font-size: 18px;
        color: #999;
        position: relative;
    }
    .header-menu .pc-menu-box .list_item a {
        color: #999;
        text-decoration: none;
    }
    .header-menu .pc-menu-box .list_item::after {
        content: "";
        display: block;
        width: 100%;
        height: 20px;
        position: absolute;
        top: 20px;
        left: 0;
    }
    .header-menu .pc-menu-box .list_item:hover {
        color: #1296db;
    }
    .header-menu .pc-menu-box .list_item:hover>.sub_list_title,
    .header-menu .pc-menu-box .list_item:hover>.sub_list_title a,
    .header-menu .pc-menu-box .list_item:hover>a {
        color: #1296db;
    }
    .header-menu .pc-menu-box .list_item:hover .list-box {
        display: block;
    }
    .header-menu .pc-menu-box .list_item.active {
        color: #1296db;
    }
    .header-menu .pc-menu-box .list_item.active>.sub_list_title,
    .header-menu .pc-menu-box .list_item.active>.sub_list_title a,
    .header-menu .pc-menu-box .list_item.active>a {
        color: #1296db;
    }
    .header-menu .pc-menu-box .item {
        margin: 0;
        height: 36px;
        line-height: 36px;
        font-size: 16px;
        color: #666;
        display: block;
        border-top: 1px solid #eaeaea;
    }
    .header-menu .pc-menu-box .item a {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #666;
        text-decoration: none;
    }
    .header-menu .pc-menu-box .item:first-child {
        border-top: 0;
    }
    .header-menu .pc-menu-box .item.active a,
    .header-menu .pc-menu-box .item:hover a {
        color: #1a96db;
    }
    .header-menu .pc-menu-box .icon-triangle-edge-down {
        display: none;
    }
    .header-menu .pc-menu-box .sub_list_title {
        text-align: center;
        margin: 0 auto;
    }
}

.add-brs {
    display: none;
}

@media screen and (max-width: 768px) {
    .header-menu .drawer-box .menu-list li {
        width: 52%;
        margin: 0 auto;
        height: 9%;
    }
    .title-box .more {
        padding-left: 0;
        padding-right: 16px;
        text-align: right;
    }
    .header-navbar {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        height: auto;
    }
    .header-navbar .navbar-brand {
        display: block;
        font-size: 12px;
        margin-right: auto;
        padding-left: 10px;
    }
    .header-navbar .icon-phone {
        width: 13px;
        height: 13px;
        margin-right: 0;
    }
    .header-navbar .icon-triangle-solid-down {
        width: 10px;
        height: 5px;
    }
    .header-navbar .link-us,
    .header-navbar .login-btn,
    .header-navbar .mini_btn,
    .header-navbar .register-btn {
        font-size: 12px;
    }
    .header-navbar .link-us {
        margin-right: 0;
    }
    .header-navbar .icon-triangle-solid-down {
        margin-left: 0;
    }
    .header-navbar .login-btn,
    .header-navbar .register-btn {
        display: block;
        padding: 12px 7px;
    }
    .header-navbar .login-btn {
        margin-left: 12px;
        margin-right: 0;
    }
    .wrap .header-navbar {
        padding: 0;
        /* padding-left: 49%; */
    }
    .header-navbar .mini_btn {
        display: -ms-flexbox;
        display: flex;
    }
    .header-menu .header_logo {
        max-width: 150px;
        margin-left: -7px;
    }
    .header-menu .header-menu-search {
        -ms-flex: 1;
        flex: 1;
        margin-right: 2rem;
        max-width: 120px;
    }
    .header-menu .header-menu-search input {
        padding-right: 30px;
        padding: 6px 12px;
    }
    .header-menu .header-menu-search .icon-search {
        right: 10px;
    }
    .header-menu .mini-navbar-toggler {
        display: block;
        padding-right: 0;
        background: url(../images/mini_navbar-toggler.png) no-repeat center center;
        background-size: 100%;
        width: 33px;
        height: 20px;
        position: absolute;
        top: 15px;
        right: 20px
    }
    .header-menu .drawer-box {
        display: none;
        position: fixed;
        top: 42px;
        left: 0;
        width: 100vw;
        height: calc(105vh - 82px);
        background: rgba(0, 0, 0, .4);
        z-index: 3;
    }
    .header-menu .drawer-box.active {
        display: block;
    }
    .header-menu .drawer-box .menu-list {
        /* 影响移动端导航栏上下布局 */
        display: inherit;
        width: 76%;
        height: 100%;
        margin-top: 0;
        background: #fff;
        font-size: 16px;
    }
    .header-menu .drawer-box .list_item {
        padding: 0 15px;
        color: #000;
        font-size: 16px;
        text-align: left;
    }
    .header-menu .drawer-box .list_item a {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #000;
        text-decoration: none;
    }
    .header-menu .drawer-box .list_item::after {
        display: none;
    }
    .header-menu .drawer-box .list_item.active>.sub_list_title,
    .header-menu .drawer-box .list_item.active>.sub_list_title a,
    .header-menu .drawer-box .list_item.active>a {
        color: #1296db;
    }
    .header-menu .drawer-box .icon-triangle-edge-down {
        -ms-transform-origin: center center;
        transform-origin: center center;
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transition: all linear .3s;
        -webkit-transition: all linear .3s;
        -moz-transition: all linear .3s;
        -ms-transition: all linear .3s;
        -o-transition: all linear .3s;
    }
    .header-menu .drawer-box .list-box {
        display: none;
        height: 0;
        padding: 0 0 0 15px;
        transition: height linear .5s;
        -webkit-transition: height linear .5s;
        -moz-transition: height linear .5s;
        -ms-transition: height linear .5s;
        -o-transition: height linear .5s;
    }
    .header-menu .drawer-box .item {
        padding: 5px;
        font-size: 16px;
        color: #000;
    }
    .header-menu .drawer-box .item a {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #000;
        text-decoration: none;
    }
    .header-menu .drawer-box .item.active {
        color: #1296db;
    }
    .header-menu .drawer-box .item.active a {
        color: #1296db;
    }
    .header-menu .drawer-box .sub_list_title {
        margin: 0;
        padding: 6px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
    }
    .header-menu .drawer-box .expanded .icon-triangle-edge-down {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }
    .header-menu .drawer-box .expanded .list-box {
        display: block;
        height: 100%;
    }
    .box-shadow {
        display: none;
    }
    .nav-tabs .nav-link {
        font-size: 16px;
    }
    .title-box .title {
        padding-bottom: 3px;
        font-size: 16px;
    }
    .title-box .title_en {
        font-size: 14px;
    }
    .footer {
        width: 100%;
    }
    .footer .footer-logo-box {
        padding: 30px 0 0 0;
        text-align: center;
    }
    .footer .footer-logo img {
        max-width: 196px;
    }
    .footer .qrcode {
        margin: 30px 0 0 0;
        float: none;
    }
    .footer .footer-logo-rgt {
        margin-right: 3px;
    }
    .footer {
        font-size: 12px;
        line-height: 45px;
    }
    .add-brs {
        display: block;
    }
    .footer .copy-right {
        font-size: 12px;
        padding: 13px 0 4px 0;
        border-top: none;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: -24px;
        /* -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center; */
        box-sizing: content-box;
    }
    .footer .copy-right span {
        margin-bottom: 5px;
        /* width: 29%; */
    }
    .footer .copy-right .copy-titles {
        width: 100%;
        text-align: center;
    }
    .footer .copy-right .copy-infor {
        width: 100px;
        font-size: 12px;
    }
    .footer .footer-logo-rgt {
        max-width: 20px;
        max-height: 20px;
    }
    .pagination {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .pagination .pages {
        margin-bottom: 20px;
    }
    .pagination .ellipsis,
    .pagination .home,
    .pagination .last,
    .pagination .next,
    .pagination .page,
    .pagination .prev {
        width: 21px;
        height: 21px;
        line-height: 21px;
        text-align: center;
        margin: 0 6px;
        font-size: 12px;
        color: #333;
    }
    .pagination .ellipsis a,
    .pagination .home a,
    .pagination .last a,
    .pagination .next a,
    .pagination .page a,
    .pagination .prev a {
        display: inline-block;
        width: 21px;
        height: 21px;
        text-decoration: none;
    }
    .pagination .jumper {
        font-size: 12px;
    }
    .pagination .jumper .count-box {
        font-size: 12px;
    }
}