@media screen and (max-width: 768px) {
    * {
        margin: 0;
        padding: 0
    }

    .pc {
        display: none !important
    }

    .mb {
        display: block
    }

    .safeplace {
        width: 93.6vw;
        margin: 0 auto;
        display: flex
    }

    .page {
        margin: 0;
        padding: 0;
        font-size: 0;
        overflow: hidden
    }

    .section-title {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .section-title .en {
        color: rgba(6, 24, 40, 0.08);
        font-size: 6.4vw;
        font-weight: 400;
        line-height: 8.93333vw;
        text-transform: uppercase
    }

    .section-title .cn {
        margin-top: -5.46667vw;
        color: #061828;
        font-size: 5.33333vw;
        font-weight: bold;
        line-height: 6.66667vw
    }

    .header {
        display: none
    }

    .banner {
        width: 100%;
        height: 120vw;
        box-sizing: border-box;
        position: relative
    }

    .banner .banner-btn-prev,
    .banner .banner-btn-next {
        display: none
    }

    .banner .banner-item {
        width: 100%;
        height: 100%;
        position: relative
    }
    .banner .banner-item .banner-icon {
        display: none;
      }
    .banner .banner-item .banner-img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .banner .banner-item .mask {
        width: 100%;
        height: 66.666%;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 3
    }

    .banner .banner-item .banner-content {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 4;
        transform: translate(-50%,-50%);
        width: 87.06667vw;
    }

    .banner .banner-item .banner-content .banner-title {
        color: #ffffff;
        font-size: 6.93333vw;
        font-weight: bold;
        line-height: 9.73333vw;
        text-align: center;
        margin-top: 2.6667vw;
    }
    .banner .banner-item .banner-content .line{
        width: 9.3333vw;
        height: .8vw;
        background-color: #fff;
        margin-top: 7.6vw;
    }
    .banner .banner-item .banner-content .banner-text{
        color: #ffffff;
        font-size: 3.4667vw;
        position: absolute;
        top: -10vw;
    }
    .banner .banner-item .banner-content .banner-introduct {
        width: 87.06667vw;
        margin-top: 2.13333vw;
        color: #ffffff;
        font-size: 2.93333vw;
        font-weight: 400;
        line-height: 4.4vw;
        text-align: center
    }

    .banner .banner-item .banner-content .mb-center {
        margin-top: 35.46667vw !important
    }

    .banner .banner-item .banner-content .play-btn {
        width: 9.06667vw;
        height: 9.06667vw;
        /* margin-top: 5.33333vw; */
        object-fit: cover;
        cursor: pointer
    }

    .banner .navigation-list {
        display: none
    }

    .banner .banner-pagination {
        left: 50%;
        bottom: 5.33333vw;
        transform: translateX(-50%)
    }

    .banner .banner-pagination .swiper-pagination-bullet {
        width: 4.26667vw;
        height: .8vw;
        margin: 0 .66667vw;
        background: #a4a4a4;
        border-radius: .4vw
    }

    .banner .banner-pagination .swiper-pagination-bullet-active {
        background: #ffffff
    }
    .innovate {
        width: 100%;
        height: 99.866vw;
        padding: 13.3333vw 0;
        box-sizing: border-box;
        background: url("https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/cases/pioneers100-2025/images/innovate-back.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    
    .innovate .safeplace {
        flex-direction: column;
        align-items: center;
        position: relative
    }
    
    .innovate .safeplace .innovate-list {
        width: 100%;
        margin-top: 4.933vw;
        position: relative
    }
    .innovate .safeplace .innovate-list .innovate-item{
        width: 100%;
        position: relative;
    }
    .innovate .safeplace .innovate-list .innovate-item .innovate-item-img {
        /* width: 69.333vw; */
        height: 38.933vw;
        position: relative;
        border-radius: 1.3333vw;
    }
    .innovate-item-img::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 1.3333vw;
    }
    .innovate .safeplace .innovate-list .innovate-item .innovate-info{
        position: relative;
        display: block;
        width: 92%;
        height: 22vw;
        z-index: 99;
        background-color: #fff;
        margin: -9.3333vw auto 0;
        padding: 2.6667vw 4vw;
        cursor: pointer;
        border-radius: 1.3333vw;
    }
    .innovate .safeplace .innovate-list .innovate-item .innovate-info .title{
        font-size: 3.7333vw;
        line-height: 5.3333vw;
        font-weight: 600;
        color: #061828;
    }
    .innovate .safeplace .innovate-list .innovate-item .innovate-info .text{
        font-size: 2.9333vw;
        line-height: 4.4vw;
        margin-top: 1.3333vw;
        color: #42515D;  
    }
    .innovate .safeplace .innovate-list .innovate-item .innovate-info .link{
        font-size: 2.1333vw;
        margin-top: 2.6667vw;
        line-height: 2.9333vw;
        color: #C7000B ;
        display: flex;
        align-items: center;
    }
    .innovate .safeplace .innovate-list .innovate-item .innovate-info .link .arrow{
        height: .7333vw;
        width:  1.4667vw;
        transform: rotate(-90deg);
        margin-left: 1.3333vw;
        background-image: url('https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/cases/pioneers100-2025/images/down-arrow.png');
        background-size: 100% 100%;
    }
    .innovate .safeplace .innovate-list .innovate-item .innovate-play-btn {
        width: 8vw;
        height: 8vw;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 4;
        cursor: pointer
    }
    .innovate .safeplace .innovate-list .innovate-item .innovate-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 1.3333vw;
    }
    .innovate .safeplace .innovate-pagination {
        width: 57.33333vw;
        position: absolute;
        left: 50%;
        bottom: -9.3333vw;
        transform: translateX(-50%);
        border-radius: .4vw
    }

    .innovate .safeplace .innovate-pagination .swiper-pagination-bullet {
        width: 4.26667vw;
        height: .8vw;
        background: #a4a4a4;
        border-radius: .4vw
    }

    .innovate .safeplace .innovate-pagination .swiper-pagination-bullet:not(:first-child) {
        margin-left: 1.33333vw
    }

    .innovate .safeplace .innovate-pagination .swiper-pagination-bullet-active {
        background: #848890
    }
    .partner {
        width: 100%;
        height: 136.26667vw;
        padding: 13.33333vw 0 0;
        box-sizing: border-box;
        background: url("https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/cases/pioneers100-2025/images/partner-back-mb.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        overflow: hidden;
        position: relative
    }

    .partner .mark {
        width: 100vw;
        height: 24.13333vw;
        background: linear-gradient(360deg, #e2e5f1 0%, rgba(224, 226, 240, 0) 100%);
        position: absolute;
        left: 0;
        bottom: -1px
    }

    .partner .safeplace {
        flex-direction: column;
        align-items: center;
        overflow: hidden
    }

    .partner .safeplace .partner-intro {
        width: 84.93333vw;
        height: 56.13333vw;
        margin-bottom: 2.66667vw;
        object-fit: cover
    }

    .partner .safeplace .partner-list {
        width: 100%;
        height: 64vw;
        padding-bottom: 24vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        overflow-y: auto;
        position: relative;
        gap: 5.33333vw
    }

    .partner .safeplace .partner-list::-webkit-scrollbar {
        display: none
    }

    .partner .safeplace .partner-list .partner-item {
        width: 16vw;
        height: 16vw;
        background: rgba(255, 255, 255, 0.4);
        box-shadow: .66667vw 1.33333vw 4vw 0 rgba(154, 160, 209, 0.3);
        border-radius: 2.66667vw;
        border: 1px solid #ffffff;
        backdrop-filter: blur(10px)
    }

    .partner .safeplace .partner-list .partner-item img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .partner .safeplace .partner-list .partner-item:nth-child(2n+1) {
        transform: translateY(10.66667vw)
    }

    .guest {
        width: 100%;
        height: 101.6vw;
        padding: 13.3333vw 0;
        box-sizing: border-box;
        background: url("https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/cases/pioneers100-2025/images/guest-back-mb.png");
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    .guest .safeplace {
        height: 100%;
        flex-direction: column;
        align-items: center;
        position: relative
    }

    .guest .safeplace .guest-list {
        width: 100%;
        margin-top: 4.93333vw;
        position: relative
    }

    .guest .safeplace .guest-list .guest-item {
        width: 80.53333vw;
        height: 46.6667vw;
        position: relative
    }

    .guest .safeplace .guest-list .guest-item .mask {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.3);
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        transition: opacity 0.3s;
        border-radius: 1.3333vw;
    }

    .guest .safeplace .guest-list .guest-item .guest-play-btn {
        width: 8vw;
        height: 8vw;
        object-fit: cover;
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 4;
        cursor: pointer
    }

    .guest .safeplace .guest-list .guest-item .guest-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 1.3333vw;
    }

    .guest .safeplace .guest-list .guest-item.swiper-slide-active .guest-play-btn {
        display: block
    }

    .guest .safeplace .guest-list .guest-item.swiper-slide-active .mask {
        opacity: 0;
        transition: opacity 0.3s;
        border-radius: 1.3333vw;
    }

    .guest .safeplace .guest-btn-prev,
    .guest .safeplace .guest-btn-next {
        display: none
    }

    .guest .safeplace .guest-pagination {
        width: 57.33333vw;
        position: absolute;
        left: 50%;
        bottom: -3.8667vw;
        transform: translateX(-50%);
        border-radius: .4vw
    }

    .guest .safeplace .guest-pagination .swiper-pagination-bullet {
        width: 4.26667vw;
        height: .8vw;
        background: #a4a4a4;
        border-radius: .4vw
    }

    .guest .safeplace .guest-pagination .swiper-pagination-bullet:not(:first-child) {
        margin-left: 1.33333vw
    }

    .guest .safeplace .guest-pagination .swiper-pagination-bullet-active {
        background: #848890
    }

    .guest .safeplace .message-list {
        width: 100%;
        margin-top: 4vw;
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .guest .safeplace .message-list .message-item {
        width: 100%;
        display: none;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .guest .safeplace .message-list .message-item.active {
        display: flex
    }

    .guest .safeplace .message-list .message-item .guest-name {
        margin-top: 2.13333vw;
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .guest .safeplace .message-list .message-item .guest-name .line {
        width: 2vw;
        height: 1px;
        background: #061828
    }

    .guest .safeplace .message-list .message-item .guest-name span {
        margin: 0 1.33333vw;
        color: #061828;
        font-size: 4.26667vw;
        font-weight: bold;
        line-height: 6vw
    }

    .guest .safeplace .message-list .message-item .guest-job {
        width: 76.26667vw;
        margin-top: 1.33333vw;
        display: inline-block;
        color: #061828;
        font-size: 3.2vw;
        font-weight: 400;
        line-height: 4.4vw;
        text-align: center
    }

    .guest .safeplace .message-list .message-item .guest-word {
        margin-top: 2.13333vw;
        display: flex;
        flex-direction: row;
        align-items: flex-start
    }

    .guest .safeplace .message-list .message-item .guest-word img {
        width: 2.13333vw;
        height: 2.13333vw;
        margin-top: .53333vw;
        object-fit: cover
    }

    .guest .safeplace .message-list .message-item .guest-word span {
        width: 76.26667vw;
        margin: 0 .53333vw;
        display: inline-block;
        color: #42515d;
        font-size: 3.2vw;
        font-weight: 400;
        line-height: 4.8vw;
        text-align: center
    }

    .case {
        width: 100%;
        padding: 10vw 0 9.6vw;
        box-sizing: border-box
    }

    .case .safeplace {
        flex-direction: column;
        align-items: center;
        position: relative
    }

    .case .safeplace .case-group-list {
        width: 100%;
        margin-top: 8vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center
    }

    .case .safeplace .case-group-list .case-group-item {
        width: 29.33333vw;
        height: 10.66667vw;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.6);
        border-radius: 1.33333vw;
        border: 1px solid #ffffff;
        cursor: pointer
    }

    .case .safeplace .case-group-list .case-group-item:not(:first-child) {
        margin-left: 2.66667vw
    }

    .case .safeplace .case-group-list .case-group-item.active {
        background: url("https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/cases/pioneers100-2025/images/case-group-item-back.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        box-shadow: 0 .53333vw 2.66667vw rgba(199, 0, 11, 0.2)
    }

    .case .safeplace .case-group-list .case-group-item.active span {
        color: #ffffff
    }

    .case .safeplace .case-group-list .case-group-item span {
        color: #40505f;
        font-size: 4vw;
        font-weight: 400;
        line-height: 5.6vw
    }

    .case .safeplace .type-list {
        width: 100%;
        margin-top: 6.93333vw;
        padding: 0;
        box-sizing: border-box;
        display: none;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        overflow-x: auto
    }

    .case .safeplace .type-list.active {
        display: flex
    }

    .case .safeplace .type-list::-webkit-scrollbar {
        display: none
    }

    .case .safeplace .type-list .type-item {
        width: 21.33333vw;
        height: 17.33333vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        flex-shrink: 0
    }

    .case .safeplace .type-list .type-item img {
        width: 8.26667vw;
        height: 8.26667vw;
        object-fit: cover
    }

    .case .safeplace .type-list .type-item span {
        margin-top: .53333vw;
        color: #061828;
        font-size: 3.73333vw;
        font-weight: 400;
        line-height: 5.33333vw;
        white-space: nowrap
    }

    .case .safeplace .type-list .type-item.active span,
    .case .safeplace .type-list .type-item:hover span {
        color: #c7000b;
        font-weight: bold
    }

    .case .safeplace .case-group {
        width: 100%;
        margin-top: 4.26667vw;
        display: none;
        flex-direction: column;
        align-items: center
    }

    .case .safeplace .case-group.active {
        display: flex
    }

    .case .safeplace .case-group .case-list {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        overflow-x: auto
    }

    .case .safeplace .case-group .case-list::-webkit-scrollbar {
        display: none
    }

    .case .safeplace .case-group .case-list .case-item {
        width: 62.26667vw;
        height: 91.93333vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        border: .26667vw solid #fff;
        background: #f5f8fb;
        transition: width 0.5s;
        cursor: pointer;
        overflow: hidden;
        position: relative;
        flex-shrink: 0
    }

    .case .safeplace .case-group .case-list .case-item:not(:first-child) {
        margin-left: 2.66667vw
    }

    .case .safeplace .case-group .case-list .case-item .box {
        width: 62.26667vw;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0
    }

    .case .safeplace .case-group .case-list .case-item img {
        width: 100%;
        height: 58.66667vw;
        object-fit: cover
    }

    .case .safeplace .case-group .case-list .case-item .case-message {
        width: 100%;
        padding: 2.66667vw 4vw;
        box-sizing: border-box;
        background: #f5f8fb
    }

    .case .safeplace .case-group .case-list .case-item .case-message .case-title {
        width: 100%;
        display: inline-block;
        color: #061828;
        font-size: 3.73333vw;
        font-weight: bold;
        line-height: 5.33333vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .case .safeplace .case-group .case-list .case-item .case-message .case-content {
        margin-top: 2.13333vw;
        color: #42515d;
        font-size: 2.93333vw;
        font-weight: 400;
        line-height: 4.4vw;
        display: -webkit-box;
        /* -webkit-line-clamp: 2; */
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .case .safeplace .case-group .tips {
        width: 100%;
        margin-top: 6.66667vw;
        display: inline-block;
        color: #42515d;
        font-size: 2.66667vw;
        font-weight: 400;
        text-align: center
    }

    .case .safeplace .case-group .more-btn {
        width: 21.06667vw;
        height: 8vw;
        margin-top: 8vw;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #c7000b;
        border-radius: 4vw;
        cursor: pointer
    }

    .case .safeplace .case-group .more-btn .arrow {
        width: 2.4vw;
        height: 1.33333vw;
        margin-left: 1.2vw;
        background: url("https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/cases/pioneers100-2025/images/down-arrow.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        transition: transform 0.3s
    }

    .case .safeplace .case-group .more-btn.active .arrow {
        transform: rotate(180deg);
        transition: transform 0.3s
    }

    .case .safeplace .case-group .more-btn span {
        color: #c7000b;
        font-size: 2.66667vw;
        font-weight: 400
    }

    .case .safeplace .case-group .group {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s
    }

    .case .safeplace .case-group .other-list {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center;
        overflow-x: auto;
        gap: 2.66667vw
    }

    .case .safeplace .case-group .other-list::-webkit-scrollbar {
        display: none
    }

    .case .safeplace .case-group .other-list .other-item {
        width: 59.6vw;
        height: 21.6vw;
        margin-top: 5.33333vw;
        padding: 2.66667vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background: #f5f8fb;
        flex-shrink: 0
    }

    .case .safeplace .case-group .other-list .other-item .case-title {
        color: #42515d;
        font-size: 3.73333vw;
        font-weight: 500;
        line-height: 5.33333vw
    }

    .case .safeplace .case-group .other-list .other-item .case-content {
        margin-top: 2.13333vw;
        color: #42515d;
        font-size: 2.93333vw;
        font-weight: 400;
        line-height: 4.4vw;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .news {
        width: 100%;
        height: 198.93333vw;
        padding: 10vw 0 13.33333vw;
        box-sizing: border-box
    }

    .news .safeplace {
        flex-direction: column;
        align-items: center
    }

    .news .safeplace .news-group-list {
        margin-top: 5.33333vw;
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .news .safeplace .news-group-list .news-group-item {
        position: relative;
        cursor: pointer
    }

    .news .safeplace .news-group-list .news-group-item:not(:first-child) {
        margin-left: 6.4vw
    }

    .news .safeplace .news-group-list .news-group-item.active::after {
        content: '';
        width: 8.26667vw;
        height: .26667vw;
        background: #c7000b;
        position: absolute;
        left: 50%;
        bottom: -.53333vw;
        transform: translateX(-50%)
    }

    .news .safeplace .news-group-list .news-group-item.active span {
        color: #c7000b;
        font-size: 4.26667vw;
        font-weight: 500;
        line-height: 6vw
    }

    .news .safeplace .news-group-list .news-group-item span {
        color: #061828;
        font-size: 3.73333vw;
        font-weight: 400;
        line-height: 5.33333vw
    }

    .news .safeplace .news-swiper {
        width: 100%
    }

    .news .safeplace .row {
        width: 100%;
        margin-top: 4.8vw;
        display: none;
        flex-direction: column;
        align-items: center
    }

    .news .safeplace .row.active {
        display: flex
    }

    .news .safeplace .row .left {
        width: 100%;
        height: 72vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }

    .news .safeplace .row .left .news-img {
        width: 100%;
        height: 52.66667vw;
        object-fit: cover
    }

    .news .safeplace .row .left .news-message {
        width: 100%;
        padding: 2.66667vw 4vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background: rgba(255, 255, 255, 0.6)
    }

    .news .safeplace .row .left .news-message .title-row {
        width: 100%
    }

    .news .safeplace .row .left .news-message .news-title {
        width: 100%;
        display: inline-block;
        color: #061828;
        font-size: 3.73333vw;
        font-weight: 500;
        line-height: 5.33333vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .news .safeplace .row .left .news-message .link-row {
        width: 100%;
        margin-top: 4.93333vw;
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .news .safeplace .row .left .news-message .link-row .link {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .news .safeplace .row .left .news-message .link-row span {
        color: #061828;
        font-size: 3.2vw;
        font-weight: 400;
        line-height: 4.4vw
    }

    .news .safeplace .row .left .news-message .link-row .arrow {
        width: 2.26667vw;
        height: 2vw;
        margin-left: 1.33333vw;
        background: url("https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/cases/pioneers100-2025/images/link-arrow.png");
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    .news .safeplace .row .left .news-message .link-row .date {
        margin-left: auto
    }

    .news .safeplace .row .left .news-message .link-row .local {
        margin-left: 2.66667vw
    }

    .news .safeplace .row .left .news-message .link-row .date,
    .news .safeplace .row .left .news-message .link-row .local {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .news .safeplace .row .left .news-message .link-row .date img,
    .news .safeplace .row .left .news-message .link-row .local img {
        width: 2.4vw;
        height: 2.4vw;
        margin-right: 1.06667vw
    }

    .news .safeplace .row .left .news-message .link-row .date span,
    .news .safeplace .row .left .news-message .link-row .local span {
        color: #42515d;
        font-size: 2.4vw;
        font-weight: 400
    }

    .news .safeplace .row .left .news-message .link-row .share-btn {
        width: 3.46667vw;
        height: 3.46667vw;
        margin-left: 4.8vw;
        background: url("https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/cases/pioneers100-2025/images/share-btn.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .news .safeplace .row .left .news-message .link-row .share-btn:hover {
        background: url("https://res-static.hc-cdn.cn/cloudbu-site/china/zh-cn/cases/pioneers100-2025/images/share-btn-active.png");
        background-size: 100% 100%;
        background-repeat: no-repeat
    }

    .news .safeplace .row .right {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .news .safeplace .row .right .news-group {
        width: 100%;
        max-height: 77.33333vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: rgba(255, 255, 255, 0.6)
    }

    .news .safeplace .row .right .news-group .group-title-row {
        width: 100%;
        padding: 2.66667vw 4vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .news .safeplace .row .right .news-group .group-title-row .mark {
        width: .4vw;
        height: 3.33333vw;
        background: #c7000b
    }

    .news .safeplace .row .right .news-group .group-title-row span {
        margin-left: 1.33333vw;
        color: #000000;
        font-size: 3.73333vw;
        font-weight: bold
    }

    .news .safeplace .row .right .news-group:not(:first-child) {
        margin-top: 2.66667vw
    }

    .news .safeplace .row .right .news-group .title-list {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow-y: auto
    }

    .news .safeplace .row .right .news-group .title-list::-webkit-scrollbar {
        width: 1.06667vw;
        background: none;
        border-radius: .53333vw
    }

    .news .safeplace .row .right .news-group .title-list::-webkit-scrollbar-track {
        background: none
    }

    .news .safeplace .row .right .news-group .title-list::-webkit-scrollbar-button {
        display: none
    }

    .news .safeplace .row .right .news-group .title-list::-webkit-scrollbar-thumb {
        width: 1.06667vw;
        background: rgba(0, 0, 0, 0.4);
        border-radius: .53333vw
    }

    .news .safeplace .row .right .news-group .title-list .title-item {
        width: 100%;
        padding: 5.06667vw 4vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .news .safeplace .row .right .news-group .title-list .title-item:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }

    .news .safeplace .row .right .news-group .title-list .title-item .title {
        color: #333333;
        font-size: 3.73333vw;
        font-weight: 400;
        line-height: 5.33333vw
    }

    .news .safeplace .row .right .news-group .title-list .title-item .from {
        width: 100%;
        margin-top: 2.4vw;
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .news .safeplace .row .right .news-group .title-list .title-item .from .date {
        margin-left: auto
    }

    .news .safeplace .row .right .news-group .title-list .title-item .from .local,
    .news .safeplace .row .right .news-group .title-list .title-item .from .date {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .news .safeplace .row .right .news-group .title-list .title-item .from .local img,
    .news .safeplace .row .right .news-group .title-list .title-item .from .date img {
        width: 2.4vw;
        height: 2.4vw
    }

    .news .safeplace .row .right .news-group .title-list .title-item .from .local span,
    .news .safeplace .row .right .news-group .title-list .title-item .from .date span {
        margin-left: 1.06667vw;
        color: #42515D;
        font-size: 2.4vw;
        font-weight: 400
    }
}