/* mobile header css start */

@media (min-width: 992px) {
    .header-navbar {
        padding: 10px 10px 0px 10px;
    }
}

#m-header ul#miniMenuToggle {
    position: fixed;
    right: 0;
    left: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 900;
    border-top: none;
    top: 0px;
    margin-top: 0px;
    overflow: auto;
    max-height: 100%;
    height: calc(100vh + 1px);
    width: calc(100vw - 100px);
    /* border-top-left-radius: 0px;
    border-top-right-radius: 0px; */
    border-radius: 0;
    border-bottom-width: 0px;
    background: #fff;
}

#m-header ul#miniMenuToggle .menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    border-bottom: 1px solid #E1E6F0;
}

#m-header ul#miniMenuToggle li {
    list-style-type: none;
}

#m-header ul#miniMenuToggle>li:first-child>a {
    padding-top: 10px;
}

#m-header ul#miniMenuToggle>li>a {
    /* border-bottom: solid 1px #e4e7e9; */
    color: #333;
}

#m-header ul#miniMenuToggle li a.notification-link {
    border-top: none;
    background-color: #fcfcfc;
}

#m-header ul#miniMenuToggle li.active>a {
    color: #1abc9c
}

#m-header button#dropdownminiMenu {
    outline: none;
    margin-top: 4px;
    background: #dddddd;
}

#m-header ul#miniMenuToggle>li a {
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    line-height: 1.5;
}

#m-header ul#miniMenuToggle>li>a>span.m-menu-span {
    margin-left: 5px;
    font-weight: 500;
    color: #2F3950;
}

#m-header ul#miniMenuToggle>li>a>i.fa {
    width: 25px;
    text-align: center;
    margin-right: 7px;
    margin-left: -1px;
}

#m-header ul#miniMenuToggle>li>a>i.fa:not(.visible) {
    display: none;
}

#m-header ul#miniMenuToggle>li>a>i.fa.neg-mr-3 {
    margin-right: -3px;
    margin-top: 4px;
    position: absolute;
    right: 10px;
}

#m-header ul#miniMenuToggle>li {
    font-size: 16px;
    background-color: #fff;
    position: relative;
}

#m-header ul#miniMenuToggle>li.active span.m-menu-span {
    color: #1ABC9C;
}

#m-header ul#miniMenuToggle li ul {
    padding-left: 0px;
    background-color: #fff;
}

#m-header ul#miniMenuToggle>li>span>a {
    color: #555;
}

#m-header ul#miniMenuToggle li ul>li {
    padding-left: 25px;
    /* padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f6f6f7; */
}

/* #m-header ul#miniMenuToggle li ul>li:last-child {
    border-bottom: solid 1px #e4e9f0;
} */

#m-header ul#miniMenuToggle li ul>li>a {
    font-size: 14px;
    text-decoration: none;
    display: block;
    /* border-bottom: 1px solid #E1E6F0; */
    width: calc(100% - 24px);
    font-weight: 500;
    color: #2F3950;
}

#m-header ul#miniMenuToggle li ul>li>a img {
    width: 24px;
    margin-right: 10px;
    display: none;
}

#m-header ul#miniMenuToggle li .sign-btn-group {
    padding: 20px;
}

#m-header ul#miniMenuToggle li .sign-btn-group a {
    font-weight: 600;
    border-radius: 8px;
    margin-bottom: 15px;
    border: none;
}

#m-header ul#miniMenuToggle li .sign-btn-group a.btn-gray {
    background: #EFF2F4;
}

#m-header ul#miniMenuToggle>li>a,
#m-header ul#miniMenuToggle>.active>a,
#m-header ul#miniMenuToggle>.active>a:hover,
#m-header ul#miniMenuToggle>.active>a:focus {
    background-color: #fff;
}

#m-header #dropdownUserMenu {
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
}

.mobile-ui.header.userinfo {
    position: absolute;
    top: 60px;
    left: 0px;
    z-index: 700;
    width: 100%;
    background: #fff;
}

#m-header ul#miniMenuToggle .table-user {
    width: 100%;
    table-layout: fixed;
    border-bottom: solid 1px #e4e7e9;
}

