.pls-notice {
    height: 54px;
    background: #3d485d;
    padding: 0 20px;
    color: #fff
}

.pls-notice-inner {
    margin: 0 auto;
    display: flex;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    height: 100%;
    white-space: nowrap
}

.pls-notice-inner.mobile {
    display: none
}

.pls-notice-tag {
    position: relative;
    height: 22px;
    padding: 0 8px;
    background: #0052d9;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    border-radius: 2px;
    border-bottom-right-radius: 0;
    margin-right: 20px
}

.pls-notice-tag:after {
    content: "";
    position: absolute;
    left: 100%;
    bottom: 0;
    border-style: solid;
    border-width: 3px 4px;
    border-color: transparent transparent #0052d9 #0052d9
}

.pls-notice-tag.warning {
    background-color: #ff7800
}

.pls-notice-tag.warning:after {
    border-color: transparent transparent #ff7800 #ff7800
}

.pls-notice-link {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    margin-left: 12px
}

.pls-notice-link::after {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/link-arrow.1ebc4b26.svg);
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    content: ""
}

.pls-notice-link:hover {
    text-decoration: none
}

.pls-notice-link:hover::after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.pls-notice-content {
    max-width: calc(100vw - 180px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 767px) {
    .pls-notice {
        padding:0 16px
    }

    .pls-notice-inner.mobile {
        display: flex
    }

    .pls-notice-inner.pc {
        display: none
    }

    .pls-notice-link {
        position: relative;
        padding-right: 12px;
        margin-left: 0;
        max-width: calc(100vw - 130px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .pls-notice-link::after {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -5px
    }
}

.pls-modal {
    position: fixed;
    margin: 20px;
    z-index: 1000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    white-space: nowrap;
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: none
}

.pls-modal:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.pls-modal-inner {
    pointer-events: all;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 25px 25px 30px;
    background-color: #fff;
    width: 600px;
    text-align: left;
    max-width: 100%;
    white-space: normal;
    font-size: 14px
}

.pls-modal-hd {
    margin-bottom: 30px
}

.pls-modal-title {
    font-size: 16px;
    line-height: 22px;
    color: #333;
    font-weight: 600
}

.pls-modal-close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 32px;
    height: 32px;
    font-size: 0;
    cursor: pointer
}

.pls-modal-close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/close.4f5479af.svg)
}

.pls-modal-close:hover:before {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/close-hover.1ca66432.svg)
}

.pls-modal-ft {
    margin-top: 20px;
    text-align: center;
    font-size: 0
}

.pls-modal-ft .pls-modal-btn {
    margin: 0 5px
}

.pls-modal-xl .pls-modal-inner {
    width: 950px
}

.pls-modal-l .pls-modal-inner {
    width: 800px
}

.pls-modal-s .pls-modal-inner {
    width: 400px
}

.pls-modal-auto .pls-modal-inner {
    width: auto
}

@media(min-width: 769px) {
    .pls-modal-auto .pls-modal-inner {
        min-width:400px
    }
}

.pls-modal-confirm {
    display: table;
    table-layout: fixed;
    margin-bottom: 30px;
    padding-top: 10px
}

.pls-modal-confirm-object {
    display: table-cell;
    vertical-align: top;
    width: 32px;
    padding-right: 10px;
    box-sizing: content-box
}

.pls-modal-confirm-icon {
    display: inline-block;
    width: 32px;
    height: 32px
}

.pls-modal-confirm-icon-warning {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-warning.d93d7f63.svg)
}

.pls-modal-confirm-icon-success {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-success.37aa4ae1.svg)
}

.pls-modal-confirm-icon-error {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-error.845f44ee.svg)
}

.pls-modal-confirm-icon-pending {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-pending.8f439720.svg)
}

.pls-modal-confirm-icon-infoblue {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-infoblue.ab0eb17b.svg)
}

.pls-modal-confirm-body {
    display: table-cell;
    vertical-align: top
}

.pls-modal-confirm-title {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #333
}

.pls-modal-confirm-desc {
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.pls-modal-btn {
    height: 36px;
    min-width: 88px;
    background-color: #00a4ff;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0px 16px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0);
    -o-border-image: initial;
    border-image: initial;
    outline: none 0px;
    text-decoration: none
}

.pls-modal-btn-weak {
    color: #666;
    background: rgba(0,0,0,0);
    border-color: #dcdee6
}

.pls-modal-btn:hover {
    text-decoration: none;
    background-color: #0092ee
}

.pls-modal-btn-weak {
    color: #666;
    background: rgba(0,0,0,0);
    border-color: #dcdee6
}

.pls-modal-btn-weak:hover {
    background: rgba(0,0,0,0);
    border-color: #999;
    color: #000
}

.pls-nav-btn {
    height: 35px;
    min-width: 140px;
    padding: 0 20px;
    background-color: #0053d9;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    outline: 0 none;
    box-sizing: border-box
}

.pls-nav-btn:hover {
    text-decoration: none;
    background-color: #2670e8
}

.pls-nav-btn-pay {
    background-color: #ff7200
}

.pls-nav-btn-pay:hover {
    background-color: #f06c00
}

.pls-nav-btn-disabled,.pls-nav-btn-disabled:hover {
    background-color: #d5d7de;
    cursor: default
}

.pls-nav-btn-hole {
    border: #0053d9 1px solid;
    background-color: #fff;
    color: #0053d9;
    line-height: 33px
}

.pls-nav-btn-hole-white {
    border: #fff 1px solid;
    background: none;
    color: #fff;
    line-height: 33px
}

.pls-nav-btn-hole:hover {
    background-color: #0053d9;
    border: #0053d9 1px solid;
    color: #fff
}

.pls-nav-btn-hole-white:hover {
    background-color: #fff;
    color: #333
}

.pls-nav-btn-weak {
    background: #fcfcfc;
    border: #d1d2d3 1px solid;
    color: #0053d9;
    line-height: 33px
}

.pls-nav-btn-weak:hover {
    background: #f2f2f2;
    border: #b4b7bf 1px solid
}

.pls-nav-btn-hole-week {
    border: 1px solid #8b8b8d;
    background-color: transparent
}

.pls-nav-btn-hole-week:hover {
    border: 1px solid #0053d9;
    background-color: #0053d9
}

.pls-nav-btn-longer {
    width: 220px
}

.pls-nav-btn-big {
    height: 45px;
    line-height: 45px;
    font-size: 16px
}

.pls-nav-btn-small {
    height: 30px;
    line-height: 28px;
    min-width: 100px;
    font-size: 14px
}

.pls-nav-btn-flex {
    width: 100%;
    min-width: 0
}

.pls-nav-dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100vw;
    height: 660px;
    transition: height .2s ease-in-out;
    max-height: calc(100vh - 62px);
    overflow: hidden;
    background-color: #f1f2f5;
    box-shadow: rgba(55,99,170,.2) 8px 8px 20px 0px,#fff -8px -8px 20px 0px
}

.pls-nav-dropdown-close {
    position: absolute;
    right: 20px;
    top: 40px;
    width: 32px;
    height: 32px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.pls-nav-dropdown-close:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/close.bd5c2f48.svg)
}

.pls-nav-dropdown-close:hover {
    text-decoration: none
}

.pls-nav-dropdown-close:hover:after {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/close-hover.b9528074.svg)
}

.pls-nav-dropdown-inner {
    margin: 0 auto;
    max-width: 1460px;
    height: 100%;
    display: flex;
    padding-right: 20px
}

.pls-nav-dropdown-side {
    position: relative;
    width: 220px
}

.pls-nav-dropdown-side:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50vw;
    height: 100%;
    background: #fff url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/side-bg.a725f079.jpg) right bottom no-repeat;
    background-size: 400px auto
}

.pls-nav-dropdown-side-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 32px;
    box-sizing: border-box
}

.pls-nav-dropdown-content {
    flex: 1;
    display: flex;
    overflow-x: auto;
    overflow-y: auto;
    margin-right: -60px;
    padding-right: 30px
}

@media screen and (max-width: 1200px) {
    .pls-nav-dropdown .pls-nav-dropdown-content::-webkit-scrollbar {
        display:block;
        width: 12px;
        height: 12px
    }

    .pls-nav-dropdown .pls-nav-dropdown-content::-webkit-scrollbar-thumb {
        border-radius: 7px;
        border: 2px solid rgba(0,0,0,0);
        background-color: rgba(0,0,0,.6);
        background-clip: padding-box
    }
}

.pls-nav-dropdown-content-inner {
    display: flex;
    width: 100%;
    min-width: 900px
}

.pls-nav-dropdown-main {
    width: 1px;
    flex: 1;
    max-width: 1100px;
    box-sizing: border-box;
    padding: 32px 40px 0
}

.pls-nav-dropdown-event {
    box-sizing: border-box;
    width: 310px;
    padding: 40px 0 10px
}

.pls-nav-cat-menu {
    display: flex;
    flex-direction: column;
    height: 100%
}

.pls-nav-cat-menu-entry {
    border: 1px solid #d7dbe2;
    margin-bottom: 12px;
    padding: 5px 0
}

.pls-nav-cat-menu-entry>a {
    position: relative;
    display: flex;
    justify-content: center;
    color: #181818;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    align-items: center
}

.pls-nav-cat-menu-entry>a:hover {
    text-decoration: none
}

.pls-nav-cat-menu-entry-i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/entry-arrow-right.1d44090c.svg)
}

.pls-nav-cat-menu-entry:hover {
    border: 1px solid #0052d9;
    background-color: #0052d9
}

.pls-nav-cat-menu-entry:hover>a {
    color: #fff
}

.pls-nav-cat-menu-entry:hover .pls-nav-cat-menu-entry-i {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/entry-arrow-right-hover.31a9b3e1.svg)
}

.pls-nav-cat-menu-list {
    height: 1px;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: -16px;
    padding-right: 16px;
    padding-bottom: 16px;
    font-size: 0
}

.pls-nav-cat-menu-list::-webkit-scrollbar {
    display: block !important;
    width: 5px;
    background-color: transparent
}

.pls-nav-cat-menu-list::-webkit-scrollbar-thumb {
    background: #d6dbe3;
    border-radius: 7px
}

.pls-nav-cat-menu-item {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 6.5px 16px
}

.pls-nav-cat-menu-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #f1f2f5;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.pls-nav-cat-menu-item:nth-child(2n) {
    margin-right: 0
}

.pls-nav-cat-menu-item-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #495770;
    line-height: 20px;
    cursor: default
}

.pls-nav-cat-menu-item-link:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav-cat-menu-item-link-text {
    margin-right: 8px
}

.pls-nav-cat-menu-item.is-active>.pls-nav-cat-menu-item-link {
    color: #0052d9;
    font-weight: 500
}

.pls-nav-cat-menu-item.is-active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.pls-nav-cat-menu-item.is-current>.pls-nav-cat-menu-item-link {
    position: relative
}

.pls-nav-cat-menu-item.is-current>.pls-nav-cat-menu-item-link:after {
    content: "";
    position: absolute;
    left: -12px;
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #9ea6b3;
    border-radius: 50%
}

.pls-nav-cat-menu-item.is-current>.pls-nav-cat-menu-item-link:hover:after {
    background-color: #0052d9
}

.pls-nav-cat-menu-item>a {
    position: relative;
    padding-right: 20px
}

.pls-nav-cat-menu-item>a:before {
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    top: 5px;
    margin-top: 0;
    width: 12px;
    height: 12px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/menu-caret.2ef71082.svg);
    background-color: transparent
}

.pls-nav-dropdown-caption {
    padding-right: 20px
}

.pls-nav-dropdown-caption-title {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 16px;
    color: #16181a;
    line-height: 24px
}

.pls-nav-dropdown-caption-desc {
    margin-bottom: 12px;
    font-size: 14px;
    color: #495770;
    line-height: 22px
}

.pls-nav-dropdown.is-act .pls-nav-dropdown-content-inner {
    min-width: 1000px
}

@media screen and (max-width: 1600px) {
    .pls-nav-dropdown-inner {
        padding-right:60px
    }

    .pls-nav-dropdown-close {
        right: 20px;
        top: 6px
    }
}

@media screen and (max-width: 1440px) {
    .pls-nav-dropdown-main {
        padding-left:40px;
        padding-right: 10px
    }
}

.pls-nav-p-bar {
    display: flex;
    align-items: flex-start;
    margin-bottom: 40px
}

.pls-nav-p-search {
    position: relative;
    width: 370px;
    margin-right: 12px
}

.pls-nav-p-search-input {
    box-sizing: border-box;
    padding: 4px 40px 4px 12px;
    width: 100%;
    height: 32px;
    font-size: 14px;
    color: #181818;
    line-height: 22px;
    background-color: #fff;
    border-width: 0;
    border-radius: 2px
}

.pls-nav-p-search-input::-moz-placeholder {
    color: #97a9bc;
    opacity: 1
}

.pls-nav-p-search-input:-ms-input-placeholder {
    color: #97a9bc
}

.pls-nav-p-search-input::-webkit-input-placeholder {
    color: #97a9bc
}

.pls-nav-p-search-btn {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 12px;
    height: 100%;
    border-width: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    cursor: default
}

.pls-nav-p-search-btn:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/search.7a49bf02.svg)
}

.pls-nav-p-search-list {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 4px;
    z-index: 1002;
    width: 100%;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
}

.pls-nav-p-search-item {
    white-space: nowrap;
    box-sizing: border-box;
    cursor: pointer
}

.pls-nav-p-search-item>a {
    padding: 10px 20px;
    display: block
}

.pls-nav-p-search-item>a:hover {
    text-decoration: none
}

.pls-nav-p-search-item-tit {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    margin-bottom: 4px;
    line-height: 20px
}

.pls-nav-p-search-item-con {
    color: #4b5b76;
    font-size: 12px;
    white-space: normal;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.pls-nav-p-search-item.is-active {
    background-color: #ecf2fe
}

.pls-nav-p-search-item.is-active .pls-nav-p-search-item-tit,.pls-nav-p-search-item.is-active .pls-nav-p-search-item-con {
    color: #0053d9
}

.pls-nav-p-search-item.is-disabled:hover {
    background-color: #fff;
    cursor: default;
    text-decoration: none
}

.pls-nav-p-search-item.is-disabled:hover .pls-nav-p-search-item-tit {
    color: #000
}

.pls-nav-p-search-item-none .pls-nav-p-search-item-inner {
    display: block;
    text-align: center;
    padding: 40px 0
}

.pls-nav-p-search-item-none .pls-nav-p-search-item-icon {
    display: block;
    margin: 0 auto 20px;
    width: 172px;
    height: 140px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/search-none.2de0e487.png)
}

.pls-nav-p-search-item-none .pls-nav-p-search-item-text {
    color: #4b5b76;
    line-height: 20px;
    font-size: 12px;
    position: relative
}

.pls-nav-p-tags {
    height: 32px;
    overflow: hidden;
    font-size: 0
}

.pls-nav-p-tags>a {
    display: inline-block;
    vertical-align: top;
    margin-right: 12px;
    background: rgba(205,216,229,.5);
    border-radius: 2px;
    padding: 0 8px;
    height: 32px;
    font-size: 12px;
    color: #16181a;
    text-align: center;
    line-height: 32px;
    border-radius: 2px
}

.pls-nav-p-tags>a:hover {
    background: #0053d9;
    color: #fff;
    text-decoration: none
}

.pls-nav-p-tags>a:last-child {
    margin-right: 0
}

.pls-nav-p-rank-wrap {
    flex: 1;
    display: flex;
    margin-right: 60px
}

