@media screen and (max-width:960px){
    
    /* #pc-header{
        display: none;
    } */

    #pc-main{
        display: none;
    }

    #header-banner{
        display: none;
    }
    #header-nav{
        display: none;
    }

    #home-footer{
        display: none;
    }

    #mobile-main{
        display: block;
    }
    #navcight{
        display: block;
    }


    body{
       
        /* overflow: hidden; */
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 0.16rem;
    }


    /*声乐tab*/
    .yd-home-syyk-wears-tab,
    .yd-home-xyqy-wears-tab,
    .yd-home-mzqy-wears-tab,
    .yd-home-yyll-wears-tab,
    .yd-home-yycz-wears-tab
    {

        width: 3.75rem;
        height: 7.35rem;
        background: url(/img/html5_join/index/yd-youshi-funs.png)no-repeat;
        background-size: cover;
        box-sizing: border-box;
        overflow: hidden;

    }
    .yd-home-public-tab{
        width: 3.43rem;
        margin:0.3rem auto;
        background: #fff;
        border-radius: 0.1rem;
        overflow: hidden;
    }
    .yd-home-syyk-tab-ul{
        width:100%;
        display: flex;
        height: 0.47rem;
    
    }
    .yd-home-syyk-tab-ul>li{
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FFEBEB;
       
        flex: 1;
    }
    .yd-home-syyk-tab-ul>li>img{
        width: 0.2rem;
        height: 0.18rem;
    }
    .yd-home-syyk-tab-ul>li>h3{
        font-size: 0.11rem;
        font-weight: bold;
        margin-left: 0.02rem;
        color: #D71328;
    }
    .yd-home-syyk-tab-ul>li>h3 a{
        color: #D71328;
    }
    .yd-home-syyk-tab-ul .yd-home-public-tab-active{
        background: #fff;
    }
  
    .yd-home-tab-youshi-content{
        width: 3.25rem;
        height: 4.37rem;
     
        margin: 0.3rem auto;
    }
    .yd-home-tab-youshi-content ul::after{
        content: "";
        display: block;
        overflow: hidden;
        clear: both;
    }
    .yd-home-tab-youshi-content ul h4{
        width: 2.15rem;
        height: 1.06rem;
        background: url(/img/html5_join/index/yd-sy-youshi-title.png)no-repeat;
        background-size: cover;
        color: #FFEBEB;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        float: left;
        margin-right: 0.01rem;
        border-radius: 0.05rem;
        overflow: hidden;

    }
    .yd-home-tab-youshi-content ul h4 span{
        font-size: 0.18rem;
        font-weight: bold;
    }
    .yd-home-tab-youshi-content ul li{
        width: 1.06rem;
        height: 1.06rem;
        float: left;
        border: solid 1px #fff;
    }
    .yd-home-tab-youshi-content ul li>a>dl>dt{
        font-size: 0.2rem;
        font-weight: bold;
        padding-top:0.15rem;
        text-align: center;
        color: #fff;
    }
    .yd-home-tab-youshi-content ul li>a>dl>dd:nth-of-type(1){
        height: 1px;
        background-color: #fff;
        width: 0.15rem;
        margin:0.05rem auto 0.05rem auto;
        
    }
    .yd-home-tab-youshi-content ul li>a>dl>dd{
        width: 100%;
        font-size: 0.12rem;
        text-align: center;
        color: #fff;
    }


    .yd-home-public-tab-content>div{
        display: none;
    }
    .yd-home-syyk-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(1){
        background: url(/img/html5_join/index/yd-sy-youshi1.png)no-repeat;
        background-size: cover;
    }
    .yd-home-syyk-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(2){
        background: url(/img/html5_join/index/yd-sy-youshi2.png)no-repeat;
        background-size: cover;
    }
    .yd-home-syyk-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(3){
        background: url(/img/html5_join/index/yd-sy-youshi3.png)no-repeat;
        background-size: cover;
    }
    .yd-home-syyk-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(4){
        background: url(/img/html5_join/index/yd-sy-youshi4.png)no-repeat;
        background-size: cover;
    }
    .yd-home-syyk-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(5){
        background: url(/img/html5_join/index/yd-sy-youshi5.png)no-repeat;
        background-size: cover;
    }
    .yd-home-syyk-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(6){
        background: url(/img/html5_join/index/yd-sy-youshi6.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-syyk-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(7){
        background: url(/img/html5_join/index/yd-sy-youshi7.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-syyk-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(8){
        background: url(/img/html5_join/index/yd-sy-youshi8.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-syyk-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(9){
        background: url(/img/html5_join/index/yd-sy-youshi9.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-syyk-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(10){
        background: url(/img/html5_join/index/yd-sy-youshi10.png)no-repeat;
        background-size: cover;
    }

    /*西洋器乐*/
    .yd-home-xyqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(1){
        background: url(/img/html5_join/index/yd-xyqy-youshi1.png)no-repeat;
        background-size: cover;
    }
    .yd-home-xyqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(2){
        background: url(/img/html5_join/index/yd-xyqy-youshi2.png)no-repeat;
        background-size: cover;
    }
    .yd-home-xyqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(3){
        background: url(/img/html5_join/index/yd-xyqy-youshi3.png)no-repeat;
        background-size: cover;
    }
    .yd-home-xyqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(4){
        background: url(/img/html5_join/index/yd-xyqy-youshi4.png)no-repeat;
        background-size: cover;
    }
    .yd-home-xyqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(5){
        background: url(/img/html5_join/index/yd-xyqy-youshi5.png)no-repeat;
        background-size: cover;
    }
    .yd-home-xyqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(6){
        background: url(/img/html5_join/index/yd-xyqy-youshi6.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-xyqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(7){
        background: url(/img/html5_join/index/yd-xyqy-youshi7.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-xyqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(8){
        background: url(/img/html5_join/index/yd-xyqy-youshi8.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-xyqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(9){
        background: url(/img/html5_join/index/yd-xyqy-youshi9.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-xyqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(10){
        background: url(/img/html5_join/index/yd-xyqy-youshi10.png)no-repeat;
        background-size: cover;
    }



    /*民族器乐*/
    .yd-home-mzqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(1){
        background: url(/img/html5_join/index/yd-mzqy-youshi1.png)no-repeat;
        background-size: cover;
    }
    .yd-home-mzqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(2){
        background: url(/img/html5_join/index/yd-mzqy-youshi2.png)no-repeat;
        background-size: cover;
    }
    .yd-home-mzqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(3){
        background: url(/img/html5_join/index/yd-mzqy-youshi3.png)no-repeat;
        background-size: cover;
    }
    .yd-home-mzqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(4){
        background: url(/img/html5_join/index/yd-mzqy-youshi4.png)no-repeat;
        background-size: cover;
    }
    .yd-home-mzqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(5){
        background: url(/img/html5_join/index/yd-mzqy-youshi5.png)no-repeat;
        background-size: cover;
    }
    .yd-home-mzqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(6){
        background: url(/img/html5_join/index/yd-mzqy-youshi6.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-mzqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(7){
        background: url(/img/html5_join/index/yd-mzqy-youshi7.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-mzqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(8){
        background: url(/img/html5_join/index/yd-mzqy-youshi8.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-mzqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(9){
        background: url(/img/html5_join/index/yd-mzqy-youshi9.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-mzqy-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(10){
        background: url(/img/html5_join/index/yd-mzqy-youshi10.png)no-repeat;
        background-size: cover;
    }

    /*音乐理论*/

    .yd-home-yyll-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(1){
        background: url(/img/html5_join/index/yd-yyll-youshi1.png)no-repeat;
        background-size: cover;
    }
    .yd-home-yyll-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(2){
        background: url(/img/html5_join/index/yd-yyll-youshi2.png)no-repeat;
        background-size: cover;
    }
    .yd-home-yyll-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(3){
        background: url(/img/html5_join/index/yd-yyll-youshi3.png)no-repeat;
        background-size: cover;
    }
    .yd-home-yyll-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(4){
        background: url(/img/html5_join/index/yd-yyll-youshi4.png)no-repeat;
        background-size: cover;
    }
    .yd-home-yyll-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(5){
        background: url(/img/html5_join/index/yd-yyll-youshi5.png)no-repeat;
        background-size: cover;
    }
    .yd-home-yyll-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(6){
        background: url(/img/html5_join/index/yd-yyll-youshi6.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-yyll-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(7){
        background: url(/img/html5_join/index/yd-yyll-youshi7.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-yyll-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(8){
        background: url(/img/html5_join/index/yd-yyll-youshi8.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-yyll-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(9){
        background: url(/img/html5_join/index/yd-yyll-youshi9.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-yyll-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(10){
        background: url(/img/html5_join/index/yd-yyll-youshi10.png)no-repeat;
        background-size: cover;
    }



    /*音乐创作*/
    .yd-home-yycz-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(1){
        background: url(/img/html5_join/index/yd-yycz-youshi1.png)no-repeat;
        background-size: cover;
    }
    .yd-home-yycz-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(2){
        background: url(/img/html5_join/index/yd-yycz-youshi2.png)no-repeat;
        background-size: cover;
    }
    .yd-home-yycz-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(3){
        background: url(/img/html5_join/index/yd-yycz-youshi3.png)no-repeat;
        background-size: cover;
    }
    .yd-home-yycz-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(4){
        background: url(/img/html5_join/index/yd-yycz-youshi4.png)no-repeat;
        background-size: cover;
    }
    .yd-home-yycz-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(5){
        background: url(/img/html5_join/index/yd-yycz-youshi5.png)no-repeat;
        background-size: cover;
    }
    .yd-home-yycz-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(6){
        background: url(/img/html5_join/index/yd-yycz-youshi6.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-yycz-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(7){
        background: url(/img/html5_join/index/yd-yycz-youshi7.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-yycz-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(8){
        background: url(/img/html5_join/index/yd-yycz-youshi8.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-yycz-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(9){
        background: url(/img/html5_join/index/yd-yycz-youshi9.png)no-repeat;
        background-size: cover;
    }    
    .yd-home-yycz-wears-tab .yd-home-tab-youshi-content ul li:nth-of-type(10){
        background: url(/img/html5_join/index/yd-yycz-youshi10.png)no-repeat;
        background-size: cover;
    }



    .yd-home-tab-school-content{
    
        width: 3.2rem;
        margin: 0.3rem auto;
        
    }
    .yd-home-tab-school-content>p{
        font-size: 0.1rem;
        text-align: center;
        line-height: 2em;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
     
    }
    .yd-home-tab-school-content ul{

        display: flex;
        flex-wrap: wrap;
    }
    .yd-home-tab-school-content>ul>li{
        width: 1.56rem;
        height: 1.93rem;
        background-color: #F8F8F8;
        border-radius: 0.05rem;
        overflow: hidden;
        margin-top:0.2rem;
    }
    .yd-home-tab-school-content>ul>li>a{
        display: block;
        width: 1.56rem;
        height:1.56rem;
        position: relative;
    }
    .yd-home-tab-school-content>ul>li>a>img{
        width: 1.56rem;
        height: 1.56rem;
    }
    .yd-home-tab-school-content>ul>li>a>div{
        width: 1.56rem;
        position: absolute;
        height: 0.34rem;
        line-height: 0.34rem;
        bottom: 0;
        background-color: #fff;
        z-index: 10;
        opacity: 0.8;
    }
    .yd-home-tab-school-content>ul>li>a>div>h4{
        font-size: 0.12rem;
        font-weight: bold;
        text-align: center;
    }
    .yd-home-tab-school-content>ul>li>p{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 0.36rem;
    
    }
    .yd-home-tab-school-content>ul>li>p>a{
        width: 0.67rem;
        text-align: center;
        display: block;
        font-size: 0.09rem;
        text-align: center;
        line-height: 0.19rem;
        height: 0.19rem;
        border-radius: 0.05rem;
    }
    .yd-home-tab-school-content>ul>li>p>a:nth-of-type(1){
        background-color: #D71328;
        color: #fff;
        margin-right: 0.02rem;
        
    }
    .yd-home-tab-school-content>ul>li>p>a:nth-of-type(2){
        background-color: #DFDFDF;
        color: black;
        margin-left: 0.02rem;
    }

    .yd-home-tab-school-content ul li:nth-of-type(2n){
        margin-left: 0.07rem;
    }
    .yd-home-tab-ykzx-content{
        width: 3.44rem;
        padding-bottom: 0.1rem;
        /* border: solid 1px blue; */
    }

    .yd-home-tab-ykzx-content dl{
        padding-top: 0.18rem;
        width: 3.14rem;
        height: 0.85rem;
        /* border: solid 1px gray; */
        overflow: hidden;
   
        margin-left: 0.15rem;
        margin-right: 0.15rem;
        border-bottom: solid 0.01rem #9b9b9b;
    }
    .yd-home-tab-ykzx-content dl::after{

        content: "";
        display: block;
        overflow: hidden;
        clear: both;

    }
    .yd-home-tab-ykzx-content dl>dt{
        height: 0.85rem;
        width: 0.9rem;
        float: left;
    }
    .yd-home-tab-ykzx-content dl>dd{
        width: 2.06rem;
        float: right;
    }

    .yd-home-tab-ykzx-content dl>dt>a>img{
        width: 0.9rem;
        height: 0.65rem;
        background: #EE3044;
        opacity: 0.9;
    }
    .yd-home-tab-ykzx-content dl>dd>a>strong{
        font-size: 0.1rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        color: #4a4a4a;
        font-weight: bold;
    }
    .yd-home-tab-ykzx-content dl>dd>p{
        font-size: 0.09rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        color: #9b9b9b;
    }
    .yd-home-tab-ykzx-content dl>dd:nth-of-type(3){
        font-size: 0.09rem;
        color: #9b9b9b;
        text-align: right;
        line-height: 0.2rem;
    }
















    /****************************************************************移动端三个按钮*/
    .yd-three-quan .yd-wear-nav {
        padding: 0 0.3rem;
        display: flex;
        justify-content: space-between;
    }
    
    .yd-wear-nav .yd-first-btn, .yd-wear-nav .yd-secon-btn {
        width: 50%;
        background: #FF5653;
        display: flex;
        font-size: 0.15rem;
        display: flex;
        justify-content: center;
        height: 0.29rem;
        height: 0.35rem;
    }
    
    .yd-wear-nav .yd-first-btn a, .yd-wear-nav .yd-secon-btn a {
        line-height: 0.35rem;
        margin: 0 auto;
        text-align: center;
        display: inherit;
        color: aliceblue;
    }
    
    .yd-wear-nav .yd-first-btn {
        margin-right: 0.045rem;
        border-top-left-radius: 0.18rem;
        border-bottom-left-radius: 0.18rem;
    }
    
    .yd-wear-nav .yd-first-btn img {
        width: 0.25rem;
        height: 0.2rem;
    
    
    }
    
    .yd-wear-nav .yd-secon-btn img {
        width: 0.2rem;
        height: 0.2rem;
    
    }
    
    .yd-wear-nav .yd-secon-btn {
        border-top-right-radius: 0.18rem;
        border-bottom-right-radius: 0.18rem;
    }
    
    .yd-wear-nav .yd-secon-btn {
        margin-left: 0.09rem;
    }
    
    .yd-wear-nav .yd-first-btn img, .yd-wear-nav .yd-secon-btn img {
        display: inline-block;
        line-height: 0.49rem;
        padding: 0.05rem;
    }
    
    .yd-three-quan .yd-ten-btn {
        width: 3.18rem;
        height: 0.35rem;
        border-radius: 35px;
        border: 2px solid #EE3044;
        font-size: 0.15rem;
        text-align: center;
        margin: 0.1rem auto;
    
    }
    
    .yd-three-quan .yd-ten-btn a {
        width: 3.18rem;
        font-size: 0.15rem;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #EE3044;
        line-height: 0.35rem;
        margin: 0 auto;
    }

    /*移动端三个按钮结束位置***********************************************/


    /*************************************************************************瑞宇新增加过来移动端*/
     /* 移动banner图引入 */
     #swiperhead1{
        margin-top: 0.4rem;
    }
    #swiperhead1 .yd-home-shou-banner img{
        width: 3.75rem;
    }

    /* 移动端固定头部的tab切换 */
    .yd-home-guding-top {}

    .yd-home-seoc-guding {
        display: flex;
        width: 3.43rem;
        height: 0.4rem;
        background: #FFFFFF;
        box-shadow: 0px 0px 0.41rem 0.01rem rgba(216, 216, 216, 0.77);
        border-radius: 0.4rem;
        margin: 0 0.16rem;
        justify-content: space-around;
        align-items: center;
    }

    .yd-home-seoc-guding dl {
        display: flex;
    }

    .yd-home-seoc-guding dl dt {}

    .yd-home-seoc-guding dl dt img {}

    .yd-home-seoc-guding dl:nth-child(1) dt img {
        width: 0.13rem;
        height: 0.2rem;
    }

    .yd-home-seoc-guding dl:nth-child(2) dt img {
        width: 0.16rem;
        height: 0.15rem;
    }

    .yd-home-seoc-guding dl:nth-child(3) dt img {
        width: 0.19rem;
        height: 0.2rem;
    }

    .yd-home-seoc-guding dl:nth-child(4) dt img {
        width: 0.17rem;
        height: 0.15rem;
    }

    .yd-home-seoc-guding dl:nth-child(5) dt img {
        width: 0.24rem;
        height: 0.17rem;
    }

    .yd-home-seoc-guding dl dd {
        font-size: 0.08rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #333333;
        line-height: 0.18rem;
        margin-left: 0.03rem;
    }

    /* 头部导航tab切换 */
    .yd-home-ulcy-quanwear .yd-home-top-binbtn {
        width: 3.75rem;
        height: 1rem;
        background: #D6081F;

    }

    .yd-home-top-binbtn .yd-home-ding-fen {
        display: flex;
        justify-content: space-between;
        margin: 0 0.16rem;
        padding-top: 0.2rem;
        height: 0.6rem;
    }



    .yd-home-top-binbtn .yd-home-ding-fen dl dd {
        font-size: 0.1rem;
        text-align: center;
    }

    .yd-home-ulcy-quanwear .yd-home-top-binbtn dl {
        width: 0.6rem;
        /* height: 0.6rem; */
        background: #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;

    }

    .yd-home-ding-fen .yd-home-houser {
        background: #FFEDEF;
    }

    .yd-home-ding-fen .yd-home-houser dd {

        color: #D5081E;
    }

    .yd-home-top-binbtn dl dd {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.1rem;
        color: #333333;
    }

    .yd-home-top-binbtn dl dt {
        /* width: 0.6rem;
        display: table-cell;
        vertical-align: middle;
        text-align: center; */
        /* margin-top: 0.12rem; */
    }

    .yd-home-top-binbtn dl dt img {
        margin: 0 auto;
    }



    .yd-home-top-binbtn dl:nth-child(1) dd {}

    .yd-home-top-binbtn dl:nth-child(1) dt img {
        width: 0.13rem;
        height: 0.2rem;
    }

    .yd-home-top-binbtn dl:nth-child(2) dt img {
        width: 0.16rem;
        height: 0.15rem;
    }

    .yd-home-top-binbtn dl:nth-child(3) dt img {
        width: 0.19rem;
        height: 0.2rem;
    }

    .yd-home-top-binbtn dl:nth-child(4) dt img {
        width: 0.17rem;
        height: 0.15rem;
    }

    .yd-home-top-binbtn dl:nth-child(5) dt img {
        width: 0.24rem;
        height: 0.17rem;
    }

    .yd-home-ulcy-quanwear .yd-home-seoquan-wear {
        font-size: 14px;
    }


    .yd-home-description-wear {
        padding-top: 0.3rem;
    }

    .yd-home-description-wear .yd-home-music-group {
        text-align: center;
        font-size: 12px;
    }

    .yd-home-description-wear .yd-home-music-group h2 {
        width: 3.75rem;
        /* height: 0.13rem; */
        text-align: center;
        background: url(/img/html5_join/index/yd-headline.png) no-repeat;
        background-position: 0 0.1rem;
        background-size: 3.75rem;
        font-size: 0.2rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #D5081E;
        line-height: 0.3rem;
    }
    .yd-home-description-wear .yd-home-music-group h2 a{
        color: #D5081E;
    }

    .yd-home-description-wear .yd-home-music-group strong {
        font-size: 0.1rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #4A4A4A;
    }

    .yd-home-description-wear .yd-home-music-group strong span {
        width: 0.03rem;
        height: 0.03rem;
        background: #4A4A4A;
        display: inline-block;
        margin: 0.02rem 0.05rem;
        border-radius: 50%;
    }

    .yd-home-description-wear p {
        width: 3.4rem;
        font-size: 0.1rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #333333;
        line-height: 0.18rem;
        margin: 0 auto;
        text-align: center;
        padding-top: 0.3rem;
    }

    /* 移动声乐培训课 */
    .yd-home-vacol-train-wear {}

    .yd-home-vacol-first {
        display: flex;
        justify-content: center;
        margin-top: 0.3rem;
        margin-bottom: 0.3rem;
    }

    .yd-home-vacol-first .yd-home-left-cionseo {
        width: 0.3rem;
        height: 0.3rem;
        background: #D5081E;
        border-radius: 0.08rem 0px 0px 0px;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .yd-home-vacol-first .yd-home-left-cionseo img {
        width: 0.2rem;
        height: 0.2rem;
    }

    .yd-home-vacol-first .yd-home-right-cionseo {
        height: 0.28rem;
        border: 0.01rem solid #D5081E;
    }

    .yd-home-vacol-first .yd-home-right-cionseo h2 {
        font-size: 0.1rem;
        font-family: SourceHanSansCN-Bold, SourceHanSansCN;
        font-weight: bold;
        color: #D5081E;
        line-height: 0.2rem;
        padding: 0 0.09rem;
    }
    .yd-home-vacol-first .yd-home-right-cionseo h2 a{
        color: #D5081E;
    }

    .yd-home-vacol-first .yd-home-right-cionseo p {
        font-size: 0.05rem;
        font-family: SourceHanSansCN-Normal, SourceHanSansCN;
        font-weight: 400;
        color: #D5081E;
        line-height: 0.02rem;
        padding-left: 0.09rem;
    }

    .yd-home-title-wrap {
        display: flex;
        justify-content: space-between;
        position: relative;
        padding-left: 0.2rem;
        padding-right: 0.4rem;
    }

    .yd-home-title-wrap li {
        display: flex;
    }

    .yd-home-title-wrap li img {
        width: 0.15rem;
        height: 0.15rem;
    }

    .yd-home-title-wrap li strong a {

        font-size: 0.12rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #333333;
        line-height: 0.18rem;
        padding-left: 0.03rem;
    }

    .yd-home-title-wrap li:nth-last-of-type(1) {
        width: 0;
        height: 0;
        border-top: 0.06rem solid #D5081E;
        border-right: 0.05rem solid transparent;
        border-bottom: 0.05rem solid transparent;
        border-left: 0.05rem solid transparent;
        position: absolute;
        right: 0.2rem;
        top: 40%;
    }


    /* 移动课程视频轮播 */
    .yd-home-beijing-tui {
        position: relative;
        display: flex;
        justify-content: center;
        margin-top: 0.25rem;
        margin-bottom: 0.15rem;
    }

    .yd-home-beijing-tui .yd-home-beijings1 {
        width: 3rem;
        /* height: 1.7rem; */
        background: url(/img/html5_join/index/kc-tuijian.png) no-repeat;
        background-size: 2.55rem 1.7rem;
        z-index: 111;
        display: block;
        position: absolute;
    }

    .yd-home-jq-qibu .yd-home-beijing-tui img {
        width: 3rem;
        /* height: 1.7rem; */
    }

    .yd-home-jq-qibu p {
        display: flex;
        justify-content: center;
        text-align: center;
        margin: 0 0.5rem;
    }

    .yd-home-schoolhrefbtns {
        display: flex;
        justify-content: center;
        padding-bottom: 0.4rem;
        padding-top: 0.1rem;
    }

    .yd-home-schoolhrefbtns a {
        display: block;
    }

    .yd-home-schoolhrefbtns a:first-child {
        width: 1.2rem;
        height: 0.25rem;
        background: #EE3044;
        border-radius: 0.05rem;
        font-size: 0.1rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 0.25rem;
        text-align: center;
        margin-right: 0.24rem;
    }

    .yd-home-schoolhrefbtns a:last-child {
        width: 1.2rem;
        height: 0.25rem;
        background: #4A4A4A;
        border-radius: 0.05rem;
        font-size: 0.1rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 0.25rem;
        text-align: center;
    }

    /* 音乐导师 */
    .yd-home-totut-quan-wear {
        width: 100%;
        height: 9.8rem;
        background: #DE3A4C;
    }

    .yd-home-totut-quan-wear .yd-home-bian-first {
        display: flex;
        justify-content: center;
        padding-bottom: 0.15rem;
        padding-top: 0.3rem;
    }

    .yd-home-totut-quan-wear .yd-home-bian-first .yd-home-left-biao-red {
        width: 0.3rem;
        height: 0.3rem;
        background: #fff;
        border-radius: 0.08rem 0px 0px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .yd-home-totut-quan-wear .yd-home-bian-first .yd-home-left-biao-red img {
        width: 0.2rem;
        height: 0.2rem;
    }

    .yd-home-bian-first .yd-home-right-biao-red {
        height: 0.28rem;
        border: 0.01rem solid #fff;
    }

    .yd-home-bian-first .yd-home-right-biao-red h2 {
        font-size: 0.15rem;
        font-family: SourceHanSansCN-Bold, SourceHanSansCN;
        font-weight: bold;
        color: #fff;
        line-height: 0.18rem;
        padding: 0 0.09rem;
    }
    .yd-home-bian-first .yd-home-right-biao-red h2 a{
        color: #fff;
    }

    .yd-home-bian-first .yd-home-right-biao-red p {
        font-size: 0.09rem;
        font-family: SourceHanSansCN-Normal, SourceHanSansCN;
        font-weight: 400;
        color: #fff;
        padding: 0 0.09rem;
    }

    .yd-home-quan-cone .yd-home-jieshao-wen {
        width: 2.9rem;
        font-size: 0.1rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.18rem;
        margin: 0 auto;
        text-align: center;
    }

    .yd-home-tea-ctwe {
        margin: 0 0.16rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-top: 0.25rem;

    }

    .yd-home-tea-ctwe dl {
        position: relative;
        padding-bottom: 0.35rem;

    }

    .yd-home-tea-ctwe dl dt img {
        width: 1.65rem;
    }

    .yd-home-tea-ctwe dl .yd-home-bin-teas {
        width: 1.4rem;
        height: 0.6rem;
        background: #FFFFFF;
        opacity: 0.9;
        position: absolute;
        top: 1.6rem;
        left: 0.25rem;
        text-align: center;
    }

    .yd-home-tea-ctwe dl .yd-home-bin-teas p {
        font-size: 0.11rem;
        font-family: Source Han Sans CN;
        font-weight: 500;
        color: #333333;
        line-height: 0.2rem;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .yd-home-tea-ctwe dl .yd-home-bin-teas b {
        font-size: 0.1rem;
        font-family: Source Han Sans CN;
        color: #333333;
        line-height: 0.2rem;
        text-align: center;
    }

    .yd-home-tea-ctwe dl .yd-home-bin-teas i {
        font-size: 0.1rem;
        font-family: Source Han Sans CN;
        color: #333333;
        line-height: 0.2rem;
        text-align: center;
    }

    /* 移动三个按钮 */
    .yd-three-quan .yd-wear-nav {
        padding: 0 0.3rem;
        display: flex;
        justify-content: space-between;
    }

    .yd-wear-nav .yd-first-btn, .yd-wear-nav .yd-secon-btn {
        width: 50%;
        background: #FF5653;
        display: flex;
        font-size: 0.15rem;
        display: flex;
        justify-content: center;
        height: 0.29rem;
        height: 0.35rem;
    }

    .yd-wear-nav .yd-first-btn a, .yd-wear-nav .yd-secon-btn a {
        line-height: 0.35rem;
        margin: 0 auto;
        text-align: center;
        display: inherit;
        color: aliceblue;
    }

    .yd-wear-nav .yd-first-btn {
        margin-right: 0.045rem;
        border-top-left-radius: 0.18rem;
        border-bottom-left-radius: 0.18rem;
    }

    .yd-wear-nav .yd-first-btn img {
        width: 0.25rem;
        height: 0.2rem;


    }

    .yd-wear-nav .yd-secon-btn img {
        width: 0.2rem;
        height: 0.2rem;

    }

    .yd-wear-nav .yd-secon-btn {
        border-top-right-radius: 0.18rem;
        border-bottom-right-radius: 0.18rem;
    }

    .yd-wear-nav .yd-secon-btn {
        margin-left: 0.09rem;
    }

    .yd-wear-nav .yd-first-btn img, .yd-wear-nav .yd-secon-btn img {
        display: inline-block;
        line-height: 0.49rem;
        padding: 0.05rem;
    }

    .yd-three-quan .yd-ten-btn {
        width: 3.18rem;
        height: 0.35rem;
        border-radius: 35px;
        border: 2px solid #EE3044;
        font-size: 0.15rem;
        text-align: center;
        margin: 0.1rem auto;
        background: #fff;

    }

    .yd-three-quan .yd-ten-btn a {
        width: 3.18rem;
        font-size: 0.15rem;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #EE3044;
        line-height: 0.35rem;
        margin: 0 auto;
    }

    /* 移动端历年成就 */
    .yd-home-enver-chonner {}

    .yd-home-over-sense .yd-home-sencons-group {
        text-align: center;
        font-size: 12px;
        padding-top: 0.3rem;
    }

    .yd-home-over-sense .yd-home-sencons-group h2 {
        width: 3.75rem;
        /* height: 0.13rem; */
        text-align: center;
        background: url(/img/html5_join/index/yd-headline.png) no-repeat;
        background-position: 0 0.1rem;
        background-size: 3.75rem;
        font-size: 0.2rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #D5081E;
        line-height: 0.3rem;
    }

    .yd-home-over-sense .yd-home-sencons-group strong {
        font-size: 0.1rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #4A4A4A;
    }

    .yd-home-over-sense .yd-home-sencons-group span {
        width: 0.03rem;
        height: 0.03rem;
        background: #4A4A4A;
        display: inline-block;
        margin: 0.02rem 0.05rem;
        border-radius: 50%;
    }

    .yd-home-over-sense .yd-home-text-sencones {
        width: 3.3rem;
        font-size: 0.1rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #333333;
        line-height: 0.18rem;
        margin: 0 auto;
        text-align: center;
        padding-top: 0.3rem;
    }

    /* 录取榜单 */
    .yd-home-wai-tou-con {
        padding-bottom: 0.3rem;
        margin: 0 0.16rem;
    }

    .yd-home-school_content {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .yd-home-school-dl {
        width: 1.08rem;
        height: 1.14rem;
        position: relative;
        background: url(/img/html5_join/index/xing-biao-tit.png) no-repeat;
        background-size: 1.08rem 1.14rem;
        margin-top: 0.1rem;
        padding: 0.15rem 0;
        box-sizing: border-box;
        z-index: 2;
        border-top: #fff;
        border-radius: 0.05rem;
    }

    .yd-home-school-dl dt {
        width: 1.08rem;
        height: 0.5rem;
        display: flex;
        border-radius: 0.1rem;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .yd-home-school-dl dt img {
        width: 0.45rem;
        height: 0.45rem;
        position: absolute;
        display: inline-block;
    }

    .yd-home-school-dl .yd-home-school-name {
        font-size: 0.1rem;
        margin: 0.05rem 0;
        text-align: center;
    }

    .yd-home-school-dl .yd-home-school-lase {
        font-size: 0.1rem;
        color: red;
        font-weight: 600;
        animation: big 1s infinite;
        text-align: center;
    }

    @keyframes big {
        from {
            -webkit-transform: scale(1);
            -webkit-transform-origin: 50% 50%;
        }

        to {
            -webkit-transform: scale(1.3);
            -webkit-transform-origin: 50% 50%;
        }
    }

    /* 移动端教学环境 */
    .yd-home-jxhj-wears {
        width: 100%;
        height: 5.1rem;
        background: url(/img/html5_join/index/big-banner-tenner.png);
        background-size: 100% 6.1rem;
    }

    .yd-home-enver-chonner .yd-home-kunerh-group {
        text-align: center;
        font-size: 12px;
        padding: 0.3rem 0;
    }

    .yd-home-enver-chonner .yd-home-kunerh-group h2 {
        width: 3.75rem;
        /* height: 0.13rem; */
        text-align: center;
        background: url(/img/html5_join/index/yd-headline-white.png) no-repeat;
        background-position: 0 0.1rem;
        background-size: 3.75rem;
        font-size: 0.2rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #fff;
        line-height: 0.3rem;
    }

    .yd-home-enver-chonner .yd-home-kunerh-group strong {
        font-size: 0.1rem;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #fff;
    }

    .yd-home-enver-chonner .yd-home-kunerh-group strong span {
        width: 0.03rem;
        height: 0.03rem;
        background: #fff;
        display: inline-block;
        margin: 0.02rem 0.05rem;
        border-radius: 50%;
    }


    .yd-home-train-twe {
        margin-bottom: 0.3rem;
    }

    .yd-home-train-twe #yd-home-envirBtn {
        display: flex;
        width: 3.42rem;
        padding-bottom: 0.01rem;
        /* background: #D5081E; */
        margin: 0.1rem 0.15rem;
    }

    .yd-home-train-twe #yd-home-envirBtn li {
        width: 33%;
        background: #4A4A4A;
        font-size: 0.1rem;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        color: #FFFFFF;
        height: 0.28rem;
        line-height: 0.28rem;
        text-align: center;
    }

    .yd-home-train-twe #yd-home-envirBtn li:nth-of-type(1) {
        border-radius: 0.08rem 0 0 0.08rem;
    }

    .yd-home-train-twe #yd-home-envirBtn li:nth-of-type(4) {
        border-radius: 0 0.08rem 0.08rem 0;
    }


    .yd-home-actLi-red {
        background: #D5081E !important;
        color: #D8D8D8;
    }

    #yd-home-envirConPic .swiper-wrapper .swiper-slide .lazy {
        width: 3.41rem;
        margin: 0 0.16rem;
    }

    /* 移动端视频展示 */







}