#m-header ul#miniMenuToggle .table-user tr>td {
    padding-bottom: 12px;
    padding-top: 12px;
    background: #fff;
}

#m-header ul#miniMenuToggle .table-user tr>td>a {
    color: #555;
}

#m-header ul#miniMenuToggle .table-user tr>td:first-child {
    border-right: 1px solid #e4e9f0;
}

#m-header ul#miniMenuToggle .table-user-login tr>td:first-child {
    border-right: none;
    width: 70%;
    padding-left: 25px;
}

#m-header ul#miniMenuToggle .table-user-logout tr>td a {
    padding-left: 0px;
}

#m-header ul#miniMenuToggle .table-user-login tr>td:first-child>a {
    float: left;
    padding: 0px;
}

#m-header ul#miniMenuToggle .table-user-login tr>td:nth-child(2) {
    padding-top: 15px;
    padding-right: 25px;
}

#m-header ul#miniMenuToggle .table-user-login tr>td:nth-child(2)>a {
    padding: 0px;
    float: right;
}

#m-header ul#miniMenuToggle .table-user-login tr>td:first-child>a>span.user-icon>img {
    width: 30px;
}

#m-header ul#miniMenuToggle .table-user-login tr>td:first-child>a>span:nth-child(2) {
    margin-left: 5px;
    top: 2px;
    position: relative;
}

#m-header ul#miniMenuToggle #ticketCount {
    top: 4px;
    padding: 2px 5px;
    background-color: #eb4459;
    color: #fff;
    position: absolute;
}

.header-navbar ul.loginbar li {
    padding-left: 5px;
    padding-bottom: 0;
    display: inline;
    list-style: none;
    position: relative;
    padding-bottom: 15px;
}

.header-navbar ul.loginbar li:not(:last-child):hover,
.header-navbar ul.loginbar li.border-bottom:hover {
    border-bottom: 2px solid #1abc9c;
}

.header-navbar ul.loginbar li a {
    color: #333333;
    text-decoration: none;
}

#m-header .btn-user .span-user {
    font-size: 20px;
    color: #666;
    margin-top: 6px;
    margin-right: 6px;
}

.pc-header img#logo-header {
    width: auto;
    height: 42px;
    margin-top: -1px;
}

#m-header img#logo-header {
    width: auto;
    height: 42px;
    /* width: 120px; */
}

@media (max-width: 321px) {
    /* #m-header ul#miniMenuToggle {
        width: calc(100vw - 80px);
    } */
}

/* mobile header css end */

/* pc header css start */

.hdropdown.with-avatar {
    width: 200px;
    background: #FFF;
    text-align: left;
    position: absolute;
    left: -124%;
}

.hdropdown.with-avatar {
    width: 210px;
    background: #FFF;
    text-align: left;
    position: absolute;
    left: -200px;
}

@media (min-width: 1322px) {
    .hdropdown.with-avatar {
        left: -77px;
    }
}

.hdropdown.with-avatar>li {
    display: block;
    float: left;
}

.hdropdown.with-avatar>li a {
    color: #555;
    text-decoration: none;
    height: inherit;
    padding-top: 7px;
    padding-bottom: 5px;
}

.hdropdown.with-avatar>li {
    width: 50%;
    display: inline-block;
    background: #FFF;
    border: none;
}

.hdropdown.with-avatar>li:first-child {
    width: 100%;
    color: #6a6c6f;
}

.hdropdown.with-avatar>li:first-child:hover {
    background: #FFF;
}

.hdropdown.with-avatar>li:first-child .people-logo-intable {
    width: 50px !important;
    height: 50px;
}

.hdropdown.with-avatar>li:last-child {
    width: 100%;
    text-align: center !important;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.hdropdown.with-avatar>li>a {
    color: #6a6c6f;
}

#udidList li,
#toolsList li,
#docList li,
#productsList li,
#serviceList li {
    list-style: none;
    word-break: break-word;
    list-style-type: none;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    line-height: normal;
    height: auto;
    text-align: left;
    border-bottom: 0px solid #e7e7e7;
    display: block;
    clear: both;
    margin-bottom: 8px;
}