.pls-nav-p-rank-panels {
    width: 280px
}

.pls-nav-p-rank-panels+.pls-nav-p-rank-links {
    margin-left: 40px
}

.pls-nav-p-rank-panel {
    margin-bottom: 12px;
    display: block;
    height: 64px;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 12px 12px 12px 44px;
    position: relative;
    cursor: pointer;
    transition: all .3s linear
}

.pls-nav-p-rank-panel:last-child {
    margin-bottom: 0
}

.pls-nav-p-rank-panel-order {
    position: absolute;
    left: 14px;
    top: 15px;
    width: 16px;
    height: 19px;
    font-size: 0;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/order-1.5a671c8f.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.pls-nav-p-rank-panel:nth-child(2) .pls-nav-p-rank-panel-order {
    width: 18px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/order-2.d0704eb0.svg)
}

.pls-nav-p-rank-panel:nth-child(3) .pls-nav-p-rank-panel-order {
    width: 18px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/order-3.ce46e58a.svg)
}

.pls-nav-p-rank-panel-title {
    font-weight: normal;
    font-size: 12px;
    color: #000;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pls-nav-p-rank-panel-desc {
    font-size: 12px;
    color: #495770;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pls-nav-p-rank-panel:hover {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff;
    text-decoration: none
}

.pls-nav-p-rank-panel:hover .pls-nav-p-rank-panel-title {
    color: #0052d9
}

.pls-nav-p-rank-links {
    flex: 1;
    width: 1px
}

.pls-nav-p-rank-link {
    margin-bottom: 20px;
    display: block;
    font-size: 13px;
    color: #000;
    line-height: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pls-nav-p-rank-link:last-child {
    margin-bottom: 0
}

.pls-nav-p-rank-link:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav-p-rank-link-order {
    margin-right: 10px
}

.pls-nav-p-event {
    display: block;
    box-sizing: border-box;
    width: 420px;
    height: 216px;
    background: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px;
    padding: 8px;
    transition: all .3s linear
}

.pls-nav-p-event-inner {
    height: 100%;
    background-position: center;
    background-size: cover;
    border-radius: 4px;
    background-color: #f3f5f8;
    position: relative;
    box-sizing: border-box;
    padding: 16px 200px 16px 16px;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.pls-nav-p-event-title {
    font-weight: 500;
    font-size: 20px;
    color: #181818;
    line-height: 28px
}

.pls-nav-p-event-desc {
    margin-top: 8px;
    font-size: 12px;
    color: #495770;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    max-height: 80px
}

.pls-nav-p-event-more {
    margin-top: 20px;
    font-size: 0
}

.pls-nav-p-event-more-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-right: 16px;
    max-width: 100%;
    line-height: 22px;
    font-size: 14px;
    color: #0052d9;
    font-weight: 400;
    background: none;
    border: none;
    outline: 0 none;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    word-break: break-all
}

.pls-nav-p-event-more-btn::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-arrowright-primary.8748c02a.svg);
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out
}

.pls-nav-p-event:hover {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff;
    text-decoration: none
}

.pls-nav-p-event:hover .pls-nav-p-event-title {
    color: #0052d9
}

.pls-nav-p-event:hover .pls-nav-p-event-more-btn::after {
    transform: translate(4px);
    -ms-transform: translate(4px);
    -moz-transform: translate(4px);
    -webkit-transform: translate(4px);
    -o-transform: translate(4px)
}

.pls-nav-p-entry {
    display: inline-flex;
    align-items: center;
    height: 32px;
    background: #fff;
    border-radius: 16px;
    padding: 0 16px;
    font-weight: 500;
    font-size: 12px;
    color: #0053d9;
    line-height: 20px
}

.pls-nav-p-entry::after {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/link-arrow.c85cfb2e.svg);
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    content: ""
}

.pls-nav-p-entry:hover {
    text-decoration: none
}

.pls-nav-p-entry:hover::after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.pls-nav-p-entry.is-current {
    position: relative
}

.pls-nav-p-entry.is-current:before {
    content: "";
    position: absolute;
    left: -12px;
    top: 13px;
    width: 6px;
    height: 6px;
    background-color: #0052d9;
    border-radius: 50%
}

.pls-nav-p-entry-wrap {
    margin-bottom: 20px
}

.pls-nav-p-menu-grid {
    display: flex;
    margin: 0 -10px
}

.pls-nav-p-menu-col {
    width: 25%;
    box-sizing: border-box;
    padding: 0 10px
}

.pls-nav-p-menu-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.pls-nav-p-menu-box {
    margin-bottom: 40px
}

.pls-nav-p-menu-box-hd {
    margin-bottom: 6px;
    padding-bottom: 8px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #181818
}

.pls-nav-p-menu-box-hd>span {
    display: block
}

.pls-nav-p-menu-box-hd>a {
    display: block;
    position: relative;
    color: inherit;
    align-items: center
}

.pls-nav-p-menu-box-hd>a::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-left: 3px;
    width: 12px;
    height: 12px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/menu-caret.2ef71082.svg);
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    transition: transform .4s,-webkit-transform .4s
}

.pls-nav-p-menu-box-hd>a:hover {
    color: #0053d9
}

.pls-nav-p-menu-box-hd>a:hover:after {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/menu-caret-hover.35866468.svg);
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.pls-nav-p-menu-box-hd.is-current {
    position: relative
}

.pls-nav-p-menu-box-hd.is-current:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 5.5px;
    width: 4px;
    height: 4px;
    background-color: #181818;
    border-radius: 50%
}

.pls-nav-p-menu-card {
    margin-bottom: 16px
}

.pls-nav-p-menu-card-hd {
    font-weight: 400;
    font-size: 13px;
    color: #000;
    line-height: 18px
}

.pls-nav-p-menu-card-hd-text {
    margin-right: 8px
}

.pls-nav-p-menu-card-hd:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav-p-menu-card-hd.is-current {
    position: relative
}

.pls-nav-p-menu-card-hd.is-current:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 4.5px;
    width: 4px;
    height: 4px;
    background-color: #9ea6b3;
    border-radius: 50%
}

.pls-nav-p-menu-card-hd.is-current:hover:before {
    background-color: #0052d9
}

.pls-nav-p-menu-card-list {
    margin-top: 16px
}

.pls-nav-p-menu-card-list li {
    padding-left: 12px;
    position: relative;
    margin-bottom: 16px;
    font-size: 13px;
    line-height: 18px
}

.pls-nav-p-menu-card-list li:last-child {
    margin-bottom: 0
}

.pls-nav-p-menu-card-list li::before {
    content: "-";
    position: absolute;
    left: 0px;
    top: -1px
}

.pls-nav-p-menu-card-list a {
    display: block;
    font-size: 13px;
    color: #000;
    line-height: 18px
}

.pls-nav-p-menu-card-list a.is-current {
    position: relative
}

.pls-nav-p-menu-card-list a.is-current:before {
    content: "";
    position: absolute;
    left: -22px;
    top: 4.5px;
    width: 4px;
    height: 4px;
    background-color: #9ea6b3;
    border-radius: 50%
}

.pls-nav-p-menu-card-list a.is-current:hover:before {
    background-color: #0052d9
}

.pls-nav-p-menu-card-list a.is-active,.pls-nav-p-menu-card-list a:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav-p-menu-card-item-text {
    margin-right: 8px
}

.pls-nav-p-menu-link {
    margin-bottom: 12px;
    display: block;
    font-size: 12px;
    color: #000;
    line-height: 20px
}

.pls-nav-p-menu-link:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav-p-menu-tag-link {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0;
    margin-bottom: 12px
}

.pls-nav-p-menu-tag-link:last-child {
    margin-bottom: 0
}

.pls-nav-p-menu-tag-link-mark {
    display: block;
    box-sizing: border-box;
    margin-right: 8px;
    min-width: 56px;
    height: 18px;
    background: #fff;
    border: 1px solid #0052d9;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    color: #0052d9;
    padding: 0 4px;
    text-align: center
}

.pls-nav-p-menu-tag-link-mark.is-warning {
    color: #f64041;
    border-color: #f64041
}

.pls-nav-p-menu-tag-link-text {
    display: block;
    width: 1px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    line-height: 20px;
    color: #181818
}

.pls-nav-p-menu-tag-link:hover .pls-nav-p-menu-tag-link-text {
    color: #0052d9
}

.pls-nav-p-menu-tag-link-bubble {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    bottom: 100%;
    z-index: 300;
    width: 240px;
    text-align: center;
    margin-bottom: 14px;
    pointer-events: none;
    transition: opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out,opacity .3s ease-in-out;
    transition: transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    opacity: 0
}

.pls-nav-p-menu-tag-link:hover .pls-nav-p-menu-tag-link-bubble {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.pls-nav-p-menu-tag-link-bubble-inner {
    display: inline-block;
    vertical-align: top;
    padding: 10px 12px;
    background: linear-gradient(180deg, #f3f5f8 0%, #ffffff 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px #fff;
    border-radius: 4px;
    font-size: 12px;
    line-height: 20px;
    color: #181818;
    text-align: left;
    position: relative;
    white-space: normal
}

.pls-nav-p-menu-tag-link-bubble-inner:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -8px;
    border-style: solid;
    border-color: #fff transparent;
    border-width: 8px 8px 0
}

.pls-nav-p-menu-box.type-cols .pls-nav-p-menu-box-bd,.pls-nav-p-menu-box.type-product .pls-nav-p-menu-box-bd {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px
}

.pls-nav-p-menu-box.type-cols .pls-nav-p-menu-card,.pls-nav-p-menu-box.type-product .pls-nav-p-menu-card {
    width: 20%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px
}

.pls-nav-p-menu-box.type-product .pls-nav-p-menu-card {
    width: 33.33%
}

.pls-nav-p-menu-box.type-recommend .pls-nav-p-menu-box-bd {
    display: flex
}

.pls-nav-p-menu-box.type-publish .pls-nav-p-menu-box-hd>a {
    display: flex;
    align-items: center
}

.pls-nav-p-menu-box.type-publish .pls-nav-p-menu-box-hd>a::after {
    position: static;
    margin-left: 4px
}

.pls-nav-p-menu-grid.type-recommend {
    display: flex;
    flex-wrap: wrap
}

.pls-nav-p-menu-grid.type-recommend .pls-nav-p-menu-col {
    width: 100%
}

.pls-nav-p-menu-grid.type-recommend .pls-nav-p-menu-col:last-child {
    margin-bottom: 0
}

.pls-nav-p-menu-grid.type-recommend .pls-nav-p-menu-col:nth-child(2) {
    width: calc(100% - 440px)
}

.pls-nav-p-menu-grid.type-recommend .pls-nav-p-menu-col:nth-child(3) {
    width: 440px
}

.pls-nav-p-menu-box.type-act {
    margin-top: 20px
}

.pls-nav-p-menu-box.type-act:first-child {
    margin-top: 0
}

.pls-nav-p-menu-box.type-act:last-child {
    padding-bottom: 32px;
    margin-bottom: 0
}

.pls-nav-p-menu-box.type-act .pls-nav-p-menu-box-hd {
    position: relative;
    z-index: 1;
    margin-bottom: 12px;
    padding-bottom: 0;
    border-bottom: none
}

.pls-nav-p-menu-box.type-act .pls-nav-p-menu-box-hd::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 72px;
    right: 0;
    top: 50%;
    height: 1px;
    background: #d6dbe3;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.pls-nav-p-menu-box.type-act .pls-nav-p-menu-box-hd>span {
    display: inline-block;
    vertical-align: top;
    padding-right: 16px;
    max-width: 100%;
    box-sizing: border-box
}

.pls-nav-p-menu-box.type-recommend,.pls-nav-p-menu-box.type-product,.pls-nav-p-menu-box.type-publish {
    margin-bottom: 32px
}

.pls-nav-p-menu-box.type-recommend .pls-nav-p-menu-box-hd,.pls-nav-p-menu-box.type-product .pls-nav-p-menu-box-hd,.pls-nav-p-menu-box.type-publish .pls-nav-p-menu-box-hd {
    border-bottom: 1px solid #d6dbe3
}

.pls-nav-p-menu-box.type-recommend .pls-nav-p-menu-box-card,.pls-nav-p-menu-box.type-product .pls-nav-p-menu-box-card,.pls-nav-p-menu-box.type-publish .pls-nav-p-menu-box-card {
    margin-bottom: 12px
}

.pls-nav-p-menu-box.type-recommend {
    margin-bottom: 64px
}

@media screen and (max-width: 1360px) {
    .pls-nav-p-rank-wrap {
        margin-right:30px
    }

    .pls-nav-p-menu-grid.type-recommend .pls-nav-p-menu-col:nth-child(2) {
        width: calc(100% - 390px);
        margin-bottom: 0
    }

    .pls-nav-p-menu-grid.type-recommend .pls-nav-p-menu-col:nth-child(3) {
        width: 390px;
        margin-bottom: 0
    }

    .pls-nav-p-event {
        width: 370px
    }
}

.pls-nav-event-card {
    display: block;
    margin-bottom: 20px;
    padding-bottom: 7px;
    cursor: pointer
}

.pls-nav-event-card-inner {
    position: relative;
    box-sizing: border-box;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px;
    padding: 14px
}

.pls-nav-event-card-title {
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    line-height: 24px
}

.pls-nav-event-card-desc {
    font-size: 12px;
    color: #495770;
    line-height: 20px
}

.pls-nav-event-card-icon {
    position: absolute;
    right: 14px;
    top: -14px;
    width: 48px;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/solution-icon.5a522a7d.svg)
}

.pls-nav-event-card:hover {
    text-decoration: none
}

.pls-nav-event-card:hover .pls-nav-event-card-title {
    color: #0052d9
}

.pls-nav-event-card-list {
    margin-bottom: 32px
}

.pls-nav-recom-card {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding: 6px;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px;
    transition: all .3s linear
}

.pls-nav-recom-card:hover {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff;
    text-decoration: none
}

.pls-nav-recom-card:hover .pls-nav-recom-card-title {
    color: #0052d9
}

.pls-nav-recom-card-img {
    border-radius: 4px;
    padding-top: 43.9393939394%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.pls-nav-recom-card-cnt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 6px 130px 6px 26px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    justify-content: center
}

.pls-nav-recom-card-title {
    margin-top: -5px;
    font-weight: 500;
    font-size: 18px;
    color: #16181a;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pls-nav-recom-card-desc {
    margin-top: 10px;
    font-size: 12px;
    color: #495770;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 40px
}

.pls-nav-recom-card-group {
    margin-bottom: 32px
}

.pls-nav-recom-card-group-title {
    margin-bottom: 12px;
    font-size: 14px;
    color: #16181a;
    line-height: 22px;
    font-weight: normal
}

.pls-nav-group {
    margin-bottom: 32px;
    padding-bottom: 7px
}

.pls-nav-group-inner {
    position: relative;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.03),-8px -8px 20px 0 #fff;
    border-radius: 4px
}

.pls-nav-group-icon {
    position: absolute;
    right: 14px;
    top: -14px;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: contain
}

.pls-nav-group-title {
    padding: 14px 14px 16px;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    line-height: 24px
}

.pls-nav-solution .pls-nav-group-icon {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/solution-icon.5a522a7d.svg)
}

.pls-nav-solution-list {
    margin: 0 -2px -2px;
    display: flex;
    flex-wrap: wrap
}

