@media screen and (max-width: 800px) {
    .data-listnull-text{
        width: 100% !important;
        border-radius: 7px;
        margin:0px !important;
    }
    .liveManagesUnstarhight {
        height: 0px;
    }

    .LiveStreamingInProgress {
        width: 92%;
        margin: 0.64px auto 0px;
    }

    .LiveStreamingInProgress-title {
        display: flex;
        align-items: center;
    }

    .LiveStreamingInProgress-title img {
        width: 36px;
        height: 24px;
        margin-left: 0.14rem;
    }

    .LiveStreamingInProgress-title span {
        font-size: 20px;
        line-height: 28px;
        margin-left: 0.08rem;
    }


    /*//3D*/
    .swiper-container {
        width: 100%;
    }

    .swiper-slide {
        text-align: center;
    }

    .swiper-slide div {
        width: 86%;
        /*border-radius:7px;*/
        margin: 10px 0 10px 4%;
        color: rgba(134, 144, 156, 1);
    }

    .swiper-slideDiv {
        background: #fff;
        padding: 0.2rem;
        box-shadow: 0px 12px 20px -4px rgba(7, 33, 52, 0.08), 0px 2px 6px 1px rgba(7, 33, 52, 0.06);
        border-radius: 16px;
        position: relative;
    }
    .guankanhomeDiv{
        /*background: rgba(0, 0, 0, 0.32);*/
        display: flex;
        align-items: center;
        margin: 0rem !important;
    }
    .guankanhome{
        position: absolute;
        left: 0.12rem;
        top: 0.12rem;
        display: flex;
        align-items: center;
    }
    .loader {
        width: 0.04rem;
        height: 0.02rem;
        border-radius: 4px;
        display: block;
        z-index: 1;
        /*margin: 20px auto;*/
        position: absolute;
        left: 0.2rem;
        background: rgba(255, 255, 255, 1);
        color: rgba(255, 255, 255, 1);
        box-sizing: border-box;
        animation: animloader 0.3s 0.3s linear infinite alternate;
    }

    .loader::after, .loader::before,.loader:active {
        content: '';
        width:0.04rem;
        height: 0.02rem;
        border-radius: 4px;
        background: currentColor;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0.09rem;
        box-sizing: border-box;
        animation: animloader 0.3s  0.45s  linear infinite alternate;
    }
    .loader::before {
        left: -0.08rem;
        animation-delay: 0s;
    }

    @keyframes animloader {
        0%   { height: 0.3rem}
        100% { height: 0.04rem}
    }

    .guankan{
        padding: 0.02rem 0.2rem 0.02rem 0.4rem;
        border-radius: 99px;
        opacity: 0.8;
        color: rgba(255, 255, 255, 1);
        font-family: "HarmonyOS Sans SC";
        font-weight: 500;
        font-size: 0.22rem;
        line-height: 17px;
        background: rgba(0, 0, 0, 0.32);
    }



    .swiper-slide div img {
        width: 100%;
        display: block;
        border-radius: 0.24rem;
        /*box-shadow: 0px 12px 20px -4px rgba(7, 33, 52, 0.08), 0px 2px 6px 1px rgba(7, 33, 52, 0.06);*/
        /*border-radius:7px;*/
    }

    .swiper-slideCenterFont {
        color: #000;
        margin: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0.28rem 0.32rem 0 0.12rem;
        width: 100% !important;
    }

    .swiper-slideCenterFontSpan {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        font-size: 0.32rem;
        color: rgba(14, 34, 67, 1);
    }

    .swiper-slideCenterFont span {
        font-size: 14px;
        color: rgba(78, 89, 105, 1);
    }

    .containerName {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 67% !important;
        background: #fff;
        margin: 0 !important;
        padding: 0.3rem 0.2rem;
        border-bottom-right-radius: 0.3rem;
        border-top-right-radius: 0.3rem;
    }

    .containerName span {
        text-align: left;
    }

    .deputyTitle {
        color: rgba(201, 205, 212, 1);
        margin: 0.1rem 0rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 54%;
    }

    .news-list-li {
        display: flex;
        align-items: center;
        position: relative;
    }

    .makeAnAppointment {
        position: absolute;
        bottom: 0.3rem;
        right: 0.2rem;
        color: rgba(75, 90, 255, 1);
        background: rgba(243, 244, 255, 1);
        border-radius: 16px;
        padding: 0.12rem 0.2rem;
    }

    .makeAnAppointmentviewersNum {
        position: absolute;
        bottom: 0.3rem;
        right: 0.2rem;
        color: rgba(75, 90, 255, 1);
        border-radius: 16px;
        padding: 0.12rem 0.2rem;
    }

    .Booked {
        position: absolute;
        bottom: 0.04rem;
        left: 0.1rem;
        background: rgba(0, 0, 0, 0.32);
        color: rgba(255, 255, 255, 1);
        border-radius: 16px;
        font-size: 0.2rem;
        padding: 0.04rem 0.1rem;
    }

    .viewMore {
        color: rgba(169, 174, 184, 1);
        font-size: 14px;
    }

    .tabsList {
        width: 92%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0.4rem auto 0px;
    }

    .tabsList a.active {
        font-size: 20px;
        text-decoration: none;
        font-weight: bold;
    }

    .tabsList a {
        font-size: 14px;
        color: rgba(14, 34, 67, 1);
    }

    .tabsList div {
        display: flex;
        /*align-items: center;*/
        align-items: flex-end;
        margin-left: 0.1rem;
    }

    .tabsList a img {
        display: block;
        position: absolute;
        left: 50%;
        width: 0.44rem;
        margin-left: -0.22rem;
        bottom: -0.05rem;
        z-index: -1;
    }

    .demand-video-ul {
        overflow: hidden;
        font-weight: normal;
        color: #000;
        width: 92%;
        margin: 0 auto;
    }

    .demand-video-ul li {
        display: flex;
        align-items: center;
        position: relative;
        margin-bottom: 0.32rem;
    }

    .demand-video-ul li img {
        width: 33.33333333%;
        border-radius: 0.16rem;
    }

    .demand-video-div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 67% !important;
        background: #fff;
        margin: 0 !important;
        padding: 8px 12px;
        border-bottom-right-radius: 0.3rem;
        border-top-right-radius: 0.3rem;

    }

    .demand-video-span {
        text-align: left;
        font-weight: 400;
        font-size: 0.32rem;
        line-height: 1.5;
        height: 3em;
        width: 98%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        margin-bottom: 0.08rem;
        color: rgba(14, 34, 67, 1);
    }

    .demand-video-fu {
        color: rgb(201, 205, 212, 1);
        font-size: 0.24rem;
        line-height: 1.7;
        text-align: left;
        overflow: hidden;
        min-height: 0.3rem;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        width: 85%;
    }

    .demand-video-time {
        color: rgb(78, 89, 105, 1);
        font-weight: 400;
        font-size: 0.24rem;
        line-height: 1.7;
        margin-top: 0.04rem;
    }

    .demand-video-collect {
        padding: 0.12rem 0.24rem;
        border-radius: 79px;
        background: rgb(103, 116, 255, 1);
        color: #fff;
        position: absolute;
        right: 0.2rem;
        bottom: 0.24rem;
    }
}