#udidList li .item img,
#docList li .item img,
#toolsList li .item img,
#productsList li .item img,
#serviceList li .item img {
    max-width: 45px;
    margin-left: auto;
}

#udidList li .item img {
    max-width: 34px;
}

#toolsList li .item,
#docList li .item,
#productsList li .item,
#serviceList li .item {
    margin-bottom: 15px;
    padding: 8px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

#serviceList li .item,
#toolsList li .item,
#docList li .item {
    margin-bottom: 5px;
}

#udidList li .item {
    justify-content: left;
}

#udidList {
    padding: 0;
    left: -15%;
    width: 190px;
}

#udidList li {
    margin: 0;
    padding: 5px 5px;
    height: 48px;
}

#udidList li .item {
    margin-left: 0;
    margin-right: 0;
    margin: 0;
    padding: 0px;
    border: none;
    height: 38px;
}

#udidList li .item>.item-desc>p.title {
    margin: 0;
}

#udidList li:hover,
#productsList li .item:hover {
    background: #F6F8FA;
    border-radius: 5px;
}

#serviceList li:hover,
#toolsList li:hover,
#docList li:hover {
    background: rgba(246, 248, 250, 1);
    border-radius: 4px;
}

#udidList li:hover {
    border-radius: 0px;
}

#udidList li .item>.item-img,
#toolsList li .item>.item-img,
#docList li .item>.item-img,
#productsList li .item>.item-img,
#serviceList li .item>.item-img {
    padding-right: 0;
}

#toolsList li .item>.item-desc,
#docList li .item>.item-desc,
#productsList li .item>.item-desc,
#serviceList li .item>.item-desc {
    padding-right: 0;
}

#docList li .item .title,
#productsList li .item .title,
#toolsList li .item .title,
#serviceList li .item .title,
#openServiceList li .item .title {
    color: #2F3950;
    font-size: 16px;
    font-weight: 600 !important;
}

#openServiceList li .item .title {
    font-size: 14px;
    font-weight: 500 !important;
}

#docList li .item .title,
#docList li .item .subtitle,
#productsList li .item .title,
#productsList li .item .subtitle,
#toolsList li .item .title,
#toolsList li .item .subtitle,
#serviceList li .item .title,
#serviceList li .item .subtitle {
    line-height: 20px;
    margin: 0;
    text-align: left;
    width: 100%;
}

#docList li .item .subtitle,
#udidList li .item .subtitle,
#toolsList li .item .subtitle,
#productsList li .item .subtitle,
#serviceList li .item .subtitle {
    color: #687089;
    margin-top: 8px;
}

#toolsList li>a,
#docList li>a,
#productsList li>a,
#serviceList li>a {
    width: 120px;
    margin-left: 3px;
    border-bottom: none;
    height: 30px;
    cursor: pointer;
    display: contents;
    width: 100%;
}

#udidList li>a:hover,
#docList li>a:hover,
#toolsList li>a:hover,
#productsList li>a:hover,
#serviceList li>a:hover {
    text-decoration: none;
    color: #333 !important;
}

.dropdown-menu-box {
    background: transparent;
    padding-bottom: 32px;
    padding-top: 0;
    width: 100vw;
    position: absolute;
    top: 60px;
    border: none;
    border-radius: 0;
    left: 0;
    margin: 0;
    box-shadow: none;
}

.dropdown-menu-box * {
    user-select: none;
}

.dropdown-menu-box>div.container {
    background: #F6F8FA;
    box-shadow: 0px 10px 20px 0px rgba(87, 100, 114, 0.1);
    border-radius: 0px 0px 8px 8px;
}

.dropdown-menu-box>div.container .left-box {
    padding-top: 15px;
}

.dropdown-menu-box>div.container .flexRow.left-item {
    padding: 20px 20px 20px 30px;
    align-items: flex-start;
    border-right: 2px solid transparent;
}

.dropdown-menu-box>div.container .flexRow.left-item:hover,
.dropdown-menu-box>div.container .flexRow.left-item.active {
    background-color: #fff;
    border-right: 3px solid #1ABC9C;
}

.dropdown-menu-box>div.container .flexRow.left-item.item-alone {
    flex-direction: column;
    background-color: transparent;
    border-right: 3px solid transparent;
    padding-top: 15px;
}