.pls-nav-solution-item {
    box-sizing: border-box;
    display: block;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    height: 44px;
    font-size: 12px;
    line-height: 40px;
    color: #16181a;
    text-align: center;
    width: 50%;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pls-nav-solution-item:hover {
    background: #f1f2f5;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 8px 8px 20px 0 rgba(55,99,170,.2);
    text-decoration: none
}

.pls-nav-rank .pls-nav-group-icon {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/rank-icon.5a522a7d.svg)
}

.pls-nav-rank-swiper {
    padding-bottom: 65px;
    position: relative
}

.pls-nav-rank-swiper-item {
    display: none
}

.pls-nav-rank-swiper-item.is-active {
    display: block
}

.pls-nav-rank-swiper-page {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.pls-nav-rank-swiper-page>li {
    margin: 0 4px;
    width: 16px;
    height: 4px;
    background: #d7dbe0;
    border-radius: 2px
}

.pls-nav-rank-swiper-page>li.is-active {
    background-color: #0052d9
}

.pls-nav-rank-swiper-btn {
    position: absolute;
    left: 16px;
    bottom: 16px;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 50%;
    border-width: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-size: 0;
    cursor: pointer
}

.pls-nav-rank-swiper-btn-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: #fff;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,.12);
    border-radius: 50%
}

.pls-nav-rank-swiper-btn-inner:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 50%;
    background-image: linear-gradient(135deg, #dbe2e9 0%, #ffffff 100%)
}

.pls-nav-rank-swiper-btn-inner:after {
    position: relative;
    content: "";
    display: block;
    margin-left: -2px;
    width: 6px;
    height: 10px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/swiper-btn-prev.dd1a148e.svg)
}

.pls-nav-rank-swiper-btn:hover {
    text-decoration: none
}

.pls-nav-rank-swiper-btn:hover .pls-nav-rank-swiper-btn-inner:after {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/swiper-btn-prev-hover.92adc093.svg)
}

.pls-nav-rank-swiper-btn.next {
    left: auto;
    right: 16px
}

.pls-nav-rank-swiper-btn.next .pls-nav-rank-swiper-btn-inner:after {
    margin-left: 2px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/swiper-btn-next.39a461be.svg)
}

.pls-nav-rank-swiper-btn.next:hover .pls-nav-rank-swiper-btn-inner:after {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/swiper-btn-next-hover.c85cfb2e.svg)
}

.pls-nav-rank-swiper-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    font-weight: normal;
    font-size: 14px;
    color: #16181a;
    text-align: center;
    line-height: 22px;
    pointer-events: none
}

.pls-nav-rank-list {
    padding: 0 16px 16px
}

.pls-nav-rank-list:last-child {
    padding-bottom: 16px
}

.pls-nav-rank-item {
    display: block;
    margin-bottom: 12px;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 rgba(255,255,255,.5);
    border-radius: 4px;
    padding: 0 12px;
    height: 46px;
    font-size: 14px;
    color: #31415e;
    line-height: 46px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.pls-nav-rank-item-order {
    margin-right: 16px
}

.pls-nav-rank-item:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav-rank-item:last-child {
    margin-bottom: 0
}

.pls-nav-service {
    margin-bottom: 32px
}

.pls-nav-service-title {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 16px;
    color: #16181a;
    line-height: 24px;
    max-width: 192px
}

.pls-nav-service-item {
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.pls-nav-service-item-icon {
    display: block;
    margin-right: 12px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.pls-nav-service-item-text {
    font-size: 14px;
    color: #000;
    line-height: 24px
}

.pls-nav-arrow-link {
    color: #0052d9;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px
}

.pls-nav-arrow-link::after {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/link-arrow.c85cfb2e.svg);
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    content: ""
}

.pls-nav-arrow-link:hover {
    text-decoration: none
}

.pls-nav-arrow-link:hover::after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.pls-nav {
    position: relative;
    -webkit-font-smoothing: antialiased
}

.pls-nav :focus {
    outline: none
}

.pls-nav.fixed {
    height: 62px
}

.pls-nav-air.fixed {
    height: auto
}

.pls-nav.fixed .pls-nav-mod {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%
}

.pls-nav-mod {
    position: relative;
    z-index: 1000;
    box-sizing: border-box
}

.pls-nav-mask {
    position: fixed;
    left: 0;
    top: 60px;
    width: 100%;
    height: 100%;
    background: #495770;
    opacity: .2;
    visibility: visible;
    transition: visible .2s ease-in-out
}

.pls-nav-mask.search {
    top: 0;
    z-index: 2
}

.pls-nav-mask.search+.pls-nav-top {
    z-index: auto
}

.pls-nav-mask.is-hidden {
    visibility: hidden;
    opacity: 0
}

.pls-nav-top {
    position: relative;
    z-index: 1;
    height: 62px;
    background: #fff;
    display: flex;
    padding-left: 20px
}

.pls-nav-top:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #9ba6b7;
    opacity: .3
}

.pls-nav-top-logo {
    margin-right: 32px;
    display: flex;
    align-items: center;
    font-size: 0
}

.pls-nav-top-logo>i {
    display: block;
     width: 120px;
    height: 40px;
    background-image: url(/web/images/logo.png);
    background-size: cover;
}

.pls-nav-top-operation {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    white-space: nowrap
}

.pls-nav-top-ctrl {
    display: flex
}

.pls-nav-top-links {
    display: flex
}

.pls-nav-top-link {
    display: block;
    margin-right: 24px;
    font-weight: 500;
    font-size: 14px;
    color: #16181a;
    line-height: 62px
}

.pls-nav-top-link:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav-top-btn {
    display: block;
    box-sizing: border-box;
    height: 62px;
    padding: 0 20px;
    font-size: 14px;
    color: #fff;
    line-height: 62px;
    background-color: #0052d9;

    cursor: pointer
}

.pls-nav-top-btn:hover {
    color: #fff;
    text-decoration: none;
    background-color: #2670e8;
    transition: all .3s ease-in-out
}

.pls-nav.is-hover,.pls-nav:hover {
    text-decoration: none
}

.pls-nav.is-hover .pls-nav-top,.pls-nav:hover .pls-nav-top {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.03)
}

.pls-nav-tag {
    box-sizing: border-box;
    padding: 0 2px;
    height: 12px;
    background: #fff;
    border: 1px solid #f64041;
    box-shadow: 2px 2px 4px 0 rgba(55,99,170,.31);
    background: #fff;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    position: relative;
    top: -1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f64041;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px
}

.pls-nav-tag-text {
    height: 12px;
    -webkit-transform: scale(0.8333333333);
    transform: scale(0.8333333333)
}

.pls-nav-tag.new {
    border-color: #f64041;
    color: #fff;
    background-color: #f64041;
    box-shadow: none
}

.pls-nav-tag.hot-fill {
    border-color: #f64041;
    background-color: #f64041;
    color: #fff;
    box-shadow: none
}

.pls-nav-tag.new-fill {
    border-color: #0052d9;
    background-color: #0052d9;
    color: #fff;
    box-shadow: none
}

.pls-nav-tag.red-outline {
    background: transparent;
    border-radius: 2px;
    box-shadow: none;
    border-color: #f64041;
    color: #f64041
}

.pls-nav-tag.blue-outline {
    background: transparent;
    border-radius: 2px;
    box-shadow: none;
    border-color: #0052d9;
    color: #0052d9
}

.pls-nav-icon-btn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    border-width: 0;
    background: transparent;
    font-size: 0;
    cursor: pointer
}

.pls-nav-icon-btn .icon {
    display: block;
    width: 16px;
    height: 16px
}

.pls-nav-icon-btn .icon.delete {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-delete.716ad938.svg)
}

.pls-nav-icon-btn:hover .icon.delete {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-delete-hover.56c49418.svg)
}

.pls-nav-list-wrap {
    position: relative;
    padding-right: 723px;
    flex: 1
}

.pls-nav-list-wrap .pls-nav-bubble {
    visibility: visible
}

.pls-nav-list {
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    height: 62px
}

.pls-nav-item {
    flex-shrink: 0
}

.pls-nav-item>a {
    position: relative;
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: #16181a;
    line-height: 62px;
    text-decoration: none;
    cursor: default;
    padding: 0 12px
}

.pls-nav-item>a[href] {
    cursor: pointer
}

.pls-nav-item>a:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav-item .pls-nav-tag {
    position: absolute;
    right: -14px;
    top: 8px;
    margin-left: 0
}

.pls-nav-item.is-current>a {
    color: #0052d9
}

.pls-nav-item.is-active>a {
    color: #0052d9
}

.pls-nav-item.is-active>a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #0052d9;
    opacity: 1
}

.pls-nav-item.has-sub>a {
    position: relative
}

.pls-nav-item.has-sub>a:after {
    display: none;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/caret.5662ac0b.svg)
}

.pls-nav-item.has-sub>a:hover:after,.pls-nav-item.has-sub.is-active>a:after {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/caret-hover.676df357.svg)
}

.pls-nav-item.is-active .pls-nav-bubble {
    visibility: visible
}

.pls-nav-search {
    display: block;
    position: relative;
    background: rgba(255,255,255,.7);
    padding: 0 40px 0 12px;
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
    color: #98a3b7;
    line-height: 36px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border: 1px solid rgba(155,166,183,.4);
    border-radius: 2px;
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.pls-nav-search .pls-nav-search-btn {
    position: absolute;
    right: 12px;
    top: 0
}

.pls-nav-search:hover {
    background: #f7f9fb
}

.pls-nav-search-i {
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat
}

.pls-nav-search-i.search {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/search.7a49bf02.svg)
}

.pls-nav-search-i.close {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/search-close.24377927.svg)
}

.pls-nav-search-i.clear {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/tag-close.c783b19d.svg);
    background-size: contain
}

.pls-nav-search-i.clear:hover {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/tag-close-hover.5f3ce319.svg)
}

.pls-nav-search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 36px;
    font-size: 0;
    line-height: 36px;
    cursor: pointer;
    background: transparent;
    border-width: 0
}

.pls-nav-search-texts {
    position: relative;
    height: 100%;
    overflow: hidden
}

.pls-nav-search-texts li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s ease-in-out;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.pls-nav-search-texts li.is-active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.pls-nav-search-texts li.is-active~li {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.pls-nav-search-texts.is-back li {
    transition: none
}

.pls-nav-search-wrap {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 24px;
    width: 180px
}

.pls-nav-search-wrap.is-open .pls-nav-search-dropdown {
    visibility: visible;
    transition: box-shadow .3s ease-in-out,visibility .3s ease-in-out;
    box-shadow: 0 8px 20px 0 rgba(55,99,170,.1)
}

.pls-nav-search-wrap.is-open .pls-nav-search-bar {
    z-index: 2;
    width: 100%
}

.pls-nav-search-wrap.is-open .pls-nav-search-bar-btns {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.pls-nav-search-wrap.is-open .pls-nav-search-result {
    transition-delay: .2s;
    opacity: 1
}

.pls-nav-search-dropdown {
    visibility: hidden;
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 3;
    width: 600px;
    box-shadow: 0
}

.pls-nav-search-bar {
    display: flex;
    box-sizing: border-box;
    position: relative;
    padding: 12px 20px;
    height: 62px;
    background-color: #fff;
    overflow: hidden;
    border-bottom: 1px solid #d6dbe3;
    justify-content: flex-end;
    width: 320px;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 0
}

.pls-nav-search-bar-inner {
    position: relative;
    box-sizing: border-box;
    height: 38px;
    border: 1px solid #0052d9;
    border-radius: 2px;
    padding: 0 20px 0 12px;
    display: flex;
    overflow: hidden;
    width: 100%
}

.pls-nav-search-bar-input {
    box-sizing: border-box;
    border-width: 0;
    background: transparent;
    flex: 1;
    width: 100%;
    padding: 8px 0;
    font-size: 14px;
    color: #181818;
    line-height: 22px;
    font-family: inherit
}

.pls-nav-search-bar-input::-moz-placeholder {
    color: #97a3b7;
    opacity: 1
}

.pls-nav-search-bar-input:-ms-input-placeholder {
    color: #97a3b7
}

.pls-nav-search-bar-input::-webkit-input-placeholder {
    color: #97a3b7
}

.pls-nav-search-bar-btns {
    display: flex;
    height: 100%;
    padding-left: 10px;
    align-items: center;
    -webkit-transform: translateX(65px);
    transform: translateX(65px);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.pls-nav-search-bar-btns .pls-nav-search-btn {
    height: 100%
}

.pls-nav-search-bar-btns .pls-nav-search-btn+.pls-nav-search-btn {
    margin-left: 20px
}

.pls-nav-search-bar .pls-nav-search-divider {
    display: block;
    margin: 0 20px;
    width: 1px;
    height: 16px;
    background-color: #d6dbe3
}

.pls-nav-search-link-opt {
    position: absolute;
    right: -6px;
    top: -6px;
    width: 12px;
    height: 12px;
    border-width: 0;
    background: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/tag-close.c783b19d.svg) center no-repeat;
    background-size: contain;
    font-size: 0;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease-in-out
}

.pls-nav-search-link-opt:hover {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/tag-close-hover.5f3ce319.svg)
}

.pls-nav-search-result {
    padding: 10px;
    opacity: 0;
    background: #fff;
    transition: opacity .3s ease-in-out;
    margin-top: 62px
}

.pls-nav-search-result-title {
    margin-bottom: 12px;
    font-size: 14px;
    color: #5f7292;
    line-height: 22px;
    padding: 10px 10px 0;
    font-weight: 500
}

.pls-nav-search-result .pls-nav-icon-btn,.pls-nav-search-result .pls-nav-tag {
    margin-left: 12px
}

.pls-nav-search-list {
    max-height: 190px;
    overflow: hidden
}

.pls-nav-search-item>a {
    display: block;
    font-size: 14px;
    color: #2c3645;
    line-height: 22px;
    padding: 8px 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.pls-nav-search-item>a i {
    font-weight: 500;
    color: #181818
}

.pls-nav-search-item-label {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    color: #4b5b76;
    padding: 0px 4px;
    height: 18px;
    border: 1px solid #97a3b7;
    border-radius: 2px;
    margin-left: 8px;
    box-sizing: border-box;
    position: relative;
    top: -1px
}

.pls-nav-search-item-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 16px;
    height: 16px;
    top: -1px;
    margin-right: 8px
}

.pls-nav-search-item .item-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/search-gray.41d663c8.svg)
}

.pls-nav-search-item .item-icon-offers {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/nav-offers.2ec9d212.svg)
}

.pls-nav-search-item .item-icon-doc {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-position: center;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/nav-doc.6a414300.svg)
}

.pls-nav-search-item .item-icon-solution {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/nav-solution.ab377b72.svg)
}

.pls-nav-search-item.is-active>a {
    background: rgba(241,242,245,.6)
}

.pls-nav-search-item>a:hover {
    color: #0052d9;
    text-decoration: none;
    font-weight: 500;
    background: #f1f2f5
}

.pls-nav-search-item>a:hover i {
    color: #0052d9
}

.pls-nav-search-item>a:hover .item-icon-doc {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/nav-doc-hover.7cf95b0d.svg)
}

.pls-nav-search-item>a:hover .item-icon-solution {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/nav-solution-hover.e4ff5e30.svg)
}

.pls-nav-search-item>a:hover .item-icon {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/search-gray-hover.654b8dce.svg)
}

.pls-nav-search-item em {
    color: #0052d9
}

.pls-nav-search-list+.pls-nav-search-panel,.pls-nav-search-panel+.pls-nav-search-panel {
    border-top: 1px solid #d6dbe3;
    padding-top: 10px;
    margin-top: 10px
}