.titlepc_livecenter {
    width: 80%;
    margin: 0 auto;
}

.Live-streaming {
    display: flex;
    align-items: center;
    font-size: 0.36rem;
    font-weight: 500;
    /*margin-bottom: 0.2rem;*/
    margin-top: 0.65rem;
}

.Live-streamingi-img {
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.1rem;
}

.Live-streamingi-img span {
    font-weight: 500;
    font-size: 0.36px;
    line-height: 0.44px;
}

.Live-streaming-color {
    color: rgba(169, 174, 184, 1);
    margin-left: 0.12rem;
    font-size: 0.36rem;
}

.titlepc_livecenter-list {
    display: flex;
    flex-wrap: wrap;
}

.titlepc_livecenter-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}

.titlepc_livecenter-list ul li {
    padding: 0.16rem 0.16rem 0.1rem;
    box-shadow: 0px 6px 20px 2px rgba(7, 33, 52, 0.06), 0px 0px 2px rgba(7, 33, 52, 0.08);
    background: #fff;
    border-radius: 0.16rem;
    margin-top: 0.4rem;
    cursor: pointer;
    position: relative;
    width: 23.5%;
    margin-right: 0.2rem;
}

#titlepc-livecenter-live li:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    box-shadow: 0px 6px 20px 2px rgb(7 33 52 / 14%), 0px 0px 2px rgba(7, 33, 52, 0.08);
}

#titlepc-livecenter-beAboutTo li:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    box-shadow: 0px 6px 20px 2px rgb(7 33 52 / 14%), 0px 0px 2px rgba(7, 33, 52, 0.08);
}

#titlepc-livecenter-lookBack li:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    box-shadow: 0px 6px 20px 2px rgb(7 33 52 / 14%), 0px 0px 2px rgba(7, 33, 52, 0.08);
}

.titlepc_livecenter-div {
    position: relative;
}

.titlepc_livecenter-img-pade {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 12px;
    color: #fff;
    padding: 0.02rem 0.08rem;
    border-radius: 8px;
    background:rgba(75, 90, 255, 1);
    display: flex;
    align-items: center;
}
.titlepc_livecenter-img-padedian{
    width: 0.04rem;
    height: 0.04rem;
    background: rgba(255, 255, 255, 1);
    background: #ffff00;
    display: block;
    border-radius: 50%;
    margin-right: 0.04rem;
}

.titlepc_livecenter-Click {
    display: inline-flex;
    place-content: center;
    bottom: 0.16rem;
    position: absolute;
    right: 0.16rem;
    place-items: center;
    gap: 0.06rem;
    padding: 0.05rem 0.12rem;
    border-radius: 79px;
    background: rgba(75, 90, 255, 1);
    font-weight: 500;
    font-size: 0.14rem;
    line-height: 0.22rem;
    color: rgba(255, 255, 255, 1);
}