.dropdown-menu-box>div.container .flexRow.left-item.item-alone a.btn-white {
    background: #fff;
    font-weight: 500;
    color: #1ABC9C !important;
}

.dropdown-menu-box>div.container .flexRow.left-item.item-alone a.btn-white:hover {
    background: #1ABC9C !important;
    color: #fff !important;
}

.dropdown-menu-box>div.container .left-box a {
    text-decoration: none;
}

.dropdown-menu-box>div.container .flexRow.left-item img.icon {
    width: 20px;
    margin-right: 20px;
    top: 5px;
    position: relative;
}

.dropdown-menu-box>div.container .right-item.item-box {
    padding: 15px;
    cursor: pointer;
    padding-top: 0;
}

.lang-en .dropdown-menu-box>div.container .right-item.item-box {
    min-height: 300px;
}

.lang-en .dropdown-menu-box>div.container .right-item.item-box>div .subtitle {
    text-align: left;
}

.dropdown-menu-box>div.container .right-item.item-box>div {
    padding: 15px 15px;
}

.dropdown-menu-box>div.container .right-item.item-box>div .subtitle {
    line-height: 22px;
    margin-top: 15px;
    text-align: justify;
}

.dropdown-menu-box>div.container .right-item.item-box>div:hover {
    background: #F3F6F9;
    border-radius: 8px;
}

.dropdown-menu-box>div.container .right-item.item-lite-box>div {
    background: #F7F9FC;
    border-radius: 8px;
}

.dropdown-menu-box>div.container .right-item.item-box .icon>img {
    width: 56px;
    margin-right: 24px;
}

.dropdown-menu-box>div.container .right-item .icon .img-lite-box {
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px 0px rgba(87, 100, 114, 0.1);
    border-radius: 9px;
}

.dropdown-menu-box>div.container .right-item.item-default .icon>img {
    align-self: flex-start;
    width: 24px;
    margin-right: 15px;
}

.dropdown-menu-box>div.container .right-item.item-default>div {
    padding: 20px;
    cursor: pointer;
}

html:not([lang="cn"]) .dropdown-menu-box>div.container .right-item.item-default>div {
    height: 110px;
}

.dropdown-menu-box>div.container .right-item .title {
    /* display: block; */
    line-height: 1.5;
}

.lang-zh .dropdown-menu-box>div.container .right-item .subtitle {
    white-space: nowrap;
}

.lang-cn .dropdown-menu-box>div.container .right-item .subtitle {
    white-space: nowrap;
}

.lang-en .dropdown-menu-box>div.container .right-item.item-default>div {
    min-height: 120px;
}

.lang-en .dropdown-menu-box>div.container .tool .right-item.item-default>div {
    min-height: 145px;
}

.lang-en .dropdown-menu-box>div.container .right-item.item-lite-box>div {
    min-height: 120px;
}

.lang-en .dropdown-menu-box>div.container .pgyer .right-item.item-default>div,
.lang-en .dropdown-menu-box>div.container .code .right-item.item-default>div {
    min-height: 120px;
}

.lang-en .dropdown-menu-box>div.container .distribution .right-item.item-box>div {
    min-height: 285px;
}

.lang-rus .dropdown-menu-box>div.container .right-item.item-default .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px;
}

.lang-rus .dropdown-menu-box>div.container .right-item.item-default .subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.5em;
    line-height: 1.5em;
    white-space: normal;
}

.lang-rus .dropdown-menu-box>div.container .right-item.item-default>div {
    min-height: 120px;
}

.lang-rus .dropdown-menu-box>div.container .tool .right-item.item-default>div {
    min-height: 145px;
}

.lang-rus .dropdown-menu-box>div.container .right-item.item-lite-box>div {
    min-height: 120px;
}

.lang-rus .dropdown-menu-box>div.container .pgyer .right-item.item-default>div,
.lang-rus .dropdown-menu-box>div.container .code .right-item.item-default>div {
    min-height: 120px;
}

.lang-rus .dropdown-menu-box>div.container .distribution .right-item.item-box>div {
    min-height: 285px;
}