.pls-nav-search-panel {
    display: flex
}

.pls-nav-search-panel.offer-panel .pls-nav-search-list {
    white-space: pre-wrap
}

.pls-nav-search-panel.offer-panel .pls-nav-search-item {
    width: 50%;
    display: inline-block
}

.pls-nav-search-panel.offer-panel .pls-nav-search-item>a {
    white-space: nowrap
}

.pls-nav-search-list-wrap {
    flex: 1;
    width: 50%
}

.pls-nav-search-list-wrap .pls-nav-search-list {
    max-height: 114px;
    overflow: hidden
}

.pls-nav-search-list-wrap .pls-nav-search-result-title {
    padding: 8px 10px;
    margin-bottom: 0
}

.pls-nav-search-tag-blocks {
    font-size: 0;
    margin: 0 14px -12px;
    max-height: 80px;
    overflow: hidden
}

.pls-nav-search-tag-blocks+.pls-nav-search-result-title {
    margin-top: 20px
}

.pls-nav-search-tag-block {
    display: inline-block;
    vertical-align: top;
    padding: 0 6px 12px;
    box-sizing: border-box;
    max-width: 100%
}

.pls-nav-search-tag-block a {
    box-sizing: border-box;
    display: block;
    background: rgba(205,216,229,.5);
    border-radius: 2px;
    height: 28px;
    padding: 0 12px;
    font-size: 12px;
    color: #495770;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pls-nav-search-tag-block a:hover {
    color: #0052d9
}

.pls-nav-search-tag-block.is-active>a,.pls-nav-search-tag-block.is-active>a:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav-search-links {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px 0 10px;
    margin-bottom: 12px
}

.pls-nav-search-links:last-child {
    margin-bottom: 0
}

.pls-nav-search-links.tags .pls-nav-search-link {
    position: relative
}

.pls-nav-search-links.tags .pls-nav-search-link>a {
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #f1f2f5;
    border-radius: 2px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #181818;
    padding: 0 8px;
    box-sizing: border-box
}

.pls-nav-search-links.tags .pls-nav-search-link:hover>a {
    color: #0052d9
}

.pls-nav-search-links.tags .pls-nav-search-link:hover .pls-nav-search-link-opt {
    opacity: 1;
    pointer-events: auto
}

.pls-nav-search-link {
    margin-right: 12px;
    margin-bottom: 8px
}

.pls-nav-search-link>a {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.pls-nav-search-link>a:hover {
    color: #0052d9
}

.pls-nav-search-primary-list {
    margin: 0 20px 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d6dbe3
}

.pls-nav-search-primary-item {
    position: relative;
    margin: 0 -20px;
    padding: 7px 20px;
    padding-right: 100px
}

.pls-nav-search-primary-item .item-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000
}

.pls-nav-search-primary-item em {
    color: #f64041
}

.pls-nav-search-primary-item .item-desc {
    font-size: 12px;
    line-height: 20px;
    color: #4b5b76
}

.pls-nav-search-primary-item .item-links {
    position: absolute;
    right: 20px;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.pls-nav-search-primary-item .item-link {
    position: relative;
    display: block;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #7787a2;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    min-width: 68px;
    height: 18px;
    color: #7787a2;
    padding: 0 4px;
    margin: 3px 0;
    order: 2;
    cursor: pointer
}

.pls-nav-search-primary-item .item-link:after {
    content: ">";
    position: absolute;
    right: 4px;
    top: 0
}

.pls-nav-search-primary-item .item-link.primary {
    order: 1
}

.pls-nav-search-primary-item.is-active {
    background-color: #ecf2fe
}

.pls-nav-search-primary-item.is-active .item-link.primary {
    border-color: #0052d9;
    color: #0052d9
}

.pls-nav-search-primary-item.is-active .item-link.console:hover {
    border-color: #0052d9;
    color: #0052d9
}

.pls-nav-search-primary-item.is-active .item-link.console:hover+.item-link.primary {
    border-color: #7787a2;
    color: #7787a2
}

.pls-nav-bubble {
    visibility: hidden;
    transition: all .2s .1s ease-in-out;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 140px
}

.pls-nav-bubble-inner {
    position: relative;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px
}

.pls-nav-bubble-menu {
    padding: 12px 0
}

.pls-nav-bubble-menu-item {
    margin-bottom: 8px
}

.pls-nav-bubble-menu-item:last-child {
    margin-bottom: 0
}

.pls-nav-bubble-menu-item>a {
    position: relative;
    display: block;
    padding: 0 20px;
    font-size: 14px;
    color: #495770;
    line-height: 22px;
    white-space: nowrap
}

.pls-nav-bubble-menu-item>a:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav-bubble-menu-item.is-active>a {
    color: #0052d9;
    font-weight: 500
}

.pls-nav-bubble-menu-tag {
    position: absolute;
    right: 20px;
    top: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center
}

.pls-nav-bubble-menu-tag-text {
    display: block;
    -webkit-transform: scale(0.8333333333);
    transform: scale(0.8333333333)
}

.pls-nav-bubble-menu-tag.default {
    top: 3px;
    height: 16px;
    border: 1px solid #0052d9;
    border-radius: 2px;
    font-size: 12px;
    color: #0052d9;
    text-align: center;
    line-height: 14px
}

.pls-nav-bubble-menu-tag.bubble {
    top: 5px;
    height: 12px;
    line-height: 12px;
    border: 1px solid #0052d9;
    border-radius: 2px;
    font-size: 12px;
    color: #0052d9;
    text-align: center;
    line-height: 12px;
    padding: 0 2px
}

.pls-nav-bubble-menu-tag.bubble:before {
    content: "";
    position: absolute;
    right: 100%;
    bottom: -1px;
    border-style: solid;
    border-width: 2px 3px;
    border-color: transparent #0052d9 #0052d9 transparent
}

.pls-nav-bubble-menu-tag.bubble:after {
    content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    margin-right: -2px;
    border-style: solid;
    border-width: 2px 2px;
    border-color: transparent #fafbfc #fafbfc transparent
}

.pls-nav-bubble-menu-tag.red {
    border: 1px solid #f64041;
    color: #f64041
}

.pls-nav-bubble-menu-tag.red:before {
    border-color: transparent #f64041 #f64041 transparent
}

.pls-nav-bubble-menu-tag.real {
    border: 1px solid #98a3b7;
    color: #98a3b7
}

.pls-nav-bubble-menu-tag .icon-real-name {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: -2px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-real-name.6aed74e4.svg);
    background-size: cover;
    margin-right: 4px
}

.pls-nav-bubble-menu-tag.real-cur {
    border: 1px solid #0052d9;
    color: #0052d9
}

.pls-nav-bubble-menu-tag.real-cur .icon-real-name {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-real-name-cur.ad5f6851.svg)
}

.pls-nav-bubble-menu-tag.real-cur:hover {
    background-color: #ecf2fe
}

.pls-nav-bubble-menu-tag.order {
    color: #f64041;
    font-weight: 500;
    right: 12px;
    font-size: 10px
}

.pls-nav-bubble-menu-tag.order:hover {
    color: #0052d9;
    background-color: transparent
}

.pls-nav-bubble-menu-tag:hover {
    background-color: #ecf2fe
}

.pls-nav-bubble-menu .pls-nav-bubble-menu-id {
    position: relative;
    display: block;
    padding: 0 20px;
    font-size: 14px;
    color: #495770;
    line-height: 22px;
    white-space: nowrap
}

.pls-nav-bubble-menu .pls-nav-bubble-menu-label {
    display: block;
    color: #495770
}

.pls-nav-bubble-menu .pls-nav-bubble-menu-label.red-dot .label-inner {
    position: relative
}

.pls-nav-bubble-menu .pls-nav-bubble-menu-label.red-dot .label-inner:after {
    content: "";
    position: absolute;
    left: 100%;
    top: -4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #f64041
}

.pls-nav-bubble-menu .pls-nav-bubble-menu-label:hover,.pls-nav-bubble-menu .pls-nav-bubble-menu-id:hover {
    color: #0052d9;
    text-decoration: none;
    cursor: pointer
}

.pls-nav-bubble-wrap {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: 24px
}

.pls-nav-bubble-wrap:hover .pls-nav-bubble {
    visibility: visible
}

.pls-nav-bubble-trigger {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: #16181a;
    line-height: 22px;
    padding-right: 17px;
    height: 62px
}

.pls-nav-bubble-trigger:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/caret.5662ac0b.svg)
}

.pls-nav-bubble-trigger-icon {
    display: block;
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.pls-nav-bubble-trigger-icon.lang {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/lang.c3efabef.svg)
}

.pls-nav-bubble-wrap:hover .pls-nav-bubble-trigger,.pls-nav-bubble-trigger:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav-bubble-wrap:hover .pls-nav-bubble-trigger-icon.lang,.pls-nav-bubble-trigger:hover .pls-nav-bubble-trigger-icon.lang {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/lang-hover.6d6d3103.svg)
}

.pls-nav-bubble-wrap:hover .pls-nav-bubble-trigger:after,.pls-nav-bubble-trigger:hover:after {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/caret-hover.676df357.svg)
}

.pls-nav-bubble-ft {
    margin: 0 -2px -2px;
    display: flex
}

.pls-nav-bubble-btn {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    flex: 1;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    padding: 0 22px;
    font-size: 14px;
    color: #495770;
    line-height: 42px;
    text-align: left
}

.pls-nav-bubble-btn:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav-bubble-wrap.lang .pls-nav-bubble {
    left: -20px
}

.pls-nav-account {
    margin-right: 0;
    padding-right: 20px
}

.pls-nav-account .pls-nav-bubble-trigger {
    padding-right: 0
}

.pls-nav-account .pls-nav-bubble-trigger:before {
    content: "";
    position: absolute;
    top: 11px;
    left: -1px;
    width: 38px;
    height: 38px;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.3);
    border-radius: 50%;
    border: #fff 1px solid;
    z-index: -1
}

.pls-nav-account .pls-nav-bubble-trigger:after {
    display: none
}

.pls-nav-account.red-dot .pls-nav-bubble-trigger-icon {
    position: relative
}

.pls-nav-account.red-dot .pls-nav-bubble-trigger-icon:after {
    content: "";
    position: absolute;
    right: 1px;
    top: 1px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f64041
}

.pls-nav-account .pls-nav-bubble-trigger-icon {
    display: block;
    box-sizing: border-box;
    width: 38px;
    height: 38px;
    border: 2px solid #fff;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.3);
    border-radius: 50%;
    background: #f3f5f8;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.pls-nav-account .pls-nav-bubble {
    margin-right: 22px;
    width: 220px;
    left: auto;
    right: 0
}

.pls-nav-account .pls-nav-bubble-inner {
    padding-top: 20px
}

.pls-nav-account-name {
    display: block;
    margin-bottom: 20px;
    padding: 0 20px;
    font-weight: 500;
    font-size: 16px;
    color: #16181a;
    line-height: 24px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.pls-nav-account .pls-nav-bubble-menu {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 20px
}

.pls-nav-air {
    position: relative
}

.pls-nav-air .pls-nav-mod {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box
}

.pls-nav-air .pls-nav-mod:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.8)
}

.pls-nav-air .pls-nav-top {
    background: transparent;
    box-shadow: none
}

.pls-nav-air .pls-nav-top:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    opacity: .1
}

.pls-nav-air.is-hover,.pls-nav-air:hover {
    text-decoration: none
}

.pls-nav-air.is-hover .pls-nav-mod:before,.pls-nav-air:hover .pls-nav-mod:before {
    z-index: 1;
    background: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
}

.pls-nav-air.is-hover .pls-nav-mod:before {
    z-index: auto
}

.pls-nav.theme-dark .pls-nav-mod:before {
    background-color: rgba(0,0,0,.05)
}

.pls-nav.theme-dark .pls-nav-top-logo>i {
        width: 120px;
    height: 40px;
    background-image: url('/web/images/logo.png');
        background-size: cover;
}

.pls-nav.theme-dark .pls-nav-top-link {
    color: #fff
}

.pls-nav.theme-dark .pls-nav-top-link:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav.theme-dark .pls-nav-top:after {
    background-color: #fff
}

.pls-nav.theme-dark .pls-nav-item>a {
    color: #fff
}

.pls-nav.theme-dark .pls-nav-item>a:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav.theme-dark .pls-nav-item.is-active>a {
    color: #0052d9
}

.pls-nav.theme-dark .pls-nav-search {
    background: rgba(255,255,255,.2);
    border-color: rgba(255,255,255,.2);
    color: #fff
}

.pls-nav.theme-dark .pls-nav-search .pls-nav-search-i.search {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/search-dark.9c23abe5.svg)
}

.pls-nav.theme-dark .pls-nav-bubble-trigger {
    color: #fff
}

.pls-nav.theme-dark .pls-nav-bubble-trigger:after {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/caret-dark.f60cc40c.svg)
}

.pls-nav.theme-dark .pls-nav-bubble-trigger-icon.lang {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/lang-dark.9b3a3578.svg)
}

.pls-nav.theme-dark .pls-nav-bubble-trigger:hover {
    text-decoration: none
}

.pls-nav.theme-dark .pls-nav-bubble-trigger:hover .pls-nav-bubble-trigger-icon.lang {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/lang-hover.6d6d3103.svg)
}

.pls-nav.theme-dark .pls-nav-bubble-wrap:hover .pls-nav-bubble-trigger,.pls-nav.theme-dark .pls-nav-bubble-trigger:hover {
    color: #0052d9;
    text-decoration: none
}

.pls-nav.theme-dark .pls-nav-bubble-wrap:hover .pls-nav-bubble-trigger-icon.lang,.pls-nav.theme-dark .pls-nav-bubble-trigger:hover .pls-nav-bubble-trigger-icon.lang {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/lang-hover.6d6d3103.svg)
}

.pls-nav.theme-dark .pls-nav-bubble-wrap:hover .pls-nav-bubble-trigger:after,.pls-nav.theme-dark .pls-nav-bubble-trigger:hover:after {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/caret-hover.676df357.svg)
}

.pls-nav.theme-white .pls-nav-mod:before {
    display: none
}

.pls-nav.theme-white .pls-nav-top {
    background: #fff
}

.pls-nav.theme-white .pls-nav-search {
    background: #f7f9fb
}

.pls-nav *::-webkit-scrollbar {
    display: none
}

