body{
    font-size: 0.16rem;
    overflow-x: hidden;
}
.xuanxiang{
    width: 100%;

/* background: #FFFFFF; */
/* background-color: red; */
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0rem 0.02rem 0.15rem 0.01rem rgba(0,0,0,0.05);

}
  
*{
    margin: 0;
    padding: 0;
}

.yemian{
    width: 100%;
    height: 100%;
}
.tabone{
    width: 14rem;
    height: 100%;
    /* background-color: #630C88; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tab{

    width:8.8rem ;
    height:0.8rem ;
    /* background-color: rebeccapurple; */
   
}
.tab1{
    width: 2.67rem;
    /* height: 0.21rem; */
    /* background-color: aqua; */
    display: flex;
    
    justify-content: space-between;
}
.tab1 img{
    width: 0.21rem;
    height: 0.2rem;
}

.luj{
    margin-left: 0.09rem;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 0.16rem;
color: #666666;
}
.luj a{
    color: #666666;
    font-size: 0.16rem;
}
.luj a:hover{
    color: #630C88;
}
.tab ul{
  
    width:100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.clear{
    clear: both;
}
.tab ul{
    list-style-type: none;
}
.tab ul li{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    
}

.tab a{
    height: 80%;
    display: flex;
    align-items: center;
  
     /* background-color: #fff; */
   
     text-decoration: none;
     font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 0.18rem;
color: #333333;

}
.tab a:hover{
    color: #630C88;
    border-bottom: 0.04rem solid #630C88;
}
.content {
    width: 100%;
    /*background: #FFFFFF;*/
    border-radius: 0rem 0rem 0rem 0rem;
    opacity: 0.9;
    overflow: hidden;
    background-image: url(../img/yin1.png);
    background-size: 100% 100%;
    /*border-top: 0.01rem dotted  red  ;*/
    /*border-bottom: 0.01rem dotted  red  ;*/
}
.cononone{
    width: 14rem;
    height: 6.06rem;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.cononone:nth-of-type p{
    width: 6.72rem;
    height: ;
}
.cone{
    width: 6.75rem;
    height: 4.2rem;
    
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: space-between;*/
    /*overflow: hidden;*/
}


.cononone  p{
    width: 6.72rem;
    height: 4.25rem;
}
.cononone p img{
    width: 100%;
    height: 100%;
}
.cone img{
    width: 3.23rem;
    height: 0.44rem;
    margin-bottom: 0.34rem;
}
.cone p{
    display: block;
    width: 6.4rem;
height: 2.9rem;
font-family: MicrosoftYaHei, MicrosoftYaHei;
font-weight: normal;
font-size: 0.16rem;
color: #333333;
text-align: left;
font-style: normal;
text-transform: none;

overflow: hidden;
overflow-y: auto;
display: -webkit-box;
padding-right:0.3rem ;


}

.cone p::-webkit-scrollbar {
    width: 0.05rem;
    height: 1rem;


    border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  }

.cone p::-webkit-scrollbar-track {
    background: rgb(179, 177, 177);
    border-radius: 10px;
}

.cone p::-webkit-scrollbar-thumb {
    background:  #630C88;;
    border-radius: 10px;
  }


/*   .cone div::-webkit-scrollbar-track {*/
/*    background: #630C88;;*/
/*    border-radius: 10px;*/
/*}*/

/*.cone div::-webkit-scrollbar-thumb {*/
/*    background: #DCDBDC;*/
/*    border-radius: 10px;*/
/*  }*/

/*  .cone div::-webkit-scrollbar-thumb:hover {*/
/*    background: #630C88;*/
/*    border-radius: 10px;*/
/*  }*/

/*  .cone div::-webkit-scrollbar-thumb:active {*/
/*    background: #DCDBDC;*/
/*    border-radius: 10px;*/
/*  } */
  .zhexian{
    /*width: 19.2rem;*/
    width: 100%;
    height: 7.05rem;
    /* background-color: red; */
    position: relative;
    background: #F9F8FB;
    /* display: none; */
  }
 
  .fz{
    /*width: 1.88rem;*/
    width: 14rem;
    height: 0.7rem;
    display: flex;
    flex-direction: column;
    position: absolute;
    /*left:2.6rem;*/
    left: 50%;
    transform: translateX(-50%);
    top: 0.9rem;
  }
  .fzchin{
    /* width: 1.44rem; */
height: 0.51rem;
font-family: Source Han Serif CN, Source Han Serif CN;
font-weight: bold;
font-size: 0.36rem;
color: #630C88;
font-style: normal;
text-transform: none;
  }
  .fzlish{
    width: 1.88rem;
height: 0.19rem;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 0.14rem;
color: #666666;
font-style: normal;
text-transform: none;
  }
.xian{
    /*width: 3.4rem;*/
    width: 14rem!important;
    height: 1.01rem;
    position: absolute;
    /*left: 2.6rem;*/
    left: 50%;
    transform: translateX(-50%);
    top: 2.07rem;
    display: flex;
}
.num{
    width: 1.9rem;
height: 1.01rem;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 0.77rem;
color: #333333;
line-height: 1.01rem;
text-align: left;
font-style: normal;
text-transform: none;
}
.yishu{
/*    width: 1.26rem;*/
/*height: 0.24rem;*/
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: 400;
font-size: 0.18rem;
color: #333333;

font-style: normal;
text-transform: none;
bottom: 0.17rem;
right: 0rem;
position: absolute;
}
.tu{
    /*width: 19.2rem;*/
    width: 100%;
    height: 4.02rem;
    position: absolute;
    overflow: hidden;
    bottom: 0rem;
background: url("../img/tu1.png") center;
   background-position-x: -2rem ;
           
}
.crecli{
    width:0.35rem;
    height: 0.353rem;
    border-radius: 50%;
    background-color: rgba(99, 12, 136, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
}
.crecli1{
    width: 0.15rem;
    height: 0.15rem;
    border-radius: 50%;
    background-color: rgba(99, 12, 136, 1);
}
.years{
    width: 0.49rem;
height: 0.26rem;
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 0.2rem;
color: #630C88;

font-style: normal;
text-transform: none;
}
.yuanyear{
    width: 0.49rem;
    height:0.75rem ;
    display: flex;
    
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: absolute;
}
.year1{
    left: 0.5rem;
    bottom: 1.59rem;
}
.year2{
    left: 1.7rem;
    bottom: 0.94rem;
}
.year3{
    left: 2.9rem;
    bottom: 1.07rem;
}
.year4{
    left:4.1rem;
    bottom: 1.7rem;
}
.year5{
    left: 5.3rem;
    bottom: 2.23rem;
}
.year6{
    left: 6.5rem;
    bottom: 2.72rem;
}
.year7{
    left:7.7rem;
    bottom: 2.85rem;
}
.year8{
    left: 8.9rem;
    bottom: 2.1rem;
}
.year9{
    left: 10.1rem;
    bottom: 2.36rem;
}
.year10{
    left: 11.3rem;
    bottom: 2.53rem;
}
.year11{
left:12.5rem;
    bottom: 1.73rem;
}
.year12{
      left: 13.7rem;
    bottom: 1.73rem;
}
.year13{
      left: 14.9rem;
    bottom: 2.13rem;
}
.footer-app{
    margin-top: 0.1rem;
}
#con2{
    width: 19.2rem;
    height: 9.76rem;
background-color: green;
    
}
.c21{
    width: 6.4rem;
    height: 6.36rem;
    font-family: MicrosoftYaHei, MicrosoftYaHei;
    font-weight: normal;
    font-size: 0.16rem;
    color: #333333;
 
    font-style: normal;
    text-transform: none;
    background-color: rebeccapurple;
}

@media screen and (max-width:1024px){
    .xuanxiang{
        display: none;
    }
    .cononone{
        width: 93%;
        height: auto;
        flex-direction: column;
        padding: 15px 0;
    }
    .cone p{
        font-size: 14px!important;
    }
    .fz{
        width: 93%;
    }
    .xian{
        width: 93%!important;
    }
    .fzchin{
        width: auto;
        height: auto;
        font-size: 20px;
    }
    .fzlish{
        width: auto;
        height: auto;
        font-size: 14px;
    }
    .xian .yishu{
        width: auto;
        height: auto;
        font-size: 14px;
    }
    .num{
         width: auto;
        height: auto;
        font-size: 16px;
    }
    .tu{
        width: 93%;
        height: auto;
        min-height: 2rem;
        padding: 4rem 0 0;
        margin: 0 auto;
        display: flex;
        position: static;
        background-position: bottom center;
        background-size: contain;
        background-clip: content-box;
        align-items: center;
        justify-content: center;
    }
    .yuanyear{
        position: static;
        padding: 0 1px;
    }
    .teacher-wrap{
        width: 93%;
        margin: 0 auto;
    }
    .row-section-3 .title{
        font-size: 16px!important;
    }
    .row-section-3 span{
        font-size: 14px!important;
    }
}