.dropdown-menu-box>div.container .right-item.item-default>div:hover {
    background: #F3F6F9;
    border-radius: 8px;
    cursor: pointer;
}

.en #productsList>div.container .right-item {
    min-height: 150px;
}

.lang-en #productsList>div.container .right-item {
    min-height: 150px;
}

.dropdown-menu-box>div.container .right-item {
    padding: 0 10px;
}

.dropdown-menu-box>div.container .right-item.item-lite-box {
    margin-bottom: 20px;
}

.dropdown-menu-box>div.container .right-item .flexRowBetween {
    width: 100%;
}

html:not([lang="cn"]) .dropdown-menu-box>div.container .right-item .flexRowBetween>div {
    padding-right: 10px;
}

.dropdown-menu-box>div.container .right-item .flexRowBetween .title-badge {
    display: flex;
    align-items: center;
}

html:not([lang="cn"]) .dropdown-menu-box>div.container .right-item .flexRowBetween .title-badge {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.dropdown-menu-box>div.container .right-item .flexRowBetween .title-badge img {
    height: 16px;
    margin-left: 5px;
}

.dropdown-menu-box>div.container .right-item.item-default .title>.subtitle {
    padding-left: 38px;
    margin-top: 5px;
}

.dropdown-menu-box>div.container .right-item.item-box .icon .more-icon {
    width: 8px;
    margin-right: 8px;
}

.dropdown-menu-box>div.container .right-item.item-box .item-tag {
    background: #FFFFFF;
    border: 1px solid #E1E6F0;
    border-radius: 4px;
    font-size: 12px;
    color: #AAB0C4;
    padding: 2px 10px;
    margin-right: 5px;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 5px;
}

.dropdown-menu-box>div.container .right-item.item-box .icon>div.flexRowBetween {
    flex: 1;
}

.dropdown-menu-box>div.container .right-box {
    /* border-left: 1px solid #E1E6F0; */
    background: #fff;
    padding: 25px 15px;
    min-height: 420px;
    border-bottom-right-radius: 8px;
    padding-bottom: 60px;
}

.dropdown-menu-box>div.container .right-box .box-detail {
    display: none;
}

.dropdown-menu-box>div.container .right-box .box-detail.pgyerService,
.dropdown-menu-box>div.container .right-box .box-detail.tool {
    padding-bottom: 30px;
}

.dropdown-menu-box>div.container .right-box .box-detail.active {
    display: block;
    /* animation: fadeIn 1s; */
}

.dropdown-menu-box>div.container .right-box .box-detail .right-tag-box .tag-item {
    padding: 10px 0px 10px 30px;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-tag-box .tag-item:hover {
    background: #F6F8FA;
    border-radius: 4px;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-tag-box .tag-item span {
    position: relative;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-tag-box .tag-item span::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #1ABC9C;
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    left: -15px;
    top: 7px;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .check-more a {
    color: #687089;
    margin-right: 12px;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .check-more:hover {
    color: #1ABC9C;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .service-class-box {
    padding: 15px 30px 0 30px;
    margin-bottom: 10px;
    align-self: stretch;
    min-height: 210px;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .service-class-box .more-service-box .more-service-item {
    width: 60px;
    margin-right: 20px;
    text-align: center;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .check-more a:hover {
    text-decoration: none;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .more-service-box:hover a,
.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .service-list-box:hover a {
    text-decoration: none;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .more-service-box {
    padding: 10px 0;
    border-top: 1px solid #E1E6F0;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .service-list-box .service-item {
    margin-right: 20px;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .service-list-box .service-item p {
    text-overflow: ellipsis;
    width: 60px;
    white-space: nowrap;
    overflow: hidden;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .service-list-box .service-item:hover p {
    color: #29CEAD;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .service-list-box .service-item img {
    width: 60px;
    height: 60px;
    border: 1px solid #E1E6F0;
    border-radius: 4px;
    object-fit: contain;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .service-article-box .article-item {
    padding: 15px;
    align-items: self-start;
    margin-bottom: 10px;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .service-article-box .article-item:hover {
    background: #F6F8FA;
    border-radius: 4px;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .service-article-box .article-item .icon {
    width: 14px;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .service-article-box .article-item .right {
    width: 100%;
    overflow: hidden;
}

.dropdown-menu-box>div.container .right-box .box-detail .right-service-box .service-article-box .article-item .right .title {
    font-size: 16px;
    font-weight: 600;
    color: #2F3950;
    text-align: start;
    display: block;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

header>.header-navbar {
    border-bottom: 1px solid #E1E6F0;
}

#serviceList hr.menu-divider {
    width: 85%;
    margin: 20px 0 5px 0;
}

.btn.btn-publish {
    color: #fff;
    background: #1abc9c;
    padding: 4px 12px;
    height: auto;
    margin-right: 15px;
}

.btn.btn-publish i {
    margin-right: 5px;
}

#serviceList .menu_title p,
#docList .menu_title p,
#toolsList .menu_title p,
#openServiceList .menu_title p,
#openServiceList .openservice-service .menu_title {
    font-size: 16px;
    padding-bottom: 15px;
    margin-bottom: 16px;
    border-bottom: 1px solid #E1E6F0;
    color: #2F3950;
}

#openServiceList .menu_title p a,
#openServiceList .menu_title p,
#openServiceList .openservice-service .menu_title .service-class-title a,
#openServiceList .openservice-service .menu_title a {
    font-weight: 600 !important;
    color: #2F3950;
    text-decoration: none;
}

#openServiceList .openservice-service .menu_title {
    padding-bottom: 36px;
}

#openServiceList .openservice-service .position-list .menu_title:not(:first-child) {
    margin-top: 28px;
}

#openServiceList .openservice-service .menu_title .fa {
    margin-left: 10px;
    position: relative;
    top: 4px;
}

#productsList .menu_title p {
    border-top: 1px solid #E1E6F0;
    font-size: 16px;
    padding-top: 20px;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

#productsList .menu_title p a {
    color: #2F3950;
}

#productsList .menu_title p a:hover {
    color: #1ABC9C;
}

#serviceList .zc-menu-left>li:first-child,
#serviceList .zc-menu-right>li:first-child {
    border-bottom: 1px solid #e0e5ec;
    border: none;
    width: 85%;
    margin-bottom: 5px;
}

#headerLeftNavbar {
    margin-left: 40px;
}

#headerLeftNavbar a>i {
    margin-left: 5px;
}

#headerLeftNavbar li {
    min-width: 80px;
}

@media (max-width: 992px) {
    .pading-b80 {
        padding-bottom: 40px;
    }

    .mt-70,
    .mt-60 {
        margin-top: 30px;
    }

    .mt-25 {
        margin-top: 0px;
    }

    .mt-50 {
        margin-top: 35px;
    }

    .pb-65 {
        padding-bottom: 30px;
    }

    .icpLogo {
        height: auto !important;
    }
}

li.text-left>a>div.hot {
    width: 30px;
    height: 14px;
    display: inline-block;
    margin-left: 10px;
    background: url("https://assets.pgyer.com/static-20240110/images/hot1.png");
    position: absolute;
    top: 12px;
}

div.price-tip,
div.price-tip-side {
    width: 30px;
    height: 14px;
    display: inline-block;
    margin-left: 10px;
    background: url("https://assets.pgyer.com/static-20240110/images/price-new.png");
    position: absolute;
    top: 0px;
}

div.price-tip-side {
    left: 90px;
    top: 15px;
}

.header-menu.zc-dropdaon-menu .new {
    position: absolute;
    left: 37px;
    top: -4px;
    font-size: 13px;
    background: url("https://assets.pgyer.com/static-20240110/assets/img/new.png") no-repeat;
    width: 30px;
    height: 15px;
    display: inline-block;
}

.tab-content .new,
.zc_menu .new {
    position: absolute;
    left: 46px;
    top: -4px;
    font-size: 13px;
    background: url("https://assets.pgyer.com/static-20240110/assets/img/new1.png") no-repeat;
    width: 30px;
    height: 15px;
    display: inline-block;
    z-index: 999;
    background-size: cover;
}

.tab-content .new {
    background-size: 30px;
    top: 24px;
    left: 187px;
}

.header-menu.zc-dropdaon-menu .li-new {
    position: absolute;
    top: 12px;
    left: 100px;
    font-size: 13px;
    background: url("https://assets.pgyer.com/static-20240110/assets/img/new.png") no-repeat;
    height: 15px;
    width: 30px;
}

/* pc header css end */

/* new year css */

header .header-whole {
    background: url("https://assets.pgyer.com/static-20240110/assets/img/newYear/header_bg.png") repeat;
}

header .header-whole div.header-navbar.navbar-default {
    background: none;
}

header .header-whole .navbar-default .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

header .header-whole .navbar-default .navbar-nav {
    margin: 11px -15px;
    margin-bottom: 0px;
}

header .header-whole div.navbar-header {
    position: relative;
}

header .header-whole div.navbar-header>img.decorator1 {
    position: absolute;
    top: 28%;
    left: -40%;
    z-index: 0;
}

header .header-whole div.navbar-header>img.decorator2 {
    position: absolute;
    top: 1%;
    left: 82%;
}

header .header-whole div.pc-header>div.header-firework {
    position: absolute;
    top: 0;
    height: 100%;
    width: 33%;
    overflow: hidden;
    z-index: -1;
    right: -16%;
}

header .header-whole div.pc-header>div.header-firework>div {
    position: relative;
    height: 100%;
}

header .header-whole div.pc-header>div.header-firework>div>img:nth-child(1) {
    left: 31%;
    position: absolute;
    bottom: 0;
}

header .header-whole div.pc-header>div.header-firework>div>img:nth-child(2) {
    position: absolute;
    left: 23%;
}

header .header-whole div.pc-header>div.header-firework>div>img:nth-child(3) {
    position: absolute;
    right: 33%;
    top: 2px;
    width: 36px;
}

header .header-whole div.pc-header>div.header-firework>div>img:nth-child(4) {
    position: absolute;
    bottom: -90px;
    left: 0%;
}

header .header-whole div.pc-header>div.header-firework>div>img:nth-child(5) {
    position: absolute;
    bottom: -79px;
    right: 7%;
    transform: rotate(180deg);
}

header .header-whole .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background: #fff0;
}

header .header-whole div.pc-header .navbar-nav.navbar-right:last-child {
    position: relative;
    right: 6%;
}

header .header-whole div.navbar-default {
    padding-top: 0px;
}

header .header-whole div.pc-header img#logo-header {
    z-index: 10;
    position: relative;
    left: -11%;
    width: 100%;
    margin-top: 0px;
}

body {
    overflow-x: hidden;
}

@media (max-width: 1200px) {
    header .header-whole div.pc-header img#logo-header {
        margin-top: 7px;
        z-index: 10;
        position: relative;
        height: 45px;
        left: -5%;
        width: 125px;
    }

    header .header-whole div.pc-header>div.header-firework {
        display: none;
    }

    header .header-whole div.top-menu {
        transform: translateY(100%);
        margin-top: 0px;
    }

    header .header-whole div.top-menu>ul.top-menu {
        margin-bottom: 0px;
    }
}

header>.header-navbar {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    header .header-whole div.pc-header .navbar-nav.navbar-right:last-child {
        margin-right: 0px;
    }

    header>.header-navbar {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*
.navbar-nav .beta{
    position: absolute;
    left: 61px;
    top: -5px;
    font-size: 13px;
    background: url(/static/assets/img/beta.png) no-repeat;
    width: 30px;
    height: 15px;
    display: inline-block;
}
*/

li.text-left>a>div.beta {
    width: 30px;
    height: 14px;
    display: inline-block;
    margin-left: 10px;
    background: url(/static/assets/img/beta.png);
    position: absolute;
    top: 12px;
}

.navbar .nav li .new {
    position: absolute;
    left: 37px;
    top: -4px;
    /* position: relative;
    left: 26px;
    top: -52px; */
    font-size: 13px;
    background: url("https://assets.pgyer.com/static-20240110/assets/img/new1.png") no-repeat;
    width: 30px;
    height: 15px;
    display: inline-block;
    z-index: 999;
    background-size: cover;
}

li.text-left>a>div.newTip {
    width: 30px;
    height: 14px;
    display: inline-block;
    margin-left: 10px;
    background: url("https://assets.pgyer.com/static-20240110/assets/img/new.png") no-repeat;
    position: absolute;
    top: 12px;
}

.navbar .nav li .beta-nav {
    position: absolute;
    left: 72px;
    top: -4px;
    font-size: 13px;
    background: url("https://assets.pgyer.com/static-20240110/assets/img/beta.png") no-repeat;
    width: 30px;
    height: 15px;
    display: inline-block;
    z-index: 999;
}

#miniMenuToggle .loggedUserName a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#miniMenuToggle .loggedUserNameMobile {
    white-space: nowrap;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
}

#miniMenuToggle .loggedUserNameMobile span {
    font-size: 16px;
    font-weight: 600;
    color: #2F3950;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

#miniMenuToggle .user-avatar-box {
    padding: 24px 20px;
    margin-bottom: 70px;
}

#miniMenuToggle .user-avatar-box>div {
    display: flex;
    border: 1px solid #E1E6F0;
    border-radius: 8px;
    align-items: center;
}