.pls-nav * {
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media screen and (max-width: 1600px) {
    .pls-nav-top-logo {
        margin-right:10px
    }

    .pls-nav-top-link,.pls-nav-bubble-wrap {
        margin-right: 14px;
        cursor: pointer
    }

    .pls-nav-list-wrap {
        padding-right: 677px
    }

    .pls-nav-item>a {
        padding: 0 8px
    }

    .pls-nav-account {
        margin-right: 0
    }
}

@media screen and (max-width: 1460px) {
    .pls-nav-list-wrap {
        padding-right:617px
    }

    .pls-nav-search-wrap {
        width: 220px
    }
}

@media screen and (max-width: 1400px) {
    .pls-nav-list-wrap {
        padding-right:557px
    }

    .pls-nav-search-wrap {
        width: 160px
    }
}

@media screen and (max-width: 768px) {
    .pls-nav {
        display:none
    }
}

.pls-nav-grid {
    display: block;
    margin-right: 0;
    margin-left: 0;
    font-size: 0;
    box-sizing: border-box
}

.pls-nav-grid-col {
    display: inline-block;
    vertical-align: top;
    padding-right: 0;
    padding-left: 0;
    box-sizing: border-box;
    flex: 0 0 auto
}

.pls-nav-grid-col-0 {
    display: inline-block;
    width: 0%
}

.pls-nav-grid-col-1 {
    display: inline-block;
    width: 4.1666666667%
}

.pls-nav-grid-col-2 {
    display: inline-block;
    width: 8.3333333333%
}

.pls-nav-grid-col-3 {
    display: inline-block;
    width: 12.5%
}

.pls-nav-grid-col-4 {
    display: inline-block;
    width: 16.6666666667%
}

.pls-nav-grid-col-5 {
    display: inline-block;
    width: 20%
}

.pls-nav-grid-col-6 {
    display: inline-block;
    width: 25%
}

.pls-nav-grid-col-7 {
    display: inline-block;
    width: 29.1666666667%
}

.pls-nav-grid-col-8 {
    display: inline-block;
    width: 33.3333333333%
}

.pls-nav-grid-col-9 {
    display: inline-block;
    width: 37.5%
}

.pls-nav-grid-col-10 {
    display: inline-block;
    width: 41.6666666667%
}

.pls-nav-grid-col-11 {
    display: inline-block;
    width: 45.8333333333%
}

.pls-nav-grid-col-12 {
    display: inline-block;
    width: 50%
}

.pls-nav-grid-col-13 {
    display: inline-block;
    width: 54.1666666667%
}

.pls-nav-grid-col-14 {
    display: inline-block;
    width: 58.3333333333%
}

.pls-nav-grid-col-15 {
    display: inline-block;
    width: 62.5%
}

.pls-nav-grid-col-16 {
    display: inline-block;
    width: 66.6666666667%
}

.pls-nav-grid-col-17 {
    display: inline-block;
    width: 70.8333333333%
}

.pls-nav-grid-col-18 {
    display: inline-block;
    width: 75%
}

.pls-nav-grid-col-19 {
    display: inline-block;
    width: 79.1666666667%
}

.pls-nav-grid-col-20 {
    display: inline-block;
    width: 83.3333333333%
}

.pls-nav-grid-col-21 {
    display: inline-block;
    width: 87.5%
}

.pls-nav-grid-col-22 {
    display: inline-block;
    width: 91.6666666667%
}

.pls-nav-grid-col-23 {
    display: inline-block;
    width: 95.8333333333%
}

.pls-nav-grid-col-24 {
    display: inline-block;
    width: 100%
}

.pls-nav-activity-grid {
    margin: 0 -8px -16px
}

.pls-nav-activity-grid .pls-nav-grid-col {
    margin-bottom: 16px;
    padding: 0 8px
}

@media screen and (max-width: 1200px) {
    .pls-nav-activity-grid--card .pls-nav-grid-col {
        width:33.3333%
    }
}

.pls-nav-activity-primary-panel {
    position: relative;
    z-index: 1;
    background: #f3f5f8;
    background: linear-gradient(135deg, #f3f5f8 0%, white 100%);
    border: 2px solid #fff;
    box-shadow: 4px 4px 12px rgba(55,99,170,.05);
    border-radius: 2px;
    cursor: pointer
}

.pls-nav-activity-primary-panel__bg {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.pls-nav-activity-primary-panel__inner {
    position: relative;
    padding: 40px 174px 20px 32px;
    min-height: 204px;
    box-sizing: border-box;
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.pls-nav-activity-primary-panel__label {
    position: absolute;
    top: -10px;
    left: 8px;
    right: 8px;
    padding: 0 23px
}

.pls-nav-activity-primary-panel__label::before,.pls-nav-activity-primary-panel__label::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 23px
}

.pls-nav-activity-primary-panel__label::before {
    left: 1px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/activity-label-left-bg.0d6a9afd.png)
}

.pls-nav-activity-primary-panel__label::after {
    right: 1px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/activity-label-right-bg.6ef0c095.png)
}

.pls-nav-activity-primary-panel__label-inner {
    padding: 6px 0;
    min-height: 36px;
    background-position: center;
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/activity-label-center-bg.fd177879.png);
    box-shadow: 8px 8px 20px rgba(55,99,170,.1);
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center
}

.pls-nav-activity-primary-panel__label-tit {
    line-height: 20px;
    font-size: 12px;
    color: #4b5b76
}

.pls-nav-activity-primary-panel__label-tit i {
    display: inline-block;
    vertical-align: -3px;
    margin-right: 6px;
    width: 16px;
    height: 16px
}

.pls-nav-activity-primary-panel__label-tit .icon-clock {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-clock.f659ba0f.svg)
}

.pls-nav-activity-primary-panel__label-tit .icon-error {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-error.f58363a7.svg)
}

.pls-nav-activity-primary-panel__label-link {
    display: inline-block;
    vertical-align: baseline;
    font-size: inherit;
    color: #0052d9;
    border: none;
    background: none;
    outline: 0 none;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer
}

.pls-nav-activity-primary-panel__label-link:hover {
    color: #2670e8
}

.pls-nav-activity-primary-panel__countdown {
    margin-left: 20px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.pls-nav-activity-primary-panel__countdown-num {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    background: #ff3b3b;
    box-shadow: 4px 4px 10px rgba(255,59,59,.0989948)
}

.pls-nav-activity-primary-panel__countdown-unit {
    margin: 0 8px;
    line-height: 20px;
    font-size: 12px;
    color: #4b5b76
}

.pls-nav-activity-primary-panel__cont {
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto
}

.pls-nav-activity-primary-panel__titimg {
    margin-left: -2.7027%
}

.pls-nav-activity-primary-panel__titimg img {
    display: block;
    width: 100%;
    max-width: 264px;
    height: auto
}

.pls-nav-activity-primary-panel__desc {
    line-height: 24px;
    font-size: 14px;
    color: #224176;
    max-height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.pls-nav-activity-primary-panel__desc em {
    color: #ff6006;
    font-weight: 500;
    padding: 0 5px
}

.pls-nav-activity-primary-panel__btns {
    margin-top: auto;
    font-size: 0
}

.pls-nav-activity-primary-panel__btn {
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    height: 32px;
    padding: 0 16px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: #ff701f;
    border: 1px solid #ff701f;
    outline: 0 none;
    cursor: pointer
}

.pls-nav-activity-primary-panel__qrcode {
    position: absolute;
    bottom: 6px;
    right: 6px;
    max-width: 174px
}

.pls-nav-activity-primary-panel__qrcode-object {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding: 6px;
    width: 90px;
    height: 90px;
    background: linear-gradient(180deg, #edf0f5 0%, #ffffff 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(98,123,202,.256711);
    border-radius: 4px;
    box-sizing: border-box
}

.pls-nav-activity-primary-panel__qrcode-image {
    display: block;
    width: 100%;
    height: 100%
}

.pls-nav-activity-primary-panel__qrcode-main {
    margin-top: -1px;
    padding: 6px 12px;
    background: linear-gradient(to right, rgba(31, 101, 229, 0) 0.63%, #1f65e5 29.41%, #1f65e5 73.37%, rgba(31, 101, 229, 0) 100%)
}

.pls-nav-activity-primary-panel__qrcode-tit {
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    max-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.pls-nav-activity-primary-panel:hover {
    box-shadow: 8px 8px 20px rgba(55,99,170,.1)
}

.pls-nav-activity-primary-panel:hover .pls-nav-activity-primary-panel__bg {
    background-size: auto 105%
}

@media screen and (max-width: 1280px) {
    .pls-nav-activity-primary-panel__label-tit {
        margin-right:8px
    }

    .pls-nav-activity-primary-panel__countdown-unit {
        margin: 0 4px
    }
}

.pls-nav-activity-recom-card {
    position: relative;
    padding: 11px 16px;
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 4px 4px 12px rgba(55,99,170,.05);
    border-radius: 2px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.pls-nav-activity-recom-card__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: -112px -200px;
    border-radius: 2px
}

.pls-nav-activity-recom-card__inner {
    position: relative
}

.pls-nav-activity-recom-card__hd {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.pls-nav-activity-recom-card__tit {
    line-height: 24px;
    font-size: 14px;
    color: #181818;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.pls-nav-activity-recom-card__tittip {
    position: absolute;
    z-index: 9;
    top: 100%;
    left: 0;
    margin-top: 4px;
    padding: 4px 8px;
    line-height: 20px;
    font-size: 12px;
    color: #181818;
    background: #fff;
    border: 1px solid #d6dbe3;
    box-shadow: 2px 2px 5px rgba(55,99,170,.15)
}

.pls-nav-activity-recom-card__tag {
    margin-left: 12px;
    padding: 0 4px;
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    color: #f64041;
    border: 1px solid #f64041;
    border-radius: 2px;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box
}

.pls-nav-activity-recom-card__bd {
    margin-top: 4px
}

.pls-nav-activity-recom-card__desc {
    line-height: 22px;
    font-size: 12px;
    color: #4b5b76;
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.pls-nav-activity-recom-card:hover {
    box-shadow: 8px 8px 20px rgba(55,99,170,.1)
}

.pls-nav-activity-recom-card:hover .pls-nav-activity-recom-card__tit {
    color: #0052d9
}

.pls-nav-activity-card {
    background: #f3f5f8;
    background: linear-gradient(to bottom, #f3f5f8 0%, white 100%);
    border: 1px solid #fff;
    box-shadow: 8px 8px 20px rgba(55,99,170,.05),-8px -8px 20px #fff;
    border-radius: 2px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.pls-nav-activity-card__inner {
    padding: 12px 16px;
    min-height: 70px;
    box-sizing: border-box
}

.pls-nav-activity-card__tit {
    line-height: 22px;
    font-size: 14px;
    font-weight: 500;
    color: #181818;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.pls-nav-activity-card__desc {
    margin-top: 4px;
    line-height: 20px;
    font-size: 12px;
    color: #4b5b76;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.pls-nav-activity-card.is-more {
    position: relative;
    z-index: 1
}

.pls-nav-activity-card.is-more::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: 68px;
    height: 68px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/activity-card-more-bg.4c25de24.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.pls-nav-activity-card.is-more .pls-nav-activity-card__inner {
    display: flex;
    -moz-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.pls-nav-activity-card.is-more .pls-nav-activity-card__more {
    font-size: 0
}

.pls-nav-activity-card.is-more .pls-nav-activity-card__more-link {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-right: 24px;
    max-width: 100%;
    line-height: 22px;
    font-size: 14px;
    font-weight: 500;
    color: #0052d9;
    box-sizing: border-box
}

.pls-nav-activity-card.is-more .pls-nav-activity-card__more-link::after {
    content: "";
    display: block;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-arrow-right-primary.8748c02a.svg);
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    -ms-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -webkit-transition: transform .2s linear;
    -o-transition: transform .2s linear
}

.pls-nav-activity-card:hover {
    box-shadow: 8px 8px 20px rgba(55,99,170,.15),-8px -8px 20px #fff
}

.pls-nav-activity-card:hover .pls-nav-activity-card__tit {
    color: #0052d9
}

.pls-nav-activity-card:hover .pls-nav-activity-card__more-link::after {
    transform: translateX(4px);
    -ms-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -webkit-transform: translateX(4px);
    -o-transform: translateX(4px)
}

.pls-nav-activity-entry__item {
    border: 1px solid #fff;
    box-shadow: 8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px #fff;
    border-radius: 2px;
    background-position: right center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.pls-nav-activity-entry__item.type-free {
    background: #eaf4ff;
    background: linear-gradient(to right, #eaf4ff 0%, #bdd7ff 98%)
}

.pls-nav-activity-entry__item.type-free .pls-nav-activity-entry__inner {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/activity-entry-free-bg.b5a67f81.png)
}

.pls-nav-activity-entry__item.type-vip {
    background: #fff6e8;
    background: linear-gradient(to right, #fff6e8 0%, #ffe0bc 98%)
}

.pls-nav-activity-entry__item.type-vip .pls-nav-activity-entry__inner {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/activity-entry-vip-bg.9da8c7fb.png)
}

.pls-nav-activity-entry__item:hover {
    box-shadow: 8px 8px 20px rgba(55,99,170,.15),-8px -8px 20px #fff
}

.pls-nav-activity-entry__item:hover .pls-nav-activity-entry__inner {
    background-size: auto 105%
}

.pls-nav-activity-entry__item:hover .pls-nav-activity-entry__tit {
    color: #0052d9
}

.pls-nav-activity-entry__item+.pls-nav-activity-entry__item {
    margin-top: 16px
}

.pls-nav-activity-entry__inner {
    padding: 16px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.pls-nav-activity-entry__tit {
    line-height: 22px;
    font-size: 14px;
    color: #000;
    font-weight: 500
}

.pls-nav-activity-entry__desc {
    margin-top: 4px;
    line-height: 20px;
    font-size: 12px;
    color: #4b5b76;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.pls-nav-latest-list {
    padding: 16px;
    background: #f3f5f8;
    border: 1px solid #fff;
    box-shadow: 8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px #fff;
    border-radius: 2px
}

.pls-nav-latest-list__item {
    padding: 10px 12px;
    background: #fff;
    box-shadow: 4px 4px 16px rgba(55,99,170,.1);
    border-radius: 2px;
    cursor: pointer
}

.pls-nav-latest-list__item:hover .pls-nav-latest-list__cont {
    color: #0052d9
}

.pls-nav-latest-list__item:hover .pls-nav-latest-list__cont::before {
    background-color: #0052d9
}

.pls-nav-latest-list__item+.pls-nav-latest-list__item {
    margin-top: 8px
}

.pls-nav-latest-list__cont {
    position: relative;
    padding-left: 18px;
    color: #31415e;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.pls-nav-latest-list__cont::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    background: #d6dbe3;
    border-radius: 50%;
    transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.pls-nav-latest-list__tit {
    line-height: 22px;
    font-size: 14px;
    font-weight: 400
}

@media screen and (min-width: 769px) {
    .pls-m-nav {
        display:none
    }
}

.pls-m-nav {
    position: relative;
    z-index: 100
}

.pls-m-nav.is-fixed {
    height: 56px;
    z-index: 1000
}

.pls-m-nav.is-fixed .pls-m-nav-bar {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 900;
    width: 100%;
    box-sizing: border-box
}

.pls-m-nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    margin-right: 16px
}

.pls-m-nav-btn:last-child {
    margin-right: 0
}

.pls-m-nav-btn.profile {
    position: relative;
    z-index: 1
}

.pls-m-nav-btn.profile:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    width: 24px;
    height: 24px;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.3);
    border-radius: 50%;
    border: #fff 1px solid;
    z-index: -1;
    box-sizing: border-box
}

.pls-m-nav-btn-icon {
    display: block;
    width: 24px;
    height: 24px
}

.pls-m-nav-btn-icon.menu {
    box-sizing: border-box;
    padding-top: 4px
}

.pls-m-nav-btn-icon.menu span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 0 auto 5px;
    position: relative;
    background: #253554;
    border-radius: 3px;
    z-index: 1;
    -webkit-transform-origin: 20px;
    transform-origin: 20px;
    transition: background .4s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .45s ease,width .4s,-webkit-transform .4s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background .4s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .45s ease,transform .4s cubic-bezier(0.77, 0.2, 0.05, 1),width .4s;
    transition: background .4s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .45s ease,transform .4s cubic-bezier(0.77, 0.2, 0.05, 1),width .4s,-webkit-transform .4s cubic-bezier(0.77, 0.2, 0.05, 1)
}

.pls-m-nav-btn-icon.menu span:last-child {
    margin-bottom: 0
}

.pls-m-nav-btn-icon.menu.toggle-animate span {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pls-m-nav-btn-icon.menu.toggle-animate span:nth-child(3) {
    opacity: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pls-m-nav-btn-icon.menu.toggle-animate span:nth-child(2) {
    width: 0;
    opacity: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: width .5s ease
}

.pls-m-nav-btn-icon.close {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-close.e7f0c7c9.svg)
}

.pls-m-nav-btn-icon.search {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-search.7d9dda70.svg)
}

.pls-m-nav-btn-icon.user {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-user.842c01ef.svg);
    background-size: cover
}

.pls-m-nav-btn-icon.user.is-logined {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-user-loggedin.8f6f8c99.png)
}

.pls-m-nav-btn.search {
    box-sizing: border-box;
    width: 161px;
    height: 36px;
    background: #fff;
    border: 1px solid #d6dbe3;
    padding: 0 12px;
    font-size: 14px;
    line-height: 34px;
    color: #97a3b7;
    position: relative;
    display: block
}

.pls-m-nav-btn.search .pls-m-nav-btn-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    /*background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-search-16.562fc7ec.svg);*/
    background-repeat: no-repeat
}

@media screen and (max-width: 370px) {
    .pls-m-nav-btn.search {
        width:130px
    }
}

.pls-m-nav-logo {
    display: block;
     width: 120px;
    height: 40px;
    background-image: url(/web/images/logo.png);
        background-size: cover;
}

.pls-m-nav-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 56px;
    background-color: #fff;
    position: relative
}

.pls-m-nav-bar:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #9ba6b7;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.pls-m-nav-bar-main {
    flex: 1;
    display: flex;
    align-items: center
}

.pls-m-nav-bar-extra {
    display: flex;
    align-items: center
}

.pls-m-nav-dropdown {
    position: fixed;
    left: 0;
    top: 56px;
    bottom: 0;
    z-index: 1000;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    color: #000;
    display: flex;
    overflow: hidden
}

.pls-m-nav-dropdown.hide {
    display: none !important
}

.pls-m-nav-side {
    display: flex;
    flex-direction: column;
    width: 124px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f1f4f7;
    box-shadow: 4px 4px 20px 0 rgba(55,99,170,.1)
}

.pls-m-nav-side-bd {
    flex: 1
}

.pls-m-nav-side-ft {
    margin-top: 40px
}

.pls-m-nav-main {
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto
}

.pls-m-nav-main-hd {
    padding: 16px 28px;
    border-bottom: 1px solid #e1e4e9
}

.pls-m-nav-main-hd .pls-m-nav-link.is-current {
    position: relative
}

.pls-m-nav-main-hd .pls-m-nav-link.is-current:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 10px;
    margin-right: 8px;
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%
}

.pls-m-nav-main-hd .pls-m-nav-link-inner:after,.pls-m-nav-main-hd .pls-m-nav-link.primary .pls-m-nav-link-inner:after {
    content: "";
    position: absolute;
    right: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    /*background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-go.a4a39ca2.svg)*/
}

.pls-m-nav-main-bd {
    padding: 18px 0
}

.pls-m-nav-menu.level1 ul {
    display: none
}

.pls-m-nav-menu.level1 .pls-m-nav-menu-item {
    padding: 8px 0
}

.pls-m-nav-menu.level1 .pls-m-nav-menu-item>a {
    display: block;
    position: relative;
    padding: 0 16px;
    font-size: 14px;
    line-height: 24px;
    color: #495770;
    word-wrap: break-word
}

.pls-m-nav-menu.level1 .pls-m-nav-menu-item.is-current>a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 2px;
    height: 14px;
    background-color: #9ea6b3
}

.pls-m-nav-menu.level1 .pls-m-nav-menu-item.active {
    background-color: #fff
}

.pls-m-nav-menu.level1 .pls-m-nav-menu-item.active>a {
    color: #0053d9
}

.pls-m-nav-menu.level1 .pls-m-nav-menu-item.active>a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 4px;
    height: 14px;
    background-color: #0053d9
}

