.por-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px
}

@media (max-width: 1775px) {
    .por-container {
        padding-left:5%;
        padding-right: 5%
    }
}

@media (max-width: 1024px) {
    .por-container {
        padding-left:3%;
        padding-right: 3%
    }
}

@media (max-width: 768px) {
    .por-container {
        padding-left:24px;
        padding-right: 24px
    }
}

@media (max-width: 375px) {
    .por-container {
        padding-left:16px;
        padding-right: 16px
    }
}



@-webkit-keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

@keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

.por-btn.por-btn-gradient {
    background: linear-gradient(130.52deg, #4d91ff, #ab42ff 35.964%, #ff5252 77.237%, #ffd227 114.804%);
    background-size: 200% 200%;
    border: none
}

.por-btn.por-btn-gradient:hover {
    -webkit-animation: gradientFlow .5s ease forwards;
    animation: gradientFlow .5s ease forwards
}

.skeleton-block {
    cursor: default;
    display: inline-block;
    position: relative
}

.skeleton-block,
.skeleton-block:hover {
    background: transparent;
    border: none;
    color: transparent
}

.skeleton-block:before {
    background-color: rgba(0, 0, 0, .05);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

[data-mod-id=solutions] {
    background: #fff
}

@media (min-width:1776px) {
    .por-container {
        max-width: 1600px
    }
}

@media (max-width:1775px) {
    .por-container {
        max-width: none;
        padding-left: 5%;
        padding-right: 5%
    }
}

@media (max-width:1024px) {
    .por-container {
        max-width: none;
        padding-left: 3%;
        padding-right: 3%
    }
}

@media (max-width:768px) {
    .por-container {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media (max-width:375px) {
    .por-container {
        padding-left: 16px;
        padding-right: 16px
    }
}

.section {
    padding: 76px 0
}

.section-merge-spacing {
    padding-top: 0
}

.por-section-head,
.section-head {
    padding-bottom: 32px;
    text-align: center
}

.por-section-title,
.section-head-title {
    color: #191919;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px
}

.section-head-subtitle {
    color: #595959;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 14px
}

.section-head-subtitle a {
    margin-left: 1em;
    -webkit-transition: .2s;
    transition: .2s
}

.section-head-subtitle a i {
    margin-top: -4px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    vertical-align: middle
}

.section-head-subtitle a:hover {
    color: #c7000b
}

.section-head-subtitle a:hover i {
    -webkit-transform: translate(4px);
    transform: translate(4px)
}

.gradient-card {
    overflow: hidden;
    position: relative;
    z-index: 0
}

.gradient-card .gradient-canvas {
    left: -12px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: -12px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    z-index: 2
}

.section-head[data-theme=light] .section-head-subtitle,
.section-head[data-theme=light] .section-head-title {
    color: #fff
}

.section-more {
    color: #191919;
    margin-top: 36px;
    text-align: center
}

.section-more a {
    display: inline-block;
    font-size: 0
}

.section-more a:hover span {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.section-more a:hover i {
    -webkit-transform: translate(4px);
    transform: translate(4px)
}

.section-more span {
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    margin-right: 4px;
    vertical-align: middle
}

.section-more i {
    font-size: 24px;
    -webkit-transition: all .2s;
    transition: all .2s;
    vertical-align: middle
}

@media (max-width:1600px) {
    .section {
        padding: 60px 0
    }

    .por-section-title,
    .section-head-title {
        font-size: 32px;
        line-height: 48px
    }

    .por-section-head,
    .section-head {
        padding-bottom: 28px
    }
}

@media (max-width:1280px) {
    .section {
        padding: 52px 0
    }

    .por-section-title,
    .section-head-title {
        font-size: 28px;
        line-height: 42px
    }

    .por-section-head,
    .section-head {
        padding-bottom: 24px
    }

    .section-more {
        margin-top: 24px
    }

    .section-more span {
        font-size: 14px;
        line-height: 22px
    }

    .section-more i {
        font-size: 16px
    }
}

@media (min-width:1024px) {
    .hidden-pc {
        display: none !important
    }

    .element-entrance-container {
        background: #f2f2f2;
        margin: 20px;
        padding: 10px;
        text-align: center
    }

    .element-entrance-1 {
        -webkit-transition: .5s;
        transition: .5s
    }

    .element-entrance-1.ee-out {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    .element-entrance-1.ee-enter {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    .element-entrance-2 {
        -webkit-transition: .5s;
        transition: .5s
    }

    .element-entrance-2.ee-out {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    .element-entrance-2.ee-enter {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .element-entrance-3 {
        -webkit-transition: .8s;
        transition: .8s
    }

    .element-entrance-3.ee-out {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    .element-entrance-3.ee-enter {
        opacity: 1;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    @-webkit-keyframes fadeIn {
        0% {
            display: none;
            opacity: 0
        }

        to {
            display: block;
            opacity: 1
        }
    }

    @keyframes fadeIn {
        0% {
            display: none;
            opacity: 0
        }

        to {
            display: block;
            opacity: 1
        }
    }

    .por-tab-content {
        -webkit-animation: fadeIn .5s cubic-bezier(0, 0, .5, 1) forwards;
        animation: fadeIn .5s cubic-bezier(0, 0, .5, 1) forwards
    }
}

@media (max-width:1024px) {
    .section {
        padding: 52px 0
    }

    .hidden-m {
        display: none !important
    }

    .section-more {
        margin-top: 24px
    }
}

@media (max-width:768px) {
    .section {
        padding: 32px 0
    }

    .section-merge-spacing {
        padding-top: 0
    }

    .por-section-head,
    .section-head {
        padding-bottom: 16px
    }

    .por-section-title,
    .section-head-title {
        font-size: 18px;
        line-height: 28px
    }

    .section-head-subtitle {
        font-size: 12px;
        line-height: 18px;
        margin-top: 8px
    }

    .section-more span {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width:375px) {
    .section {
        padding: 28px 0
    }

    .section-more {
        margin-top: 20px
    }
}

@media (min-width:769px) {

    .home-solutions .por-tab>ul>li,
    .section-company .por-tab>ul>li {
        padding: 0 !important;
        width: auto !important
    }

    .home-solutions .por-tab>ul>li:first-child a,
    .section-company .por-tab>ul>li:first-child a {
        margin-left: 0
    }

    .home-solutions .por-tab>ul>li:last-child a,
    .section-company .por-tab>ul>li:last-child a {
        margin-right: 0
    }

    .home-solutions .por-tab>ul>li a,
    .section-company .por-tab>ul>li a {
        padding: 0 0 10px
    }

    .home-solutions .por-collapse-container,
    .section-company .por-collapse-container {
        border: none
    }

    .home-solutions .por-collapse-trigger,
    .section-company .por-collapse-trigger {
        display: none
    }

    .home-solutions .por-collapse,
    .section-company .por-collapse {
        display: block
    }

    .home-solutions .por-tab-wrapper,
    .section-company .por-tab-wrapper {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 17px
    }

    .home-solutions .por-tab,
    .section-company .por-tab {
        border-bottom: none
    }

    .home-solutions .por-tab li,
    .section-company .por-tab li {
        padding: 0
    }

    .home-solutions .por-tab a,
    .section-company .por-tab a {
        color: #595959;
        height: auto;
        line-height: 1;
        margin: 0 40px;
        padding: 0
    }

    .home-solutions .por-tab a:after,
    .section-company .por-tab a:after {
        background-color: #191919
    }

    .home-solutions .por-tab a:hover,
    .section-company .por-tab a:hover {
        color: #191919;
        font-weight: 700
    }

    .home-solutions .por-tab li.active a,
    .section-company .por-tab li.active a {
        color: #191919
    }

    .home-solutions .por-tab li.active a:after,
    .section-company .por-tab li.active a:after {
        height: 2px;
        width: 100%
    }

    .home-solutions .por-tab .por-tab-text,
    .section-company .por-tab .por-tab-text {
        font-size: 18px;
        line-height: 28px;
        min-width: auto
    }
}

@media (min-width:769px) and (max-width:1366px) {

    .home-solutions .por-tab a,
    .section-company .por-tab a {
        margin: 0 26px
    }

    .home-solutions .por-tab .por-tab-text,
    .section-company .por-tab .por-tab-text {
        font-size: 14px;
        line-height: 22px
    }
}

@-webkit-keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

@keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

.por-btn.por-btn-gradient {
    background: linear-gradient(130.52deg, #4d91ff, #ab42ff 35.964%, #ff5252 77.237%, #ffd227 114.804%);
    background-size: 200% 200%;
    border: none
}

.por-btn.por-btn-gradient:hover {
    -webkit-animation: gradientFlow .5s ease forwards;
    animation: gradientFlow .5s ease forwards
}

.skeleton-block {
    cursor: default;
    display: inline-block;
    position: relative
}

.skeleton-block,
.skeleton-block:hover {
    background: transparent;
    border: none;
    color: transparent
}

.skeleton-block:before {
    background-color: rgba(0, 0, 0, .05);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

@media (min-width:769px) {
    .banner {
        position: relative
    }

    .banner .banner-countDown {
        position: absolute;
        right: 0;
        top: 20px;
        z-index: 1
    }

    .banner .banner-container {
        height: 600px;
        position: relative
    }

    .banner .carousel-wrapper {
        background: #f7f7f7;
        background-position: 50%;
        background-size: cover;
        height: 100%;
        position: relative;
        width: 100%
    }

    .banner .carousel-container {
        background: none !important
    }

    .banner .carousel-slide {
        background-image: none !important;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        visibility: hidden;
        width: 100%
    }

    .banner .carousel-slide.skeleton-container {
        opacity: 1;
        visibility: visible;
        z-index: 1
    }

    .banner .carousel-slide-current {
        opacity: 1;
        visibility: visible
    }

    .banner .carousel-slide-current a {
        z-index: 2
    }

    .banner .carousel-slide-active {
        opacity: 1;
        visibility: visible;
        z-index: 1
    }

    .banner .carousel-indicator-wrapper {
        bottom: 108px;
        font-size: 0;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        width: 100%
    }

    .banner .carousel-indicator-wrapper.countdown .carousel-indicator {
        background: rgba(25, 25, 25, .1);
        margin: 0 6px;
        padding: 0;
        width: 100px
    }

    .banner .carousel-indicator-wrapper.countdown .carousel-indicator p {
        bottom: 4px;
        color: #595959;
        display: block;
        font-size: 14px;
        height: 22px;
        overflow: hidden;
        position: absolute;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100px
    }

    .banner .carousel-indicator-wrapper.countdown .carousel-indicator p:hover {
        color: #191919
    }

    .banner .carousel-indicator-wrapper.countdown .carousel-indicator span {
        height: 2px;
        opacity: 1;
        -webkit-transition: none;
        transition: none;
        width: 0
    }

    .banner .carousel-indicator-wrapper.countdown .carousel-indicator-active {
        height: 2px;
        opacity: 1;
        padding: 0;
        width: 100px
    }

    .banner .carousel-indicator-wrapper.countdown .carousel-indicator-active p {
        color: #191919
    }

    .banner .carousel-indicator-wrapper.countdown .carousel-indicator-active span {
        background: #191919;
        height: 2px;
        width: 0
    }

    .banner .carousel-indicator {
        cursor: pointer;
        display: inline-block;
        padding: 5px 6px;
        position: relative;
        z-index: 99
    }

    .banner .carousel-indicator p {
        display: none
    }

    .banner .carousel-indicator span {
        background: #000;
        border-radius: 4px;
        display: block;
        height: 8px;
        opacity: .1;
        -webkit-transition: .2s;
        transition: .2s;
        width: 8px
    }

    .banner .carousel-indicator:first-child {
        margin-left: -3px
    }

    .banner .carousel-indicator:hover span {
        opacity: .3
    }

    .banner .carousel-indicator-active span {
        opacity: .8;
        width: 20px
    }

    .banner .banner-content {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 100%;
        position: relative
    }

    .banner .banner-content-bg {
        background-position: 50%;
        background-size: cover;
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition-duration: 0ms;
        transition-duration: 0ms;
        z-index: 0
    }

    .banner .banner-content-bg video {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .banner .banner-content-bg[data-bg=grey] {
        background-color: #f5f5f5
    }

    .banner .banner-content-bg[data-bg=white] {
        background-color: #fff
    }

    .banner .banner-content-bg-video,
    .banner .banner-content-bg-video video {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .banner .banner-content-bg-video video {
        -o-object-fit: cover;
        object-fit: cover
    }

    .banner .banner-content-inner {
        display: block;
        height: 100%;
        position: relative;
        z-index: 1
    }

    .banner .banner-content-main {
        margin-left: auto;
        margin-right: auto;
        max-width: 1600px;
        width: 100%
    }

    .banner .banner-content-main,
    .banner .banner-content-main-inner {
        height: 100%;
        position: relative
    }

    .banner .banner-content-main-inner:after,
    .banner .banner-content-main-inner:before {
        clear: both;
        content: "";
        display: table
    }

    .banner .banner-text {
        margin-top: 156px;
        width: 60%
    }

    .banner .banner-text h5 {
        color: #191919;
        font-size: 54px;
        font-weight: 700;
        line-height: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .banner .banner-text h5+p {
        margin-top: 8px
    }

    .banner .banner-text p {
        color: #191919;
        font-size: 18px;
        line-height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .banner .banner-text-btn-wrapper {
        font-size: 0;
        margin-top: 32px
    }

    .banner .banner-text-btn-wrapper span {
        margin-right: 16px
    }

    .banner .banner-text-mb {
        display: none
    }

    .banner [data-enter-transition=banner-text-enter] {
        opacity: 0
    }

    .banner .banner-text-enter {
        opacity: 1;
        -webkit-transition: .15s;
        transition: .15s
    }

    .banner [data-enter-transition=banner-btn-enter],
    .banner [data-enter-transition=banner-subtitle-enter],
    .banner [data-enter-transition=banner-tag-enter],
    .banner [data-enter-transition=banner-title-enter] {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    .banner .banner-btn-enter,
    .banner .banner-subtitle-enter,
    .banner .banner-tag-enter,
    .banner .banner-title-enter {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .banner .banner-tag-enter,
    .banner .banner-tag-exit {
        -webkit-transition: .6s ease-out;
        transition: .6s ease-out
    }

    .banner .banner-subtitle-enter,
    .banner .banner-subtitle-exit,
    .banner .banner-title-enter,
    .banner .banner-title-exit {
        -webkit-transition: .6s ease-out .1s;
        transition: .6s ease-out .1s
    }

    .banner .banner-btn-enter,
    .banner .banner-btn-exit {
        -webkit-transition: .6s ease-out .3s;
        transition: .6s ease-out .3s
    }

    .banner .banner-btn-exit,
    .banner .banner-subtitle-exit,
    .banner .banner-tag-exit,
    .banner .banner-title-exit {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    .banner .banner-exit-none {
        opacity: 1
    }

    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    .banner .banner-fadeOut {
        -webkit-animation: fadeOut .35s forwards;
        animation: fadeOut .35s forwards
    }

    .banner [data-enter-transition=banner-trans-fadeInUp] {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }

    .banner .banner-trans-fadeInUp {
        opacity: 1
    }

    .banner .banner-trans-fadeInUp,
    .banner .banner-trans-fadeOut {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: .5s;
        transition: .5s
    }

    .banner .banner-trans-fadeOut {
        opacity: 0
    }

    .banner [data-enter-transition=banner-trans-fadeInLeft] {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0)
    }

    .banner .banner-trans-fadeInLeft {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: 1s;
        transition: 1s
    }

    .banner .banner-trans-fadeOutLeft {
        opacity: 0;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0);
        -webkit-transition: 1s;
        transition: 1s
    }

    .banner .img-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: calc(100% - 100px);
        min-height: calc(100% - 100px);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .banner .img-wrapper .banner-img {
        width: 60%
    }

    .banner .img-wrapper .banner-img img {
        height: 100%;
        width: 100%
    }

    .events-container {
        backdrop-filter: blur(20px);
        background: hsla(0, 0%, 94%, .7);
        bottom: 0;
        height: 88px;
        position: absolute;
        width: 100%;
        z-index: 99
    }

    .events-container .events-wrapper {
        display: none;
        height: 100%
    }

    .events-container .event-item,
    .events-container .events-wrapper.show,
    .events-container .events-wrapper.skeleton-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .events-container .event-item {
        padding: 0 24px;
        -webkit-transition: all .2s;
        transition: all .2s;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .events-container .event-icon {
        display: none
    }

    .events-container .event-content {
        text-align: center;
        width: 100%
    }

    .events-container .event-title {
        color: #191919;
        font-size: 18px;
        font-weight: 700;
        line-height: 26px;
        margin-bottom: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-transition: all .2s;
        transition: all .2s;
        white-space: nowrap
    }

    .events-container .event-desc {
        color: #595959;
        font-size: 14px;
        line-height: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }

    .events-container .event-item:hover {
        background-color: hsla(0, 0%, 100%, .8)
    }
}

@media (min-width:769px) and (max-width:1776px) {
    .banner .banner-content-main {
        max-width: none;
        padding: 0 5%
    }
}

@media (min-width:769px) and (max-width:1600px) {
    .banner .banner-container {
        height: 480px
    }

    .banner .carousel-indicator-wrapper {
        bottom: 88px
    }

    .banner .banner-text {
        margin-top: 117px;
        width: 55%
    }

    .banner .banner-text h5 {
        font-size: 44px;
        line-height: 66px
    }

    .banner .banner-text h5+p {
        margin-top: 6px
    }

    .banner .banner-text p {
        font-size: 16px;
        line-height: 24px
    }

    .banner .banner-text-btn-wrapper {
        margin-top: 28px
    }

    .banner .img-wrapper {
        height: calc(100% - 90px);
        min-height: calc(100% - 90px)
    }

    .banner .img-wrapper .banner-img {
        width: 45%
    }
}

@media (min-width:769px) and (max-width:1279px) {
    .banner .banner-container {
        height: 400px
    }

    .banner .banner-text {
        margin-top: 97px
    }

    .banner .banner-text h5 {
        font-size: 36px;
        line-height: 54px
    }

    .banner .banner-text h5+p {
        margin-top: 4px
    }

    .banner .banner-text p {
        font-size: 14px;
        line-height: 22px
    }

    .banner .banner-text .banner-text-btn-wrapper {
        margin-top: 24px
    }

    .banner .banner-text .banner-text-btn-wrapper span {
        margin-right: 8px
    }

    .banner .carousel-indicator-wrapper {
        bottom: 72px
    }

    .banner .img-wrapper {
        height: calc(100% - 60px);
        min-height: calc(100% - 60px)
    }

    .banner .img-wrapper .banner-img {
        width: 55%
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .banner .banner-content-main {
        padding: 0 3%
    }

    .banner .img-wrapper {
        margin-left: 40px
    }

    .banner .img-wrapper .banner-img {
        width: 60%
    }
}

@media (min-width:769px) and (max-width:1600px) {
    .events-container {
        height: 72px
    }

    .events-container .event-title {
        font-size: 16px;
        line-height: 24px
    }

    .events-container .event-desc {
        font-size: 12px;
        line-height: 18px
    }
}

@media (min-width:769px) and (max-width:1279px) {
    .events-container {
        height: 60px
    }

    .events-container .event-content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .events-container .event-content .event-title {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0;
        margin-left: 12px
    }

    .events-container .event-content .event-desc {
        display: none
    }

    .events-container .event-content .event-icon {
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
        display: inline-block;
        height: 32px;
        width: 32px
    }
}

@media (max-width:768px) {
    .banner .por-carousel-pagination .por-carousel-bullet {
        border: none;
        border-radius: 4px;
        height: 8px;
        margin: 0 6px;
        width: 8px
    }

    .banner .por-carousel-pagination .por-carousel-bullet.active {
        width: 12px
    }

    .carousel-slide {
        padding: 20px 24px 0;
        position: relative
    }

    .carousel-slide a {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 16px;
        display: block;
        height: 350px;
        overflow: hidden;
        position: relative
    }

    .carousel-slide img {
        display: block;
        height: 100%;
        width: 100%
    }

    .carousel-wrapper {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background: none !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .por-carousel-slide {
        height: 100%;
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .banner-content-bg,
    .banner-text-pc {
        display: none
    }

    .banner-container:not(.init-img) .carousel-slide {
        background-size: cover;
        overflow: hidden
    }

    .banner-container {
        background-image: none !important;
        background-size: cover;
        display: block;
        position: relative;
        z-index: 1
    }

    .banner-text-more {
        display: none
    }

    .banner-text {
        color: #191919;
        left: 0;
        margin: 110px 0 0 32px;
        max-width: 45%;
        position: absolute;
        right: 0;
        text-align: left;
        top: 0
    }

    .banner-text h5 {
        font-size: 18px;
        font-weight: 700;
        line-height: 28px
    }

    .banner-text p {
        font-size: 12px;
        line-height: 18px;
        margin-top: 4px
    }

    .banner-text .banner-text-btn-wrapper {
        margin-top: 32px
    }

    .banner-text .por-btn-large {
        font-size: 12px;
        height: 32px;
        line-height: 32px;
        padding: 0 24px
    }

    .banner-content-bg,
    .banner-text-pc,
    .img-wrapper {
        display: none
    }

    .banner-container .por-carousel-pagination {
        bottom: 122px;
        font-size: 0;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
        z-index: 999
    }

    .events-container {
        background: hsla(0, 0%, 100%, .7);
        bottom: 0;
        overflow: hidden;
        padding: 12px 0;
        width: 100%;
        z-index: 2
    }

    .events-container .events-wrapper {
        display: none;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
        position: relative
    }

    .events-container .events-wrapper.show,
    .events-container .events-wrapper.skeleton-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .events-container .event-item {
        display: inline-block;
        width: 25%
    }

    .events-container .event-item .event-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        padding: 8px 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .events-container .event-item .event-content .event-title {
        color: #191919;
        font-size: 12px;
        height: 18px;
        line-height: 18px;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .events-container .event-item .event-content .event-desc {
        display: none
    }

    .events-container .event-item .event-content .event-icon {
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 10px;
        display: inline-block;
        height: 32px;
        margin-bottom: 8px;
        width: 32px
    }
}

@media (max-width:500px) {
    .banner .carousel-slide {
        padding: 20px 16px 0
    }

    .banner .carousel-slide a {
        height: 200px
    }

    .banner .banner-text {
        margin: 75px 0 0 20px
    }

    .banner .banner-text .banner-text-btn-wrapper {
        display: none
    }
}

.pep-home-solution {
    position: relative;
    z-index: 1
}

.pep-home-solution .hide-pc {
    display: none
}

.pep-home-solution .por-tab+.por-tab-wrapper {
    padding-top: 20px;
    position: relative
}

.pep-home-solution .por-tab-text:before {
    content: attr(data-title);
    display: block;
    font-weight: 600;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.pep-home-solution .por-carousel {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pep-home-solution .por-carousel[data-count="4"] .por-carousel-slide {
    width: 385px
}

.pep-home-solution .por-carousel.hideCtrl .por-carousel-next,
.pep-home-solution .por-carousel.hideCtrl .por-carousel-prev {
    display: none
}

.pep-home-solution .por-carousel-slide {
    height: 680px;
    width: 388px
}

.pep-home-solution .solutions-card {
    background: var(--por-color-background-white) no-repeat center /cover;
    border-radius: var(--por-radius-xl-1);
    display: block;
    height: 100%;
    overflow: hidden;
    padding: 40px;
    position: relative
}

.pep-home-solution .solutions-card[data-bg=transWhite] .solutions-card-desc,
.pep-home-solution .solutions-card[data-bg=transWhite] .solutions-card-title {
    color: var(--por-color-text-white)
}

.pep-home-solution .solutions-card[data-bg=transWhite] .solutions-card-desc {
    opacity: .8
}

.pep-home-solution .solutions-card .multimedia {
    background: no-repeat 50%/cover;
    bottom: 0;
    clip-path: inset(1px round 1px);
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.pep-home-solution .solutions-card .multimedia video {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.pep-home-solution .solutions-card:hover .multimedia {
    opacity: 1
}

.pep-home-solution .solutions-card-desc,
.pep-home-solution .solutions-card-title {
    color: var(--por-color-text-primary);
    pointer-events: none;
    position: relative
}

.pep-home-solution .solutions-card-desc {
    margin-top: 8px;
    opacity: .8
}

.pep-home-solution .carousel-ctrl {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

@media (min-width:1920px) {
    .pep-home-solution .carousel-ctrl .por-container {
        max-width: none;
        padding: 0 160px
    }
}

.pep-home-solution .carousel-ctrl .por-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pep-home-solution .por-carousel-next,
.pep-home-solution .por-carousel-prev {
    background: transparent no-repeat 50%/cover;
    height: 64px;
    margin-top: 0;
    pointer-events: all;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 64px;
    z-index: 2
}

.pep-home-solution .por-carousel-next:hover,
.pep-home-solution .por-carousel-prev:hover {
    background-color: transparent
}

.pep-home-solution .por-carousel-next.swiper-button-disabled,
.pep-home-solution .por-carousel-prev.swiper-button-disabled {
    opacity: 0
}

.pep-home-solution .por-carousel-prev {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjQgNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI2NC4wMDAwMDAiIGhlaWdodD0iNjQuMDAwMDAwIiBmaWxsPSJub25lIiBjdXN0b21GcmFtZT0iIzAwMDAwMCI+Cgk8cmVjdCBpZD0i5bemLem7mOiupCIgd2lkdGg9IjY0LjAwMDAwMCIgaGVpZ2h0PSI2NC4wMDAwMDAiIHg9IjAuMDAwMDAwIiB5PSIwLjAwMDAwMCIgLz4KCTxnIGlkPSJyaWdodC1hcnJvdyI+CgkJPGNpcmNsZSBpZD0i5qSt5ZyGIDExMjUiIGN4PSIzMiIgY3k9IjMyIiByPSIzMiIgb3BhY2l0eT0iMC44MDAwMDAwMTIiIGZpbGw9InJnYigyNDQuNzU0LDI0NC41MSwyNDQuNTEpIiAvPgoJCTxwYXRoIGlkPSLnn6Lph48gNjIzIiBkPSJNMzYgMjJMMjYgMzEuNUwzNiA0MSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9InJnYig4OSw4OSw4OSkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI0IiAvPgoJPC9nPgo8L3N2Zz4K);
    left: auto
}

.pep-home-solution .por-carousel-prev:before {
    content: ""
}

.pep-home-solution .por-carousel-prev:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjQgNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI2NC4wMDAwMDAiIGhlaWdodD0iNjQuMDAwMDAwIiBmaWxsPSJub25lIiBjdXN0b21GcmFtZT0iIzAwMDAwMCI+Cgk8cmVjdCBpZD0i5bemLWhvdmVyIiB3aWR0aD0iNjQuMDAwMDAwIiBoZWlnaHQ9IjY0LjAwMDAwMCIgeD0iMC4wMDAwMDAiIHk9IjAuMDAwMDAwIiAvPgoJPGcgaWQ9InJpZ2h0LWFycm93Ij4KCQk8Y2lyY2xlIGlkPSLmpK3lnIYgMTEyNSIgY3g9IjMyIiBjeT0iMzIiIHI9IjMyIiBmaWxsPSJyZ2IoMjQ0Ljc1NCwyNDQuNTEsMjQ0LjUxKSIgZmlsbC1vcGFjaXR5PSIwLjg5OTk5OTk3NiIgLz4KCQk8cGF0aCBpZD0i55+i6YePIDYyMyIgZD0iTTM2IDIyTDI2IDMxLjVMMzYgNDEiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJyZ2IoMjUsMjUsMjUpIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iNCIgLz4KCTwvZz4KPC9zdmc+Cg==)
}

.pep-home-solution .por-carousel-next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjQgNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI2NC4wMDAwMDAiIGhlaWdodD0iNjQuMDAwMDAwIiBmaWxsPSJub25lIiBjdXN0b21GcmFtZT0iIzAwMDAwMCI+Cgk8cmVjdCBpZD0i5Y+zLem7mOiupCIgd2lkdGg9IjY0LjAwMDAwMCIgaGVpZ2h0PSI2NC4wMDAwMDAiIHg9IjAuMDAwMDAwIiB5PSIwLjAwMDAwMCIgLz4KCTxnIGlkPSJyaWdodC1hcnJvdyI+CgkJPGNpcmNsZSBpZD0i5qSt5ZyGIDExMjUiIGN4PSIzMiIgY3k9IjMyIiByPSIzMiIgb3BhY2l0eT0iMC44MDAwMDAwMTIiIGZpbGw9InJnYigyNDQuNzU0LDI0NC41MSwyNDQuNTEpIiAvPgoJCTxwYXRoIGlkPSLnn6Lph48gNjIzIiBkPSJNMTAgMEwwIDkuNUwxMCAxOSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9InJnYig4OSw4OSw4OSkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI0IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsMSwzOSwyMikiIC8+Cgk8L2c+Cjwvc3ZnPgo=);
    margin-left: 32px;
    right: auto
}

.pep-home-solution .por-carousel-next:before {
    content: ""
}

.pep-home-solution .por-carousel-next:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjQgNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI2NC4wMDAwMDAiIGhlaWdodD0iNjQuMDAwMDAwIiBmaWxsPSJub25lIiBjdXN0b21GcmFtZT0iIzAwMDAwMCI+Cgk8cmVjdCBpZD0i5Y+zLWhvdmVyIiB3aWR0aD0iNjQuMDAwMDAwIiBoZWlnaHQ9IjY0LjAwMDAwMCIgeD0iMC4wMDAwMDAiIHk9IjAuMDAwMDAwIiAvPgoJPGcgaWQ9InJpZ2h0LWFycm93Ij4KCQk8Y2lyY2xlIGlkPSLmpK3lnIYgMTEyNSIgY3g9IjMyIiBjeT0iMzIiIHI9IjMyIiBmaWxsPSJyZ2IoMjQ0Ljc1NCwyNDQuNTEsMjQ0LjUxKSIgZmlsbC1vcGFjaXR5PSIwLjg5OTk5OTk3NiIgLz4KCQk8cGF0aCBpZD0i55+i6YePIDYyMyIgZD0iTTEwIDBMMCA5LjVMMTAgMTkiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSJyZ2IoMjUsMjUsMjUpIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iNCIgdHJhbnNmb3JtPSJtYXRyaXgoLTEsMCwwLDEsMzksMjIpIiAvPgoJPC9nPgo8L3N2Zz4K)
}

.pep-home-solution .more-solutions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 32px
}

@media (min-width:1600px) {
    .pep-home-solution .more-solutions .por-link {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width:1600px) {
    .pep-home-solution .por-tab+.por-tab-wrapper {
        padding-top: 16px
    }

    .pep-home-solution .por-carousel-slide {
        height: 540px;
        width: 310px !important
    }

    .pep-home-solution .solutions-card {
        border-radius: var(--por-radius-xl);
        padding: 32px
    }

    .pep-home-solution .solutions-card-title {
        font-size: 16px;
        line-height: 28px
    }

    .pep-home-solution .solutions-card-desc {
        font-size: 14px;
        line-height: 22px
    }

    .pep-home-solution .por-carousel-next,
    .pep-home-solution .por-carousel-prev {
        height: 52px;
        width: 52px
    }

    .pep-home-solution .por-carousel-next {
        margin-left: 24px
    }
}

@media (max-width:1280px) {
    .pep-home-solution .por-tab+.por-tab-wrapper {
        padding-top: 14px
    }

    .pep-home-solution .por-carousel-slide {
        height: 450px;
        width: 258px !important
    }

    .pep-home-solution .solutions-card {
        padding: 28px
    }

    .pep-home-solution .solutions-card-title {
        font-size: 14px;
        line-height: 22px
    }

    .pep-home-solution .solutions-card-desc {
        font-size: 12px;
        line-height: 18px;
        margin-top: 4px
    }

    .pep-home-solution .por-carousel-next,
    .pep-home-solution .por-carousel-prev {
        height: 44px;
        width: 44px
    }
}

@media (max-width:768px) {
    .pep-home-solution .hide-mb {
        display: none
    }

    .pep-home-solution .hide-pc {
        display: block
    }

    .pep-home-solution .por-section {
        background-color: #f5f5f5
    }

    .pep-home-solution .por-tab+.por-tab-wrapper {
        padding-top: 16px
    }

    .pep-home-solution .carousel-ctrl,
    .pep-home-solution .more-solutions {
        display: none
    }

    .pep-home-solution .por-carousel-slide {
        height: 400px;
        width: 228px !important
    }

    .pep-home-solution .por-carousel-pagination {
        bottom: 0
    }

    .pep-home-solution .solutions-card {
        padding: 20px
    }

    .pep-home-solution .solutions-card .multimedia {
        display: none
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes textIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes textIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes progress {
    0% {
        stroke-dashoffset: 100
    }

    50% {
        stroke-dashoffset: 50
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes progress {
    0% {
        stroke-dashoffset: 100
    }

    50% {
        stroke-dashoffset: 50
    }

    to {
        stroke-dashoffset: 0
    }
}

.cloud-customers-container {
    position: relative;
    z-index: 1
}

.home-customers {
    color: #fff
}

.home-customers .por-section {
    background-size: cover;
    position: relative
}

.home-customers .customers-bgs {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.home-customers .customers-bg {
    -webkit-animation: fadeIn .4s forwards;
    animation: fadeIn .4s forwards;
    background-position: top;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.home-customers .customers-bg:first-child {
    z-index: 2
}

.home-customers .customers-bg:nth-child(2) {
    z-index: 1
}

.home-customers .customers-bg:nth-child(2)~* {
    visibility: hidden
}

.home-customers .por-container {
    height: 698px;
    position: relative;
    z-index: 2
}

.home-customers .customers-tab-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-customers .customers-tab-item {
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    display: block;
    font-size: 18px;
    line-height: 28px;
    margin: 0 40px;
    padding-bottom: 8px;
    position: relative;
    text-align: center;
    -webkit-transition: .2s;
    transition: .2s
}

.home-customers .customers-tab-item:hover {
    color: #fff;
    font-weight: 700
}

.home-customers .customers-tab-item:first-child {
    margin-left: 0
}

.home-customers .customers-tab-item:last-child {
    margin-right: 0
}

.home-customers .customers-tab-item:after {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    -webkit-transition: .2s;
    transition: .2s;
    width: 0
}

.home-customers .customers-tab-item.active {
    color: #fff;
    font-weight: 700
}

.home-customers .customers-tab-item.active:after {
    width: 100%
}

.home-customers .customers-tab-content:not(.show) {
    display: none
}

.home-customers .customers-texts {
    padding-top: 72px
}

.home-customers .customers-text:not(.show) {
    display: none
}

.home-customers .customers-text-title {
    -webkit-animation: textIn .4s forwards;
    animation: textIn .4s forwards;
    font-size: 36px;
    font-weight: 700;
    line-height: 54px;
    margin: 20px 0 16px;
    max-width: 45%;
    opacity: 0;
    position: relative;
    text-align: justify
}

.home-customers .customers-text-title span {
    text-align: justify
}

.home-customers .customers-text-title .por-player-btn {
    margin-left: 12px;
    margin-top: 8px;
    position: absolute
}

.home-customers .customers-text-desc {
    color: hsla(0, 0%, 100%, .8);
    font-size: 16px;
    line-height: 24px
}

.home-customers .customers-text-desc,
.home-customers .customers-text-effect {
    -webkit-animation: textIn .4s .1s forwards;
    animation: textIn .4s .1s forwards;
    max-width: 45%;
    opacity: 0
}

.home-customers .customers-text-effect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px
}

.home-customers .customers-text-effect .customers-effect-block {
    margin-right: 48px
}

.home-customers .customers-text-effect .customers-effect-number {
    font-size: 28px;
    font-weight: 700;
    line-height: 42px
}

.home-customers .customers-text-effect .customers-effect-text {
    color: hsla(0, 0%, 100%, .8);
    font-size: 16px;
    line-height: 24px;
    margin-top: 4px
}

.home-customers .customers-text-btn {
    -webkit-animation: textIn .4s .15s forwards;
    animation: textIn .4s .15s forwards;
    background: hsla(0, 0%, 100%, .07);
    margin-top: 48px;
    opacity: 0
}

.home-customers .customers-logo {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 60px;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s
}

@media (min-width:1281px) and (max-width:1600px) {
    .home-customers .por-container {
        height: 552px
    }

    .home-customers .customers-tab-item {
        font-size: 16px;
        line-height: 24px;
        margin: 0 32px;
        padding-bottom: 6px
    }

    .home-customers .customers-text-title {
        font-size: 28px;
        line-height: 42px;
        margin: 20px 0 12px
    }

    .home-customers .customers-text-title .por-player-btn {
        font-size: 14px;
        height: 32px;
        line-height: 30px;
        margin-top: 6px;
        width: 32px
    }

    .home-customers .customers-text-desc {
        font-size: 14px;
        line-height: 22px
    }

    .home-customers .customers-text-effect {
        margin-top: 24px
    }

    .home-customers .customers-text-effect .customers-effect-block {
        margin-right: 40px
    }

    .home-customers .customers-text-effect .customers-effect-number {
        font-size: 24px;
        line-height: 36px
    }

    .home-customers .customers-text-effect .customers-effect-text {
        font-size: 14px;
        line-height: 22px;
        margin-top: 4px
    }

    .home-customers .customers-text-btn {
        margin-top: 40px
    }

    .home-customers .customers-texts {
        padding-top: 54px
    }

    .home-customers .customers-logo {
        height: 48px
    }
}

@media (min-width:1024px) and (max-width:1280px) {
    .home-customers .por-container {
        height: 466px
    }

    .home-customers .customers-tab-item {
        font-size: 14px;
        line-height: 22px;
        margin: 0 27px;
        padding-bottom: 4px
    }

    .home-customers .customers-text-title {
        font-size: 24px;
        line-height: 36px;
        margin: 16px 0 10px
    }

    .home-customers .customers-text-title .por-player-btn {
        font-size: 12px;
        height: 28px;
        line-height: 26px;
        margin-top: 4px;
        width: 28px
    }

    .home-customers .customers-text-desc {
        font-size: 12px;
        line-height: 18px
    }

    .home-customers .customers-text-effect {
        margin-top: 20px
    }

    .home-customers .customers-text-effect .customers-effect-block {
        margin-right: 32px
    }

    .home-customers .customers-text-effect .customers-effect-number {
        font-size: 20px;
        line-height: 30px
    }

    .home-customers .customers-text-effect .customers-effect-text {
        font-size: 12px;
        line-height: 18px;
        margin-top: 2px
    }

    .home-customers .customers-text-btn {
        margin-top: 32px;
        padding: 4px 20px
    }

    .home-customers .customers-texts {
        padding-top: 48px
    }

    .home-customers .customers-logo {
        height: 40px
    }
}

@media (width:1024px) {
    .home-customers .hidden-m {
        display: block !important
    }
}

@media (max-width:1023px) {
    .home-customers .por-section {
        background-color: #f5f5f5;
        background-image: none !important
    }

    .home-customers .por-container {
        height: auto
    }

    .home-customers .customers-m-logos {
        background: #fff;
        border-radius: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 8px
    }

    .home-customers .customers-m-logos .customers-m-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 80px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 8px 56px;
        width: 33.33333%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        font-size: 0;
        justify-content: center
    }

    .home-customers .customers-m-logo img {
        background-position: 0;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        height: 80px;
        width: 190px
    }
}

@media (max-width:768px) {
    .home-customers .por-section {
        padding-bottom: 0
    }

    .home-customers .customers-m-logos {
        border-radius: 16px;
        padding: 14px 4px
    }

    .home-customers .customers-m-logos .customers-m-logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 64px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 6px 8px;
        width: 50%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .home-customers .customers-m-logos .customers-m-logo img {
        height: 64px;
        width: 152px
    }

    .home-customers .customers-m-logos .customers-m-logo:nth-child(9) {
        display: none
    }
}

@-webkit-keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

@keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

.por-btn.por-btn-gradient {
    background: linear-gradient(130.52deg, #4d91ff, #ab42ff 35.964%, #ff5252 77.237%, #ffd227 114.804%);
    background-size: 200% 200%;
    border: none
}

.por-btn.por-btn-gradient:hover {
    -webkit-animation: gradientFlow .5s ease forwards;
    animation: gradientFlow .5s ease forwards
}

.skeleton-block {
    cursor: default;
    display: inline-block;
    position: relative
}

.skeleton-block,
.skeleton-block:hover {
    background: transparent;
    border: none;
    color: transparent
}

.skeleton-block:before {
    background-color: rgba(0, 0, 0, .05);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

@media (min-width:1025px) {
    .home-information {
        background-image: none !important
    }
}

.home-information .section {
    background: #f7f7f7
}

.home-information .information-main {
    padding-bottom: 132px;
    padding-top: 190px;
    position: relative;
    z-index: 1
}

@media (min-width:1025px) {
    .home-information .information-main {
        background-image: none !important
    }
}

.home-information .information-title {
    color: #191919;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 12px;
    width: 33.33333%
}

.home-information .information-desc {
    color: #595959;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 48px;
    width: 33.33333%
}

.home-information .information-frontground {
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -40px;
    height: calc(100% + 40px);
    position: absolute;
    right: 0;
    -webkit-transition: right .2s;
    transition: right .2s;
    width: 66.66667%
}

@media (min-width:1025px) {
    .home-information .information-frontground:not(.init-parallax) {
        display: none
    }
}

.home-information .information-news {
    background: #f7f7f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 9
}

.home-information .information-news-column {
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 33.33333%
}

.home-information .information-news-column+.information-news-column {
    margin-left: 16px
}

.home-information .information-news-column:hover {
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08)
}

.home-information .information-news-card {
    background-color: #fff;
    height: 100%;
    padding: 32px;
    text-align: left
}

.home-information .information-news-card-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-information .information-news-card-title span {
    color: #191919;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    -webkit-transition: .2s;
    transition: .2s
}

.home-information .information-news-card-subtitle {
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px
}

.home-information .information-news-card-icon {
    background-size: cover;
    display: block;
    height: 48px;
    margin-bottom: 20px;
    width: 48px
}

.home-information .information-news-card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 28px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.home-information .information-news-card-list>li {
    position: relative
}

.home-information .information-news-card-list li:not(:last-child) {
    margin-right: 16px;
    padding-right: 16px
}

.home-information .information-news-card-list li:not(:last-child):after {
    background-color: #252b3a;
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px
}

.home-information .information-news-card-list a {
    color: #252b3a;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: .2s;
    transition: .2s;
    white-space: nowrap
}

.home-information .information-news-card-list a em {
    color: inherit;
    font-style: normal;
    font-weight: 600
}

.home-information .information-news-card-list a:hover {
    color: #c7000b
}

@media (max-width:1024px) {
    .home-information .information-news-card-list a {
        font-size: 12px
    }

    .home-information .information-news-card-list li:not(:last-child) {
        margin-right: 10px;
        padding-right: 10px
    }

    .home-information .information-news-card-list li:not(:last-child):after {
        top: 1px
    }
}

.home-information .information-frontground-m {
    display: none
}

@media (max-width:1776px) {
    .home-information .information-main {
        padding: 100px 0
    }
}

@media (max-width:1366px) {
    .home-information .information-main {
        padding: 134px 0 107px
    }

    .home-information .information-title {
        font-size: 18px;
        line-height: 28px
    }

    .home-information .information-news-card-icon {
        height: 36px;
        margin-bottom: 16px;
        width: 36px
    }

    .home-information .information-news-card-title span {
        font-size: 14px;
        line-height: 22px
    }

    .home-information .information-desc {
        margin-bottom: 36px
    }

    .home-information .information-news-card-subtitle {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width:1280px) {
    .home-information .information-main {
        padding: 86px 0
    }
}

@media (max-width:1024px) {
    .home-information .information-frontground {
        bottom: -20px;
        height: calc(100% + 20px)
    }

    .home-information .information-main {
        padding: 66px 0
    }

    .home-information .information-title {
        font-size: 24px;
        line-height: 36px
    }

    .home-information .information-news-card {
        padding: 24px
    }

    .home-information .information-news-card-subtitle {
        margin-top: 6px
    }
}

@media (max-width:900px) {
    .home-information .information-main {
        padding: 36px 0 23px
    }
}

@media (max-width:768px) {
    .home-information .information-frontground {
        display: none
    }

    .home-information .information-frontground-m {
        display: block
    }

    .home-information .section-body {
        background-color: #fff;
        border-radius: 16px;
        padding: 28px 20px 0
    }

    .home-information .information-main {
        padding: 0;
        text-align: center
    }

    .home-information .information-title {
        font-size: 20px;
        line-height: 30px;
        width: 100%
    }

    .home-information .information-desc {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
        width: 100%
    }

    .home-information .information-news {
        background: transparent;
        display: none
    }

    .home-information .information-news-column {
        border: 1px solid hsla(0, 0%, 60%, .3);
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .home-information .information-news-column:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .home-information .information-news-card-subtitle {
        display: none
    }

    .home-information .information-news-card-icon {
        margin: 0 auto 10px
    }

    .home-information .information-news-card-title {
        display: block;
        text-align: center
    }

    .home-information .information-frontground-m {
        padding-top: 48px
    }

    .home-information .information-frontground-m img {
        display: block;
        margin: 0 auto;
        width: 80%
    }
}

@media (max-width:520px) {
    .home-information .information-news-card {
        padding: 16px
    }
}

@media (max-width:470px) {
    .home-information .section-body {
        padding: 28px 20px 0
    }

    .home-information .information-desc {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 20px
    }

    .home-information .information-news-card-icon {
        height: 32px;
        margin-bottom: 10px;
        width: 32px
    }

    .home-information .information-frontground-m {
        padding-top: 32px
    }

    .home-information .information-news-column {
        border: none;
        border-radius: 0;
        margin: 0
    }

    .home-information .information-news-column+.information-news-column {
        margin-left: 0
    }

    .home-information .information-news-card {
        padding: 0
    }

    .home-information .information-news-card-title span {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width:375px) {
    .home-information .information-title {
        font-size: 16px;
        line-height: 24px
    }

    .home-information .information-main {
        padding-bottom: 32px
    }
}

@-webkit-keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

@keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

.por-btn.por-btn-gradient {
    background: linear-gradient(130.52deg, #4d91ff, #ab42ff 35.964%, #ff5252 77.237%, #ffd227 114.804%);
    background-size: 200% 200%;
    border: none
}

.por-btn.por-btn-gradient:hover {
    -webkit-animation: gradientFlow .5s ease forwards;
    animation: gradientFlow .5s ease forwards
}

.skeleton-block {
    cursor: default;
    display: inline-block;
    position: relative
}

.skeleton-block,
.skeleton-block:hover {
    background: transparent;
    border: none;
    color: transparent
}

.skeleton-block:before {
    background-color: rgba(0, 0, 0, .05);
    content: "";
    display: block;
    left: 0;
    z-index: 9
}

#twod-map-wrapper,
.skeleton-block:before {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

#twod-map-wrapper {
    background-color: transparent;
    margin-top: 30px;
    opacity: 0;
    -webkit-transform: translate(0);
    transform: translate(0)
}

#twod-map-wrapper .earth-2d {
    width: 100%
}

@media (max-width:1600px) {
    #twod-map-wrapper {
        margin-top: 20px
    }
}

@media (max-width:1280px) {
    #twod-map-wrapper {
        margin-top: 10px
    }
}

@media (min-width:1024px) {
    #server-map-2d {
        display: none
    }
}

@media (max-width:1024px) {
    #server-map-2d {
        display: block;
        margin-bottom: -40px;
        position: relative;
        text-align: left;
        width: 100%
    }

    #server-map-2d .earth-2d {
        aspect-ratio: 8736/4320;
        width: 100%
    }
}

@media (max-width:768px) {
    #server-map-2d {
        margin: -10px 0 -40px
    }
}

#mountNode {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 650px;
    margin: 0 auto;
    opacity: 0;
    position: relative;
    width: 650px
}

#mountNode #earth-source {
    display: none !important
}

#mountNode .shadow {
    background-position: 50%;
    background-size: 96% 96%;
    left: 0
}

#mountNode .shadow,
#mountNode .shadow2 {
    background-repeat: no-repeat;
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1
}

#mountNode .shadow2 {
    background-position: -50% -50%;
    background-size: 100% 100%;
    display: none;
    left: 100px;
    top: 100px
}

#mountNode #earth {
    height: 100% !important;
    position: absolute;
    width: 100% !important
}

#mountNode #labels {
    top: 5px
}

@media (max-width:1600px) {
    #mountNode {
        height: 520px;
        left: 0;
        width: 520px
    }
}

@media (max-width:1280px) {
    #mountNode {
        height: 430px;
        margin-top: 20px;
        width: 430px
    }
}

.earth-label {
    color: #fff;
    left: 0;
    position: absolute;
    top: -2px;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    z-index: 99
}

.earth-label>div {
    color: #191919;
    cursor: pointer;
    pointer-events: all;
    position: absolute
}

.earth-label>div.iec .labelText:before {
    border-color: #e58026 !important
}

.earth-label>div.iec .labelText:after {
    background: #e58026 !important
}

.earth-label>div.server {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAaFQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////3ur/mbz/Y5j/PYD+LXX/PoH/mLv//v7+////3un/dKT/K3T/LXb/L3f/Mnr/M3v/MXn+9vb2qcf/Lnb/N3z/On3/O37/PID/LHX/MXn/QIP/Q4P/RYT+R4f/RoX/P4L/OH3/K3T+qsf/LHT/OHz/RYT/S4r/UY3/VZD/WJP/V5L/VI/+SIf/Uo7/W5L/Ypj+bZ//caH/Y5n/PoH+9fX1daX/Nnv+VI7/YZj/c6P/i7P/oMH/qcb+n8D/LXX+////YJf+eaf/w9j/2eb/+Pv/2uf/nr/+l7r+y93/WpH+RIT/irP/OXz+PoL/VY//a5//O3/+WJL/cKH/qcj/caL/Rob+SIj/b6D+PYH/LHT+n8H/UIz+/f39XJP/K3P+2OX+Ypn/RIP+q8j/c6P+ZJr/P4H/VpH/VpH+R4b/9fX13ej+/f398fHx/pAjzAAAAIt0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq//////////8b/////////////////////////////////////////////xr/////////////W/////////////////////////////////////+a////////////////Gf9qEvuzgYwAAAJ/SURBVHicXZPtX9JQGIaPgJuT4SSIPRgMHIgoA90YEgHG28wQFU1BJAMWkq+hvZlmr1ZWf3U7m/ahfdmH+3ee33Ou+zpowGS2DBLkEDVspW0jjI22DlND5KjdYjYNoDtmi4NwUnddLOif9nO5KSfhGDObkJbd83hpAM7nH+f5gD/IAUx4PaTDYkYWB+kJMexkeGo6IkSFWGR6KjwJTGhGS9Eg4QkBzIpiTIrLiYQsSzGRnwUIeYhBRDi9IxCcS0ry/dSDdDqTysrzyYdBYLxOApEUDbl8tDBeLCkLjxYfK6VioCDwOZamSDTkZjkxWciWlyrLK6urK9XKUnmtkBQ5cK8jygVPxI1AebNW32rktptb9dpmOSs9DYOLQjvA5QU5ozxrNdsdVX3e7rZqSlEWeI7dQVbYFaVsqVJv9AwMvUb9RSkriUGwIhr8kfiesrzfNviw0N6vLqUOIn6gkY091KYeHTc6N/yg0z0+ysjRQ7AhBkThZbp/cqoaYAHU01f91wmBB0YLeSHxpv9WD/VcPT3pp98JZ1pog8MYHvv+v7ECHosXklPnVWMhPFhbSNmL6wtdQBBf5UO92zMO9rr1Cr6KDy4whEtBLiq1VqP9UVU77Wbrk/JZFvIc7GB84Yg0ruNrfsl1dXyBefErxvcP/HmlisF/q5yXr27B65VdCoWAVtn3xR8LemXR/DbgyrSyGQhOJzfkbCqTTv9MrclScg6XfU0gOzGDNeHFqHSANYlLUfHM0MRuCDYCv7Bgml/CjWC/sX7IPKalupq7/gDPX/l9HAs0VnPMjDThHaNOyu2CW/BY6mtC09aE8HOwE+S6/hwYxjahPwfCbvljGvgLMFKQBzJYCdoAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    z-index: 10
}

.earth-label>div.server.iec {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAchQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////5vbksOWsiNZ/asxfX8lSa81gr+Wr/v7+////lNuMXclPYMlUYspWY8tXYclV9vb2vum4YMpSYMlTZcpbZ8tcaMxdX8lRr+SqXslRYcpWactdbc1icM5lcc5lc89ncs9mbMxhZstcXchQXslQa8tgcc5mdtBre9FwfdJzgNR2f9N1fNFyX8pRfNJxgdR3h9V/j9iGk9qKiNaA9fX1ltyNZMlahtZ+lNuLpuGgtuexveq4vOm3teawX8hTlduM////cs9nhdV9mN2Qtuew0e/O4vXg+v364/bhteavruOqZclbt+ix1/HUgNN2r+Srcc9mh9V+ZspbbM1gftJzjdiFtOWuY8pXYMpTactegNN1kdqIveq5ktuJcs5mdNBokNmHXshRteevetBv/f39gtV4XchP4fTfh9d/cM1lYcpVvuu5tOWvlNqLh9WAideBftN0ftJ0vei3X8pSc9Bn9fX1XshQ5fXj/f39bM1h8fHxSr2SLwAAAJh0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq////////G///////////////////////////////////////////////Gv//////////////W///////////////////////////////////////////////mv////////////////////8Z//9q/xJER3U6AAACh0lEQVR4nF2T61/SYBiGXwGHk+EkiD0YzDET5QWRgcqkMQKZmZBmAplpIZAmaR46oB01O5+z07/b3mF9aF/24f7t+T277utBbSazpZ2ydtCdNsbexdoZWyfdYe12WMymNnTKbHFSLvq0mwPj0V9uD+2inD1mE9KzM14fA8D3Cn5R7BPO8gD9Pq/VaTEji9PqDbAcPzAoBnEIh4Pi4AAPbGBIT1E75Q0ARIajYSkW9/vjcSkcHYkABLxUO6Jcvi4YHUtI8njynKKkkqqcTpwfBdbnopCVZiCSCaWzEzlt8sLURS03oabxdIRjaCvq8HD8cCKtKvnCpZnZ2ZnLhbySTSeGefDMIdoNV4LzelYsla8uXFssl4p5ZVy6vgRuGi0Dn8HyDe1mZaVaq9dvVVcrRW1CxtM8t4xssBa9reYKpfVGC0NjvXQnp0rRDbAhBoRgbFO7W662+HBQLQv55FZQAAbZuW0cT+3srtRO+EHt3u5OKn5/G+yIhQf4odLc26+3wALU9x81H/uxCKweitj/pPnUCI28vr/XVPrwMz20w3aYjH3+31hMxpKF4skDobUQGawvpG3GjIUOYSMqqbkXpdVG68PGaqlAfqUXDgmEIyxPaMXKevVlvV6rrlReaa9lnOFhmeBbeiNlDXyLbxfeGfjUdPA9wfcP/EHhAwH/sXCgZyfgjcqOcFrVK/s09XnSqCyU+QKkMr1sFka/JuZlNZlSlG/JrCwlxkjZxxRyUENEk5FoSNoimsSkUPR7SxNHS7Au+EEE0/3CJ4L9JPohc4+eGmquCX2i+Evo5TlgiJo9ZqQL7+x20R43/AVPpD6mdG1NiJyDg7LOGefAsvZ+4xwoh+W3qe0P62yTzhB4OucAAAAASUVORK5CYII=)
}

.earth-label>div .labelText {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: hsla(0, 0%, 100%, .9);
    -webkit-box-shadow: 0 10px 21px 0 rgba(91, 116, 148, .17);
    box-shadow: 0 10px 21px 0 rgba(91, 116, 148, .17);
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    opacity: .9;
    padding: 0 14px;
    position: relative;
    -webkit-transform: translate(0) translate(3px);
    transform: translate(0) translate(3px);
    white-space: nowrap
}

.earth-label>div .labelText.line-right:before {
    height: 6px;
    left: -12px;
    top: 11px;
    width: 11px
}

.earth-label>div .labelText.line-right-top:before,
.earth-label>div .labelText.line-right:before {
    background: transparent;
    border-left: 2px solid #1767ff;
    border-top: 2px solid #1767ff;
    content: "";
    display: block;
    pointer-events: none;
    position: absolute
}

.earth-label>div .labelText.line-right-top:before {
    height: 10px;
    left: -63px;
    top: 17px;
    width: 62px
}

.earth-label>div .labelText.line-right-top1:before {
    border-left: 2px solid #1767ff;
    height: 40px;
    left: -12px;
    top: 12px;
    width: 14px
}

.earth-label>div .labelText.line-left:before,
.earth-label>div .labelText.line-right-top1:before {
    background: transparent;
    border-top: 2px solid #1767ff;
    content: "";
    display: block;
    pointer-events: none;
    position: absolute
}

.earth-label>div .labelText.line-left:before {
    border-right: 2px solid #1767ff;
    height: 3px;
    right: -22px;
    top: 6px;
    width: 22px
}

.earth-label>div .labelText.line-top:before {
    top: 22px
}

.earth-label>div .labelText.line-bottom:before,
.earth-label>div .labelText.line-top:before {
    background: transparent;
    border-left: 2px solid #1767ff;
    content: "";
    display: block;
    height: 13px;
    pointer-events: none;
    position: absolute;
    right: 50%
}

.earth-label>div .labelText.line-bottom:before {
    top: -13px
}

.earth-label>div .labelText .label-title {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    pointer-events: none
}

.earth-label>div .labelText .label-desc {
    display: none
}

.earth-label>div .labelText.bottom {
    -webkit-transform: translate(-100%) translate(-4px, -1px);
    transform: translate(-100%) translate(-4px, -1px)
}

.earth-label>div .labelText.left {
    -webkit-transform: translate(-100%) translate(-2px);
    transform: translate(-100%) translate(-2px)
}

.earth-label>div .labelText.server,
.earth-label>div .labelText.serverright {
    border-radius: 4px 4px 4px 0;
    -webkit-transform: translate(8px) translate(-2px, -15px);
    transform: translate(8px) translate(-2px, -15px)
}

.earth-label>div .labelText.server.line-right,
.earth-label>div .labelText.serverright.line-right {
    border-radius: 4px;
    -webkit-transform: translate(20px) translateY(-14px);
    transform: translate(20px) translateY(-14px)
}

.earth-label>div .labelText.server.line-right-top,
.earth-label>div .labelText.serverright.line-right-top {
    border-radius: 4px;
    -webkit-transform: translate(70px) translateY(-24px);
    transform: translate(70px) translateY(-24px)
}

.earth-label>div .labelText.server.line-right-top1,
.earth-label>div .labelText.serverright.line-right-top1 {
    border-radius: 4px;
    -webkit-transform: translate(21px) translateY(-48px);
    transform: translate(21px) translateY(-48px)
}

.earth-label>div .labelText.serverbottom {
    border-radius: 0 4px 4px 4px;
    -webkit-transform: translate(0) translate(7px, 8px);
    transform: translate(0) translate(7px, 8px);
    z-index: 10
}

.earth-label>div .labelText.serverbottom.line-bottom {
    border-radius: 4px;
    -webkit-transform: translate(-100%) translate(46px, 25px);
    transform: translate(-100%) translate(46px, 25px)
}

.earth-label>div .labelText.serverleft {
    border-radius: 4px 4px 0 4px;
    -webkit-transform: translate(-100%) translate(8px, -15px);
    transform: translate(-100%) translate(8px, -15px);
    z-index: 100
}

.earth-label>div .labelText.serverleft.line-left {
    border-radius: 4px;
    -webkit-transform: translate(-100%) translate(-15px, -7px);
    transform: translate(-100%) translate(-15px, -7px)
}

.earth-label>div .labelText.servertop {
    border-radius: 4px;
    -webkit-transform: translate(-50%) translate(8px, -23px);
    transform: translate(-50%) translate(8px, -23px)
}

.earth-label>div .labelText.servertop.line-top {
    -webkit-transform: translate(-50%) translate(8px, -34px);
    transform: translate(-50%) translate(8px, -34px)
}

.earth-label>div:hover {
    z-index: 20 !important
}

@-webkit-keyframes server-base1 {
    0% {
        -webkit-transform: scale(.65);
        transform: scale(.65)
    }
}

@keyframes server-base1 {
    0% {
        -webkit-transform: scale(.65);
        transform: scale(.65)
    }
}

.earth-label>div:hover .server-base {
    -webkit-animation: server-base1 1.5s ease-out infinite;
    animation: server-base1 1.5s ease-out infinite;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAaFQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////3ur/mbz/Y5j/PYD+LXX/PoH/mLv//v7+////3un/dKT/K3T/LXb/L3f/Mnr/M3v/MXn+9vb2qcf/Lnb/N3z/On3/O37/PID/LHX/MXn/QIP/Q4P/RYT+R4f/RoX/P4L/OH3/K3T+qsf/LHT/OHz/RYT/S4r/UY3/VZD/WJP/V5L/VI/+SIf/Uo7/W5L/Ypj+bZ//caH/Y5n/PoH+9fX1daX/Nnv+VI7/YZj/c6P/i7P/oMH/qcb+n8D/LXX+////YJf+eaf/w9j/2eb/+Pv/2uf/nr/+l7r+y93/WpH+RIT/irP/OXz+PoL/VY//a5//O3/+WJL/cKH/qcj/caL/Rob+SIj/b6D+PYH/LHT+n8H/UIz+/f39XJP/K3P+2OX+Ypn/RIP+q8j/c6P+ZJr/P4H/VpH/VpH+R4b/9fX13ej+/f398fHx/pAjzAAAAIt0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq//////////8b/////////////////////////////////////////////xr/////////////W/////////////////////////////////////+a////////////////Gf9qEvuzgYwAAAJ/SURBVHicXZPtX9JQGIaPgJuT4SSIPRgMHIgoA90YEgHG28wQFU1BJAMWkq+hvZlmr1ZWf3U7m/ahfdmH+3ee33Ou+zpowGS2DBLkEDVspW0jjI22DlND5KjdYjYNoDtmi4NwUnddLOif9nO5KSfhGDObkJbd83hpAM7nH+f5gD/IAUx4PaTDYkYWB+kJMexkeGo6IkSFWGR6KjwJTGhGS9Eg4QkBzIpiTIrLiYQsSzGRnwUIeYhBRDi9IxCcS0ry/dSDdDqTysrzyYdBYLxOApEUDbl8tDBeLCkLjxYfK6VioCDwOZamSDTkZjkxWciWlyrLK6urK9XKUnmtkBQ5cK8jygVPxI1AebNW32rktptb9dpmOSs9DYOLQjvA5QU5ozxrNdsdVX3e7rZqSlEWeI7dQVbYFaVsqVJv9AwMvUb9RSkriUGwIhr8kfiesrzfNviw0N6vLqUOIn6gkY091KYeHTc6N/yg0z0+ysjRQ7AhBkThZbp/cqoaYAHU01f91wmBB0YLeSHxpv9WD/VcPT3pp98JZ1pog8MYHvv+v7ECHosXklPnVWMhPFhbSNmL6wtdQBBf5UO92zMO9rr1Cr6KDy4whEtBLiq1VqP9UVU77Wbrk/JZFvIc7GB84Yg0ruNrfsl1dXyBefErxvcP/HmlisF/q5yXr27B65VdCoWAVtn3xR8LemXR/DbgyrSyGQhOJzfkbCqTTv9MrclScg6XfU0gOzGDNeHFqHSANYlLUfHM0MRuCDYCv7Bgml/CjWC/sX7IPKalupq7/gDPX/l9HAs0VnPMjDThHaNOyu2CW/BY6mtC09aE8HOwE+S6/hwYxjahPwfCbvljGvgLMFKQBzJYCdoAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    height: 28px;
    left: -6px;
    position: absolute;
    top: -6px;
    width: 28px;
    z-index: 6
}

.earth-label>div:hover .server-base.iec {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAchQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////5vbksOWsiNZ/asxfX8lSa81gr+Wr/v7+////lNuMXclPYMlUYspWY8tXYclV9vb2vum4YMpSYMlTZcpbZ8tcaMxdX8lRr+SqXslRYcpWactdbc1icM5lcc5lc89ncs9mbMxhZstcXchQXslQa8tgcc5mdtBre9FwfdJzgNR2f9N1fNFyX8pRfNJxgdR3h9V/j9iGk9qKiNaA9fX1ltyNZMlahtZ+lNuLpuGgtuexveq4vOm3teawX8hTlduM////cs9nhdV9mN2Qtuew0e/O4vXg+v364/bhteavruOqZclbt+ix1/HUgNN2r+Srcc9mh9V+ZspbbM1gftJzjdiFtOWuY8pXYMpTactegNN1kdqIveq5ktuJcs5mdNBokNmHXshRteevetBv/f39gtV4XchP4fTfh9d/cM1lYcpVvuu5tOWvlNqLh9WAideBftN0ftJ0vei3X8pSc9Bn9fX1XshQ5fXj/f39bM1h8fHxSr2SLwAAAJh0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq////////G///////////////////////////////////////////////Gv//////////////W///////////////////////////////////////////////mv////////////////////8Z//9q/xJER3U6AAACh0lEQVR4nF2T61/SYBiGXwGHk+EkiD0YzDET5QWRgcqkMQKZmZBmAplpIZAmaR46oB01O5+z07/b3mF9aF/24f7t+T277utBbSazpZ2ydtCdNsbexdoZWyfdYe12WMymNnTKbHFSLvq0mwPj0V9uD+2inD1mE9KzM14fA8D3Cn5R7BPO8gD9Pq/VaTEji9PqDbAcPzAoBnEIh4Pi4AAPbGBIT1E75Q0ARIajYSkW9/vjcSkcHYkABLxUO6Jcvi4YHUtI8njynKKkkqqcTpwfBdbnopCVZiCSCaWzEzlt8sLURS03oabxdIRjaCvq8HD8cCKtKvnCpZnZ2ZnLhbySTSeGefDMIdoNV4LzelYsla8uXFssl4p5ZVy6vgRuGi0Dn8HyDe1mZaVaq9dvVVcrRW1CxtM8t4xssBa9reYKpfVGC0NjvXQnp0rRDbAhBoRgbFO7W662+HBQLQv55FZQAAbZuW0cT+3srtRO+EHt3u5OKn5/G+yIhQf4odLc26+3wALU9x81H/uxCKweitj/pPnUCI28vr/XVPrwMz20w3aYjH3+31hMxpKF4skDobUQGawvpG3GjIUOYSMqqbkXpdVG68PGaqlAfqUXDgmEIyxPaMXKevVlvV6rrlReaa9lnOFhmeBbeiNlDXyLbxfeGfjUdPA9wfcP/EHhAwH/sXCgZyfgjcqOcFrVK/s09XnSqCyU+QKkMr1sFka/JuZlNZlSlG/JrCwlxkjZxxRyUENEk5FoSNoimsSkUPR7SxNHS7Au+EEE0/3CJ4L9JPohc4+eGmquCX2i+Evo5TlgiJo9ZqQL7+x20R43/AVPpD6mdG1NiJyDg7LOGefAsvZ+4xwoh+W3qe0P62yTzhB4OucAAAAASUVORK5CYII=)
}

.earth-label>div:hover .labelText {
    -webkit-box-shadow: 0 10px 21px 0 rgba(91, 116, 148, .17);
    box-shadow: 0 10px 21px 0 rgba(91, 116, 148, .17);
    min-width: 88px;
    padding: 6px;
    z-index: 10
}

.earth-label>div:hover .labelText .label-title {
    font-weight: 600
}

.earth-label>div:hover .labelText .label-desc {
    display: block;
    font-size: 10px;
    line-height: 15px
}

.earth-label>div:hover .labelText.server,
.earth-label>div:hover .labelText.serverright {
    -webkit-transform: translate(7px) translateY(-42px);
    transform: translate(7px) translateY(-42px)
}

.earth-label>div:hover .labelText.server.line-right,
.earth-label>div:hover .labelText.serverright.line-right {
    -webkit-transform: translate(20px) translateY(-14px);
    transform: translate(20px) translateY(-14px)
}

.earth-label>div:hover .labelText.server.line-right-top,
.earth-label>div:hover .labelText.serverright.line-right-top {
    -webkit-transform: translate(70px) translateY(-24px);
    transform: translate(70px) translateY(-24px)
}

.earth-label>div:hover .labelText.server.line-right-top1,
.earth-label>div:hover .labelText.serverright.line-right-top1 {
    -webkit-transform: translate(21px) translateY(-48px);
    transform: translate(21px) translateY(-48px)
}

.earth-label>div:hover .labelText.serverbottom {
    -webkit-transform: translate(0) translate(7px, 7px);
    transform: translate(0) translate(7px, 7px)
}

.earth-label>div:hover .labelText.serverbottom.line-bottom {
    -webkit-transform: translate(0) translate(-47px, 29px);
    transform: translate(0) translate(-47px, 29px)
}

.earth-label>div:hover .labelText.serverleft {
    -webkit-transform: translate(-95%) translate(2px, -42px);
    transform: translate(-95%) translate(2px, -42px)
}

.earth-label>div:hover .labelText.serverleft.line-left {
    -webkit-transform: translate(-100%) translate(-13px, -7px);
    transform: translate(-100%) translate(-13px, -7px)
}

.earth-label>div:hover .labelText.servertop {
    -webkit-transform: translate(-50%) translate(10px, -55px);
    transform: translate(-50%) translate(10px, -55px)
}

.earth-label>div:hover .labelText.servertop.line-top {
    -webkit-transform: translate(-50%) translate(10px, -67px);
    transform: translate(-50%) translate(10px, -67px)
}

.earth-label>div:hover .labelText.line-top:before {
    top: 56px
}

.earth-legend {
    bottom: 32px;
    gap: 0 32px;
    position: absolute;
    right: 0
}

.earth-legend,
.earth-legend .earth-legend-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.earth-legend .earth-legend-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 5px;
    height: 24px;
    line-height: 24px
}

.earth-legend .earth-legend-item .icon-earth-legend {
    background: no-repeat 50%/cover;
    border-radius: 50%;
    height: 14px;
    width: 14px
}

.earth-legend .earth-legend-item .icon-earth-legend.icon-earth-region {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAaFQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////3ur/mbz/Y5j/PYD+LXX/PoH/mLv//v7+////3un/dKT/K3T/LXb/L3f/Mnr/M3v/MXn+9vb2qcf/Lnb/N3z/On3/O37/PID/LHX/MXn/QIP/Q4P/RYT+R4f/RoX/P4L/OH3/K3T+qsf/LHT/OHz/RYT/S4r/UY3/VZD/WJP/V5L/VI/+SIf/Uo7/W5L/Ypj+bZ//caH/Y5n/PoH+9fX1daX/Nnv+VI7/YZj/c6P/i7P/oMH/qcb+n8D/LXX+////YJf+eaf/w9j/2eb/+Pv/2uf/nr/+l7r+y93/WpH+RIT/irP/OXz+PoL/VY//a5//O3/+WJL/cKH/qcj/caL/Rob+SIj/b6D+PYH/LHT+n8H/UIz+/f39XJP/K3P+2OX+Ypn/RIP+q8j/c6P+ZJr/P4H/VpH/VpH+R4b/9fX13ej+/f398fHx/pAjzAAAAIt0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq//////////8b/////////////////////////////////////////////xr/////////////W/////////////////////////////////////+a////////////////Gf9qEvuzgYwAAAJ/SURBVHicXZPtX9JQGIaPgJuT4SSIPRgMHIgoA90YEgHG28wQFU1BJAMWkq+hvZlmr1ZWf3U7m/ahfdmH+3ee33Ou+zpowGS2DBLkEDVspW0jjI22DlND5KjdYjYNoDtmi4NwUnddLOif9nO5KSfhGDObkJbd83hpAM7nH+f5gD/IAUx4PaTDYkYWB+kJMexkeGo6IkSFWGR6KjwJTGhGS9Eg4QkBzIpiTIrLiYQsSzGRnwUIeYhBRDi9IxCcS0ry/dSDdDqTysrzyYdBYLxOApEUDbl8tDBeLCkLjxYfK6VioCDwOZamSDTkZjkxWciWlyrLK6urK9XKUnmtkBQ5cK8jygVPxI1AebNW32rktptb9dpmOSs9DYOLQjvA5QU5ozxrNdsdVX3e7rZqSlEWeI7dQVbYFaVsqVJv9AwMvUb9RSkriUGwIhr8kfiesrzfNviw0N6vLqUOIn6gkY091KYeHTc6N/yg0z0+ysjRQ7AhBkThZbp/cqoaYAHU01f91wmBB0YLeSHxpv9WD/VcPT3pp98JZ1pog8MYHvv+v7ECHosXklPnVWMhPFhbSNmL6wtdQBBf5UO92zMO9rr1Cr6KDy4whEtBLiq1VqP9UVU77Wbrk/JZFvIc7GB84Yg0ruNrfsl1dXyBefErxvcP/HmlisF/q5yXr27B65VdCoWAVtn3xR8LemXR/DbgyrSyGQhOJzfkbCqTTv9MrclScg6XfU0gOzGDNeHFqHSANYlLUfHM0MRuCDYCv7Bgml/CjWC/sX7IPKalupq7/gDPX/l9HAs0VnPMjDThHaNOyu2CW/BY6mtC09aE8HOwE+S6/hwYxjahPwfCbvljGvgLMFKQBzJYCdoAAAAASUVORK5CYII=)
}

.earth-legend .earth-legend-item .icon-earth-legend.icon-earth-iec {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAchQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////5vbksOWsiNZ/asxfX8lSa81gr+Wr/v7+////lNuMXclPYMlUYspWY8tXYclV9vb2vum4YMpSYMlTZcpbZ8tcaMxdX8lRr+SqXslRYcpWactdbc1icM5lcc5lc89ncs9mbMxhZstcXchQXslQa8tgcc5mdtBre9FwfdJzgNR2f9N1fNFyX8pRfNJxgdR3h9V/j9iGk9qKiNaA9fX1ltyNZMlahtZ+lNuLpuGgtuexveq4vOm3teawX8hTlduM////cs9nhdV9mN2Qtuew0e/O4vXg+v364/bhteavruOqZclbt+ix1/HUgNN2r+Srcc9mh9V+ZspbbM1gftJzjdiFtOWuY8pXYMpTactegNN1kdqIveq5ktuJcs5mdNBokNmHXshRteevetBv/f39gtV4XchP4fTfh9d/cM1lYcpVvuu5tOWvlNqLh9WAideBftN0ftJ0vei3X8pSc9Bn9fX1XshQ5fXj/f39bM1h8fHxSr2SLwAAAJh0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq////////G///////////////////////////////////////////////Gv//////////////W///////////////////////////////////////////////mv////////////////////8Z//9q/xJER3U6AAACh0lEQVR4nF2T61/SYBiGXwGHk+EkiD0YzDET5QWRgcqkMQKZmZBmAplpIZAmaR46oB01O5+z07/b3mF9aF/24f7t+T277utBbSazpZ2ydtCdNsbexdoZWyfdYe12WMymNnTKbHFSLvq0mwPj0V9uD+2inD1mE9KzM14fA8D3Cn5R7BPO8gD9Pq/VaTEji9PqDbAcPzAoBnEIh4Pi4AAPbGBIT1E75Q0ARIajYSkW9/vjcSkcHYkABLxUO6Jcvi4YHUtI8njynKKkkqqcTpwfBdbnopCVZiCSCaWzEzlt8sLURS03oabxdIRjaCvq8HD8cCKtKvnCpZnZ2ZnLhbySTSeGefDMIdoNV4LzelYsla8uXFssl4p5ZVy6vgRuGi0Dn8HyDe1mZaVaq9dvVVcrRW1CxtM8t4xssBa9reYKpfVGC0NjvXQnp0rRDbAhBoRgbFO7W662+HBQLQv55FZQAAbZuW0cT+3srtRO+EHt3u5OKn5/G+yIhQf4odLc26+3wALU9x81H/uxCKweitj/pPnUCI28vr/XVPrwMz20w3aYjH3+31hMxpKF4skDobUQGawvpG3GjIUOYSMqqbkXpdVG68PGaqlAfqUXDgmEIyxPaMXKevVlvV6rrlReaa9lnOFhmeBbeiNlDXyLbxfeGfjUdPA9wfcP/EHhAwH/sXCgZyfgjcqOcFrVK/s09XnSqCyU+QKkMr1sFka/JuZlNZlSlG/JrCwlxkjZxxRyUENEk5FoSNoimsSkUPR7SxNHS7Au+EEE0/3CJ4L9JPohc4+eGmquCX2i+Evo5TlgiJo9ZqQL7+x20R43/AVPpD6mdG1NiJyDg7LOGefAsvZ+4xwoh+W3qe0P62yTzhB4OucAAAAASUVORK5CYII=)
}

.earth-legend .earth-legend-item span {
    color: #191919;
    font-size: 14px
}

@media (max-width:1280px) {
    .earth-label>div .labelText {
        display: none
    }

    .earth-label>div.server {
        height: 10px;
        width: 10px
    }

    .earth-label>div:hover .labelText {
        display: inline-block
    }

    .earth-label>div:hover .server-base {
        height: 16px;
        left: -2px;
        top: -2px;
        width: 16px
    }

    .earth-legend .earth-legend-item .icon-earth-legend {
        height: 10px;
        width: 10px
    }
}

@media (max-width:768px) {
    .earth-label>div.server {
        background-color: #1476ff;
        background-image: none;
        border-radius: 50%;
        height: 4px;
        width: 4px
    }

    .earth-label>div.server.iec {
        background-color: #3cbd2d;
        background-image: none
    }

    .earth-label>div:hover .labelText,
    .earth-label>div:hover .labelText.server,
    .earth-label>div:hover .server-base,
    .earth-legend .earth-legend-item {
        display: none
    }
}

.home-global-site-3d {
    position: relative;
    width: 100%
}

.home-global-site-3d .section {
    background: #fff;
    padding-bottom: 0
}

.home-global-site-3d .section-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.home-global-site-3d .section-body .section-body-left {
    padding-right: calc(50% - 800px)
}

.home-global-site-3d .section-body .section-body-right {
    height: 632px;
    width: 1140px
}

.home-global-site-3d .section-body .section-body-right .earth-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9
}

.home-global-site-3d .section-body .section-body-right .earth-btn-group .earth-btn {
    cursor: pointer;
    height: 36px;
    width: 36px
}

.home-global-site-3d .section-body .section-body-right .earth-btn-group .earth-btn.earth-3d-btn {
    background: url(data:image/png;base64,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) no-repeat 50%/cover
}

.home-global-site-3d .section-body .section-body-right .earth-btn-group .earth-btn.earth-3d-btn.active {
    background-image: url(data:image/png;base64,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)
}

.home-global-site-3d .section-body .section-body-right .earth-btn-group .earth-btn.earth-2d-btn {
    background: url(data:image/png;base64,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) no-repeat 50%/cover
}

.home-global-site-3d .section-body .section-body-right .earth-btn-group .earth-btn.earth-2d-btn.active {
    background-image: url(data:image/png;base64,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)
}

.home-global-site-3d .section-body-bottom {
    backdrop-filter: blur(8px);
    background: hsla(0, 0%, 100%, .3);
    -webkit-box-shadow: 0 -1px 53px 0 rgba(0, 0, 0, .02);
    box-shadow: 0 -1px 53px 0 rgba(0, 0, 0, .02);
    margin-top: -28px;
    position: relative;
    width: 100%
}

.home-global-site-3d .section-body-bottom .safety-card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 0
}

.home-global-site-3d .section-body-bottom .safety-card {
    display: block;
    -webkit-transition: .2s;
    transition: .2s
}

.home-global-site-3d .section-body-bottom .safety-card p {
    color: #191919;
    display: -webkit-box;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.home-global-site-3d .section-body-bottom .safety-card:hover p {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.home-global-site-3d .section-body-bottom .safety-card-icon {
    background-size: cover;
    display: block;
    height: 80px;
    margin: 0 auto 2px;
    width: 80px
}

.home-global-site-3d .section-body-left {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-global-site-3d .global-site-intro-title {
    color: #191919;
    display: -webkit-box;
    font-size: 28px;
    font-weight: 600;
    line-height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.home-global-site-3d .global-site-intro-desc {
    color: #595959;
    display: -webkit-box;
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.home-global-site-3d .global-site-intro-link {
    margin-top: 32px
}

.home-global-site-3d .global-site-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 28px
}

.home-global-site-3d .global-site-data .global-site-text {
    margin: 32px 0;
    width: 50%
}

.home-global-site-3d .global-site-data .global-site-text .title {
    color: #191919;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.home-global-site-3d .global-site-data .global-site-text .desc {
    color: #191919;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:1600px) {
    .home-global-site-3d .section-body .section-body-left {
        padding-right: 60px
    }

    .home-global-site-3d .section-body .section-body-right {
        height: 520px;
        width: 840px
    }

    .home-global-site-3d .section-body .section-body-right .earth-btn-group {
        gap: 0 16px
    }

    .home-global-site-3d .section-body .section-body-right .earth-btn-group .earth-btn {
        height: 28px;
        width: 28px
    }

    .home-global-site-3d .section-body .section-body-right .earth-legend {
        gap: 0 24px
    }

    .home-global-site-3d .global-site-intro-title {
        font-size: 24px;
        line-height: 36px
    }

    .home-global-site-3d .global-site-intro-desc {
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px
    }

    .home-global-site-3d .global-site-intro-link {
        margin-top: 28px
    }

    .home-global-site-3d .global-site-data {
        margin-top: 32px
    }

    .home-global-site-3d .global-site-data .global-site-text {
        margin: 16px 0
    }

    .home-global-site-3d .global-site-data .global-site-text .desc {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 8px
    }

    .home-global-site-3d .global-site-data .global-site-text .title {
        font-size: 32px;
        line-height: 48px
    }

    .home-global-site-3d .section-body-bottom .safety-card-icon {
        height: 70px;
        width: 70px
    }

    .home-global-site-3d .section-body-bottom .safety-card p {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width:1366px) {
    .home-global-site-3d .section-body .section-body-left {
        padding-right: 100px
    }

    .home-global-site-3d .section-body .section-body-right {
        height: 448px;
        width: 680px
    }

    .home-global-site-3d .section-body-bottom {
        margin-top: 0
    }
}

@media (max-width:1279px) {
    .home-global-site-3d .section-body .section-body-left {
        padding-right: 40px
    }

    .home-global-site-3d .section-body .section-body-right {
        height: 448px;
        width: 680px
    }

    .home-global-site-3d .section-body-bottom {
        margin-top: -20px
    }

    .home-global-site-3d .global-site-data {
        margin-top: 26px
    }

    .home-global-site-3d .global-site-intro-title {
        font-size: 18px;
        line-height: 28px
    }

    .home-global-site-3d .global-site-intro-desc {
        font-size: 12px;
        line-height: 18px
    }

    .home-global-site-3d .global-site-intro-link {
        margin-top: 24px
    }

    .home-global-site-3d .global-site-data .global-site-text {
        margin: 14px 0
    }

    .home-global-site-3d .global-site-data .global-site-text .title {
        font-size: 24px;
        line-height: 36px
    }
}

@media (max-width:1024px) {
    .home-global-site-3d .section {
        background-color: #f5f5f5
    }

    .home-global-site-3d .section-body-right {
        display: none
    }

    .home-global-site-3d .section-body {
        background: #fff;
        border-radius: 16px;
        overflow: hidden;
        padding: 20px;
        text-align: center
    }

    .home-global-site-3d .section-body .section-body-left {
        padding-right: 0;
        position: relative;
        z-index: 1
    }

    .home-global-site-3d .section-body .section-body-bottom {
        bottom: 0;
        margin-bottom: 0;
        margin-top: 22px
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card {
        padding: 10px
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card p {
        font-size: 14px;
        line-height: 22px
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card-list {
        padding: 0
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card-icon {
        height: 80px;
        margin-bottom: 4px;
        width: 80px
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card-item {
        width: 33.33333%
    }

    .home-global-site-3d .global-site-data {
        margin-top: 0;
        padding: 32px 60px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: none;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .home-global-site-3d .global-site-data .global-site-text {
        margin: 0;
        text-align: left;
        width: auto
    }

    .home-global-site-3d .global-site-intro {
        margin-top: 0
    }

    .home-global-site-3d .global-site-intro-desc {
        margin-top: 8px
    }
}

@media (max-width:768px) {
    .home-global-site-3d .section {
        padding-top: 40px
    }

    .home-global-site-3d .global-site-intro {
        margin-top: 16px;
        padding: 0 16px
    }

    .home-global-site-3d .global-site-intro-desc {
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px
    }

    .home-global-site-3d .global-site-intro-link {
        margin-top: 16px
    }

    .home-global-site-3d .global-site-data {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px;
        margin: 16px 0;
        padding: 0 16px
    }

    .home-global-site-3d .global-site-data .global-site-text {
        padding: 0 24px;
        width: calc(50% - 8px)
    }

    .home-global-site-3d .global-site-data .global-site-text .desc {
        font-size: 12px;
        line-height: 18px
    }

    .home-global-site-3d .global-site-data .global-site-text .title {
        font-size: 24px;
        line-height: 36px
    }

    .home-global-site-3d .section-body {
        padding: 25px 0 0
    }

    .home-global-site-3d .section-body .section-body-bottom {
        margin-top: 16px
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card {
        padding: 16px
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card-icon {
        height: 50px;
        margin-bottom: 0;
        width: 50px
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card p {
        color: #595959;
        font-size: 10px;
        line-height: 16px
    }
}

@media (max-width:470px) {
    .home-global-site-3d .global-site-data .global-site-text {
        padding: 0 12px
    }

    .home-global-site-3d .section-body .section-body-bottom .safety-card {
        padding: 16px 10px
    }
}

@-webkit-keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

@keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

.por-btn.por-btn-gradient {
    background: linear-gradient(130.52deg, #4d91ff, #ab42ff 35.964%, #ff5252 77.237%, #ffd227 114.804%);
    background-size: 200% 200%;
    border: none
}

.por-btn.por-btn-gradient:hover {
    -webkit-animation: gradientFlow .5s ease forwards;
    animation: gradientFlow .5s ease forwards
}

.skeleton-block {
    cursor: default;
    display: inline-block;
    position: relative
}

.skeleton-block,
.skeleton-block:hover {
    background: transparent;
    border: none;
    color: transparent
}

.skeleton-block:before {
    background-color: rgba(0, 0, 0, .05);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

[data-mod-id=consultation] {
    background: #f7f7f7
}

.home-consultation {
    background: #f7f7f7;
    padding: 76px 0 48px
}

.home-consultation .home-consultation-card,
.home-consultation .home-consultation-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home-consultation .home-consultation-card {
    background: #fff;
    border-radius: 24px;
    margin-left: 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 33.33333%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 230px
}

.home-consultation .home-consultation-card:first-child {
    margin-left: 0
}

.home-consultation .home-consultation-card .home-consultation-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

.home-consultation .home-consultation-card h5 {
    color: #191919;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 8px
}

.home-consultation .home-consultation-card p {
    color: #595959;
    font-size: 16px;
    line-height: 24px
}

.home-consultation .home-consultation-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 40px;
    width: 100%
}

.home-consultation .mb {
    display: none
}

@media (min-width:1281px) and (max-width:1600px) {
    .home-consultation .home-consultation-card {
        border-radius: 16px;
        height: 198px;
        margin-left: 16px;
        padding: 32px
    }

    .home-consultation .home-consultation-card h5 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 6px
    }

    .home-consultation .home-consultation-card p {
        font-size: 14px;
        line-height: 22px
    }
}

@media (min-width:769px) and (max-width:1280px) {
    .home-consultation .home-consultation-card {
        border-radius: 16px;
        height: 166px;
        margin-left: 16px;
        padding: 28px
    }

    .home-consultation .home-consultation-card h5 {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 4px
    }

    .home-consultation .home-consultation-card p {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width:1600px) {
    .home-consultation {
        padding: 60px 0 44px
    }

    .home-consultation .home-consultation-link {
        padding: 0
    }
}

@media (max-width:1280px) {
    .home-consultation {
        padding: 52px 0 32px
    }
}

@media (max-width:768px) {
    .home-consultation {
        background: #f7f7f7;
        padding: 40px 0 32px
    }

    .home-consultation .home-consultation-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .home-consultation .home-consultation-card {
        background: #fff;
        border-radius: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        margin: 8px 0 0;
        width: 100%
    }

    .home-consultation .home-consultation-card .home-consultation-content {
        padding: 20px
    }

    .home-consultation .home-consultation-card:first-child {
        margin-top: 0
    }

    .home-consultation .home-consultation-card h5 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 4px
    }

    .home-consultation .home-consultation-card p {
        font-size: 12px;
        line-height: 18px
    }

    .home-consultation .mb {
        display: block
    }

    .home-consultation .pc {
        display: none
    }
}

.pep-home-consultation {
    position: relative
}

.pep-home-consultation .hide-pc {
    display: none
}

.pep-home-consultation .por-row {
    margin-left: -10px;
    margin-right: -10px
}

.pep-home-consultation [class*=por-col-] {
    padding-left: 10px;
    padding-right: 10px
}

.pep-home-consultation .por-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--por-radius-xl-1);
    -webkit-box-shadow: none;
    box-shadow: none;
    gap: 32px;
    justify-content: space-between;
    overflow: hidden;
    padding: 40px
}

.pep-home-consultation .por-card[data-theme=grey] {
    background-color: var(--por-color-background-gray-2)
}

.pep-home-consultation .por-card .card-info,
.pep-home-consultation .por-card img {
    position: relative
}

.pep-home-consultation .por-card .card-description {
    margin-top: 8px
}

.pep-home-consultation .por-card .card-description a {
    color: var(--por-link-font-color-blue)
}

.pep-home-consultation .por-card .card-description a:hover {
    font-weight: 400
}

.pep-home-consultation .por-card img {
    border-radius: var(--por-radius-xl);
    width: 100%
}

.pep-home-consultation .more-solutions {
    margin-top: 32px;
    text-align: center
}

@media (min-width:1601px) {
    .pep-home-consultation .more-solutions .por-link {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width:1600px) {
    .pep-home-consultation .por-row {
        margin-left: -8px;
        margin-right: -8px
    }

    .pep-home-consultation [class*=por-col-] {
        padding-left: 8px;
        padding-right: 8px
    }

    .pep-home-consultation .por-card {
        border-radius: var(--por-radius-xl);
        gap: 32px;
        padding: 32px
    }

    .pep-home-consultation .por-card .card-caption {
        font-size: 20px;
        line-height: 30px
    }

    .pep-home-consultation .por-card .card-description {
        font-size: 14px;
        line-height: 22px;
        margin-top: 6px
    }

    .pep-home-consultation .more-solutions {
        margin-top: 24px
    }
}

@media (max-width:1280px) {
    .pep-home-consultation .por-card {
        padding: 28px
    }

    .pep-home-consultation .por-card .card-caption {
        font-size: 16px;
        line-height: 24px
    }

    .pep-home-consultation .por-card .card-description {
        font-size: 12px;
        line-height: 18px;
        margin-top: 4px
    }
}

@media (max-width:768px) {
    .pep-home-consultation .hide-pc {
        display: block
    }

    .pep-home-consultation .hide-mb {
        display: none
    }

    .pep-home-consultation .por-section {
        background-color: #f5f5f5
    }

    .pep-home-consultation .por-card {
        background-color: var(--por-color-background-white);
        background-image: none !important
    }

    .pep-home-consultation .por-row {
        border-radius: var(--por-radius-xl);
        margin: 0;
        overflow: hidden
    }

    .pep-home-consultation [class*=por-col-] {
        padding: 0
    }

    .pep-home-consultation [class*=por-col-]+[class*=por-col-] .por-card:before {
        border-top: 1px solid rgba(0, 0, 0, .08);
        content: "";
        left: 20px;
        position: absolute;
        right: 20px;
        top: 0
    }

    .pep-home-consultation .por-card {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 0;
        padding: 20px
    }

    .pep-home-consultation .por-card .card-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        height: 100%;
        justify-content: space-between
    }

    .pep-home-consultation .por-card .card-caption {
        font-size: 14px;
        line-height: 22px
    }

    .pep-home-consultation .por-card .date {
        font-size: 12px;
        line-height: 18px
    }

    .pep-home-consultation .por-card .pic {
        position: relative;
        -ms-flex-negative: 0;
        background: no-repeat 50%/cover;
        border-radius: var(--por-radius-l-1);
        flex-shrink: 0;
        height: 110px;
        width: 110px
    }
}

.cloud-developer-container {
    background-color: #fff;
    position: relative;
    z-index: 2
}

.pep-home-developer .hide-pc {
    display: none !important
}

.pep-home-developer .por-section {
    position: relative
}

.pep-home-developer .por-section[data-bg=transBlack] .tab-list ul,
.pep-home-developer .por-section[data-bg=white] .tab-list ul {
    background-color: var(--por-color-background-gray-2)
}

.pep-home-developer .por-section-head {
    padding-bottom: 24px
}

.pep-home-developer .por-container {
    position: relative;
    z-index: 2
}

.pep-home-developer .section-bg {
    background: no-repeat 50%/cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.pep-home-developer .section-bg:first-child {
    z-index: 2
}

.pep-home-developer .section-bg video {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.pep-home-developer .tab-list {
    position: relative;
    text-align: center
}

.pep-home-developer .tab-list ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--por-color-background-white);
    border-radius: 50px;
    gap: 8px;
    padding: 2px;
    position: relative;
    z-index: 1
}

.pep-home-developer .tab-list ul li {
    background: no-repeat 50%/cover;
    padding: 0 28px
}

.pep-home-developer .tab-list ul li a {
    color: var(--por-color-text-secondary);
    cursor: pointer;
    display: block;
    font-size: 18px;
    line-height: 28px;
    padding: 6px 0
}

.pep-home-developer .tab-list ul li a:hover {
    color: var(--por-color-text-primary);
    font-weight: 700
}

.pep-home-developer .tab-list ul li a:before {
    content: attr(data-title);
    display: block;
    font-weight: 600;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.pep-home-developer .tab-list ul li.active {
    border-radius: 50px;
    font-weight: 700
}

.pep-home-developer .tab-list ul li.active a {
    color: var(--por-color-text-white)
}

.pep-home-developer .tab-list .tab-liner {
    background: no-repeat 50%/cover;
    border-radius: 50px;
    display: inline-block;
    position: absolute;
    top: 0;
    -webkit-transition: left .3s cubic-bezier(.4, 0, .2, 1);
    transition: left .3s cubic-bezier(.4, 0, .2, 1);
    width: 0;
    z-index: -1
}

.pep-home-developer .tab-content {
    display: none;
    padding-top: 32px;
    text-align: center
}

.pep-home-developer .tab-content.active {
    display: block
}

.pep-home-developer .tab-content .developer-desc {
    color: var(--por-color-text-primary);
    font-size: 20px;
    line-height: 30px
}

.pep-home-developer .tab-content .btn-container {
    margin-bottom: 24px;
    margin-top: 16px
}

.pep-home-developer .developer-image-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: -1
}

.pep-home-developer .developer-image-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
    z-index: 1
}

.pep-home-developer .developer-image-cover .developer-image-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    position: relative;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pep-home-developer .developer-image-cover .developer-image {
    -ms-flex-negative: 0;
    display: block;
    flex-shrink: 0;
    height: 520px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: auto
}

@media (max-width:1600px) {
    .pep-home-developer .por-section-head {
        padding-bottom: 20px
    }

    .pep-home-developer .tab-list ul li {
        padding: 0 24px
    }

    .pep-home-developer .tab-list ul li a {
        font-size: 16px;
        line-height: 24px;
        padding: 5px 0
    }

    .pep-home-developer .tab-content {
        padding-top: 24px
    }

    .pep-home-developer .tab-content .developer-desc {
        font-size: 16px;
        line-height: 24px
    }

    .pep-home-developer .tab-content .btn-container {
        margin-bottom: 24px;
        margin-top: 12px
    }

    .pep-home-developer .developer-image-cover .developer-image {
        height: 416px
    }
}

@media (max-width:1280px) {
    .pep-home-developer .por-section-head {
        padding-bottom: 16px
    }

    .pep-home-developer .tab-list ul li {
        padding: 0 20px
    }

    .pep-home-developer .tab-list ul li a {
        font-size: 14px;
        line-height: 22px;
        padding: 4px 0
    }

    .pep-home-developer .tab-content {
        padding-top: 20px
    }

    .pep-home-developer .tab-content .developer-desc {
        font-size: 14px;
        line-height: 22px
    }

    .pep-home-developer .tab-content .btn-container {
        margin-bottom: 16px;
        margin-top: 10px
    }

    .pep-home-developer .developer-image-cover .developer-image {
        height: 346px
    }
}

@media (max-width:1024px) {
    .pep-home-developer .developer-image-cover .developer-image {
        height: 280px
    }
}

@media (max-width:768px) {
    .pep-home-developer .tab-content .btn-container .por-link {
        font-size: 12px
    }

    .pep-home-developer .hide-pc {
        display: block !important
    }

    .pep-home-developer .hide-mb {
        display: none !important
    }

    .pep-home-developer .tab-container {
        background-color: var(--por-color-background-gray-2);
        border-radius: var(--por-radius-xl);
        padding: 20px
    }

    .pep-home-developer .por-section {
        background-color: #f5f5f5
    }

    .pep-home-developer .por-section .tab-container {
        background-color: var(--por-color-background-white)
    }

    .pep-home-developer .tab-content {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px;
        padding: 16px 0;
        text-align: left
    }

    .pep-home-developer .tab-content .developer-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .pep-home-developer .tab-content .developer-caption {
        color: var(--por-color-text-primary);
        font-size: 14px;
        font-weight: 700;
        line-height: 22px
    }

    .pep-home-developer .tab-content .developer-desc {
        color: var(--por-color-text-secondary);
        font-size: 12px;
        line-height: 18px
    }

    .pep-home-developer .tab-content .btn-container {
        margin-bottom: 0
    }

    .pep-home-developer .tab-content .btn-container .por-link {
        -webkit-text-decoration: underline;
        text-decoration: underline
    }

    .pep-home-developer .tab-content .developer-image {
        -ms-flex-negative: 0;
        background: no-repeat 50%/cover;
        border-radius: var(--por-radius-l-1);
        flex-shrink: 0;
        height: 96px;
        width: 96px
    }

    .pep-home-developer .tab-content+.tab-content {
        border-top: 1px solid rgba(0, 0, 0, .08)
    }

    .pep-home-developer .tab-content:first-child {
        padding-top: 0
    }

    .pep-home-developer .tab-content:last-child {
        padding-bottom: 0
    }
}

@-webkit-keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

@keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

.por-btn.por-btn-gradient {
    background: linear-gradient(130.52deg, #4d91ff, #ab42ff 35.964%, #ff5252 77.237%, #ffd227 114.804%);
    background-size: 200% 200%;
    border: none
}

.por-btn.por-btn-gradient:hover {
    -webkit-animation: gradientFlow .5s ease forwards;
    animation: gradientFlow .5s ease forwards
}

.skeleton-block {
    cursor: default;
    display: inline-block;
    position: relative
}

.skeleton-block,
.skeleton-block:hover {
    background: transparent;
    border: none;
    color: transparent
}

.skeleton-block:before {
    background-color: rgba(0, 0, 0, .05);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

.pep-home-product .hide-pc,
.pep-home-product .little-screen {
    display: none
}

.pep-home-product .por-section {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.pep-home-product .por-section[data-bg=white] .skeleton-container .por-card {
    background-color: var(--por-color-background-gray-2) !important
}

.pep-home-product .por-tab-content {
    position: relative
}

.pep-home-product .por-tab+.por-tab-wrapper {
    padding-top: 20px
}

.pep-home-product .por-tab-text:before {
    content: attr(data-title);
    display: block;
    font-weight: 600;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.pep-home-product .skeleton-container {
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.pep-home-product .skeleton-container .por-card {
    background-color: var(--por-color-background-white) !important
}

.pep-home-product .por-row {
    height: 100%;
    margin-left: -10px;
    margin-right: -10px
}

.pep-home-product [class*=por-col-] {
    padding-left: 10px;
    padding-right: 10px
}

.pep-home-product [class*=por-col-] .por-row {
    gap: 20px 0
}

.pep-home-product [class*=por-col-] .por-row [class*=por-col-]:not(.leade-card) .product-card-wraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 280px
}

.pep-home-product [class*=por-col-] .por-row [class*=por-col-].por-col-24 .card-content {
    width: 60%
}

.pep-home-product [class*=por-col-] .por-row [class*=por-col-].leade-card .product-card-wraper .card-title {
    font-size: 24px;
    line-height: 36px
}

.pep-home-product .product-card-wraper {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--por-radius-xl-1);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 30px;
    position: relative
}

.pep-home-product .product-card-wraper .card-icon {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    height: 48px
}

.pep-home-product .product-card-wraper .card-icon.skeleton-block {
    width: 48px
}

.pep-home-product .product-card-wraper .card-title {
    color: var(--por-color-text-primary);
    margin-top: 12px
}

.pep-home-product .product-card-wraper .card-title.skeleton-block {
    height: 1.5em
}

.pep-home-product .product-card-wraper .card-title span:first-child {
    margin-right: 8px
}

.pep-home-product .product-card-wraper .card-title .por-label {
    background: rgba(199, 0, 11, .08);
    color: #c7000b;
    font-weight: 700;
    vertical-align: 2px
}

.pep-home-product .product-card-wraper .card-desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 8px
}

.pep-home-product .product-card-wraper .card-desc.skeleton-block {
    height: 1.5em
}

.pep-home-product .product-card-wraper .btn-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.pep-home-product .product-card-wraper .btn-group .por-btn.skeleton-block {
    height: 40px;
    width: 100px
}

.pep-home-product .product-card-wraper[data-bg=grey] {
    background-color: var(--por-color-background-gray-1);
    border: 1px solid #f0f0f0
}

.pep-home-product .product-card-wraper[data-bg=transBlack] {
    background-color: transparent
}

.pep-home-product .more-solutions {
    margin-top: 32px;
    text-align: center
}

@media (min-width:1601px) {
    .pep-home-product .more-solutions .por-link {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width:1600px) {
    .pep-home-product .por-tab+.por-tab-wrapper {
        padding-top: 16px
    }

    .pep-home-product .por-row {
        margin-left: -8px;
        margin-right: -8px
    }

    .pep-home-product [class*=por-col-] {
        padding-left: 8px;
        padding-right: 8px
    }

    .pep-home-product [class*=por-col-] .por-row {
        gap: 16px 0
    }

    .pep-home-product [class*=por-col-] .por-row [class*=por-col-]:not(.leade-card) .product-card-wraper {
        min-height: 240px
    }

    .pep-home-product [class*=por-col-] .por-row [class*=por-col-].leade-card .product-card-wraper .card-title {
        font-size: 20px;
        line-height: 30px
    }

    .pep-home-product .product-card-wraper {
        border-radius: var(--por-radius-xl);
        padding: 32px
    }

    .pep-home-product .product-card-wraper .card-icon {
        height: 38px
    }

    .pep-home-product .product-card-wraper .card-title {
        font-size: 16px;
        line-height: 24px;
        margin-top: 10px
    }

    .pep-home-product .product-card-wraper .card-title span span:first-child {
        margin-right: 6px
    }

    .pep-home-product .product-card-wraper .card-title .por-label {
        font-size: 12px;
        height: 20px;
        line-height: 18px;
        padding-left: 6px;
        padding-right: 6px;
        vertical-align: middle
    }

    .pep-home-product .product-card-wraper .card-desc {
        font-size: 14px;
        line-height: 22px;
        margin-top: 6px
    }

    .pep-home-product .product-card-wraper .btn-group {
        margin-top: 28px
    }

    .pep-home-product .more-solutions {
        margin-top: 24px
    }
}

@media (max-width:1280px) {
    .pep-home-product .por-tab+.por-tab-wrapper {
        padding-top: 14px
    }

    .pep-home-product [class*=por-col-] .por-row [class*=por-col-]:not(.leade-card) .product-card-wraper {
        min-height: 200px
    }

    .pep-home-product [class*=por-col-] .por-row [class*=por-col-].leade-card .product-card-wraper .card-title {
        font-size: 16px;
        line-height: 24px
    }

    .pep-home-product [class*=por-col-] .por-row [class*=por-col-].leade-card .product-card-wraper .btn-group .por-btn {
        font-size: 14px
    }

    .pep-home-product .product-card-wraper {
        padding: 28px
    }

    .pep-home-product .product-card-wraper .card-icon {
        height: 32px
    }

    .pep-home-product .product-card-wraper .card-title {
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px
    }

    .pep-home-product .product-card-wraper .card-title span:first-child {
        margin-right: 4px
    }

    .pep-home-product .product-card-wraper .card-title .por-label {
        vertical-align: 0
    }

    .pep-home-product .product-card-wraper .card-desc {
        font-size: 12px;
        line-height: 18px;
        margin-top: 4px
    }

    .pep-home-product .product-card-wraper .btn-group {
        margin-top: 20px
    }

    .pep-home-product .product-card-wraper .btn-group a {
        font-size: 12px
    }
}

@media (max-width:1024px) {
    .pep-home-product .larger-screen {
        display: none
    }

    .pep-home-product .little-screen {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .pep-home-product [class*=por-col-] .por-row [class*=por-col-].por-col-24.common-card .product-card-wraper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pep-home-product [class*=por-col-] .por-row [class*=por-col-].por-col-24 .card-content {
        width: 100%
    }
}

@media (max-width:768px) {
    .pep-home-product .hide-pc {
        display: block
    }

    .pep-home-product .hide-mb {
        display: none
    }

    .pep-home-product .larger-screen {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .pep-home-product .por-section {
        background-color: #f5f5f5
    }

    .pep-home-product .por-tab+.por-tab-wrapper {
        padding-top: 0
    }

    .pep-home-product .por-row {
        gap: 8px !important;
        height: auto !important
    }

    .pep-home-product [class*=por-col-] {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .pep-home-product .product-card-wraper {
        background-color: var(--por-color-background-white) !important;
        background-image: none !important;
        min-height: auto !important;
        padding: 20px
    }

    .pep-home-product .product-card-wraper .card-content {
        /* display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px */
    }

    .pep-home-product .product-card-wraper .card-icon {
        width: 32px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .pep-home-product .product-card-wraper .card-title {
        color: var(--por-color-text-primary);
        font-size: 14px !important;
        font-weight: 700;
        line-height: 22px !important;
        margin-top: 0
    }

    .pep-home-product .product-card-wraper .card-desc {
        font-size: 12px;
        line-height: 18px;
        margin-top: 4px
    }

    .pep-home-product .product-card-wraper .btn-group {
        display: none
    }

    .pep-home-product .por-section[data-bg=white] .product-card-wraper {
        background-color: var(--por-color-background-white) !important
    }
}

.wake-up-ai.hidden {
    display: none
}

.wake-up-ai .por-section {
    display: none;
    padding-top: 20px
}

.wake-up-ai .por-section.loaded {
    display: block
}

.wake-up-ai .por-section.por-section-merge-spacing-top {
    padding-top: 0
}

.wake-up-ai .por-section-body {
    border-radius: 24px;
    padding: 35px 72px
}

.wake-up-ai .por-section-body,
.wake-up-ai .por-section-body[data-card-bg=grey] {
    background-color: var(--por-color-background-gray-2)
}

.wake-up-ai .por-section-body[data-card-bg=white] {
    background-color: var(--por-color-background-white)
}

.wake-up-ai .por-section-body[data-card-bg=transparent] {
    background-color: var(--por-shadow-card-normal)
}

.wake-up-ai .por-section-body .wake-up-content,
.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area .display-area-image img {
    display: block;
    height: 70px
}

.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area .display-area-text {
    margin-left: 19px
}

.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area .display-area-text .display-area-title {
    font-size: 24px;
    line-height: 36px
}

.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area .display-area-text .colorful-context {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--por-color-text-white);
    display: inline-block;
    font-weight: 600
}

.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area .display-area-text .display-area-subtitle {
    font-size: 16px;
    line-height: 24px;
    margin-top: 4px
}

.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-search {
    padding-left: 15px;
    position: relative
}

.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-search input {
    background: #fff;
    border: none;
    border-radius: 28px;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .04);
    font-size: 16px;
    height: 50px;
    line-height: 26px;
    padding-left: 20px;
    padding-right: 52px;
    width: 666px
}

.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-search input:active,
.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-search input:focus,
.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-search input:hover {
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .14);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .14)
}

.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-search .wake-up-btn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYuMDAwMDAwIiBoZWlnaHQ9IjM2LjAwMDAwMCIgdmlld0JveD0iMCAwIDM2IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcz4KCQk8ZmlsdGVyIGlkPSJmaWx0ZXJfNjQ3XzExNzU4X2RkIiB4PSItNS4wMDAwMDAiIHk9Ii0zLjAwMDAwMCIgd2lkdGg9IjQ2LjAwMDAwMCIgaGVpZ2h0PSI0Ni4wMDAwMDAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KCQkJPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KCQkJPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CgkJCTxmZU9mZnNldCBkeD0iMCIgZHk9IjIiLz4KCQkJPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS42NjY2NyIvPgoJCQk8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiIGsyPSItMSIgazM9IjEiLz4KCQkJPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDM5IDAiLz4KCQkJPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3RfZHJvcFNoYWRvd18xIi8+CgkJCTxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0X2Ryb3BTaGFkb3dfMSIgcmVzdWx0PSJzaGFwZSIvPgoJCTwvZmlsdGVyPgoJPC9kZWZzPgoJPHJlY3Qgd2lkdGg9IjM2LjAwMDAwMCIgaGVpZ2h0PSIzNi4wMDAwMDAiLz4KCTxnIGZpbHRlcj0idXJsKCNmaWx0ZXJfNjQ3XzExNzU4X2RkKSI+CgkJPHJlY3QgaWQ9IlJlY3RhbmdsZSIgcng9IjE4LjAwMDAwMCIgd2lkdGg9IjM2LjAwMDAwMCIgaGVpZ2h0PSIzNi4wMDAwMDAiIGZpbGw9IiMxNDc2RkYiIGZpbGwtb3BhY2l0eT0iMS4wMDAwMDAiLz4KCTwvZz4KCTxyZWN0IGlkPSLnn6nlvaIiIHg9IjYuNzUwMDAwIiB5PSI2Ljc1MDAwMCIgd2lkdGg9IjIyLjUwMDAwMCIgaGVpZ2h0PSIyMi41MDAwMDAiIGZpbGw9IiNEOEQ4RDgiIGZpbGwtb3BhY2l0eT0iMCIvPgoJPHJlY3QgaWQ9IuefqeW9oiIgeD0iNy4yNTAwMDAiIHk9IjcuMjUwMDAwIiB3aWR0aD0iMjEuNTAwMDAwIiBoZWlnaHQ9IjIxLjUwMDAwMCIgc3Ryb2tlPSIjOTc5Nzk3IiBzdHJva2Utb3BhY2l0eT0iMCIgc3Ryb2tlLXdpZHRoPSIxLjAwMDAwMCIvPgoJPHBhdGggaWQ9IkZpbGwgMSIgZD0iTTI2LjM4IDguN0w3Ljk5IDE3LjQ1QzcuNTkgMTcuNjQgNy41OCAxOC4yMSA3Ljk4IDE4LjRMMTIuNTYgMjAuN0MxMi43OCAyMC44MSAxMy4wNSAyMC43NyAxMy4yMyAyMC42MkwyMy41NCAxMS45NUMyMy43MSAxMS44MSAyMy45NCAxMi4wNSAyMy43OCAxMi4yMUwxNC45IDIxLjQyQzE0LjcyIDIxLjYxIDE0LjYzIDIxLjg3IDE0LjY2IDIyLjE0TDE1LjIxIDI2LjlDMTUuMjYgMjcuMzYgMTUuODMgMjcuNTQgMTYuMTQgMjcuMTlMMTguMzYgMjQuNjVDMTguNDkgMjQuNSAxOC40NiAyNC4yNSAxOC4yOSAyNC4xM0wxNi40NSAyMi44OEMxNi4zNCAyMi44MSAxNi40NCAyMi42NCAxNi41NiAyMi43TDE5IDIzLjkyTDIxLjg3IDI1LjM1QzIyLjE3IDI1LjUgMjIuNTIgMjUuMzUgMjIuNjIgMjUuMDNMMjcuNDQgOS42MkMyNy42NCA4Ljk4IDI2Ljk4IDguNDEgMjYuMzggOC43WiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxLjAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cgk8ZyBvcGFjaXR5PSIwLjA1MDAwMCI+CgkJPHBhdGggaWQ9IuW9oueKtue7k+WQiCIgZD0iTTE2LjQxNjQgMjIuODMzNUMxNi40MjI3IDIyLjg1NDcgMTYuNDM2OCAyMi44NzUgMTYuNDYwMSAyMi44OTA5TDE4LjI5NiAyNC4xNDI2QzE4LjQ3MDEgMjQuMjYxMiAxOC41MDE1IDI0LjUwNTYgMTguMzYyNCAyNC42NjQzTDE2LjE0NDUgMjcuMTk3QzE1LjgzOTYgMjcuNTQ1MiAxNS4yNjY1IDI3LjM2NjUgMTUuMjEzNCAyNi45MDY3TDE0LjY2MzMgMjIuMTQ3QzE0LjY1NiAyMi4wODMgMTQuNjU1NiAyMi4wMTkzIDE0LjY2MTkgMjEuOTU2M0wxNi40MTY0IDIyLjgzMzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMC4wMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgoJPC9nPgo8L3N2Zz4K);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--por-radius-circle);
    cursor: pointer;
    display: none;
    height: 36px;
    position: absolute;
    right: 10px;
    top: calc(50% - 18px);
    width: 36px
}

.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-search .wake-up-btn:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYuMDAwMDAwIiBoZWlnaHQ9IjM2LjAwMDAwMCIgdmlld0JveD0iMCAwIDM2IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcz4KCQk8ZmlsdGVyIGlkPSJmaWx0ZXJfNjQ3XzExNzY4X2RkIiB4PSItNS4wMDAwMDAiIHk9Ii0zLjAwMDAwMCIgd2lkdGg9IjQ2LjAwMDAwMCIgaGVpZ2h0PSI0Ni4wMDAwMDAiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KCQkJPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KCQkJPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CgkJCTxmZU9mZnNldCBkeD0iMCIgZHk9IjIiLz4KCQkJPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMS42NjY2NyIvPgoJCQk8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiIGsyPSItMSIgazM9IjEiLz4KCQkJPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDM5IDAiLz4KCQkJPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3RfZHJvcFNoYWRvd18xIi8+CgkJCTxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0X2Ryb3BTaGFkb3dfMSIgcmVzdWx0PSJzaGFwZSIvPgoJCTwvZmlsdGVyPgoJPC9kZWZzPgoJPHJlY3Qgd2lkdGg9IjM2LjAwMDAwMCIgaGVpZ2h0PSIzNi4wMDAwMDAiLz4KCTxnIGZpbHRlcj0idXJsKCNmaWx0ZXJfNjQ3XzExNzY4X2RkKSI+CgkJPHJlY3QgaWQ9IlJlY3RhbmdsZSIgcng9IjE4LjAwMDAwMCIgd2lkdGg9IjM2LjAwMDAwMCIgaGVpZ2h0PSIzNi4wMDAwMDAiIGZpbGw9IiMxNDc2RkYiIGZpbGwtb3BhY2l0eT0iMS4wMDAwMDAiLz4KCTwvZz4KCTxyZWN0IGlkPSLnn6nlvaIiIHg9IjYuNzUwMDAwIiB5PSI2Ljc1MDAwMCIgd2lkdGg9IjIyLjUwMDAwMCIgaGVpZ2h0PSIyMi41MDAwMDAiIGZpbGw9IiNEOEQ4RDgiIGZpbGwtb3BhY2l0eT0iMCIvPgoJPHJlY3QgaWQ9IuefqeW9oiIgeD0iNy4yNTAwMDAiIHk9IjcuMjUwMDAwIiB3aWR0aD0iMjEuNTAwMDAwIiBoZWlnaHQ9IjIxLjUwMDAwMCIgc3Ryb2tlPSIjOTc5Nzk3IiBzdHJva2Utb3BhY2l0eT0iMCIgc3Ryb2tlLXdpZHRoPSIxLjAwMDAwMCIvPgoJPHBhdGggaWQ9IkZpbGwgMSIgZD0iTTI2LjM4IDguN0w3Ljk5IDE3LjQ1QzcuNTkgMTcuNjQgNy41OCAxOC4yMSA3Ljk4IDE4LjRMMTIuNTYgMjAuN0MxMi43OCAyMC44MSAxMy4wNSAyMC43NyAxMy4yMyAyMC42MkwyMy41NCAxMS45NUMyMy43MSAxMS44MSAyMy45NCAxMi4wNSAyMy43OCAxMi4yMUwxNC45IDIxLjQyQzE0LjcyIDIxLjYxIDE0LjYzIDIxLjg3IDE0LjY2IDIyLjE0TDE1LjIxIDI2LjlDMTUuMjYgMjcuMzYgMTUuODMgMjcuNTQgMTYuMTQgMjcuMTlMMTguMzYgMjQuNjVDMTguNDkgMjQuNSAxOC40NiAyNC4yNSAxOC4yOSAyNC4xM0wxNi40NSAyMi44OEMxNi4zNCAyMi44MSAxNi40NCAyMi42NCAxNi41NiAyMi43TDE5IDIzLjkyTDIxLjg3IDI1LjM1QzIyLjE3IDI1LjUgMjIuNTIgMjUuMzUgMjIuNjIgMjUuMDNMMjcuNDQgOS42MkMyNy42NCA4Ljk4IDI2Ljk4IDguNDEgMjYuMzggOC43WiIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIxLjAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cgk8ZyBvcGFjaXR5PSIwLjA1MDAwMCI+CgkJPHBhdGggaWQ9IuW9oueKtue7k+WQiCIgZD0iTTE2LjQxNjQgMjIuODMzNUMxNi40MjI3IDIyLjg1NDcgMTYuNDM2OCAyMi44NzUgMTYuNDYwMSAyMi44OTA5TDE4LjI5NiAyNC4xNDI2QzE4LjQ3MDEgMjQuMjYxMiAxOC41MDE1IDI0LjUwNTYgMTguMzYyNCAyNC42NjQzTDE2LjE0NDUgMjcuMTk3QzE1LjgzOTYgMjcuNTQ1MiAxNS4yNjY1IDI3LjM2NjUgMTUuMjEzNCAyNi45MDY3TDE0LjY2MzMgMjIuMTQ3QzE0LjY1NiAyMi4wODMgMTQuNjU1NiAyMi4wMTkzIDE0LjY2MTkgMjEuOTU2M0wxNi40MTY0IDIyLjgzMzVaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDAwMDAiIGZpbGwtb3BhY2l0eT0iMC4wMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgoJPC9nPgo8L3N2Zz4K)
}

.wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-search.active .wake-up-btn {
    display: block
}

@media (max-width:1600px) {
    .wake-up-ai .por-section-body {
        border-radius: 16px;
        padding: 25px 58px
    }

    .wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area .display-area-image img {
        height: 62px
    }

    .wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area .display-area-text {
        margin-left: 16px
    }

    .wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area .display-area-text .display-area-title {
        font-size: 20px;
        line-height: 30px
    }

    .wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area .display-area-text .display-area-subtitle {
        font-size: 14px;
        line-height: 22px
    }

    .wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-search input {
        font-size: 14px;
        height: 44px;
        line-height: 22px;
        padding-right: 46px;
        width: 533px
    }

    .wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-search .wake-up-btn {
        height: 32px;
        right: 6px;
        top: calc(50% - 16px);
        width: 32px
    }
}

@media (max-width:1280px) {
    .wake-up-ai .por-section-body {
        padding: 22px 48px
    }

    .wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area .display-area-image img {
        height: 48px
    }

    .wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area .display-area-text {
        margin-left: 12px
    }

    .wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area .display-area-text .display-area-title {
        font-size: 16px;
        line-height: 24px
    }

    .wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-display-area .display-area-text .display-area-subtitle {
        font-size: 12px;
        line-height: 18px
    }

    .wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-search input {
        font-size: 12px;
        height: 38px;
        line-height: 18px;
        padding-right: 42px;
        width: 444px
    }

    .wake-up-ai .por-section-body .wake-up-content .wake-up-sub-content-search .wake-up-btn {
        height: 28px;
        right: 5px;
        top: calc(50% - 14px);
        width: 28px
    }
}

@media (max-width:768px) {
    .wake-up-ai {
        display: none !important
    }
}

.scene-diagram-ai .hidden-pc {
    display: none
}

@media (min-width:769px) {
    .scene-diagram-ai .combination .por-collapse-container {
        border: none
    }

    .scene-diagram-ai .combination .por-collapse-trigger {
        display: none
    }

    .scene-diagram-ai .combination .por-collapse {
        display: block
    }
}

.scene-diagram-ai .por-tab .por-tab-text .tab-title {
    color: var(--por-color-text-primary);
    font-size: 18px;
    line-height: 28px
}

.scene-diagram-ai .por-tab .por-tab-text .tab-title:before {
    content: attr(data-title);
    display: block;
    font-weight: 600;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.scene-diagram-ai .por-tab .por-tab-text .tab-subtitle {
    color: var(--por-color-text-secondary);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 2px
}

.scene-diagram-ai .por-tab a {
    padding-bottom: 8px
}

.scene-diagram-ai .por-tab+.por-tab-wrapper {
    padding-top: 20px
}

.scene-diagram-ai .por-tab>ul:not(.por-tab-drop)>li {
    max-width: 420px
}

.scene-diagram-ai .scence-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    background-color: var(--por-color-background-white);
    border-radius: 24px;
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: hidden
}

.scene-diagram-ai .scence-content-wrapper.card-grey {
    background-color: var(--por-color-background-gray-1);
    border: 1px solid #f0f0f0
}

.scene-diagram-ai .scence-content-wrapper .scence-content-img {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 655px;
    min-height: 450px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 58%
}

.scene-diagram-ai .scence-content-wrapper .scence-content-img.normal-image {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.scene-diagram-ai .scence-content-wrapper .scence-content-img.normal-image img {
    display: none
}

.scene-diagram-ai .scence-content-wrapper .scence-content-img img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    width: 100%
}

.scene-diagram-ai .scence-content-wrapper .scence-content-img .video-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: calc(100% - 96px);
    justify-content: center;
    width: calc(100% - 96px)
}

.scene-diagram-ai .scence-content-wrapper .scence-content-img .video-box video {
    border-radius: 16px;
    display: block;
    max-height: 100%;
    max-width: 100%
}

.scene-diagram-ai .scence-content-wrapper .scence-content-img .video-box .video-player-btn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAuMDAwMDAwIiBoZWlnaHQ9IjQwLjAwMDAwMCIgdmlld0JveD0iMCAwIDQwIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcy8+Cgk8cmVjdCBpZD0i5pKt5pS+Lem7mOiupCIgd2lkdGg9IjQwLjAwMDAwMCIgaGVpZ2h0PSI0MC4wMDAwMDAiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMCIvPgoJPGNpcmNsZSBpZD0i5qSt5ZyGIDExMzkiIGN4PSIyMC4wMDAwMDAiIGN5PSIyMC4wMDAwMDAiIHI9IjIwLjAwMDAwMCIgZmlsbD0iIzE5MTkxOSIgZmlsbC1vcGFjaXR5PSIwLjA4MDAwMCIvPgoJPHBhdGggaWQ9IuWkmui+ueW9oiAxIiBkPSJNMjcuNSAxOC42M0wxNyAxMi41N0MxNi4zMyAxMi4xOCAxNS41IDEyLjY2IDE1LjUgMTMuNDNMMTUuNSAyNS41NkMxNS41IDI2LjMzIDE2LjMzIDI2LjgxIDE3IDI2LjQyTDI3LjUgMjAuMzZDMjguMTYgMTkuOTggMjguMTYgMTkuMDEgMjcuNSAxOC42M1oiIGZpbGw9IiM1OTU5NTkiIGZpbGwtb3BhY2l0eT0iMS4wMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgoJPHJlY3QgaWQ9IueUu+advyAxNTI5MCIgd2lkdGg9IjAuMDAwMDAwIiBoZWlnaHQ9IjEwLjAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUuMDAwMDAwIDE1LjUwMDAwMCkiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMCIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--por-radius-circle);
    bottom: 32px;
    content: "";
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 32px;
    width: 40px
}

.scene-diagram-ai .scence-content-wrapper .scence-content-img .video-box .video-player-btn:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAuMDAwMDAwIiBoZWlnaHQ9IjQwLjAwMDAwMCIgdmlld0JveD0iMCAwIDQwIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcy8+Cgk8cmVjdCBpZD0i5pKt5pS+LWhvdmVyIiB3aWR0aD0iNDAuMDAwMDAwIiBoZWlnaHQ9IjQwLjAwMDAwMCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwIi8+Cgk8Y2lyY2xlIGlkPSLmpK3lnIYgMTEzOSIgY3g9IjIwLjAwMDAwMCIgY3k9IjIwLjAwMDAwMCIgcj0iMjAuMDAwMDAwIiBmaWxsPSIjMTkxOTE5IiBmaWxsLW9wYWNpdHk9IjAuMDgwMDAwIi8+Cgk8cGF0aCBpZD0i5aSa6L655b2iIDEiIGQ9Ik0yNy41IDE4LjYzTDE3IDEyLjU3QzE2LjMzIDEyLjE4IDE1LjUgMTIuNjYgMTUuNSAxMy40M0wxNS41IDI1LjU2QzE1LjUgMjYuMzMgMTYuMzMgMjYuODEgMTcgMjYuNDJMMjcuNSAyMC4zNkMyOC4xNiAxOS45OCAyOC4xNiAxOS4wMSAyNy41IDE4LjYzWiIgZmlsbD0iIzE5MTkxOSIgZmlsbC1vcGFjaXR5PSIxLjAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cgk8cmVjdCBpZD0i55S75p2/IDE1MjkwIiB3aWR0aD0iMC4wMDAwMDAiIGhlaWdodD0iMTAuMDAwMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS4wMDAwMDAgMTUuNTAwMDAwKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwIi8+Cjwvc3ZnPgo=)
}

.scene-diagram-ai .scence-content-wrapper .scence-content-img .video-box .video-player-btn[data-show-status=pause] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAuMDAwMDAwIiBoZWlnaHQ9IjQwLjAwMDAwMCIgdmlld0JveD0iMCAwIDQwIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcy8+Cgk8cmVjdCBpZD0i5pqC5YGcLem7mOiupCIgd2lkdGg9IjQwLjAwMDAwMCIgaGVpZ2h0PSI0MC4wMDAwMDAiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMCIvPgoJPGNpcmNsZSBpZD0i5qSt5ZyGIDExMzkiIGN4PSIyMC4wMDAwMDAiIGN5PSIyMC4wMDAwMDAiIHI9IjIwLjAwMDAwMCIgZmlsbD0iIzE5MTkxOSIgZmlsbC1vcGFjaXR5PSIwLjA4MDAwMCIvPgoJPHJlY3QgaWQ9IueUu+advyAxNTI5MCIgd2lkdGg9IjEwLjAwMDAwMCIgaGVpZ2h0PSIxMC4wMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjAwMDAwMCAxNS41MDAwMDApIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAiLz4KCTxwYXRoIGlkPSLnn6Lph48gNjI5IiBkPSJNMjUgMTUuMjVMMjUgMjUuNzUiIHN0cm9rZT0iIzU5NTk1OSIgc3Ryb2tlLW9wYWNpdHk9IjEuMDAwMDAwIiBzdHJva2Utd2lkdGg9IjMuMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KCTxwYXRoIGlkPSLnn6Lph48gNjMwIiBkPSJNMTUgMTUuMjVMMTUgMjUuNzUiIHN0cm9rZT0iIzU5NTk1OSIgc3Ryb2tlLW9wYWNpdHk9IjEuMDAwMDAwIiBzdHJva2Utd2lkdGg9IjMuMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==)
}

.scene-diagram-ai .scence-content-wrapper .scence-content-img .video-box .video-player-btn[data-show-status=pause]:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAuMDAwMDAwIiBoZWlnaHQ9IjQwLjAwMDAwMCIgdmlld0JveD0iMCAwIDQwIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcy8+Cgk8cmVjdCBpZD0i5pqC5YGcLWhvdmVyIiB3aWR0aD0iNDAuMDAwMDAwIiBoZWlnaHQ9IjQwLjAwMDAwMCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwIi8+Cgk8Y2lyY2xlIGlkPSLmpK3lnIYgMTEzOSIgY3g9IjIwLjAwMDAwMCIgY3k9IjIwLjAwMDAwMCIgcj0iMjAuMDAwMDAwIiBmaWxsPSIjMTkxOTE5IiBmaWxsLW9wYWNpdHk9IjAuMDgwMDAwIi8+Cgk8cmVjdCBpZD0i55S75p2/IDE1MjkwIiB3aWR0aD0iMTAuMDAwMDAwIiBoZWlnaHQ9IjEwLjAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUuMDAwMDAwIDE1LjUwMDAwMCkiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMCIvPgoJPHBhdGggaWQ9IuefoumHjyA2MjkiIGQ9Ik0yNSAxNS4yNUwyNSAyNS43NSIgc3Ryb2tlPSIjMTkxOTE5IiBzdHJva2Utb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZS13aWR0aD0iMy4wMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgoJPHBhdGggaWQ9IuefoumHjyA2MzAiIGQ9Ik0xNSAxNS4yNUwxNSAyNS43NSIgc3Ryb2tlPSIjMTkxOTE5IiBzdHJva2Utb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZS13aWR0aD0iMy4wMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.scene-diagram-ai .scence-content-wrapper .scence-content-img.adapt-height img {
    height: 100%;
    width: auto
}

.scene-diagram-ai .scence-content-wrapper .por-player-btn {
    position: relative;
    z-index: 10
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail-outer {
    padding: 48px 4px 48px 0;
    width: 42%
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail {
    border-radius: var(--por-radius-s);
    max-height: 554px;
    min-height: 354px;
    overflow-y: auto;
    padding: 0 48px
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-model {
    margin-bottom: 16px
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-model img {
    display: block;
    width: 48px
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t6,
.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t8 {
    color: var(--por-color-text-primary);
    margin-bottom: 16px
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t6 {
    font-size: 24px;
    line-height: 36px
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail {
    color: var(--por-color-text-secondary);
    font-size: 16px;
    line-height: 24px;
    position: relative
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail .por-link {
    color: var(--por-color-text-button);
    -webkit-text-decoration: none;
    text-decoration: none
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail .por-link:hover {
    font-weight: 400;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail+.scence-content-block_detail {
    margin-top: 8px
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-dot {
    padding-left: 12px
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-check {
    padding-left: 24px
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-dot:before {
    background-color: var(--por-color-background-secondary);
    border-radius: var(--por-radius-circle);
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 4px
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-check:before {
    background-image: url(https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/%E7%BB%84%E4%BB%B6%E9%AA%8C%E8%AF%81/commons/images/exist.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 14px;
    left: 2px;
    position: absolute;
    top: 7px;
    width: 14px
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-model-list .por-link-secondary {
    font-size: 16px;
    line-height: 24px;
    margin-right: 16px;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-btn-list {
    font-size: 0
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-btn-list a {
    margin-right: 16px
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-btn-list a:not(.secondary) {
    border: none;
    color: var(--por-color-text-primary);
    padding-left: 0;
    padding-right: 0
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-btn-list a:not(.secondary):hover {
    font-weight: 600;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block+.scence-content-detail-block {
    margin-top: 40px
}

@media (max-width:1600px) {
    .scene-diagram-ai .por-tab .por-tab-text .tab-title {
        font-size: 16px;
        line-height: 24px
    }

    .scene-diagram-ai .por-tab .por-tab-text .tab-subtitle {
        font-size: 12px;
        line-height: 18px
    }

    .scene-diagram-ai .por-tab a {
        padding-bottom: 8px
    }

    .scene-diagram-ai .por-tab+.por-tab-wrapper {
        padding-top: 16px
    }

    .scene-diagram-ai .por-tab>ul:not(.por-tab-drop)>li {
        max-width: 380px
    }

    .scene-diagram-ai .scence-content-wrapper {
        border-radius: 16px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-img {
        max-height: 520px;
        min-height: 360px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-img .video-box {
        height: calc(100% - 76px);
        width: calc(100% - 76px)
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-img .video-box .video-player-btn {
        bottom: 28px;
        height: 40px;
        right: 28px;
        width: 40px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail-outer {
        padding: 38px 0
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail {
        max-height: 444px;
        min-height: 284px;
        overflow-y: auto;
        padding: 0 38px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-model {
        margin-bottom: 14px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-model img {
        width: 38px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t6,
    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t8 {
        margin-bottom: 12px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t6 {
        font-size: 20px;
        line-height: 30px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t8 {
        font-size: 16px;
        line-height: 24px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail {
        font-size: 14px;
        line-height: 22px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail+.scence-content-block_detail {
        margin-top: 6px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-dot {
        padding-left: 12px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-check {
        padding-left: 24px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-dot:before {
        top: 10px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-check:before {
        top: 5px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-model-list .por-link-secondary {
        font-size: 14px;
        line-height: 22px;
        margin-right: 16px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-btn-list a {
        margin-right: 16px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block+.scence-content-detail-block {
        margin-top: 32px
    }
}

@media (max-width:1280px) {
    .scene-diagram-ai .por-tab .por-tab-text .tab-title {
        font-size: 14px;
        line-height: 22px
    }

    .scene-diagram-ai .por-tab .por-tab-text .tab-subtitle {
        font-size: 12px;
        line-height: 18px
    }

    .scene-diagram-ai .por-tab a {
        padding-bottom: 6px
    }

    .scene-diagram-ai .por-tab+.por-tab-wrapper {
        padding-top: 14px
    }

    .scene-diagram-ai .por-tab>ul:not(.por-tab-drop)>li {
        max-width: 380px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-img {
        max-height: 432px;
        min-height: 300px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-img .video-box {
        height: calc(100% - 64px);
        width: calc(100% - 64px)
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-img .video-box .video-player-btn {
        bottom: 24px;
        height: 32px;
        right: 24px;
        width: 32px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail-outer {
        padding: 32px 0
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail {
        max-height: 368px;
        min-height: 236px;
        padding: 0 32px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-model {
        margin-bottom: 12px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-model img {
        width: 32px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t6,
    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t8 {
        margin-bottom: 10px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t6 {
        font-size: 16px;
        line-height: 24px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t8 {
        font-size: 14px;
        line-height: 22px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail {
        font-size: 12px;
        line-height: 18px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail+.scence-content-block_detail {
        margin-top: 6px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-dot {
        padding-left: 12px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-check {
        padding-left: 24px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-dot:before {
        top: 8px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-check:before {
        top: 3px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-model-list .por-link-secondary {
        font-size: 12px;
        line-height: 18px;
        margin-right: 16px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-btn-list a {
        margin-right: 20px
    }

    .scene-diagram-ai .scence-content-wrapper .scence-content-detail .scence-content-detail-block+.scence-content-detail-block {
        margin-top: 32px
    }
}

@media (max-width:768px) {
    .scene-diagram-ai .por-section {
        background-color: #f5f5f5
    }

    .scene-diagram-ai .hidden-pc {
        display: block
    }

    .scene-diagram-ai .hidden-mb {
        display: none
    }

    .scene-diagram-ai .por-section-head {
        padding-bottom: 16px
    }

    .scene-diagram-ai .por-container .por-tab {
        background-color: var(--por-color-background-white)
    }

    .scene-diagram-ai .por-container .por-tab-content {
        background-color: #fff !important;
        border: none !important
    }

    .scene-diagram-ai .por-container .scence-content-wrapper {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        border-radius: 0;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .scene-diagram-ai .por-container .scence-content-wrapper.single-tab {
        padding-top: 20px
    }

    .scene-diagram-ai .por-container .scence-content-wrapper.card-grey {
        border: none
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-img {
        border-radius: 12px;
        max-height: none;
        min-height: auto;
        width: 100%
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-img .video-box {
        height: calc(100% - 40px);
        margin-bottom: 20px;
        margin-top: 20px;
        width: calc(100% - 40px)
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-img .video-box .video-player-btn {
        bottom: 12px;
        display: block;
        height: 28px;
        right: 12px;
        width: 28px
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-img.normal-image img {
        display: block
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-img.normal-image .video-box+img {
        display: none
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail-outer {
        padding: 16px 0 20px;
        width: 100%
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail {
        max-height: none;
        min-height: auto;
        padding: 0
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail .scence-content-detail-model {
        display: none
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t6,
    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t8 {
        margin-bottom: 12px
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t6,
    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail .scence-content-detail-block .por-text-title-t8 {
        font-size: 14px;
        line-height: 22px
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail {
        font-size: 12px;
        line-height: 18px
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail+.scence-content-block_detail {
        margin-top: 6px
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-dot {
        padding-left: 12px
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-check {
        padding-left: 24px
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-dot:before {
        top: 8px
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-content-block_detail.decoration-check:before {
        top: 3px
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-model-list .por-link-secondary {
        font-size: 12px;
        line-height: 18px;
        margin-right: 16px
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail .scence-content-detail-block .scence-btn-list a {
        margin-right: 20px
    }

    .scene-diagram-ai .por-container .scence-content-wrapper .scence-content-detail .scence-content-detail-block+.scence-content-detail-block {
        margin-top: 16px
    }

    .scene-diagram-ai .por-collapse-trigger .por-icon-down,
    .scene-diagram-ai .por-collapse-trigger .u-icon-down {
        color: var(--por-color-text-primary);
        font-size: 16px;
        margin-top: -8px;
        right: 0
    }

    .scene-diagram-ai .combination .por-collapse-container {
        border: 0;
        margin-bottom: 8px;
        margin-top: -1px
    }

    .scene-diagram-ai .combination .por-tab-content:last-child .por-collapse-container {
        margin-bottom: 0
    }

    .scene-diagram-ai .combination .por-collapse-trigger {
        border-bottom: 0;
        padding: 20px 24px 20px 0
    }

    .scene-diagram-ai .combination .por-collapse-trigger .tab-title {
        color: var(--por-color-text-primary);
        font-size: 14px;
        line-height: 22px
    }

    .scene-diagram-ai .combination .por-collapse-trigger .tab-subtitle {
        color: var(--por-color-text-secondary);
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 4px
    }

    .scene-diagram-ai .combination .por-tab {
        display: none
    }

    .scene-diagram-ai .combination .por-tab+.por-tab-wrapper {
        padding-top: 0
    }

    .scene-diagram-ai .combination .por-tab-content {
        background-color: var(--por-color-background-white);
        border-radius: var(--por-radius-xl);
        display: block;
        padding-left: 20px;
        padding-right: 20px
    }

    .scene-diagram-ai .combination .por-tab-content.card-grey {
        background-color: var(--por-color-background-gray-1);
        border: 1px solid #f0f0f0
    }

    .scene-diagram-ai .combination .por-tab-content+.por-tab-content {
        margin-top: 8px
    }
}

@-webkit-keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

@keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

.por-btn.por-btn-gradient {
    background: linear-gradient(130.52deg, #4d91ff, #ab42ff 35.964%, #ff5252 77.237%, #ffd227 114.804%);
    background-size: 200% 200%;
    border: none
}

.por-btn.por-btn-gradient:hover {
    -webkit-animation: gradientFlow .5s ease forwards;
    animation: gradientFlow .5s ease forwards
}

.skeleton-block {
    cursor: default;
    display: inline-block;
    position: relative
}

.skeleton-block,
.skeleton-block:hover {
    background: transparent;
    border: none;
    color: transparent
}

.skeleton-block:before {
    background-color: rgba(0, 0, 0, .05);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

.cloud-foldedPictext .hide-pc {
    display: none
}

.cloud-foldedPictext .por-section {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.cloud-foldedPictext .por-row {
    background: #fff no-repeat 50%/cover;
    border-radius: 24px;
    margin: 0;
    overflow: hidden;
    position: relative
}

.cloud-foldedPictext .por-row[data-theme=grey] {
    background-color: #fafafa;
    border: 1px solid #f0f0f0
}

.cloud-foldedPictext .por-row[data-theme=transBlack],
.cloud-foldedPictext .por-row[data-theme=transWhite] {
    background-color: transparent
}

.cloud-foldedPictext .por-row[data-theme=transWhite] .por-collapse-container {
    border-color: hsla(0, 0%, 100%, .8)
}

.cloud-foldedPictext .por-row[data-theme=transWhite] .por-collapse-head-text .caption {
    color: #fff !important
}

.cloud-foldedPictext .por-row[data-theme=transWhite] .por-icon {
    color: #fff
}

.cloud-foldedPictext .por-row[data-theme=transWhite] .por-collapse .description {
    color: hsla(0, 0%, 100%, .8)
}

.cloud-foldedPictext .por-row[data-theme=transWhite] .por-collapse .btn-group .por-btn,
.cloud-foldedPictext .por-row[data-theme=transWhite] .por-collapse .btn-group .por-link {
    border-color: #fff;
    color: #fff
}

.cloud-foldedPictext [class*=por-col-] {
    -ms-flex-item-align: center;
    align-self: center;
    padding: 64px 88px
}

.cloud-foldedPictext [class*=por-col-].tab-content {
    padding-right: 0
}

.cloud-foldedPictext [class*=por-col-].tab-content .folded-card {
    max-height: 522px;
    min-height: 322px;
    overflow: auto;
    padding-right: 88px
}

.cloud-foldedPictext [class*=por-col-].wrapper-content {
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0
}

.cloud-foldedPictext [class*=por-col-].wrapper-content .card-inner {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute
}

.cloud-foldedPictext [class*=por-col-].wrapper-content .card-inner.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 0;
    right: 0;
    -webkit-transition: opacity .2s ease-in-out 0s;
    transition: opacity .2s ease-in-out 0s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    visibility: visible
}

.cloud-foldedPictext .card-inner:not(.active) {
    opacity: 0;
    visibility: hidden
}

.cloud-foldedPictext .card-inner .video-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    height: calc(100% - 96px);
    justify-content: center;
    width: calc(100% - 96px)
}

.cloud-foldedPictext .card-inner .video-box,
.cloud-foldedPictext .card-inner .video-box video {
    -webkit-transition: width .5s ease-in-out, height .5s ease-in-out;
    transition: width .5s ease-in-out, height .5s ease-in-out
}

.cloud-foldedPictext .card-inner .video-box video {
    border-radius: 24px;
    display: block;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.cloud-foldedPictext .card-inner .video-box .video-player-btn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAuMDAwMDAwIiBoZWlnaHQ9IjQwLjAwMDAwMCIgdmlld0JveD0iMCAwIDQwIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcy8+Cgk8cmVjdCBpZD0i5pKt5pS+Lem7mOiupCIgd2lkdGg9IjQwLjAwMDAwMCIgaGVpZ2h0PSI0MC4wMDAwMDAiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMCIvPgoJPGNpcmNsZSBpZD0i5qSt5ZyGIDExMzkiIGN4PSIyMC4wMDAwMDAiIGN5PSIyMC4wMDAwMDAiIHI9IjIwLjAwMDAwMCIgZmlsbD0iIzE5MTkxOSIgZmlsbC1vcGFjaXR5PSIwLjA4MDAwMCIvPgoJPHBhdGggaWQ9IuWkmui+ueW9oiAxIiBkPSJNMjcuNSAxOC42M0wxNyAxMi41N0MxNi4zMyAxMi4xOCAxNS41IDEyLjY2IDE1LjUgMTMuNDNMMTUuNSAyNS41NkMxNS41IDI2LjMzIDE2LjMzIDI2LjgxIDE3IDI2LjQyTDI3LjUgMjAuMzZDMjguMTYgMTkuOTggMjguMTYgMTkuMDEgMjcuNSAxOC42M1oiIGZpbGw9IiM1OTU5NTkiIGZpbGwtb3BhY2l0eT0iMS4wMDAwMDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgoJPHJlY3QgaWQ9IueUu+advyAxNTI5MCIgd2lkdGg9IjAuMDAwMDAwIiBoZWlnaHQ9IjEwLjAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUuMDAwMDAwIDE1LjUwMDAwMCkiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMCIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--por-radius-circle);
    bottom: 32px;
    content: "";
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 32px;
    width: 40px
}

.cloud-foldedPictext .card-inner .video-box .video-player-btn:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAuMDAwMDAwIiBoZWlnaHQ9IjQwLjAwMDAwMCIgdmlld0JveD0iMCAwIDQwIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcy8+Cgk8cmVjdCBpZD0i5pKt5pS+LWhvdmVyIiB3aWR0aD0iNDAuMDAwMDAwIiBoZWlnaHQ9IjQwLjAwMDAwMCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwIi8+Cgk8Y2lyY2xlIGlkPSLmpK3lnIYgMTEzOSIgY3g9IjIwLjAwMDAwMCIgY3k9IjIwLjAwMDAwMCIgcj0iMjAuMDAwMDAwIiBmaWxsPSIjMTkxOTE5IiBmaWxsLW9wYWNpdHk9IjAuMDgwMDAwIi8+Cgk8cGF0aCBpZD0i5aSa6L655b2iIDEiIGQ9Ik0yNy41IDE4LjYzTDE3IDEyLjU3QzE2LjMzIDEyLjE4IDE1LjUgMTIuNjYgMTUuNSAxMy40M0wxNS41IDI1LjU2QzE1LjUgMjYuMzMgMTYuMzMgMjYuODEgMTcgMjYuNDJMMjcuNSAyMC4zNkMyOC4xNiAxOS45OCAyOC4xNiAxOS4wMSAyNy41IDE4LjYzWiIgZmlsbD0iIzE5MTkxOSIgZmlsbC1vcGFjaXR5PSIxLjAwMDAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cgk8cmVjdCBpZD0i55S75p2/IDE1MjkwIiB3aWR0aD0iMC4wMDAwMDAiIGhlaWdodD0iMTAuMDAwMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS4wMDAwMDAgMTUuNTAwMDAwKSIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwIi8+Cjwvc3ZnPgo=)
}

.cloud-foldedPictext .card-inner .video-box .video-player-btn[data-show-status=pause] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAuMDAwMDAwIiBoZWlnaHQ9IjQwLjAwMDAwMCIgdmlld0JveD0iMCAwIDQwIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcy8+Cgk8cmVjdCBpZD0i5pqC5YGcLem7mOiupCIgd2lkdGg9IjQwLjAwMDAwMCIgaGVpZ2h0PSI0MC4wMDAwMDAiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMCIvPgoJPGNpcmNsZSBpZD0i5qSt5ZyGIDExMzkiIGN4PSIyMC4wMDAwMDAiIGN5PSIyMC4wMDAwMDAiIHI9IjIwLjAwMDAwMCIgZmlsbD0iIzE5MTkxOSIgZmlsbC1vcGFjaXR5PSIwLjA4MDAwMCIvPgoJPHJlY3QgaWQ9IueUu+advyAxNTI5MCIgd2lkdGg9IjEwLjAwMDAwMCIgaGVpZ2h0PSIxMC4wMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE1LjAwMDAwMCAxNS41MDAwMDApIiBmaWxsPSIjRkZGRkZGIiBmaWxsLW9wYWNpdHk9IjAiLz4KCTxwYXRoIGlkPSLnn6Lph48gNjI5IiBkPSJNMjUgMTUuMjVMMjUgMjUuNzUiIHN0cm9rZT0iIzU5NTk1OSIgc3Ryb2tlLW9wYWNpdHk9IjEuMDAwMDAwIiBzdHJva2Utd2lkdGg9IjMuMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KCTxwYXRoIGlkPSLnn6Lph48gNjMwIiBkPSJNMTUgMTUuMjVMMTUgMjUuNzUiIHN0cm9rZT0iIzU5NTk1OSIgc3Ryb2tlLW9wYWNpdHk9IjEuMDAwMDAwIiBzdHJva2Utd2lkdGg9IjMuMDAwMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==)
}

.cloud-foldedPictext .card-inner .video-box .video-player-btn[data-show-status=pause]:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAuMDAwMDAwIiBoZWlnaHQ9IjQwLjAwMDAwMCIgdmlld0JveD0iMCAwIDQwIDQwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KCTxkZXNjPgoJCQlDcmVhdGVkIHdpdGggUGl4c28uCgk8L2Rlc2M+Cgk8ZGVmcy8+Cgk8cmVjdCBpZD0i5pqC5YGcLWhvdmVyIiB3aWR0aD0iNDAuMDAwMDAwIiBoZWlnaHQ9IjQwLjAwMDAwMCIgZmlsbD0iI0ZGRkZGRiIgZmlsbC1vcGFjaXR5PSIwIi8+Cgk8Y2lyY2xlIGlkPSLmpK3lnIYgMTEzOSIgY3g9IjIwLjAwMDAwMCIgY3k9IjIwLjAwMDAwMCIgcj0iMjAuMDAwMDAwIiBmaWxsPSIjMTkxOTE5IiBmaWxsLW9wYWNpdHk9IjAuMDgwMDAwIi8+Cgk8cmVjdCBpZD0i55S75p2/IDE1MjkwIiB3aWR0aD0iMTAuMDAwMDAwIiBoZWlnaHQ9IjEwLjAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTUuMDAwMDAwIDE1LjUwMDAwMCkiIGZpbGw9IiNGRkZGRkYiIGZpbGwtb3BhY2l0eT0iMCIvPgoJPHBhdGggaWQ9IuefoumHjyA2MjkiIGQ9Ik0yNSAxNS4yNUwyNSAyNS43NSIgc3Ryb2tlPSIjMTkxOTE5IiBzdHJva2Utb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZS13aWR0aD0iMy4wMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgoJPHBhdGggaWQ9IuefoumHjyA2MzAiIGQ9Ik0xNSAxNS4yNUwxNSAyNS43NSIgc3Ryb2tlPSIjMTkxOTE5IiBzdHJva2Utb3BhY2l0eT0iMS4wMDAwMDAiIHN0cm9rZS13aWR0aD0iMy4wMDAwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.cloud-foldedPictext .por-collapse-container {
    border: none;
    border-bottom: 1px solid #dbdbdb;
    padding: 24px 0
}

.cloud-foldedPictext .por-collapse-container:last-child {
    border: none
}

.cloud-foldedPictext .por-collapse-trigger {
    border: none;
    padding: 0 32px 0 0
}

.cloud-foldedPictext .por-collapse-trigger .por-icon-down,
.cloud-foldedPictext .por-collapse-trigger .u-icon-down {
    font-size: 16px;
    right: 0
}

.cloud-foldedPictext .por-collapse {
    padding-right: 0
}

.cloud-foldedPictext .caption {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px
}

.cloud-foldedPictext .caption .por-label {
    background: rgba(199, 0, 11, .08);
    color: #c7000b;
    font-weight: 700;
    margin-left: 8px;
    vertical-align: 3px
}

.cloud-foldedPictext .description {
    color: #595959;
    margin-top: 12px
}

.cloud-foldedPictext .description a {
    color: #1476ff
}

.cloud-foldedPictext .description a:hover {
    font-weight: 400
}

.cloud-foldedPictext .description a:not(:hover) {
    -webkit-text-decoration: none;
    text-decoration: none
}

.cloud-foldedPictext .btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 32px
}

.cloud-foldedPictext .btn-group a {
    font-size: 14px
}

.cloud-foldedPictext .btn-group a+a {
    margin-left: 16px
}

.cloud-foldedPictext .btn-group a.por-link {
    color: #191919;
    -webkit-text-decoration: none;
    text-decoration: none
}

.cloud-foldedPictext .btn-group a.por-link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.cloud-foldedPictext img {
    max-height: 100%;
    max-width: 100%
}

@media (max-width:1600px) {
    .cloud-foldedPictext [class*=por-col-] {
        padding: 52px 72px
    }

    .cloud-foldedPictext [class*=por-col-].tab-content .folded-card {
        max-height: 416px;
        min-height: 256px;
        padding-right: 72px
    }

    .cloud-foldedPictext .por-row {
        border-radius: 16px
    }

    .cloud-foldedPictext .por-collapse-container {
        padding: 20px 0
    }

    .cloud-foldedPictext .card-inner .video-box {
        height: calc(100% - 76px);
        width: calc(100% - 76px)
    }

    .cloud-foldedPictext .card-inner .video-box video {
        border-radius: 16px
    }

    .cloud-foldedPictext .card-inner .video-box .video-player-btn {
        bottom: 28px;
        right: 28px
    }

    .cloud-foldedPictext .caption {
        font-size: 20px;
        line-height: 30px
    }

    .cloud-foldedPictext .caption .por-label {
        vertical-align: 2px
    }

    .cloud-foldedPictext .description {
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px
    }

    .cloud-foldedPictext .btn-group {
        margin-top: 28px
    }

    .cloud-foldedPictext .btn-group a {
        font-size: 14px
    }
}

@media (max-width:1280px) {
    .cloud-foldedPictext [class*=por-col-] {
        padding: 40px 56px
    }

    .cloud-foldedPictext [class*=por-col-].tab-content .folded-card {
        max-height: 352px;
        min-height: 220px;
        padding-right: 56px
    }

    .cloud-foldedPictext .por-collapse-container {
        padding: 16px 0
    }

    .cloud-foldedPictext .card-inner .video-box {
        height: calc(100% - 64px);
        width: calc(100% - 64px)
    }

    .cloud-foldedPictext .card-inner .video-box .video-player-btn {
        bottom: 24px;
        height: 32px;
        right: 24px;
        width: 32px
    }

    .cloud-foldedPictext .caption {
        font-size: 16px;
        line-height: 24px
    }

    .cloud-foldedPictext .caption .por-label {
        font-size: 12px;
        height: 20px;
        line-height: 18px;
        padding-left: 6px;
        padding-right: 6px
    }

    .cloud-foldedPictext .description {
        font-size: 12px;
        line-height: 18px;
        margin-top: 6px
    }

    .cloud-foldedPictext .btn-group {
        margin-top: 24px
    }

    .cloud-foldedPictext .btn-group a {
        font-size: 14px
    }

    .cloud-foldedPictext .btn-group a+a {
        margin-left: 8px
    }
}

@media (max-width:768px) {
    .cloud-foldedPictext .hide-pc {
        display: block
    }

    .cloud-foldedPictext .hide-pc[data-theme=grey] .card-item {
        background-color: #fafafa
    }

    .cloud-foldedPictext .hide-pc[data-theme=transBlack] .card-item,
    .cloud-foldedPictext .hide-pc[data-theme=transWhite] .card .card-item {
        background-color: transparent
    }

    .cloud-foldedPictext .hide-pc[data-theme=transWhite] .card .card-item .item-caption {
        color: #fff
    }

    .cloud-foldedPictext .hide-pc[data-theme=transWhite] .card .card-item .item-description {
        color: hsla(0, 0%, 100%, .8)
    }

    .cloud-foldedPictext .hide-mb {
        display: none
    }

    .cloud-foldedPictext .por-section {
        background-color: #f5f5f5
    }

    .cloud-foldedPictext .mb-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cloud-foldedPictext .mb-container .card {
        border-radius: 16px;
        width: calc(50% - 4px)
    }

    .cloud-foldedPictext .mb-container .card .card-item {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 16px;
        height: 200px;
        padding: 20px
    }

    .cloud-foldedPictext .mb-container .card .card-item .item-caption {
        color: #000;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px
    }

    .cloud-foldedPictext .mb-container .card .card-item .item-description {
        color: #595959;
        font-size: 12px;
        line-height: 18px;
        margin-top: 4px
    }

    .cloud-foldedPictext .mb-container .card.odd:first-child {
        width: 100%
    }
}

@-webkit-keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

@keyframes gradientFlow {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

.por-btn.por-btn-gradient {
    background: linear-gradient(130.52deg, #4d91ff, #ab42ff 35.964%, #ff5252 77.237%, #ffd227 114.804%);
    background-size: 200% 200%;
    border: none
}

.por-btn.por-btn-gradient:hover {
    -webkit-animation: gradientFlow .5s ease forwards;
    animation: gradientFlow .5s ease forwards
}

.skeleton-block {
    cursor: default;
    display: inline-block;
    position: relative
}

.skeleton-block,
.skeleton-block:hover {
    background: transparent;
    border: none;
    color: transparent
}

.skeleton-block:before {
    background-color: rgba(0, 0, 0, .05);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9
}

.cloud-upPictext .card-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.cloud-upPictext .card-grid .card-item-container {
    aspect-ratio: .91;
    border-radius: 24px;
    margin-left: 20px;
    width: 33.33333%;
    z-index: 0
}

.cloud-upPictext .card-grid .card-item-container .card-video-container {
    background: no-repeat 50%/cover;
    height: 100%;
    width: 100%
}

.cloud-upPictext .card-grid .card-item-container:first-child {
    margin-left: 0
}

.cloud-upPictext .card-grid .card-item-container .card-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cloud-upPictext .card-grid .card-item-container .item-content {
    height: 100%;
    width: 100%;
    z-index: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px
}

.cloud-upPictext .card-grid .card-item-container .item-content,
.cloud-upPictext .card-grid .card-item-container .item-content .card-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.cloud-upPictext .card-grid .card-item-container .item-content .card-main {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-title {
    color: #191919;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    position: relative;
    text-align: left;
    vertical-align: top;
    word-break: break-all;
    z-index: 2
}

.cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-subtitle {
    color: #595959;
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 100%;
    word-break: break-all;
    z-index: 3
}

.cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-subtitle a {
    color: #1476ff
}

.cloud-upPictext .card-grid .card-item-container .item-content .card-main .action-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin: 24px 0 32px
}

.cloud-upPictext .card-grid .card-item-container .item-content .card-main .transWhite {
    color: #fff
}

.cloud-upPictext .card-grid .card-item-container .item-content .card-main .transWhite a.por-btn,
.cloud-upPictext .card-grid .card-item-container .item-content .card-main .transWhite a.por-link {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-subtitle.transWhite {
    color: hsla(0, 0%, 100%, .8)
}

.cloud-upPictext .card-grid .card-item-container .item-content video {
    border-radius: 9px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cloud-upPictext .card-grid .card-item-container .item-content .card-img {
    border-radius: 9px;
    width: 100%
}

.cloud-upPictext .card-grid .card-item-container .isMB {
    display: none
}

.cloud-upPictext .card-grid .card-item-container .card-bg-video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cloud-upPictext .card-grid .card-item-container .card-bg-img {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%
}

.cloud-upPictext .card-grid .card-item-container.grey {
    background-color: #fafafa;
    border: 1px solid #f0f0f0
}

.cloud-upPictext .card-grid .card-item-container.transWhite {
    background-color: transparent
}

.cloud-upPictext .card-grid .hasBg .item-content,
.cloud-upPictext .card-grid .hasImg .card-bg-img,
.cloud-upPictext .card-grid .hasImg .card-bg-video {
    position: absolute
}

.cloud-upPictext .card-grid .hasImg .item-content {
    position: relative
}

@media (min-width:1281px) and (max-width:1600px) {
    .cloud-upPictext .card-grid .card-item-container {
        border-radius: 16px;
        margin-left: 16px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content {
        padding: 32px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-title {
        font-size: 20px;
        line-height: 30px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-subtitle {
        font-size: 14px;
        line-height: 22px;
        margin-top: 6px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-main .action-buttons {
        margin: 20px 0 28px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-img,
    .cloud-upPictext .card-grid .card-item-container .item-content video {
        border-radius: 8px
    }
}

@media (max-width:1280px) {
    .cloud-upPictext .card-grid .card-item-container .item-content .card-main .action-buttons {
        font-size: 12px
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    .cloud-upPictext .card-grid .card-item-container {
        border-radius: 16px;
        margin-left: 16px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content {
        padding: 28px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-title {
        font-size: 16px;
        line-height: 24px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-subtitle {
        font-size: 12px;
        line-height: 18px;
        margin-top: 6px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-main .action-buttons {
        margin: 16px 0 24px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-img,
    .cloud-upPictext .card-grid .card-item-container .item-content video {
        border-radius: 7px
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .cloud-upPictext .card-grid .card-item-container {
        border-radius: 16px;
        margin-left: 16px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content {
        padding: 28px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-title {
        font-size: 16px;
        line-height: 24px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-subtitle {
        font-size: 12px;
        line-height: 18px;
        margin-top: 6px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-main .action-buttons {
        margin: 16px 0 24px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-img,
    .cloud-upPictext .card-grid .card-item-container .item-content video {
        border-radius: 16px
    }
}

@media (max-width:768px) {
    .por-section {
        padding: 40px 0
    }

    .cloud-upPictext.por-section {
        background-color: #f5f5f5
    }

    .cloud-upPictext .card-grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cloud-upPictext .card-grid .card-item-container {
        aspect-ratio: unset;
        background-color: #fff !important;
        background-image: none !important;
        border: none !important;
        border-radius: 16px;
        margin-left: 0;
        margin-top: 8px;
        width: 100%
    }

    .cloud-upPictext .card-grid .card-item-container:first-child {
        margin-top: 0
    }

    .cloud-upPictext .card-grid .card-item-container .item-content {
        padding: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 0 20px;
        width: 100%
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-main {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-title {
        font-size: 14px;
        line-height: 22px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-main .card-subtitle {
        display: none
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-main .action-buttons {
        gap: 8px;
        margin-bottom: 0;
        margin-top: 34px
    }

    .cloud-upPictext .card-grid .card-item-container .item-content .card-img {
        border-radius: 8px;
        height: 110px;
        width: 110px
    }

    .cloud-upPictext .card-grid .card-item-container .isMB {
        display: block
    }

    .cloud-upPictext .card-grid .card-item-container .isPC {
        display: none
    }

    .cloud-upPictext .card-grid .hasBg .item-content {
        position: relative
    }
}