.content{
   
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
    /* background: url(../image/assemble-bg.png) no-repeat center 0; */
    /* background: url(https://c-sgba.oss-cn-shenzhen.aliyuncs.com/uploads/c36da196-c0d1-47ad-8384-394f646a3dc2.png?x-oss-process=image/format,avif/sharpen,100) no-repeat center 0; */
    /* background: url(https://c-sgba.oss-cn-shenzhen.aliyuncs.com/uploads/c36da196-c0d1-47ad-8384-394f646a3dc2.png?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0;
     */

    /* background: url(https://file.c-sgba.com/uploads/cb7b49ca-885e-4289-aa67-c2b5bbebe016.jpg?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0; */
    background: url(https://file.c-sgba.com/uploads/c131294e-2183-4bc0-a18a-ad27efef3c11.jpg?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0;
    
    
    background-size: 38.4rem 31.08rem;
}



img{
    width: 100%;
    height: 100%;
}

.floor1{
    margin-top: 8rem;
    margin-top: 5rem;
}

.video-top{
    width: 100%;
    /* height: 5.1rem; */
    background: url(https://file.c-sgba.com/uploads/48060f51-8cb4-4289-bd8d-7a5c10d5dc36.png?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0;
    background-size: 100% 100%;
}
.video-border{

    border-top: .2rem solid rgba(255, 255, 255, 0.3);
    border-left: .2rem solid rgba(255, 255, 255, 0.3);
    border-right: .2rem solid rgba(255, 255, 255, 0.3);
}
.video-box{
    box-sizing: border-box;
   
    
}

#my-video{
    object-fit: cover;
}
.video-js .vjs-poster {
    background-size: cover; /* 或者使用 contain，取决于你的需求 */
    background-position: center center; /* 确保图片居中 */
}






/*  */
.floor2-left{
    width: 12.72rem;
}

.topSwiper .swiper-slide a{
    width: 12.72rem;
    height: 8rem;
    position: relative;
    display: block;

}

.topSwiper  .title{
    position: absolute;
    bottom: 0%;
    box-sizing: border-box;
    height: 1.84rem;
    background: rgba(41,47,54,0.34);
    padding: 1rem .36rem .36rem;
    width: 100%;
    font-size: .32rem;
}
.topSwiper  .title p{
    box-sizing: border-box;
    overflow: hidden;
    width: 70%;
    color: #ffffff;
    line-height: .52rem;
}



.floor2 .swiper-pagination{
    height: .4rem;

}
.floor2 .swiper-pagination {
    text-align: right;
}
.floor2 .swiper-pagination-fraction, 
.swiper-pagination-custom,
.floor2  .swiper-horizontal > .swiper-pagination-bullets,
.floor2  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: .14rem;
    left: -.5rem;
}
.floor2  .swiper-pagination-bullet {
   width: .16rem;
   height: .16rem;
    background:#fff;
    opacity:.7;
}
.floor2 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}






.floor2-right{
    width: 10.44rem;
    box-sizing: border-box;
    overflow: hidden;
}


.floor2-right>.title{
    width: 10.44rem;
    height: .72rem;
    background: url(../image/blessing-title-bg2.png) no-repeat 0 0 ;
    background-size: 130% 100%;
    font-weight: 600;
    font-size: .48rem;
    line-height: .72rem;
    text-align: left;
    color: #ffffff;
    font-family: "Source Ha";
    margin-bottom: .46rem;

}
.floor2-right>.title span:nth-child(1){
    width: .64rem;
    height: .64rem;
    background: url(../image/blessing-title-icon.png) no-repeat center center ;
    background-size: 90% 90%;
    margin-left: .14rem;
    margin-right: .08rem;

}

.floor2-top .title{
    font-weight: bold;
    font-size: .64rem;
    color: #1D2125;
    line-height: .87rem;
    padding-bottom: .4rem;
    border-bottom: 1px solid #CCCCCC;
    margin-top: 1.1rem;
}
.floor2-top .abstract{
    font-weight: 400;
    font-size: .4rem;
    color: #4F4F4F;
    line-height: .6rem;
    margin-top: .4rem;
    height: 3rem;
}
.floor2-top .btn{
    display: block;
    width: 3.36rem;
    height: 1rem;
    background: #2176D3;
    border-radius:.08rem;
    margin-top: .36rem;
    text-align: center;
    line-height: 1rem;
    font-weight: 400;
    font-size: .4rem;
    color: #FFFFFF;
}