.pls-m-nav-menu.level1 .pls-m-nav-menu-item.open {
    background-color: #fff
}

.pls-m-nav-menu.level1 .pls-m-nav-menu-item.open>ul {
    display: block
}

.pls-m-nav-menu.level1 .second-menu {
    margin-top: 8px;
    margin-bottom: 4px
}

.pls-m-nav-menu.level1 .second-menu .pls-m-nav-menu-item {
    padding: 0;
    margin-bottom: 8px
}

.pls-m-nav-menu.level1 .second-menu .pls-m-nav-menu-item>a {
    padding-left: 24px
}

.pls-m-nav-link {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #495770
}

.pls-m-nav-link-inner {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    padding-right: 20px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pls-m-nav-link-inner:after {
    content: "";
    position: absolute;
    right: 0;
    top: 9px;
    width: 12px;
    height: 5px;
    /*background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-link.9615d540.svg)*/
}

.pls-m-nav-link.primary {
    font-weight: normal;
    color: #000
}

.pls-m-nav-link.primary .pls-m-nav-link-inner:after {
    /*background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-go.a4a39ca2.svg)*/
}

.pls-m-nav-link.current:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 10px;
    margin-right: 8px;
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%
}

.pls-m-nav-links {
    padding: 0 16px 16px
}

.pls-m-nav-links .pls-m-nav-link {
    margin-bottom: 6px
}

.pls-m-nav-links .pls-m-nav-link:last-child {
    margin-bottom: 0
}

.pls-m-nav-menu.level2>.pls-m-nav-menu-item {
    margin-bottom: 28px
}

.pls-m-nav-menu.level2>.pls-m-nav-menu-item:last-child {
    margin-bottom: 0
}

.pls-m-nav-menu.level2>.pls-m-nav-menu-item>a {
    display: block;
    position: relative;
    margin-bottom: 8px;
    padding-left: 52px;
    padding-right: 16px;
    font-size: 14px;
    line-height: 24px;
    color: #495770;
    font-weight: normal
}

.pls-m-nav-menu.level2>.pls-m-nav-menu-item.current>a:before {
    content: "";
    position: absolute;
    left: 16px;
    top: 10px;
    width: 4px;
    height: 4px;
    background-color: #495770;
    border-radius: 50%
}

.pls-m-nav-menu.level2 .pls-m-nav-menu-item-img {
    position: absolute;
    left: 28px;
    top: 4px;
    width: 16px;
    height: 16px
}

.pls-m-nav-menu.level2 .second-menu .pls-m-nav-menu-item {
    margin-bottom: 8px
}

.pls-m-nav-menu.level2 .second-menu .pls-m-nav-menu-item:last-child {
    margin-bottom: 0
}

.pls-m-nav-menu.level2 .second-menu .pls-m-nav-menu-item>a {
    position: relative;
    display: block;
    padding-left: 52px;
    padding-right: 16px;
    font-size: 14px;
    line-height: 24px;
    color: #000
}

.pls-m-nav-menu.level2 .second-menu .pls-m-nav-menu-item.is-current>a:before {
    content: "";
    position: absolute;
    left: 40px;
    top: 10px;
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%
}

.pls-m-nav-tag {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    font-size: 12px;
    line-height: 20px;
    color: #ff7800;
    font-weight: bold;
    font-family: Roboto;
    width: 24px;
    height: 24px
}

.pls-m-nav-menu.level2-single .pls-m-nav-menu-item {
    margin-bottom: 8px;
    position: relative
}

.pls-m-nav-menu.level2-single .pls-m-nav-menu-item:last-child {
    margin-bottom: 0
}

.pls-m-nav-menu.level2-single .pls-m-nav-menu-item>a {
    display: block;
    padding: 0 16px 0 28px;
    font-size: 14px;
    line-height: 24px;
    color: #000
}

.pls-m-nav-menu.level2-single .pls-m-nav-menu-item.current:before {
    content: "";
    position: absolute;
    left: 16px;
    top: 10px;
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%
}

.pls-m-nav-menu.level3 {
    padding-left: 28px;
    padding-right: 16px
}

.pls-m-nav-menu.level3 ul {
    display: none;
    margin-left: 10px;
    margin-top: 8px;
    margin-bottom: 12px
}

.pls-m-nav-menu.level3 .pls-m-nav-menu-item.open>ul {
    display: block
}

.pls-m-nav-menu.level3 .pls-m-nav-menu-item.is-current>a:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 10px;
    margin-right: 8px;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%
}

.pls-m-nav-menu.level3>.pls-m-nav-menu-item {
    margin-bottom: 18px
}

.pls-m-nav-menu.level3>.pls-m-nav-menu-item:last-child {
    margin-bottom: 0
}

.pls-m-nav-menu.level3>.pls-m-nav-menu-item>a {
    position: relative;
    display: block;
    position: relative;
    padding-right: 16px;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    color: #000
}

.pls-m-nav-menu.level3>.pls-m-nav-menu-item>a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    /*background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-arrow.a17177c4.svg);*/
    transition: .3s all ease-in-out
}

.pls-m-nav-menu.level3>.pls-m-nav-menu-item.open>a:after {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg)
}

.pls-m-nav-menu.level3 .second-menu {
    margin-top: 12px
}

.pls-m-nav-menu.level3 .second-menu .pls-m-nav-menu-item {
    margin-bottom: 8px
}

.pls-m-nav-menu.level3 .second-menu .pls-m-nav-menu-item:last-child {
    margin-bottom: 0
}

.pls-m-nav-menu.level3 .second-menu .pls-m-nav-menu-item>a {
    position: relative;
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #536078
}

.pls-m-nav-menu.level3 .second-menu .pls-m-nav-menu-item.is-current>a:before {
    top: 8px;
    background-color: #9ea6b3;
    margin-right: 4px
}

.pls-m-nav-menu.level3 .pls-m-nav-menu-item.open>ul.third-menu {
    position: relative
}

.pls-m-nav-menu.level3 .pls-m-nav-menu-item.open>ul.third-menu::before {
    content: "";
    width: 1px;
    background-color: #d7dce3;
    height: 100%;
    font-size: 0;
    position: absolute;
    left: -10px;
    top: 0
}

.pls-m-nav-menu.level3 .pls-m-nav-menu-item.open ul.third-menu .pls-m-nav-menu-item.is-current>a:before {
    right: inherit;
    left: -18px
}

.pls-m-nav-dropdown.user {
    display: block;
    padding-bottom: 16px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.pls-m-nav-menu.full {
    margin-bottom: 8px
}

.pls-m-nav-menu.full .pls-m-nav-menu-item {
    position: relative;
    border-bottom: 1px solid #e1e4e9
}

.pls-m-nav-menu.full .pls-m-nav-menu-item:last-child {
    border-bottom: none
}

.pls-m-nav-menu.full .pls-m-nav-menu-item>a {
    display: block;
    padding: 12px 16px;
    color: #000
}

.pls-m-nav-menu.full .pls-m-nav-menu-item .pls-m-nav-menu-item-id {
    display: block;
    padding: 12px 16px;
    color: #000
}

.pls-m-nav-menu.full .pls-m-nav-menu-item .pls-m-nav-menu-item-label {
    color: #000
}

.pls-m-nav-menu.full .pls-m-nav-menu-item.nickname>a {
    color: #536078;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pls-m-nav-menu.full .pls-m-nav-menu-item.weak>a {
    color: #536078
}

.pls-m-nav-menu.full .pls-m-nav-menu-item.contact {
    color: #000;
    padding: 12px 16px
}

.pls-m-nav-menu.full .pls-m-nav-menu-item.contact>a {
    display: inline;
    padding: 0;
    margin: 0 5px;
    color: #495770;
    font-weight: 500
}

.pls-m-nav-menu.full .pls-m-nav-menu-item.contact .num {
    margin: 0 5px;
    color: #495770;
    font-weight: 500
}

.pls-m-nav-menu.full .pls-m-nav-menu-item .extra {
    position: absolute;
    right: 0;
    top: 0;
    color: #536078;
    padding: 12px 16px
}

.pls-m-nav-menu.full .pls-m-nav-menu-item .num {
    margin-left: 8px;
    color: #0052d9
}

.pls-m-nav-menu.full .pls-m-nav-menu-item .icon-real-name-m,.pls-m-nav-menu.full .pls-m-nav-menu-item .icon-real-name-m-cur {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: -1px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-real-name-m.6aed74e4.svg);
    background-size: cover;
    margin-right: 4px
}

.pls-m-nav-menu.full .pls-m-nav-menu-item .icon-real-name-m-cur {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-real-name-m-cur.ad5f6851.svg)
}

.pls-m-nav-menu.full .pls-m-nav-menu-item .icon-real-text-m {
    color: #98a3b7
}

.pls-m-nav-menu.full .pls-m-nav-menu-item .icon-real-text-m-cur {
    color: #0052d9
}

.pls-m-nav-ft-btns {
    display: flex;
    padding: 0 16px
}

.pls-m-nav-ft-btns .pls-nav-btn {
    flex: 1;
    min-width: 0;
    margin-right: 8px;
    height: 36px;
    line-height: 36px;
    background-color: #0053d9
}

.pls-m-nav-ft-btns .pls-nav-btn:last-child {
    margin-right: 0
}

.pls-m-nav-ft-btns .pls-nav-btn-hole-week {
    line-height: 34px;
    border-color: #0053d9;
    background-color: transparent;
    color: #0053d9
}

.pls-m-nav-ft {
    display: block;
    padding: 20px
}

.pls-m-nav-qr-code {
    width: 120px;
    height: 120px;
    margin: 0 auto 12px;
    border: 1px solid rgba(91,103,126,.3)
}

.pls-m-nav-qr-code img {
    display: block;
    width: 100%;
    height: 100%
}

.pls-m-nav-text-item {
    font-size: 14px;
    color: #536078;
    text-align: center;
    line-height: 24px
}

.pls-m-nav-dropdown.search {
    overflow: visible
}

.pls-m-nav-search {
    position: absolute;
    left: 0;
    top: -56px;
    right: 56px;
    height: 56px;
    box-sizing: border-box;
    padding: 10px 0 10px 16px
}

.pls-m-nav-search-bar {
    position: relative
}

.pls-m-nav-search-input {
    border: 1px solid #d6dbe3;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 6px 16px 6px 36px;
    height: 36px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.pls-m-nav-search-input:focus {
    outline: none;
    border-color: #0052d9
}

.pls-m-nav-search-input::-moz-placeholder {
    color: #97a3b7;
    opacity: 1
}

.pls-m-nav-search-input:-ms-input-placeholder {
    color: #97a3b7
}

.pls-m-nav-search-input::-webkit-input-placeholder {
    color: #97a3b7
}

.pls-m-nav-search-btn {
    position: absolute;
    left: 4px;
    top: 0;
    width: 32px;
    height: 36px;
    line-height: 36px;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.pls-m-nav-search-btn:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-search-s.37f598bd.svg)
}

.pls-m-nav-search-btn:focus {
    outline: none
}

.pls-m-nav-search-btn.clear {
    left: auto;
    right: 4px
}

.pls-m-nav-search-btn.clear:after {
    width: 12px;
    height: 12px;
    background-size: contain;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-clear.07b8b245.svg)
}

.pls-m-nav-search-btn.clear:active:after {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-clear-active.2b12db93.svg)
}

