.content{
   
    /* width: 25.7rem; */
    /* border: 1px solid red; */
    margin: 0 auto;
    box-sizing: border-box;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .32rem;
    color: #1D2125;
    line-height: .38rem;
    text-align: left;
    
}
img{
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
}



.young-top-bg{
    /* background: url(../image/young-top-bg.png) no-repeat center 0 #27AFD1; */
    background: url(https://c-sgba.oss-cn-shenzhen.aliyuncs.com/uploads/c9901089-60e0-4f27-b517-e6166bec9fa1.png?x-oss-process=image/format,webp/sharpen,100) no-repeat center 0 #27AFD1;
    
    background-size:  38.4rem 8.38rem;
    width: 100%;
    height: 8.38rem;

}
.shuo-bg{
    height: 8.2rem;
    width: 100%;
    background: #27AFD1;
    
}
.shuo{
    position: relative;
    border: 1px solid transparent;
    box-sizing: border-box;
    
}

.shuo-title{
    display: block;
    position: absolute;
    width: 9.94rem;
    height: 3.56rem;
    top: -1.9rem;
    left: 0%;
}

.shuo-box{
    margin-top: 2.36rem;
}

.shuo-left{
    width: 8rem;
    height: 4.5rem;
    box-sizing: border-box;
    border: 1px solid #D9D9D9;
    margin-right: .76rem;
}

.shuo-right{
    width: 15.16rem;
    box-sizing: border-box;
}


.shuo-right p:nth-child(1){
    font-weight: bold;
    font-size: .64rem;
    color: #FFFFFF;
    line-height: .78rem;
    border-bottom: 1px solid rgba(255, 255, 255, .48);
    padding-bottom: .5rem;
}   

.shuo-right p:nth-child(2){
    font-weight: 400;
    font-size: .4rem;
    color: #FFFFFF;
    margin-top: .28rem;
    line-height: .56rem;
}   


.ran-bg{
    background: url(https://file.c-sgba.com/uploads/d819032e-2350-4552-be7d-4706e516d4f7.png) no-repeat center 0 #27AFD1;
    background-size:  38.4rem 11.2rem;
    width: 100%;
    height:11.2rem;

}
.ran{
    box-sizing: border-box;
    overflow: hidden;
}
.ran-titles{
    margin-top: 1.14rem;
    margin-bottom: .62rem;
}

.ran-title-bg{
    background: url(../image/young-ran-title.png) no-repeat center 0 ;
    background-size:100% 100%;
    width:3.48rem ;
    height: 1.84rem;
  
}


.swiper-ranbtn-box{
    width: 1rem;
    height: .4rem;
    position: relative;
}















.young-titles{
    font-weight: bold;
    font-size: .72rem;
    color: #1D2125;
    line-height: .84rem;
}
.ran .young-titles{
    color: #ffffff;
}

.young-titles-left p:nth-child(2){
    font-weight: 400;
    font-size: .32rem;
    color: #4F4F4F;
    line-height: .48rem;
    margin-top: .1rem;
}
.ran .young-titles-left p:nth-child(2){
    color: #ffffff;
}

.young-titles-icon{
    background: url(../image/young-titles-icon.png) no-repeat center 0 ;
    background-size:  100% 100%;
    width: .46rem;
    height:.5rem;
    margin-right: .18rem;
}













.young-titles-more{
    font-weight: 400;
    font-size: .28rem;
    color: #4F4F4F;
    line-height: .36rem;
    margin-bottom: .36rem;
}
.young-titles-more a span:nth-child(1){
    background: url(../image/union-title-more.png) no-repeat center 0 ;
    background-size:  100% 100%;
    width: .32rem;
    height:.32rem;
    margin-right: .14rem;
}

.ran .young-titles{
    margin: 1.16rem 0;
}



.ran-centent{
    /* border: 1px solid red;
    width: 100%;
    height: 7.6rem; */
}
/* 轮播 */

.ran .swiper{
    width: 100%;
    /* height: 7.6rem; */
    padding-bottom: 1rem;
}


.ran .swiper-item a{
    width: 5.64rem;
    height: 5.64rem;
    display: block;
    position: relative;
}
.ran .swiper-item a p{
    position: absolute;
    bottom: 0%;
    padding: .15rem .3rem ;
    box-sizing: border-box;
    overflow: hidden;
    background: rgba(12,35,60,0.78);
    font-size: .4rem;
    color: #FFFFFF;
    line-height: .68rem;
    width: 100%;
    /* height: 1.56rem; */
}

.ran .mySwiper .swiper-pagination{
    height: .4rem;
    z-index: 1000;

}
.ran .mySwiper .swiper-pagination {
    text-align: center;
}
.ran .mySwiper .swiper-pagination-fraction, 
.swiper-pagination-custom,
.ran  .mySwiper  .swiper-horizontal > .swiper-pagination-bullets,
.ran  .mySwiper  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0rem;
    left: -.5rem;
}
.ran  .mySwiper  .swiper-pagination-bullet {
   width: .2rem;
   height: .2rem;
   background: rgba(255,255,255,0.77);
}
.ran .mySwiper .swiper-pagination-bullet-active {
    background: #FFFFFF;
    border-radius: .8rem;
    width: .6rem;
}

.ran  .swiper-ranbtn-box .swiper-button-next,.ran  .swiper-ranbtn-box .swiper-button-prev{
    width: .4rem;
    height: .4rem;
    /* top:-1.68rem; */
    background-size: 100% 100%;
    top: 100%;
   
    
}
.swiper-ranbtn-box .swiper-button-next::after,.swiper-ranbtn-box .swiper-button-prev::after{
    content:""
}
.swiper-ranbtn-box .swiper-button-next{
    background: url(../image/young-swran-next.png) no-repeat 0  0 ;
    background-size:100% 100%;
    right: 0%;
}
.swiper-ranbtn-box .swiper-button-next:hover{
 

}
.swiper-ranbtn-box .swiper-button-prev{
    background: url(../image/young-swran-prev.png) no-repeat 0  0 ;
    background-size:100% 100%;
    left: auto;
    
}
.swiper-ranbtn-box .swiper-button-prev:hover{
    
}



/* 如此问答 */
.da-bg{
    background: #F5F5F5;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 1.88rem;
}
.da .young-titles{
    margin: 1.26rem 0 1rem 0;
}


.da-news-left a{
    display: block;
    position: relative;
    width: 13.2rem;
    height: 8.25rem;
}
.da-news-left a p{
    width: 100%;
    position: absolute;
    bottom: 0%;
    padding: .4rem;
    box-sizing: border-box;
    background: rgba(33,33,33,0.44);
    font-size: .36rem;
    color: #FFFFFF;
    line-height: .52rem;
}
.da-news-left a .young-video-icon{
    position: absolute;
    right: 4.54rem;
    bottom: 2.52rem;
    width: 1.76rem;
    height: 1.76rem;
}


.da-news-right{
    width: 10.2rem;
}

.da-news-top a{
    width: 4.94rem;
}
.da-news-top a img{
    height: 3.29rem;
}
.da-news-top a p{
    font-weight: bold;
    color: #1D2125;
    margin-top: .22rem;
}
.da-news-top a p.subtitle{
    display: none;
}

.da-news-bottom{
    margin-top: .8rem;
}


.da-news-bottom a{
    display: block;
    margin-top: .48rem;
    line-height: .42rem;
}



.fang .young-titles{
    margin: 1.22rem 0 .6rem 0;
}


.fang-item{
    width: 7.8rem;
    box-sizing: border-box;
    line-height: .48rem;
    margin-top: .4rem;
}

.fang-item img{
    width: 4rem;
    height: 2.26rem;
    margin-right: .4rem;
    
}



.memory .young-titles{
    margin: 1.22rem 0 1.12rem 0;
}

.memory-item{
    width: 7.8rem;
    box-sizing: border-box;
    line-height: .48rem;
    margin-bottom: .64rem;
}


.memory-item div{
    margin-top: .38rem;
}

.memory-item img{
    height: 4.28rem;



}












/* ==================== */

#my-video{
    object-fit: cover;
}
.video-js .vjs-poster {
    background-size: cover; /* 或者使用 contain，取决于你的需求 */
    background-position: center center; /* 确保图片居中 */
}
.speak-banner{
    width: 100%;
    height: 11.8rem;
    background: url(../image/speakbanner.jpg) no-repeat top center;
}