.floor2-top .title{
    font-weight: bold;
    font-size: .4rem;
    color: #1D2125;
    line-height: .87rem;
    padding-bottom: .4rem;
    border-bottom: 1px solid #CCCCCC;
    margin-top: .5rem;
}



.assemble-list{
    margin-top: .7rem;
}

.item{
    border-bottom: 1px solid rgba(0,0,0,0.07);
    box-sizing: border-box;
    overflow: hidden;
    padding: .24rem 0 .24rem;
    margin-bottom: .36rem;
}
.item-right{
    flex-grow: 1;
  flex-basis:0; 
}

.item img{
    height: 2.48rem;
    width: 4.42rem;
    margin-right: .6rem;
}


.item .title{
    font-weight: 400;
    font-size: .36rem;
    color: #1D2125;
    line-height: .46rem;
    margin-bottom: .24rem;
}

.item .abstract{
    font-weight: 400;
    font-size: .26rem;
    color: #4F4F4F;
    line-height: .52rem;
    height: 1.04rem;
}

.item .time{
    width: 100%;
    font-size: .26rem;
    color: #999999;
    line-height: .32rem;
    text-align: right;
    margin-top: .32rem;
}


.more{
    text-align: center;
    font-weight: 400;
    font-size: .28rem;
    color: #9B9B9B;
    line-height: .42rem;
    margin-top: .8rem;
    margin-bottom: 1.4rem;
}



/*  */
@media (max-width: 651px) {

    .content {
        margin: 0 auto;
        box-sizing: border-box;
        overflow: hidden;
       
        background: url(https://c-sgba.oss-cn-shenzhen.aliyuncs.com/uploads/c36da196-c0d1-47ad-8384-394f646a3dc2.png?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0;
        background-size: 100% auto;
        margin-top: 1.2rem;
    }   
    .floor1{
        margin-top: 2.3rem;
        box-sizing: border-box;
        overflow: hidden;
        /* padding: 0 .32rem; */
        
    }
    .video-top{
        width: 100%;
        /* height:1.58rem; */
        background: url(https://file.c-sgba.com/uploads/48060f51-8cb4-4289-bd8d-7a5c10d5dc36.png?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0;
        background-size: 100% 100%;
    }
    .floor2{
        flex-wrap: wrap;
        margin-top: 0;
    }
    .floor2-left{
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        padding: .32rem;
    }
    .topSwiper .swiper-slide a{
        width:100%;
        height: auto;
        border-radius: .2rem;
        box-sizing: border-box;
        overflow: hidden;
    }
    .topSwiper .swiper-slide a img{
        border-radius: .2rem;
    }    
    .floor2 .swiper{
        padding-bottom: .6rem;
    }
    .floor2 .swiper-pagination-fraction, .swiper-pagination-custom, .floor1 .swiper-horizontal > .swiper-pagination-bullets, .floor1 .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: .0;
        left: 0;
    }
    .floor2 .swiper-pagination {
        text-align: center;
    }
    .floor2  .swiper-pagination-bullet {
        width: .12rem;
        height: .12rem;
         background:#BEBEBE;
         opacity:.7;
     }
     .floor2 .swiper-pagination-bullet-active {
         opacity: 1;
         background: #1658A0;
         width: .24rem;
        height: .12rem;
        border-radius: .12rem;
     }
     .floor2 .swiper-button-next, .floor2 .swiper-button-prev{
        display: none;
    }

    .floor2-right{
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        padding: .32rem;
    }
    .floor2-top .title{
        font-size: .4rem;
        margin-top: 0;
        line-height: .68rem;
    }
    .floor2-top .abstract{
        font-size: .28rem;
        line-height: .4rem;
        height: auto;
    }
    .floor2-top .btn{
        width: 2.4rem;
        height: .8rem;
        font-size: .24rem;
        line-height: .8rem;
    }
    .assemble-list{
        box-sizing: border-box;
        overflow: hidden;
        padding: .32rem;
        margin-top: 0;
        border-top: .2rem solid #F6F6F6 ;
    }
    .item img{
        width: 3rem;
        height: 1.64rem;
        border-radius: .2rem;
        margin-right: .2rem;
    }
    .item .title {
        font-weight: 400;
        font-size: .28rem;
        color: #1D2125;
        line-height: .32rem;
    }
    .item .abstract{
        font-size: .26rem;
        color: #4F4F4F;
        line-height: .52rem;
        height: 1.05rem;
    }
    .item .time{
        display: none;
    }

    /*  */
}