
@media screen and (min-width:960px) {
  
  #mobile-main{
    display: none;
  }
  #navcight{
    display: none;
  }

  #m-form-banner{
    display: none;
  }

  html body {

    padding-top: 0;
    /* overflow-x: hidden; */

    position: relative;

  }

  #pc-main h1 {
    font-size: 0.36rem !important;
    margin-top: 0.5rem;
}

/*头部导航开始,辅导航  主导航*/

body{
  padding-top:1rem !important;
}

.clearfix::after {

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

}


  /*主要模块   声乐艺考模块*/
  .home-syyk-wears-tab,
  .home-xyqy-wears-tab,
  .home-mzqy-wears-tab,
  .home-yyll-wears-tab,
  .home-yycz-wears-tab{

    width: 19.2rem;
    height: 10rem;
    background: url(/img/html5_join/index/big-youshi-quan.png)no-repeat;
    background-size: cover;
    overflow: hidden;
  }
  .home-public-tab{

    width: 14.4rem;
    height: 7.2rem;
    /* border:solid 1px red; */
    margin: 1rem auto auto auto;
    border-radius: 0.3rem;
    background: #FEFFFF;
    overflow: hidden;

  }
  .home-public-tab .home-syyk-tab-ul{
    position: relative;
    display: flex;
  }
  .home-public-tab .home-syyk-tab-ul li{
    width: 4.8rem;
    height: 1.2rem;
    display: flex;
    justify-content: center;
    background: #FFEBEB;
    align-items: center;

  }
  .home-public-tab .home-syyk-tab-ul li h3{

    font-size: 0.3rem;
    color: #EE3044;
    font-weight: 600;
    box-sizing: border-box;
    padding-left: 0.1rem;


  }
  .home-public-tab .home-syyk-tab-ul li h3 a{
    color: #EE3044;
  }
  .home-public-tab .home-syyk-tab-ul li img{
    width: 0.4rem;
    height: 0.36rem;
  }

  .home-public-tab .home-syyk-tab-ul .home-public-tab-active{
    background: #FEFFFF;
  }
  .home-public-tab-content{
    width: 100%;

    height: 6rem;
    /* border: solid 1px blue; */
  }
  .home-public-tab-content>div{
    display: none;
  }
  .home-tab-ykzx-content{

    width: 100%;
    flex-wrap: wrap;
    display: none;
    font-size: 0.16rem;
  }
  .home-tab-ykzx-content::after{
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
  }
  .home-tab-ykzx-content dl{
    width: 6.3rem;
    height: 0.96rem;
    /* background: gray; */
    margin-left:0.45rem;
    margin-right: 0.45rem;
    margin-top:0.35rem;
    float: left;
  }
  .home-tab-ykzx-content dl:nth-of-type(1),
  .home-tab-ykzx-content dl:nth-of-type(2){
    margin-top:0.55rem;
  }
  .home-tab-ykzx-content dl::after{
    display: "block";
    content: "";
    clear: both;
    overflow: hidden;
  }
  .home-tab-ykzx-content dl dt{

    width: 1.3rem;
    height: 0.96rem;
    float: left;


  }
  .home-tab-ykzx-content dl dt img{
    width: 100%;
    height: 100%;
    background: #EE3044;
    opacity: 0.9;
  }
  .home-tab-ykzx-content dl dd{
    margin-left: 0.2rem;
    width: 4.8rem;
    display: block;
    float: left;
  }
  .home-tab-ykzx-content dl dd:nth-of-type(1){

    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;

  }
  .home-tab-ykzx-content dl dd:nth-of-type(1) a{
    font-size: 0.16rem;
    font-weight: bold;
    color: #4a4a4a; 

  }
  .home-tab-ykzx-content dl dd:nth-of-type(2){

    font-size: 0.14rem;
    color: #9B9B9B; 
    margin-top:0.05rem;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

  }
  .home-tab-ykzx-content dl dd:nth-of-type(3){

    font-size: 0.14rem;
    color: #9B9B9B; 
    text-align: right;

  }
  .home-tab-ykzx-content dl dd:nth-last-of-type(1){
    border-bottom: solid 1px #D8D8D8;
  }
  .home-tab-school-content{
    overflow: hidden;
  }

  .home-tab-school-content>p{
    width: 100%;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-size: 0.16rem;
    line-height: 0.27rem;
    letter-spacing: 0.01rem;
    text-align: center;
    margin-top: 0.6rem;
  }
  .home-tab-school-content ul{
    display: flex;
    margin-top: 0.6rem;
    width: 100%;

  } 
  .home-tab-school-content ul li{
    font-size: 0.16rem;
    width: 3.16rem;
    height: 3.92rem;
    background: gray;
    margin: 0 0.22rem;
    box-shadow: 0.05rem 0.05rem 0.1rem #999;
    border-radius: 0.1rem;
    overflow: hidden;
  }
  .home-tab-school-content ul li>a{
    width: 3.16rem;
    height: 3.16rem;
    display: block;
    position: relative;
    /* border: solid 1px blue; */
  }
  .home-tab-school-content ul li>a>img{
    width: 3.16rem;
    height: 3.16rem;
  }
  .home-tab-school-content ul li>a>div{
    width: 3.16rem;
    height: 0.68rem;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    opacity: 0.8;
  }
  .home-tab-school-content ul li>a>div>img{
    width: 0.48rem;
    height: 0.48rem;
  }
  .home-tab-school-content ul li>a>div>h4{
    font-size: 0.28rem;
    color: #4a4a4a;
    font-weight: bold;
    margin-left: 0.05rem;
  }
  .home-tab-school-content ul li>p{
    width: 100%;
    height: 0.76rem;
    /* border: solid 1px red; */
  }
  .home-tab-school-content ul li>p{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .home-tab-school-content ul li>p>a{
    display: block;
    width: 1.38rem;
    color: #fff;
    text-align: center;
    height: 0.4rem;
    line-height: 0.4rem;
    border-radius: 0.05rem;
  }
  .home-tab-school-content ul li>p>a:nth-of-type(1){
    background: #EE3044;
    margin-right: 0.02rem;
  }
  .home-tab-school-content ul li>p>a:nth-of-type(2){
    background: #9B9B9B;
    margin-left: 0.02rem;
  }
  .home-tab-youshi-content{

    margin-top:0.6rem;
  
  }
  .home-tab-youshi-content::after{
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
  }
  .home-tab-youshi-content>ul{
    width: 12rem;
    height: 4.7rem;
    /* border: solid 1px blue; */
    float: left;
  }
  .home-tab-youshi-content>h4{
    width: 2.16rem;
    height: 4.7rem;
    border: solid 1px red;
    float: right;
    background: #EE3044;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .home-tab-youshi-content>h4>span{

    font-size: 0.3rem;
    color: #fff;
    letter-spacing: 0.03rem;
    line-height: 0.45rem;

  }
  .home-tab-youshi-content>ul{
    display: flex;
    flex-wrap: wrap;
  }
  .home-tab-youshi-content>ul>li{
    width: 2.2rem;
    height: 2.2rem;
    margin-left: 0.25rem;
    background: #4a4a4a;
    margin-bottom: 0.3rem;
    overflow: hidden;
    border-radius: 0.1rem;

  }

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



  .home-tab-youshi-content>ul>li>a{
    font-size: 0.16rem;
  }
  .home-tab-youshi-content>ul>li>a dt{
    height: 1rem;
    line-height: 1.5rem;
    font-size: 0.48rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
  .home-tab-youshi-content>ul>li>a dd:nth-of-type(1){
    width: 0.24rem;
    height: 1px;
    background: #fff;
    margin: 0 auto;

  }
  .home-tab-youshi-content>ul>li>a dd:nth-of-type(2){
    height: 1rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 0.24rem;
    justify-content: center;
    align-items: center;
  }


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


  /*民族器乐tab*/

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


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



      
    .yd-home-ulcy-quanwear{
        display: none;
    }
    /* 声乐艺考文字介绍 */
    .home-description-wear .home-music-group {
        margin: 1rem auto;
    }
    
    .home-description-wear .home-music-group h2 {
        text-align: center;
        background: url(/img/html5_join/news-hr.png) no-repeat;
        background-position: 0 0.16rem;
        background-size: 19.2rem;
        color: #D5081E;
        font-size: 0.4rem;
        font-weight: bold;
        line-height: 0.6rem;
        letter-spacing: 0.04rem;
    }
    .home-description-wear .home-music-group h2 a{
      color: #D5081E;
    }
    
    .home-description-wear .home-music-group strong {
        font-size: 0.18rem;
        color: #4a4a4a;
        text-align: center;
        margin-top: 0.16rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        color: #4A4A4A;
        letter-spacing: 0.06rem;
    }
    
    .home-description-wear .home-music-group strong span {
        width: 0.07rem;
        height: 0.07rem;
        background: #4A4A4A;
        display: inline-block;
        margin: 0 0.1rem;
        border-radius: 50%;
    }
    
    .home-description-wear .home-text-introduce {
        width: 12rem;
        font-size: 0.18rem;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #4A4A4A;
        line-height: 0.36rem;
        letter-spacing: 1px;
        text-align: center;
        margin: 0 auto;
    }
    
    /* 声乐培训课 */
    .home-vacol-train-wear {}
    
    .home-vacol-train-wear .home-vacol-first {
        display: flex;
        justify-content: center;
        margin-top: 0.9rem;
        margin-bottom: 0.3rem;
    }
    
    .home-vacol-first .home-left-cionseo {
        width: 0.6rem;
        height: 0.6rem;
        background: #D5081E;
        border-radius: 0.17rem 0px 0px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .home-vacol-first .home-left-cionseo img {
        width: 0.4rem;
        height: 0.4rem;
    }
    
    
    .home-vacol-first .home-right-cionseo {
        height: 0.58rem;
        border: 0.01rem solid #D5081E;
        /* display: flex;
        justify-content: center;
        align-items: center; */
    }
    
    
    .home-vacol-first .home-right-cionseo h2 {
    
        font-size: 0.3rem;
        font-family: SourceHanSansCN-Bold, SourceHanSansCN;
        font-weight: bold;
        color: #D5081E;
        line-height: 0.45rem;
        padding: 0 0.18rem;
    }
    .home-vacol-first .home-right-cionseo h2 a{
      color: #D5081E;
    }
    
    .home-vacol-first .home-right-cionseo p {
        font-size: 0.09rem;
        font-family: SourceHanSansCN-Normal, SourceHanSansCN;
        font-weight: 400;
        color: #D5081E;
        line-height: 0.04rem;
        padding-left: 0.18rem;
    }
    
    .home-kcs-threes {
        font-size: 20px;
    }
    
    .home-kcs-threes ul {
        display: flex;
        justify-content: center;
    }
    
    .home-kcs-threes ul li {
        display: flex;
        align-items: center;
        margin-right: 0.5rem;
    }
    
    .home-kcs-threes ul li img {
        width: 0.2rem;
        height: 0.2rem;
    
    }
    
    .home-kcs-threes ul li strong a {
        font-size: 0.2rem;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        color: #222222;
        line-height: 0.3rem;
        padding-left: 0.08rem;
    }
    
    /* 下拉 */


    .home-kcs-threes .home-node-wrap{
      display: none;
    }
    
    .home-node-wrap-hide {
        transform: translate(-200%, 0);
        max-height: 0;
    }
    
    
    .home-title-wrap {
        padding: 0.16rem 0.16rem 0.16rem 0;
        margin: 0 0.16rem 0 0.16rem;
        border-bottom: none;
        display: flex;
        align-items: center;
        position: relative;
        /* border: solid 1px red; */
    }
    .home-kcs-threes{
      position: relative;
    }
    .home-kcs-threes>.home-block-wrap-more{
      width: 0.3rem;
      height: 0.3rem;
      position: absolute;
      left:70%;
      top:0;
      transform: translateY(50%);

    }
    
    
    /*使用伪类进行图标绘画*/
    .home-title-wrap::after {
        /* content: '';
        width: 0.16rem;
        height: 0.16rem;
        border-top: 0.02rem solid #999999;
        border-right: 0.02rem solid #999999;
        transform: rotate(-45deg);
        display: inline-block;
        transition: 0.3s;
        float: right;
        margin-top: 0.1rem; */
    }
    
    .home-active::after {
        transform: rotate(135deg);
        margin-top: 0.05rem;
    
    }
    
    .home-couse-seome {
        display: flex;
        margin: 0 2.4rem;
        justify-content: space-between;
    }
    
    .home-couse-seome dl dt {
      
        width: 4.64rem;
      
    
    }
    
    .home-couse-seome dl dt .home-jq-qibu{
        /* overflow: hidden; */
        position: relative;
    
    }
    .home-couse-seome dl dt .home-run-into-red{


        position: absolute;
        top: 2.6rem;
        left: 0;
        font-size: 0.4rem;
        width: 100%;
        background: #EE3044;
        color: #F7F7F7;
        text-align: center;
        line-height: 0.5rem;
        letter-spacing: 5px;
        display: block;
        font-size: 0.2rem;



    }
    
    .home-couse-seome dl dt:hover .home-run-into-red{
        /* display: block;
        top:0;
        transition: 1s;
        -webkit-transition: 1s; */
    }
    
    .home-couse-seome dl dd {
        margin-top: 0.24rem;
    }
    
    
    
    
    .home-couse-seome .home-beijing-tui {
        position: relative;
    
    }
    
    .home-couse-seome .home-beijing-tui .home-beijings1 {
        width: 4.64rem;
        height: 3.09rem;
        background: url(/img/html5_join/index/kc-tuijian.png) no-repeat;
        background-size: 4.64rem 3.09rem;
        z-index: 11;
        display: block;
        position: absolute;
    
    }
    .home-beijing-tui:before,
    .home-beijing-tui:after{
        content: "";
        position: absolute;
        top: 0;
        width: 81.25px;
        height: 0;
        background: #c02230;
        box-sizing: border-box;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
    /* .home-beijing-tui .home-beijings1:hover{
        background: #EE3044;
        opacity: 0.4;
        box-sizing: border-box;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        content: "";
        position: absolute;
        top: 0;
        height: 0;
        background: #c02230;
    
    } */
    
    .home-couse-seome .home-beijing-tui img {
        width: 4.64rem;
        height: 3.09rem;
    
    }
    
    .home-couse-seome dl dt p {
        font-size: 0.14rem;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #4A4A4A;
        line-height: 0.28rem;
        letter-spacing: 1px;
        text-align: center;
    }
    
    .home-schoolhrefbtns {
        display: flex;
        justify-content: center;
    }
    
    .home-schoolhrefbtns a {
        display: block;
    }
    
    .home-schoolhrefbtns a:first-child {
        width: 1.48rem;
        height: 0.4rem;
        background: #EE3044;
        border-radius: 0.04rem;
        font-size: 0.18rem;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.4rem;
        text-align: center;
        margin-right: 0.24rem;
    }
    
    .home-schoolhrefbtns a:last-child {
        width: 1.48rem;
        height: 0.4rem;
        background: #4A4A4A;
        border-radius: 0.04rem;
        font-size: 0.18rem;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.4rem;
        text-align: center;
    }
    
    /* 声乐音乐创作导师 */
    .home-totut-quan-wear {
        width: 100%;
        height: 7.7rem;
        background: url(/img/html5_join/index/big-banner-quan.png);
        background-size: 100% 7.7rem;
        margin-top: 0.9rem;
        margin-bottom: 0.3rem;
    }
    
    .home-totut-quan-wear .home-bian-first {
        display: flex;
        justify-content: center;
        padding-bottom: 0.4rem;
    
    }
    
    .home-totut-quan-wear .home-bian-first .home-left-biao-red {
        width: 0.6rem;
        height: 0.6rem;
        background: #fff;
        border-radius: 0.17rem 0px 0px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .home-totut-quan-wear .home-bian-first .home-left-biao-red img {
        width: 0.4rem;
        height: 0.4rem;
    }
    
    .home-totut-quan-wear .home-bian-first .home-right-biao-red {
        height: 0.58rem;
        border: 0.01rem solid #fff;
    }
    
    .home-totut-quan-wear .home-bian-first .home-right-biao-red h2 {
        font-size: 0.3rem;
        font-family: SourceHanSansCN-Bold, SourceHanSansCN;
        font-weight: bold;
        color: #fff;
        line-height: 0.45rem;
        padding: 0 0.18rem;
    }
    .home-totut-quan-wear .home-bian-first .home-right-biao-red h2 a{
      color: #fff;
    }
    
    .home-totut-quan-wear .home-bian-first .home-right-biao-red p {
        font-size: 0.09rem;
        font-family: SourceHanSansCN-Normal, SourceHanSansCN;
        font-weight: 400;
        color: #fff;
        line-height: 0.04rem;
        padding-left: 0.18rem;
    }
    
    .home-totut-quan-wear .home-quan-cone {
        padding-bottom: 0.4rem;
        padding-top: 0.9rem;
    }
    
    .home-quan-cone .home-jieshao-wen {
        font-size: 0.18rem;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 0.27rem;
        letter-spacing: 1px;
        text-align: center;
    }
    
    .home-tea-ctwe {
        display: flex;
        justify-content: center;
        margin-bottom: 0.5rem;
    }
    
    .home-tea-ctwe dl {
        height: auto;
        position: relative;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
    }
    
    .home-tea-ctwe dl dt {
        width: 3.1rem;
    }
    
    .home-tea-ctwe dl dt img {
        width: 3.1rem;
        height: auto;
    }
    
    .home-tea-ctwe dl dd {
        width: 3.1rem;
        height: 100%;
        position: absolute;
        display: none;
        left: 0;
        top: 0;
        z-index: 100;
        background: rgba(0, 0, 0, 0.7);
        font-size: 16px;
    
    }
    
    .home-tea-ctwe dl:hover {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        z-index: 1000;
    }
    
    .home-tea-ctwe dl:hover dd {
        display: block;
    }
    
    .home-tea-ctwe dl dd .home-bin-teas {
        position: relative;
        top: 57%;
        text-align: center;
    }
    
    .home-tea-ctwe dl dd a {}
    
    .home-tea-ctwe dl dd p {
    
        font-size: 0.18rem;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 0.27rem;
        text-align: center;
    }
    
    .home-tea-ctwe dl dd b {
        font-size: 0.18rem;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 0.27rem;
    }
    
    .home-tea-ctwe dl dd i {
        font-size: 0.18rem;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 0.27rem;
    }
    
    .home-phone-cthree {
        padding-top: 0.4rem;
    
    }
    
    .home-phone-cthree .home-btn-an {
        width: 6.6rem;
        height: 0.4rem;
        background: #fff;
        border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
        margin: 0 auto;
    }
    
    .home-phone-cthree .home-btn-an .home-red-btn-one {
        position: absolute;
        right: 0;
        bottom: 0.2rem;
    }
    
    .home-phone-cthree .home-btn-an .home-three-seons {
        width: 6.6rem;
        height: 0.4rem;
        position: absolute;
    }
    
    .home-phone-cthree .home-btn-an .home-three-seons a {
        width: 2.19rem;
        display: block;
        float: left;
        display: flex;
        justify-content: center;
        color: red;
        height: 0.4rem;
        line-height: 0.4rem;
        align-items: center;
    }
    
    .home-phone-cthree .home-btn-an .home-three-seons .home-shxian-somll {
        border-left: 1px solid red;
        border-right: 1px solid red;
        top: 50%;
        transform: translate(0.1rem, 50%);
        height: 0.2rem !important;
    }
    
    .home-three-seons img {
        display: block;
        width: 0.2rem;
        height: 0.2rem;
    }
    
    .home-three-seons span {
        font-size: 0.18rem;
        padding-left: 0.08rem;
    }
    
    /* 历年成就 */
    .home-lncj-wears {
        /* margin: 0 2.4rem; */
    }
    
    .home-lncj-wears .home-over-sense {}
    
    .home-over-sense .home-sencons-group {
        margin: 0.6rem auto;
    }
    
    .home-over-sense .home-sencons-group h2 {
        text-align: center;
        background: url(/img/html5_join/news-hr.png) no-repeat;
        background-position: 0 0.16rem;
        background-size: 19.2rem;
        color: #D5081E;
        font-size: 0.4rem;
        font-weight: bold;
        line-height: 0.6rem;
        letter-spacing: 0.04rem;
    
    }
    
    .home-over-sense .home-sencons-group strong {
        font-size: 0.18rem;
        color: #4a4a4a;
        text-align: center;
        margin-top: 0.16rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        color: #4A4A4A;
        letter-spacing: 0.06rem;
    }
    
    .home-over-sense .home-sencons-group strong span {
        width: 0.07rem;
        height: 0.07rem;
        background: #4A4A4A;
        display: inline-block;
        margin: 0 0.1rem;
        border-radius: 50%;
    }
    
    .home-over-sense .home-text-sencones {
        width: 12rem;
        font-size: 0.18rem;
        font-family: SourceHanSansCN-Regular, SourceHanSansCN;
        font-weight: 400;
        color: #4A4A4A;
        line-height: 0.36rem;
        letter-spacing: 1px;
        text-align: center;
        margin: 0 auto;
    }
    
    
    /* 录取榜单 */
    .home-over-sense .home-wai-tou-con {
    
        margin: 0 2.4rem;
        padding-bottom: 0.4rem;
    }
    
    .home-school_content {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .home-school-dl {
        width: 2.18rem;
        height: 2.34rem;
        position: relative;
        background: url(/img/html5_join/index/xing-biao-tit.png) no-repeat;
        background-size: 2.18rem 2.34rem;
        margin-top: 0.2rem;
        padding: 0.3rem 0;
        box-sizing: border-box;
        z-index: 22;
        border-top: #fff;
        border-radius: 0.1rem;
    }
    
    .home-school-dl dt {
        width: 2.18rem;
        height: 0.95rem;
        display: flex;
        border-radius: 0.1rem;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    
    
    }
    
    .home-school-dl dt img {
        width: 0.9rem;
        height: 0.9rem;
        position: absolute;
        display: inline-block;
    
    
    }
    
    .home-school-dl .home-school-name {
        font-size: 0.18rem;
        margin: 0.1rem 0;
        text-align: center;
    
    }
    
    .home-school-dl .home-school-lase {
        font-size: 0.16rem;
        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%;
        }
    }
    
    /***三个按钮*************************************************************************************************/
    .consult-phone-baidu-module {
        width: 100%;
        font-family: "黑体";
        font-size: 0.12rem;
        padding-bottom: 0.3rem;
    }
    
    .consult-phone-baidu-module .btn-hour {
        width: 6.6rem;
        height: 0.4rem;
        background: #D5081E;
        border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
        margin: 0.2rem auto;
    }
    
    
    .consult-phone-baidu-module .btn-red {
        position: absolute;
        right: 0;
        bottom: 0.2rem;
    }
    
    .consult-phone-baidu-module .btn-three {
    
        width: 6.6rem;
        height: 0.4rem;
        position: absolute;
    
    }
    
    .consult-phone-baidu-module .btn-three a {
        width: 2.19rem;
    
        display: block;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        height: 0.4rem;
        line-height: 0.4rem;
        /* border:solid 1px black; */
    
    }
    
    /* .consult-phone-baidu-module .btn-heng .change-word{
        font-size: 0.2rem;
    } */
    .consult-phone-baidu-module .btn-three i {
        display: block;
        padding-right: 0.08rem;
    }
    
    .consult-phone-baidu-module .btn-three img {
        display: block;
        width: 0.2rem;
        height: 0.2rem;
    }
    
    .consult-phone-baidu-module .btn-three span {
        display: block;
    }
    
    .btn-shu {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        top: 50%;
        transform: translate(0.1rem, 50%);
        height: 0.2rem !important;
    }
    
    .btn-three span {
        font-size: 0.18rem;
        padding-left: 0.08rem;
    }
    
    /* 教学环境 */
    .home-jxhj-wears {
        width: 100%;
        height: 7.6rem;
        background: url(/img/html5_join/index/big-banner-tenner.png);
        background-size: 100% 7.6rem;
    }
    
    .home-enver-chonner {
        padding-top: 0.5rem;
    }
    
    .home-kunerh-group {
        /* margin: 0.6rem auto; */
    }
    
    .home-kunerh-group h2 {
        text-align: center;
        background: url(/img/html5_join/index/big-chang-biao.png) no-repeat;
        background-position: 0 0.16rem;
        background-size: 19.2rem;
        color: #fff;
        font-size: 0.4rem;
        font-weight: bold;
        line-height: 0.6rem;
        letter-spacing: 0.04rem;
    }
    
    .home-kunerh-group strong {
        font-size: 0.18rem;
        color: #fff;
        text-align: center;
        margin-top: 0.16rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: SourceHanSansCN-Medium, SourceHanSansCN;
        font-weight: 500;
        letter-spacing: 0.06rem;
    }
    
    .home-kunerh-group strong span {
        width: 0.07rem;
        height: 0.07rem;
        background: #fff;
        display: inline-block;
        margin: 0 0.1rem;
        border-radius: 50%;
    
    }
    
    
    .home-train-twe {
        width: 70%;
        margin: 0 auto;
        padding-top: 0.2rem;
        padding-bottom: 0.5rem;
    }
    
    #home-envirBtn {
        width: 70%;
        margin: 0.3rem auto;
        display: flex;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        font-size: 0.2rem
    }
    
    #home-envirBtn li {
        width: 2.2rem;
        height: 0.4rem;
        background: #fff;
        /* padding: 0.1rem 0; */
        text-align: center;
        line-height: 0.4rem;
        color: #4A4A4A;
    }
    
    #home-envirBtn .home-actLi-red {
        background: #D5081E;
        color: #fff
    }
    
    .swiper-slide .lazy {}
    
    #home-envirConPic {}
    
    #home-envirConPic img {
        width: 100%;
    }
    
    /*左边辅导航*/
    .left-navcation-position{

      position: fixed;
      left: 0.25rem;
      top:50%;
      transform: translateY(-50%);
      z-index: 10000;
      height: 5.8rem;
      /* border: solid 1px red; */
      width: 0.8rem;
      background: #4a4a4a;

    }
    .left-navcation-position>b{
      display: block;
      width: 0.8rem;
      font-size: 0.2rem;
      color: #fff;
      font-weight: bold;
      height: 0.48rem;
      line-height: 0.48rem;

      text-align: center;

    }

 

    .left-navcation-position>a{

      display: flex;
      width: 1.24rem;
      height: 0.55rem;
      line-height: 0.55rem;
      background: #fff;
      font-size: 0.12rem;
      border-radius: 0px 1rem 1rem 0px;
      margin-top: 0.04rem;
      position: relative;
      padding-left: 0.4rem;
      box-sizing: border-box;
      /* box-shadow: 5px 5px 5px 50x #4a4a4a; */

      box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);

    }

    .left-navcation-position>a>span{
      font-size: 0.12rem;
      color: #4a4a4a;
    }

    .left-navcation-position>a>i{

      width: 0.16rem;
      height: 0.16rem;
      background: #D8D8D8;
      border-radius: 0.1rem;
      position: absolute;
      top:0.195rem;
      left:0.1rem;
    }
    .left-navcation-position>a:nth-last-of-type(1){

      width: 0.8rem;
      height: 0.4rem;
      border-radius: 0 0 0 0;
      /* background-color: #4a4a4a; */
      background: url(/img/html5_join/index/left-phone.png) no-repeat;
      background-size: 0.4rem 0.4rem;
      background-position: 0.2rem 0;
      /* border: solid 1px green; */
      margin-top:0.1rem;
      box-shadow: initial;
    }
    .left-navcation-position>a>strong{

      position: absolute;
      width: 0.36rem;
      height: 0.16rem;
      background: #4A4A4A;
      border-radius: 0px 0.1rem 0.1rem 0;
      left:0;
      bottom: -0.08rem;
      z-index: 10001;
    }

    .left-navcation-position a img{

      width: 100%;
      height: 100%;

    }

    .left-navcation-position a:hover span{
      display: block;
    }

    /*左边辅导航 结束位置*/





}