#miniMenuToggle .user-avatar-box a {
    padding: 0;
}

.navbar .nav li.active a {
    background: white;
    font-size: 15px;
    color: #1abc9c;
    border-bottom: 2px solid #1abc9c;
}

#miniMenuToggle .user-avatar-box .user-icon {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    bottom: 0;
}

#miniMenuToggle .user-avatar-box .avatar-group {
    position: relative;
    margin-right: 15px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #serviceList hr.menu-divider {
        float: left;
    }
}

@supports (-ms-ime-align: auto) {
    #serviceList hr.menu-divider {
        float: left;
    }
}

_:-ms-lang(x),
#serviceList hr.menu-divider {
    float: left;
}

_:-ms-lang(x),
#serviceList li .item>.item-desc {
    padding-left: 20px;
}

_:-ms-lang(x),
#serviceList li {
    display: list-item;
    margin-bottom: 15px;
}

_:-ms-lang(x),
#serviceList li>a {
    display: block;
    width: 100%;
}

@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */
}

.article-list {
    padding-top: 30px;
}

.openservice-service {
    padding: 30px;
}

.openservice-introduce {
    padding: 50px 30px;
    background: #F6F8FA;
}

#openServiceList .openservice-introduce .menu_title p {
    font-size: 20px;
    font-family: PingFang SC;
    border-bottom: none !important;
    color: #2F3950;
    font-weight: 600;
    padding-bottom: 30px;
    margin-bottom: 0;
}