/* 一楼 */
.speak-news{
    margin-top: .6rem;
}

.speak-title{
    height: .6rem;
    margin: 0 auto .4rem;
    border-left: .1rem solid #60A812;
    padding-left: .3rem;
    font-size: .36rem;
    line-height: .6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.speak-title a{
    font-size: .32rem;
    font-family: sans-serif;
}


.speak-news-box{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.speak-news-video{
    width: 13.6rem;
    height: 7.64rem;
}



.speak-news-text{
    width: 9.7rem;
    letter-spacing: 0.1em;
}
.speak-news-text p:nth-child(1){
    font-size: .73rem;
    line-height: 1rem;
    color: #000;
    font-weight: normal;
    font-family: 'heltica condensed';
    padding-top: .3rem;
    padding-bottom: .4rem;
    border-bottom: 1px dotted #000;
}
.speak-news-text p:nth-child(2){
    font-family: 'Arial';
    color: #000;
    text-decoration: none;padding-top: .5rem;
    font-size: .32rem;
    line-height: .46rem;
   
}



/* 推荐 */

.speak-gary{
    background-color: #E6E6E7;
    padding: .6rem 0 .4rem;
    margin-bottom: .7rem;
}

.speak-gary-list{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    height: 6.6rem;
}
.speak-gary-list li{
    position: relative;
    width: 5.7rem;
    height: 5.9rem;
}
.speak-gary-list a{
    display: block;
    height: 100%;
    transition: all 0.5s;
    background-color: #60A812;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    top: 0;
    border: 0;
}

.speak-gary-list a img{
    height: 3.2rem;
}
.speak-gary-list a p{
    padding: .3rem .4rem;
    color: #fff;
    font-size: .32rem;
    line-height: .56rem;
}
.speak-gary-list li a:hover {
    transform: translateY(-.4rem);
    height: 7rem;
    background-color: #fff;
    color: #60A812;
}
.speak-gary-list li a:hover p{
    color: #60A812;
}

/* 往期回顾 */

.speak-list-box{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.speak-list-box li{
    width: 48%;
    height: 3.2rem;
}
.speak-list-box li a{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    text-align: left;
}

.speak-list-box li a img{
    width: 48%;
    height: 100%;
}
.speak-list-box li a p{
    width: 48%;
    font-family: 'Arial';
    color: #000;
    text-decoration: none;
    box-sizing: border-box;
    overflow: hidden;
    padding: .3rem;
    font-size: .36rem;
    line-height: .5rem;
    letter-spacing: 0.1em;
}











.m-shuo-title{
    display: none;
}
.m-mySwiper{
    display: none;
}



@media (max-width: 651px) {

    .young-top-bg {
        background: url(../image/m-young-top-bg.png) no-repeat center 0 ;
        background-size: 100% 3.9rem;
        width: 100%;
        height: 3.9rem;
        margin-top: 1.2rem;
        position: relative;
        z-index: -1;
    }

    .shuo-title{
        display: none;
    }

    .m-shuo-title{
        display: block;
        position: absolute;
        width: 3.33rem;
        height: 1.2rem;
        left: .4rem;
        top: -.6rem;
        z-index: 2003;
    }
    /* .w240{
        overflow:visible;
    }

    .minw240{
        overflow:visible;
    } */

    .shuo-bg{
        overflow:visible;
    }

    .shuo{
        overflow:visible;
    }
    .shuo-bg{
        height: auto;
       
    }
    .shuo-box{
        /* margin-top: .8rem; */
        padding: .8rem .4rem;
        margin-top: 0;
    }
    .shuo-left{
        width: 3rem;
        height: 1.68rem;
        flex-shrink: 0;
        margin-right: .16rem;
    }

    .shuo-right p:nth-child(1){
        font-size: .28rem;
        line-height: .38rem;
        padding-bottom: 0;
        border: none;
     
    }
    .shuo-right{
        width: 100%;
    }
    .shuo-right p:nth-child(2){
        font-size: .24rem;
        line-height: .32rem;
        margin-top: .2rem;
    }

    .ran-bg{
        padding: .22rem .32rem;
        height: auto;
        background-size: cover;
    }
    .ran{
        width: 100%;
    }
    .ran-titles{
        margin-top: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .ran-title-bg{
        width: 1.72rem;
        height: .9rem;
    }

    .ran .swiper-ranbtn-box .swiper-button-next, .ran .swiper-ranbtn-box .swiper-button-prev{
        width: .24rem;
        height: .24rem;
    }

    .mySwiper{
        display: none;
    }
    .m-mySwiper{
        display: block;
    }

    .ran .swiper-item a{
        width: 100%;
        height: 3.88rem;
        border-radius: .2rem;
        box-sizing: border-box;
        overflow: hidden;
    }
    .ran .swiper-item a p{
        font-size: .28rem;
    }
    .da-bg{
        background: #ffffff;
        padding-bottom: 0;
    }
    .da .young-titles{
        margin-top: .44rem;
        padding: 0 .32rem;
        font-size: 0.4rem;
        line-height: .5rem;
        margin-bottom: .22rem;
    }
    .young-titles-left p:nth-child(2){
        font-size: .22rem;
        margin-top: 0;
    }
    .da-news{
        flex-wrap: wrap;
    }
    .da-news-left,.da-news-right{
        width: 100%;
        padding:  0 .32rem;
    }
    .da-news-left a{
        width: 100%;
        height: 3.86rem;
        border-radius: .2rem;
        box-sizing: border-box;
        overflow: hidden;
        margin-bottom: .38rem;
    }
    .da-news-top{
        flex-wrap: wrap;
    }
    .da-news-top a{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: nowrap;
    }
    .da-news-top a img{
        width: 3rem;
        height: 1.68rem;
        margin-right: .2rem;
        margin-bottom: .6rem;
    }
    .da-news-top a p{
        margin-top: 0;
        margin-bottom: .2rem;
    }
    .da-news-top a p.subtitle{
        display: block;
        font-size: .24rem;
        color: #4F4F4F;
    }
    .da-news-bottom{
        margin-top: 0;
    }
    .da-news-bottom a{
        margin-top: 0;
        margin-bottom: .48rem;
    }
    .memory{
        padding: .32rem;
    }
    .memory .young-titles{
        margin: 0;
    }


    .memory .young-titles{
        margin-top: .44rem;
        padding: 0 .32rem;
        font-size: 0.4rem;
        line-height: .5rem;
        margin-bottom: .22rem;
        padding-bottom: .2rem;
        border-bottom: 1px solid rgba(0,0,0,0.07);
        margin-bottom: ;
    }
    .memory-item{
        width: 48%;

    }

    .memory-item img{
        width: 100%;
        height: auto;
        border-radius: .08rem;
    }
    .memory-item div{
        font-size: .28rem;
        margin-top: .3rem;
    }
    .da-news-left a p{
        padding: .2rem;
        font-size: .32rem;
    }

/*  */

}

@media (max-width: 345px) {
    .ran .swiper-item a,.da-news-left a{
        height: 3.2rem;
    }
}