.pls-m-nav-result {
    box-sizing: border-box;
    flex: 1;
    padding: 16px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.pls-m-nav-result-title {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 22px;
    color: #5f7292;
    font-weight: 500
}

.pls-m-nav-tag-blocks {
    font-size: 0;
    margin: 0 -6px 8px
}

.pls-m-nav-tag-block {
    display: inline-block;
    vertical-align: top;
    padding: 0 6px 12px;
    box-sizing: border-box;
    max-width: 100%
}

.pls-m-nav-tag-block a {
    box-sizing: border-box;
    display: block;
    background: rgba(205,216,229,.5);
    border-radius: 2px;
    height: 28px;
    padding: 0 12px;
    font-size: 12px;
    color: #495770;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pls-m-nav-tag-block a:active {
    color: #0052d9
}

.pls-m-nav-inline-links {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px 20px
}

.pls-m-nav-inline-links:last-child {
    margin-bottom: 0
}

.pls-m-nav-inline-link {
    margin: 0 8px 8px
}

.pls-m-nav-inline-link>a {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #181818
}

.pls-m-nav-inline-link>a:active {
    color: #0052d9
}

.pls-m-nav-inline-links.tags .pls-m-nav-inline-link {
    position: relative
}

.pls-m-nav-inline-links.tags .pls-m-nav-inline-link>a {
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #f1f2f5;
    border-radius: 2px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #181818;
    padding: 0 8px;
    box-sizing: border-box
}

.pls-m-nav-inline-links.tags .pls-m-nav-inline-link:active>a {
    color: #0052d9
}

.pls-m-nav-mark {
    box-sizing: border-box;
    margin-left: 8px;
    padding: 0 2px;
    height: 12px;
    background: #fff;
    border: 1px solid #f64041;
    box-shadow: 2px 2px 4px 0 rgba(55,99,170,.31);
    background: #fff;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    position: relative;
    top: -1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f64041;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px
}

.pls-m-nav-mark-text {
    height: 12px;
    -webkit-transform: scale(0.8333333333);
    transform: scale(0.8333333333)
}

.pls-m-nav-mark.hot-fill {
    border-color: #f64041;
    background-color: #f64041;
    color: #fff;
    box-shadow: none
}

.pls-m-nav-mark.new-fill {
    border-color: #0052d9;
    background-color: #0052d9;
    color: #fff;
    box-shadow: none
}

.pls-m-nav-mark.red-outline {
    background: transparent;
    border-radius: 2px;
    box-shadow: none;
    border-color: #f64041;
    color: #f64041
}

.pls-m-nav-mark.blue-outline {
    background: transparent;
    border-radius: 2px;
    box-shadow: none;
    border-color: #0052d9;
    color: #0052d9
}

.pls-m-nav-icon-btn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    border-width: 0;
    background: transparent;
    font-size: 0;
    cursor: pointer;
    margin-left: 8px
}

.pls-m-nav-icon-btn .icon {
    display: block;
    width: 16px;
    height: 16px
}

.pls-m-nav-icon-btn .icon.delete {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-delete.716ad938.svg)
}

.pls-m-nav-icon-btn:active .icon.delete {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/icon-delete-hover.56c49418.svg)
}

.pls-m-nav-search-list {
    margin-top: -5px;
    margin-bottom: -5px;
    max-height: 160px;
    overflow: hidden
}

.pls-m-nav-search-item>a {
    display: block;
    font-size: 14px;
    color: #2c3645;
    line-height: 22px;
    padding: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pls-m-nav-search-item>a i {
    color: #181818;
    font-weight: 500
}

.pls-m-nav-search-item>a .item-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/search-gray.41d663c8.svg)
}

.pls-m-nav-search-item>a:active {
    color: #0053d9;
    text-decoration: none
}

.pls-m-nav-search-item>a:active .item-icon {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/search-gray-hover.654b8dce.svg)
}

.pls-m-nav-search-item.is-active>a {
    background: rgba(241,242,245,.6)
}

.pls-m-nav-search-item em {
    color: #f64041
}

.pls-m-nav-search-item-label {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    color: #4b5b76;
    padding: 0px 4px;
    height: 18px;
    border: 1px solid #97a3b7;
    border-radius: 2px;
    margin-left: 8px;
    box-sizing: border-box;
    position: relative;
    top: -1px
}

.pls-m-nav-search-item-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 16px;
    height: 16px;
    top: -1px;
    margin-right: 8px
}

.pls-m-nav-search-item .item-icon-offers {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/nav-offers.2ec9d212.svg)
}

.pls-m-nav-search-item .item-icon-doc {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/nav-doc.6a414300.svg)
}

.pls-m-nav-search-item .item-icon-solution {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/slice/nav-solution.ab377b72.svg)
}

.pls-m-nav-search-list+.pls-m-nav-search-panel,.pls-m-nav-search-panel+.pls-m-nav-search-panel {
    border-top: 1px solid #d6dbe3;
    padding-top: 12px;
    margin-top: 12px
}

.pls-m-nav-search-list-wrap .pls-m-nav-search-list {
    max-height: 96px;
    overflow: hidden
}

.pls-m-nav-search-list-wrap .pls-m-nav-result-title {
    margin-bottom: 10px
}

:root {
    --qcloud-float-ratio: 1
}

.pls-floatbar {
    position: fixed;
    z-index: 99;
    right: 8px;
    top: 583px;
    width: calc(52px * var(--qcloud-float-ratio))
}

.pls-floatbar :focus {
    outline: none
}

.pls-floatbar-inner {
    position: relative
}

.pls-floatbar-inner.mobile {
    display: none
}

.pls-floatbar-button+.pls-floatbar-button {
    margin-top: 8px
}

.pls-floatbar-item {
    pointer-events: auto;
    position: relative
}

.pls-floatbar-item+.pls-floatbar-item {
    margin-top: 8px
}

.pls-floatbar-icon,.pls-floatbar-icon-hover {
    width: calc(24px * var(--qcloud-float-ratio));
    display: block;
    margin: 0 auto
}

.pls-floatbar-icon-hover {
    display: none
}

.pls-floatbar-button {
    position: relative;
    width: calc(52px * var(--qcloud-float-ratio));
    height: calc(52px * var(--qcloud-float-ratio));
    box-sizing: border-box;
    border-radius: calc(26px * var(--qcloud-float-ratio));
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border: 2px solid #fff;
    background-clip: padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.pls-floatbar-button:hover {
    text-decoration: none;
    box-shadow: 8px 8px 20px rgba(55,99,170,.3)
}

.pls-floatbar-button:hover .pls-floatbar-icon {
    display: none
}

.pls-floatbar-button:hover .pls-floatbar-icon-hover {
    display: block
}

.pls-floatbar-item--auto .pls-floatbar-button {
    padding-top: calc(12px * var(--qcloud-float-ratio));
    padding-bottom: calc(12px * var(--qcloud-float-ratio));
    flex-direction: column;
    height: auto;
    min-height: calc(52px * var(--qcloud-float-ratio))
}

.pls-floatbar-button-desc {
    display: block;
    text-align: center;
    width: calc( 18px * var(--qcloud-float-ratio) );
    margin-left: auto;
    margin-right: auto;
    font-size: calc(16px * var(--qcloud-float-ratio));
    color: #4b5b76;
    line-height: calc(24px * var(--qcloud-float-ratio));
    margin-top: 8px
}

.pls-floatbar-service .pls-floatbar-button {
    padding-top: calc(10px * var(--qcloud-float-ratio));
    padding-bottom: calc(10px * var(--qcloud-float-ratio));
    flex-direction: column;
    height: auto
}

.pls-floatbar-service:hover {
    text-decoration: none
}

.pls-floatbar-service:hover .pls-floatbar-button {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2)
}

.pls-floatbar-service:hover .pls-floatbar-button-desc {
    color: #0052d9
}

.pls-floatbar-service:hover .pls-floatbar-icon {
    display: none
}

.pls-floatbar-service:hover .pls-floatbar-icon-hover {
    display: block
}

.pls-floatbar-pre-sale .pls-floatbar-button {
    background: linear-gradient(180deg, #ff3b3b 0%, #ffa45a 100%);
    padding: 2px 2px calc(12px * var(--qcloud-float-ratio))
}

.pls-floatbar-pre-sale .pls-floatbar-button .pls-floatbar-icon {
    width: 100%;
    display: block;
    border-radius: 50%
}

.pls-floatbar-pre-sale .pls-floatbar-button .pls-floatbar-button-desc {
    color: #fff
}

.pls-floatbar-after-sale .pls-floatbar-button .pls-floatbar-icon,.pls-floatbar-feedback .pls-floatbar-button .pls-floatbar-icon {
    display: block
}

.pls-floatbar-after-sale .pls-floatbar-button .pls-floatbar-button-desc,.pls-floatbar-feedback .pls-floatbar-button .pls-floatbar-button-desc {
    color: #0076ff
}

.floatbar-andon-container {
    pointer-events: auto;
    position: absolute;
    right: 100%;
    bottom: 0px;
    margin-right: 16px;
    width: 375px;
    min-height: 400px;
    max-height: 600px;
    height: 70vh
}

.pls-floatbar-modal {
    pointer-events: auto;
    position: absolute;
    right: 100%;
    bottom: 80px;
    margin-right: 16px;
    background: #fff;
    box-shadow: 8px 8px 20px rgba(55,99,170,.1),-2px -2px 16px rgba(55,99,170,.1);
    width: 375px;
    min-height: 450px;
    max-height: 600px;
    height: 80vh;
    display: flex;
    flex-direction: column;
    transition: opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out,transform .3s ease-in-out;
    transition: opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out
}

.pls-floatbar-modal.is-hidden {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    pointer-events: none
}

.pls-floatbar-modal-close {
    position: absolute;
    right: 0;
    bottom: 100%;
    margin-bottom: 10px;
    border: 1px solid #fff;
    background: rgba(0,0,0,.2);
    width: 26px;
    height: 26px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%
}

.pls-floatbar-modal-close:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/close.74cf0ab1.svg)
}

.pls-floatbar-modal-close:hover {
    background: rgba(0,0,0,.8)
}

.pls-floatbar-modal iframe {
    width: 100%;
    height: 100%;
    border-width: 0
}

.pls-floatbar-bubble {
    position: absolute;
    color: #495770;
    z-index: 1000;
    bottom: 0;
    right: 40px;
    padding-right: 15px
}

.pls-floatbar-bubble-inner {
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px;
    background-color: #e1e4e9
}

.pls-floatbar-bubble-item {
    position: relative
}

.pls-floatbar-bubble-item>a {
    width: 320px;
    border-bottom: 1px solid #e1e4e9;
    font-size: 0;
    cursor: pointer;
    box-sizing: border-box;
    display: block;
    padding: 16px;
    position: relative;
    z-index: 2
}

.pls-floatbar-bubble-item>a:hover {
    box-shadow: 0 4px 8px 0 rgba(3,27,78,.13);
    transition: all .2s linear;
    text-decoration: none
}

.pls-floatbar-feedback .pls-floatbar-bubble-item>a:hover {
    box-shadow: none;
    transition: none
}

.pls-floatbar-feedback .pls-floatbar-bubble:hover {
    cursor: pointer
}

.pls-floatbar-feedback .pls-floatbar-bubble:hover .pls-floatbar-bubble-title {
    color: #0052d9
}

.pls-floatbar-feedback .pls-floatbar-bubble:hover .pls-floatbar-bubble-more>a::after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.pls-floatbar-bubble-item>a:hover .pls-floatbar-bubble-title {
    color: #0052d9
}

.pls-floatbar-bubble-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.pls-floatbar-bubble-head {
    display: flex;
    align-items: center
}

.pls-floatbar-feedback .pls-floatbar-bubble-head {
    justify-content: space-between
}

.pls-floatbar-feedback .pls-floatbar-bubble-head__label {
    display: flex;
    align-items: center
}

.pls-floatbar-bubble-icon {
    display: block;
    width: 16px;
    height: 16px
}

.pls-floatbar-bubble-icon-close {
    cursor: pointer
}

.pls-floatbar-bubble-icon-hover {
    display: none
}

.pls-floatbar-bubble-item>a:hover .pls-floatbar-bubble-icon-hover {
    display: block
}

.pls-floatbar-bubble-item>a:hover .pls-floatbar-bubble-icon {
    display: none
}

.pls-floatbar-bubble-title {
    font-size: 16px;
    color: #333;
    line-height: 24px;
    margin-left: 8px
}

.pls-floatbar-bubble-result-desc {
    font-size: 12px;
    color: #4b5b76;
    line-height: 20px;
    text-align: center
}

.pls-floatbar-bubble-desc {
    margin-top: 4px;
    opacity: .8;
    font-size: 12px;
    color: #495770;
    line-height: 20px
}

.pls-floatbar-bubble-more {
    text-align: center;
    padding: 8px 0
}

.pls-floatbar-bubble-more a {
    color: #0052d9;
    font-size: 14px;
    cursor: pointer;
    line-height: 20px
}

.pls-floatbar-bubble-more a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 12px;
    height: 12px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/link-arrow.9e4e1e45.svg);
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s
}

.pls-floatbar-bubble-more a:hover {
    text-decoration: none
}

