.mobile-page-header .DivNone,
.page-header .DivNone {
    display: none !important
}

.mobile-page-header,
.page-header-hover .init-img,
.page-header:hover .init-img {
    display: none
}

@media screen and (max-width: 767px) {
    body * {
        max-height: 999999px;
    }
}


.icon-down:before {
    content: "\e733";
}

@media screen and (max-width: 767px) {
    .color-333 {
        color: #333;
        font-weight: 700;
    }
}

@media screen and (max-width:767px) {
    .active {
        color: #0e57a2
    }

    .color-333 {
        color: #333;
        font-weight: 700
    }

    .color-666 {
        color: #666
    }

    .mobile-page-header.mobile-page-header-active .top .init-img,
    .mobile-page-header.mobile-page-header-hover .top .init-img,
    .mobile-page-header.show .top .init-img,
    .mobile-page-header.show .top .right .expand,
    .page-header {
        display: none
    }

    .mobile-page-header,
    .mobile-page-header .top {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000
    }

    .mobile-page-header.mobile-page-header-active .top,
    .mobile-page-header.mobile-page-header-hover .top,
    .mobile-page-header.show .top {
        background-color: #fff;
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .04)
    }

    .mobile-page-header.mobile-page-header-active .top .hover-img,
    .mobile-page-header.mobile-page-header-hover .top .hover-img,
    .mobile-page-header.show .top .hover-img,
    .mobile-page-header.show .top .right .close {
        display: block
    }

    .mobile-page-header.show .mobile-header-popover-container {
        pointer-events: initial
    }

    .mobile-page-header .top {
        width: 100vw;
        height: 48px;
        padding: 0 24px;
        justify-content: space-between;
        align-items: center;
        z-index: 1005;
        background: 0 0;
        transition: all .3s ease
    }

    .mobile-page-header .top .hover-img {
        display: none
    }

    .mobile-page-header .top .left {
        display: flex;
        align-items: center;
        height: 24px
    }

    .mobile-page-header .top .left .logo {
        width: 100px;
        height: 24px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .mobile-page-header .top .left img {
        height: 20px
    }

    .mobile-page-header .top .right {
        height: 24px
    }

    .mobile-page-header .top .right .close,
    .mobile-page-header .top .right .expand {
        width: 20px;
        height: 20px;
        -o-object-fit: contain;
        object-fit: contain;
        opacity: 1
    }

    .mobile-page-header .top .right .close {
        display: none
    }

    .mobile-page-header .top .right span {
        display: block;
        width: 18px;
        height: 2px;
        margin-bottom: 3px;
        background-color: #0e57a2;
        transition: background .5s cubic-bezier(.77, .2, .05, 1), opacity .55s ease, transform .5s cubic-bezier(.77, .2, .05, 1), width .5s;
        left: 0;
        transform-origin: 16px;
        border-radius: 3px;
        opacity: 1
    }

    .mobile-page-header .top .right span:nth-of-type(2) {
        transition: width .5s ease
    }

    .first-rotate {
        transform: rotate(-45deg)
    }

    .mobile-page-header .top .right span.mid-width {
        width: 0;
        opacity: 0
    }

    .last-rotate {
        transform: rotate(45deg)
    }

    .mobile-menu-close-button {
        display: none
    }

    .header-show {
        z-index: 1000 !important
    }

    .header-show .mobile-header-popover-container-inner {
        opacity: 1 !important;
        transform: translate(0, 0) !important
    }

    .mobile-page-header .mobile-header-popover-container {
        position: absolute;
        top: 48px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        height: calc(100vh - 48px);
        font-size: 12px;
        overflow: hidden;
        pointer-events: none
    }

    .mobile-page-header .mobile-header-popover-container .mobile-header-popover-container-inner {
        width: 100%;
        height: 100%;
        opacity: 0;
        font-size: 12px;
        background: #eee;
        transform: translate(0, -100%);
        transition: all .5s ease
    }

    .mobile-page-header .mobile-header-popover-container .mobile-header-popover {
        height: calc(100vh - 104px);
        overflow-y: scroll;
        /* background: #fff */
        background: #F2F4F5;
    }

    .mobile-page-header .mobile-header-popover-container .mobile-header-popover .mobile-header-menu-item-wrapper {
        padding: 0 24px
    }

    .mobile-page-header .mobile-header-popover-container .mobile-header-popover .mobile-header-menu-item {
        display: flex;
        height: 56px;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        border-bottom: 1px solid rgba(140, 140, 140, .19)
    }

    .header-menu-active {
        transform: translateY(30px);
        opacity: 1 !important;
        height: initial !important;
        z-index: 1001 !important
    }

    .mobile-header-menu-children-container,
    .mobile-sub-item-container {
        z-index: -1;
        transition: all .5s ease;
        position: relative;
        top: -30px;
        opacity: 0;
        height: 0
    }

    .mobile-header-menu-children-container {
        background: #f9f9f9;
        width: 100vw;
        padding: 0 24px 0 40px;
        transition-property: transform, height, opacity
    }

    .mobile-sub-item-container {
        overflow: hidden
    }

    .mobile-page-header .mobile-header-popover-container .mobile-header-popover .mobile-header-menu-item-active {
        background: #ecf2f8;
        border: 0;
        z-index: 1002
    }

    .mobile-header-menu-item-active .color-333 {
        color: #0e57a2
    }

    .mobile-page-header .mobile-header-popover-container .mobile-header-popover .mobile-header-menu-item-active>.mobile-header-menu-item {
        border: 0
    }

    .mobile-header-menu-children-container .mobile-header-menu-item:last-of-type {
        border: 0 !important
    }

    .sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0
    }

    .mobile-header-icon {
        transition: transform .5s;
        transform: rotate(0deg)
    }

    .mobile-header-icon img {
        transition: all .5s;
    }

    .mobile-header-icon img:nth-child(1) {
        display: bolck;
    }

    .mobile-header-icon img:nth-child(2) {
        display: none;
    }

    .mobile-header-icon-active img:nth-child(1) {
        display: none;
    }

    .mobile-header-icon-active img:nth-child(2) {
        display: block;
    }

    /* .mobile-header-icon-active {
        transform: rotate(180deg)
    } */

    .mobile-header-contact-us {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 0;
        background: linear-gradient(180deg, #fafcfe 0, #f4f7fb 100%);
        border-radius: 0 0 0 2px;
        padding: 0 60px 0 24px;
        align-items: center;
        font-size: 14px;
        color: #333;
        font-family: PingFangSC-Regular, PingFang SC;
        transition: all .5s ease;
        z-index: 1100;
        display: flex;
        justify-content: space-between
    }

    .mobile-header-contact-us a {
        color: #333
    }

    .mobile-header-contact-us-show {
        height: 5560px
    }

    .mobile-header-contact-us i {
        font-size: 12px
    }

    .mobile-header-contact-us .close {
        position: absolute;
        left: calc(50% - 6px);
        top: calc(50% - 8px)
    }

    .menu-popover-item-category {
        display: none !important
    }

    .mobile-fixed-top {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0
    }

    .mobile-sub-title {
        display: flex;
        justify-content: space-between
    }

    .mobile-header-menu-children-container .init-icon {
        display: inline-block;
        width: 47px;
        margin-right: 5px
    }
}