.titlepc_livecenter-lookBack {
    display: inline-flex;
    place-content: center;
    bottom: 0.16rem;
    position: absolute;
    right: 0.16rem;
    place-items: center;
    gap: 0.06rem;
    padding: 0.05rem 0.12rem;
    border-radius: 79px;
    background: rgba(243, 244, 255, 1);
    font-weight: 500;
    font-size: 0.14rem;
    line-height: 0.22rem;
    color: rgba(75, 90, 255, 1);
}

.titlepc_livecenter-img {
    display: block;
    width: 100%;
    border-radius: 0.08rem;
}

.titlepc_livecenter-title {
    font-weight: 500;
    font-size: 0.2rem;
    line-height: 0.28rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    margin-top: 0.16rem;
}

.titlepc_livecenter-subtitle {
    color: rgba(201, 205, 212, 1);
    font-weight: 400;
    font-size: 0.14rem;
    line-height: 0.22rem;
    height: 0.22rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    width: 60%;
}

.titlepc_livecenter-time {
    align-items: center;
    color: rgba(78, 89, 105, 1);
    font-weight: 500;
    font-size: 0.16rem;
    line-height: 0.24rem;
    margin-top: 0.06rem;
}
.titlepc_livecenter-title-fu{
    font-weight: 400;
    font-size:0.14rem;
    line-height:0.22rem;
    border-left: 1px solid rgba(229, 230, 235, 1);
    padding-left: 0.09rem;
    margin-left: 0.1rem;
}

.titlepc_livecenter-pade {
    position: relative;
    /*height: 186px;*/
}
.titlepc_livecenter-pade img{
    max-width: 100%; /* 图片宽度最多可以填满容器宽度 */
    /*max-height: 100%; !* 图片高度最多可以填满容器高度 *!*/
    /*position: absolute; !* 绝对定位 *!*/
    /*top: 0; !* 顶部对齐 *!*/
    /*bottom: 0; !* 底部对齐 *!*/
    /*left: 0; !* 左边对齐 *!*/
    /*right: 0; !* 右边对齐 *!*/
    margin: auto; /* 自动调整边距，达到居中效果 */
    border-radius: 0.08rem;
}

.display-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: rgba(75, 90, 255, 1);
    font-weight: 500;
    margin: 0.4rem 0rem 0.65rem;
    font-size: 0.2rem;
}

.display-block-border {
    width: 44.8%;
    height: 1px;
    background: rgba(231, 232, 255, 1);
}

.display-block-center {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 0.2rem;
}


@media screen and (max-width: 800px) {
    #titlepc_nerader {
        display: none !important;
    }

    #title_nerader {
        display: block !important;
    }

    .demand-video-collectback {
        background: rgba(243, 244, 255, 1) !important;
        color: rgba(75, 90, 255, 1) !important;
    }

    .live-tab-goodsts {
        width: 50% !important;
        margin: 0 auto !important;
    }

    .demand-video-collectpage {
        position: absolute;
        left: 0.1rem;
        bottom: 0.1rem;
        display: flex;
        align-items: center;
        position: absolute;
        padding: 0px 0.12rem;
        border-radius: 99px;
        background: rgba(0, 0, 0, 0.32);
        color: rgba(255, 255, 255, 1);
        font-weight: 400;
        font-size: 0.2rem;
        line-height: 0.34rem;
        opacity: 0.8;
    }

    .demand-video-collectpage img {
        width: 0.24rem !important;
        height: 0.24rem !important;
    }
}

@media screen and (min-width: 800px) {

    .loader {
        margin-left: 0.1rem;
        width: 0.04rem;
        height: 0.02rem;
        border-radius: 4px;
        display: block;
        z-index: 1;
        /*margin: 20px auto;*/
        position: absolute;
        left: 0rem;
        background: #4b5aff;
        color: rgba(255, 255, 255, 1);
        box-sizing: border-box;
        animation: animloader 0.3s 0.3s linear infinite alternate;
    }

    .loader::after, .loader::before,.loader:active {
        content: '';
        width:0.04rem;
        height: 0.02rem;
        border-radius: 4px;
        background: currentColor;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0.09rem;
        box-sizing: border-box;
        background: #4b5aff;
        animation: animloader 0.3s  0.45s  linear infinite alternate;
    }
    .loader::before {
        left: -0.08rem;
        animation-delay: 0s;
    }

    @keyframes animloader {
        0%   { height: 0.3rem}
        100% { height: 0.04rem}
    }

    .titlepc_nerader {
        display: block !important;
    }

    #title_nerader {
        display: none !important;
    }

    .demand-video-collectback {
        background: rgba(243, 244, 255, 1) !important;
        color: rgba(75, 90, 255, 1) !important;
    }
}