#openServiceList .openservice-introduce .openservice-content {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #687089;
    line-height: 24px;
    padding-bottom: 50px;
}

.ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-word;
}

#openServiceList a:focus,
#openServiceList a:hover,
#openServiceList a:active,
#openServiceList .openservice-service li:focus {
    color: #29CEAD !important;
}

.ellipsis-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}

.article-list .item-img {
    width: 16px;
    height: 20px;
    margin-right: 10px;
    position: relative;
    float: left;
    top: 6px;
}

.article-list .row {
    margin: 0;
}

.article-list .item-img.hot0 {
    background: url("https://assets.pgyer.com/static-20240110/images/article-hot1@2x.png") no-repeat;
    background-size: 16px 20px;
}

.article-list .item-img.hot1 {
    background: url("https://assets.pgyer.com/static-20240110/images/article-hot2@2x.png") no-repeat;
    background-size: 16px 20px;
}

.article-list .item-img.hot2 {
    background: url("https://assets.pgyer.com/static-20240110/images/article-hot3@2x.png") no-repeat;
    background-size: 16px 20px;
}

.article-list .item-img.topicimg {
    width: 90px;
    height: 56px;
}

.article-list .item-desc.title {
    margin-bottom: 0;
    line-height: 22px;
}

.article-list .item-desc p.title {
    margin-bottom: 0;
}

.article-list .subtitle {
    color: #687089;
}

#openServiceList li:hover {
    color: #29CEAD;
}

#openServiceList li:hover .item .title {
    color: #29CEAD;
}

#openServiceList li a,
#openServiceList li a:hover {
    text-decoration: none;
}

#docList .right-box {
    border-left: none;
    border-bottom-left-radius: 8px;
}

/* new year css */