.pls-floatbar-bubble-more a:hover:after {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.pls-floatbar-event .pls-floatbar-button {
    height: auto
}

.pls-floatbar-event .pls-floatbar-button img {
    display: block;
    width: 100%;
    height: auto
}

.pls-floatbar-event .pls-floatbar-button.is-composable {
    padding-top: calc(12px * var(--qcloud-float-ratio));
    padding-bottom: calc(12px * var(--qcloud-float-ratio))
}

.pls-floatbar-event .pls-floatbar-button.is-composable img {
    width: calc(24px * var(--qcloud-float-ratio))
}

@media screen and (max-height: 1020px) {
    .pls-floatbar {
        top:0;
        height: 100%;
        display: table;
        pointer-events: none
    }

    .pls-floatbar .pls-floatbar-inner {
        display: table-cell;
        vertical-align: bottom !important;
        padding-bottom: 80px
    }

    .floatbar-andon-container {
        position: absolute;
        right: 100%;
        bottom: 80px
    }
}

@media screen and (max-height: 800px) {
    .floatbar-andon-container {
        bottom:20px
    }
}

@media screen and (max-height: 700px) {
    .pls-floatbar-modal {
        bottom:20px
    }
}

@media screen and (max-width: 1200px) {
    .pls-floatbar {
        top:0;
        height: 100%;
        display: table;
        pointer-events: none
    }

    .pls-floatbar .pls-floatbar-inner {
        display: table-cell;
        vertical-align: bottom !important;
        padding-bottom: 80px
    }
}

@media screen and (min-width: 769px) {
    .pls-floatbar-bubble-m {
        display:none
    }
}

@media screen and (max-width: 768px) {
    :root {
        --qcloud-float-ratio: 40 / 52
    }

    .pls-floatbar {
        top: auto;
        height: auto;
        bottom: 50px;
        right: 10px
    }

    .pls-floatbar-inner {
        display: none
    }

    .pls-floatbar-inner.mobile {
        display: block
    }

    .floatbar-andon-container {
        display: none
    }

    .pls-floatbar-bubble {
        display: none
    }

    .pls-floatbar-button .pls-floatbar-button-desc {
        display: none !important
    }

    .pls-floatbar-button.pc {
        display: none
    }

    .pls-floatbar-bubble-m {
        border: 1px solid #e5e8ed;
        position: absolute;
        color: #404a58;
        box-shadow: 0 4px 8px 0 rgba(3,27,78,.13)
    }

    .pls-floatbar-bubble-m-inner {
        background-color: #fff
    }

    .pls-floatbar-item .pls-floatbar-bubble-m-item {
        width: 148px;
        border-bottom: 1px solid #e5e8ed;
        font-size: 0;
        box-sizing: border-box;
        display: block;
        padding: 12px 16px;
        position: relative;
        z-index: 2
    }

    .pls-floatbar-bubble-icon-m {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        margin-right: 8px
    }

    .pls-floatbar-bubble-m .pls-floatbar-bubble-m-title {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        color: #333;
        line-height: 24px;
        margin-left: 8px
    }

    .pls-floatbar-bubble-m-desc {
        opacity: .8;
        font-size: 12px;
        color: #666;
        line-height: 20px;
        margin-top: 4px
    }

    .pls-floatbar-bubble-m-more {
        font-size: 12px;
        text-align: center
    }

    .pls-floatbar-bubble-m-more a {
        color: #666
    }

    .pls-floatbar-item.pls-floatbar-event {
        display: none
    }

    .pls-floatbar-item.pls-floatbar-service {
        display: block;
        right: 8px;
        bottom: 15px
    }

    .pls-floatbar-button-mobile {
        width: 56px;
        height: 56px;
        box-sizing: border-box;
        background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/superviso-account.e41f0ab6.svg),linear-gradient(180deg, #0052d9 0%, #266fe8 100%);
        border: 2px solid #fff;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -khtml-border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center;
        box-shadow: 8px 8px 20px rgba(55,99,170,.1)
    }

    .pls-floatbar-button-mobile:active,.pls-floatbar-button-mobile.is-active,.pls-floatbar-button-mobile:focus {
        box-shadow: 8px 8px 20px rgba(55,99,170,.2)
    }

    .pls-floatbar-bubble-mobile {
        width: calc(100vw - 82px);
        max-width: 95vw;
        box-sizing: border-box;
        padding: 16px 16px 24px;
        box-shadow: 8px 8px 20px rgba(55,99,170,.2);
        position: absolute;
        right: 56px;
        bottom: 0;
        background-color: #fff
    }

    .pls-floatbar-bubble-mobile-item {
        background: linear-gradient(180deg, #f3f5f8 0%, rgba(243, 245, 248, 0.5) 100%);
        border-radius: 4px;
        padding: 16px;
        display: block
    }

    .pls-floatbar-bubble-mobile-item:active,.pls-floatbar-bubble-mobile-item:focus {
        background: linear-gradient(180deg, #f2f4f8 0%, #f3f5f8 100%)
    }

    .pls-floatbar-bubble-mobile-item+.pls-floatbar-bubble-mobile-item {
        margin-top: 8px
    }

    .pls-floatbar-bubble-mobile-item-hd {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .pls-floatbar-bubble-mobile-item-tit {
        font-weight: 500;
        font-size: 17px;
        line-height: 26px;
        color: #000;
        display: flex;
        align-items: center
    }

    .pls-floatbar-bubble-mobile-item-tit::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 8px
    }

    .pls-floatbar-bubble-mobile-item-tit.pre-sale::before {
        background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/pre-sales-1.a7d27ee2.svg)
    }

    .pls-floatbar-bubble-mobile-item-tit.after-sale::before {
        background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/message-1.2023b337.svg)
    }

    .pls-floatbar-bubble-mobile-item-tit.is-feedback::before {
        background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/feedback.24e72c29.svg)
    }

    .pls-floatbar-bubble-mobile-item-tit.service-entrance::before {
        background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/icon-service-20.175eb3fe.svg)
    }

    .pls-floatbar-bubble-mobile-item-info {
        font-size: 14px;
        line-height: 22px;
        color: #98a3b7
    }

    .pls-floatbar-bubble-mobile-item-desc {
        font-size: 14px;
        line-height: 22px;
        color: #273755;
        margin-top: 8px
    }

    .pls-floatbar-bubble-mobile-link {
        display: block;
        color: #0052d9;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        margin: 24px auto 0
    }

    .pls-floatbar-bubble-mobile-link:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -1px;
        width: 16px;
        height: 16px;
        background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/message-L.725bbfdd.svg)
    }

    .pls-floatbar-bubble-mobile-link:hover {
        text-decoration: none
    }

    .pls-floatbar-pre-sale .pls-floatbar-button {
        padding-bottom: 8px
    }

    .pls-floatbar-pre-sale .pls-floatbar-button-desc {
        display: block !important
    }

    .pls-floatbar-modal {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .pls-floatbar .pls-floatbar-inner {
        padding-bottom:inherit
    }
}

.pls-back2top {
    position: fixed;
    z-index: 99;
    right: 8px;
    bottom: 15px;
    width: 52px;
    height: 52px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 50%;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    opacity: 0
}

.pls-back2top::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/back.a9419889.svg);
    background-repeat: no-repeat
}

.pls-back2top:hover {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2);
    text-decoration: none
}

.pls-back2top:hover::before {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/back-hover.39b90c4a.svg)
}

@media screen and (max-width: 768px) {
    .pls-back2top {
        display:none
    }
}

.qcloud-kit-floatbar-satisfaction--open {
    z-index: 1001;
    margin-top: 8px;
    position: relative
}

.qcloud-kit-floatbar-satisfaction--open.is-fixed {
    position: fixed;
    right: 8px;
    top: 817px
}

@media screen and (max-height: 1020px) {
    .qcloud-kit-floatbar-satisfaction--open.is-fixed {
        top:auto;
        bottom: 80px
    }
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-button {
    overflow: visible;
    position: relative;
    width: 52px;
    height: 52px;
    box-sizing: border-box;
    border-radius: 26px;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border: 2px solid #fff;
    background-clip: padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-button--not-filled::after {
    content: "";
    width: 10px;
    height: 10px;
    background: #f64041;
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    border-radius: 50%
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-icon {
    display: block;
    width: 24px;
    margin: 0 auto
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-button:hover .pls-floatbar-icon {
    display: block
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble {
    position: absolute;
    color: #495770;
    z-index: 1000;
    bottom: 0;
    right: 40px;
    padding-right: 15px;
    transition: opacity .5s ease-in-out;
    pointer-events: none;
    opacity: 0
}

@media screen and (max-height: 620px) {
    .qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble {
        bottom:-60px
    }
}

.qcloud-kit-floatbar-satisfaction--open.is-active .pls-floatbar-bubble,.qcloud-kit-floatbar-satisfaction--open.is-full .pls-floatbar-bubble,.qcloud-kit-floatbar-satisfaction--open.is-finished .pls-floatbar-bubble,.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble.is-show {
    pointer-events: auto;
    opacity: 1
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-inner {
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px;
    background-color: #e1e4e9;
    overflow: hidden;
    box-sizing: border-box;
    width: 324px
}

.qcloud-kit-floatbar-satisfaction--open.is-full .pls-floatbar-bubble-inner {
    width: 360px
}

.qcloud-kit-floatbar-satisfaction--open.is-full .pls-floatbar-bubble-check-box__title {
    display: flex
}

.qcloud-kit-floatbar-satisfaction--open.is-full .pls-floatbar-bubble-check-box {
    display: flex
}

.qcloud-kit-floatbar-satisfaction--open.is-full .pls-floatbar-bubble-textarea__title {
    display: block
}

.qcloud-kit-floatbar-satisfaction--open.is-full .pls-floatbar-bubble-textarea__wrap {
    display: block
}

.qcloud-kit-floatbar-satisfaction--open.is-full .pls-floatbar-bubble-btn__group {
    display: flex
}

.qcloud-kit-floatbar-satisfaction--open.is-finished .pls-floatbar-bubble-inner {
    width: 360px
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-item {
    position: relative
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-item a {
    transition: none;
    font-size: 0;
    box-sizing: border-box;
    display: block;
    position: relative;
    z-index: 2;
    border-bottom: 0px;
    cursor: auto;
    padding: 22px;
    width: auto;
    transition: none;
    text-decoration: none
}

.qcloud-kit-floatbar-satisfaction--open.is-finished .pls-floatbar-bubble-item a {
    padding: 24px 22px 32px
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-head {
    display: flex;
    justify-content: space-between
}

.qcloud-kit-floatbar-satisfaction--open:not(.is-finished) .pls-floatbar-bubble-head {
    align-items: flex-start
}

.qcloud-kit-floatbar-satisfaction--open:not(.is-finished) .pls-floatbar-bubble-head .pls-floatbar-bubble-icon-close {
    margin-top: 2px
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-title {
    margin-left: 0px;
    line-height: 22px;
    color: #181818;
    font-size: 14px;
    font-weight: 500
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-item>a:hover .pls-floatbar-bubble-title {
    color: #181818
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-icon-close {
    cursor: pointer;
    display: block;
    margin-left: 16px
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-level {
    display: flex;
    margin-top: 16px;
    justify-content: space-between
}

.qcloud-kit-floatbar-satisfaction--open.is-full .pls-floatbar-bubble-level {
    justify-content: flex-start
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-level-item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer
}

.qcloud-kit-floatbar-satisfaction--open.is-full .pls-floatbar-bubble-level-item {
    flex: 1
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-level-star {
    display: inline-block;
    background-image: url("https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/7584e795-f9fa-4ecd-9ee2-de2c480a4dca.png");
    width: 24px;
    height: 24px;
    background-size: 76px 76px;
    background-position: -5px -47px;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-level-star:hover {
    background-position: -47px -5px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-level-item.is-hover .pls-floatbar-bubble-level-star,.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-level-item.is-active .pls-floatbar-bubble-level-star,.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-level-item.is-selected .pls-floatbar-bubble-level-star {
    background-position: -47px -5px
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-level-text {
    display: none;
    margin-top: 8px;
    color: #97a3b7;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap
}

.qcloud-kit-floatbar-satisfaction--open.is-full .pls-floatbar-bubble-level-text {
    display: block
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-level-item.is-selected .pls-floatbar-bubble-level-text {
    color: #0052d9
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-level-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 16px
}

.qcloud-kit-floatbar-satisfaction--open.is-full .pls-floatbar-bubble-level-bottom {
    display: none
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-level-bottom-text {
    color: #97a3b7;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-check-box__title {
    color: #181818;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    display: none;
    align-items: center;
    margin-top: 24px
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-check-box__title::before {
    content: "";
    margin-right: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f64041;
    display: block
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-check-box__title.is-optional::before {
    content: none
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-check-box__tip {
    color: #4b5b76;
    margin-left: 4px;
    font-weight: 400
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-check-box {
    display: none;
    flex-wrap: wrap;
    row-gap: 4px;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    margin-top: 12px
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-check-item {
    width: calc(33.33% - 3px);
    box-sizing: border-box;
    display: inline-block;
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 26px;
    color: #4b5b76;
    white-space: nowrap;
    text-align: center;
    cursor: pointer
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-check-item:hover {
    border-color: #0052d9;
    color: #0052d9
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-check-item.is-active {
    border-color: #0052d9;
    background: #0052d9;
    color: #fff
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-check-item.is-disabled {
    cursor: not-allowed;
    background: #f1f2f5;
    color: #97a3b7
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-textarea__title {
    margin-top: 24px;
    color: #181818;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    display: none
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-textarea__wrap {
    margin-top: 12px;
    position: relative
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-textarea {
    margin-top: 0px;
    width: 100%;
    height: 83px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #d6dbe3;
    border-radius: 2px;
    resize: none;
    padding: 7px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #181818
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-textarea:hover,.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-textarea:focus,.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-textarea:active {
    border-color: #0052d9
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-textarea::-webkit-input-placeholder {
    color: #97a3b7
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-textarea::-moz-placeholder {
    color: #97a3b7
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-textarea:-ms-input-placeholder {
    color: #97a3b7
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-textarea::placeholder {
    color: #97a3b7
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-textarea::-webkit-scrollbar {
    width: 4px;
    height: 8px
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-textarea::-webkit-scrollbar-thumb {
    background: #d6dbe3;
    border-radius: 6px
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-textarea__text {
    position: absolute;
    color: #97a3b7;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    bottom: 8px;
    right: 8px
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-btn__group {
    display: none;
    flex-direction: row-reverse;
    margin-top: 16px
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-btn {
    width: 120px;
    height: 36px;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-btn--primary {
    background-color: #0052d9;
    color: #fff
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-btn--primary:hover {
    background-color: #266fe8
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-btn--primary.is-disabled {
    border: 1px solid #d6dbe3;
    background: #ecf2fe;
    color: #97a3b7;
    cursor: not-allowed
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-result-img {
    margin: -8px auto 0;
    width: 32px;
    height: 32px;
    background-image: url("https://cloudcache.tencent-cloud.com/qcloud/ui/static/static_source_business/7584e795-f9fa-4ecd-9ee2-de2c480a4dca.png");
    background-size: 76px 76px;
    background-position: -5px -5px
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-result-title {
    color: #181818;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    margin: 8px 0 8px 0
}

.qcloud-kit-floatbar-satisfaction--open .pls-floatbar-bubble-result-desc {
    font-size: 12px;
    color: #4b5b76;
    line-height: 20px;
    text-align: center
}

@media screen and (max-width: 768px) {
    .qcloud-kit-floatbar-satisfaction--open {
        display:none
    }
}

.upgrade-browser-mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10001;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80)
}

.upgrade-browser {
    width: 524px;
    padding: 28px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -225px 0 0 -290px;
    background-color: #fff;
    z-index: 10001;
    border-radius: 2px
}

.upgrade-browser-title {
    line-height: 28px;
    font-size: 18px;
    color: #000
}

.upgrade-browser-icon-warn {
    width: 24px;
    height: 24px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/upgrade-browser.af9d7f5e.svg);
    background-size: 325% 216.6666666667%;
    display: inline-block;
    vertical-align: -5px;
    margin-right: 8px;
    background-position: 98.15% 3.57%;
    background-repeat: no-repeat
}

.upgrade-browser-cont {
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
    color: #666
}

.upgrade-browser-link {
    font-size: 0;
    margin: 22px -14px 0
}

.upgrade-browser-link>a {
    display: inline-block;
    border: 1px solid rgba(153,153,153,.4);
    line-height: 40px;
    border-radius: 2px;
    width: calc((100% - 84px) / 3);
    margin: 0 14px;
    text-align: center;
    box-sizing: border-box;
    transition: all .2s linear
}

.upgrade-browser-link>a:hover {
    border-color: #00a4ff
}

.upgrade-browser-link>a .browser-title {
    transition: all .2s linear
}

.upgrade-browser-link>a:hover .browser-title {
    color: #00a4ff
}

.browser-title {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    margin-left: 10px
}

.upgrade-browser-chrome,.upgrade-browser-ie,.upgrade-browser-qq {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-size: cover
}

.upgrade-browser-chrome {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/upgrade-browser.af9d7f5e.svg);
    background-position: 1.85% 3.57%;
    background-size: 325% 216.6666666667%;
    background-repeat: no-repeat
}

.upgrade-browser-qq {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/upgrade-browser.af9d7f5e.svg);
    background-position: 50% 96.43%;
    background-size: 325% 216.6666666667%;
    background-repeat: no-repeat
}

.upgrade-browser-ie {
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/upgrade-browser.af9d7f5e.svg);
    background-position: 1.85% 96.43%;
    background-size: 325% 216.6666666667%;
    background-repeat: no-repeat
}

.upgrade-browser-close {
    position: absolute;
    right: 0;
    top: -32px;
    width: 24px;
    height: 24px;
    background-image: url(https://cloudcache.tencent-cloud.com/qcloud/portal/kit/images/upgrade-browser.af9d7f5e.svg);
    background-size: 325% 216.6666666667%;
    font-size: 0;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    background-position: 50% 3.57%;
    background-repeat: no-repeat;
    cursor: pointer
}

.upgrade-browser-close:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width: 768px) {
    .upgrade-browser {
        display:none
    }
}