#fall {
    background: #009cff;
    position: relative;
}

.triangleLeft {
    position: absolute;
    left: 0;
    top: 3.5rem;
    width: 3.2rem;
    z-index: 101;
}

.triangleRight {
    position: absolute;
    right: 0;
    top: 0;
    width: 3.64rem;
    z-index: 99;
}

.word {
    position: absolute;
    top: 3.3rem;
    right: .44rem;
    width: .65rem;
    z-index: 99;
}

.semicircle {
    position: absolute;
    top: 21.5rem;
    left: 0;
    width: 5.65rem;
    z-index: 99;
}

.yuan {
    position: absolute;
    top: 9.5rem;
    right: 0;
    width: 4.46rem;
    z-index: 99;
}

.yuan1 {
    position: absolute;
    top: 32rem;
    right: 0;
    width: 4.46rem;
    z-index: 99;
}

#banner {
    padding: .2rem;
    box-sizing: border-box;
    position: relative;
    z-index: 100;
}

.bannerImg {
    width: 100%;
}

#why {
    position: relative;
    z-index: 102;
}

.whyTit {
    width: 7.1rem;
    height: 1.5rem;
    background-image: url('../img/whyTit.png');
    background-size: 7.1rem auto;
    overflow: hidden;
}

.whySp {
    margin-top: .43rem;
    font-size: .44rem;
    font-weight: bold;
    color: #FFFCFE;
    text-shadow: 0px 9px 8px rgba(48, 60, 208, 0.3);
    margin-left: .37rem;
}

.whyList {
    margin-top: .3rem;
}

.whyRow {
    width: 7.32rem;
    height: 1.72rem;
    background-size: 7.32rem auto;
    overflow: hidden;
    position: relative;
    margin: auto;
}

.whyRow.whyRow1 {
    background-image: url('../img/whyRow_1.png');
}

.whyRow.whyRow2 {
    background-image: url('../img/whyRow_2.png');
}

.whyNum {
    display: block;
    font-size: .47rem;
    font-weight: normal;
    color: #FFFFFF;
    line-height: .28rem;
    position: absolute;
    left: .45rem;
    top: .3rem;
}

.whyMain {
    position: absolute;
    left: 1.1rem;
    top: .38rem;
    font-size: .26rem;
    font-weight: bold;
    color: rgba(0, 0, 0, .8);
}

.whyAux {
    padding-right: .25rem;
    box-sizing: border-box;
    font-size: .24rem;
    font-weight: 400;
    color: rgba(0, 0, 0, .7);
    line-height: .34rem;
    position: absolute;
}

.whyAux.whyAux1 {
    left: 1.1rem;
    top: .9rem;
}

.whyAux.whyAux2 {
    left: 1.1rem;
    top: .8rem;
}

#aid {
    margin-top: .7rem;
    position: relative;
    z-index: 100;
}

.aidTit {
    width: 7.1rem;
    height: 1.5rem;
    background-image: url('../img/aidTit.png');
    background-size: 7.1rem auto;
    overflow: hidden;
}

.aidSp {
    margin-top: .43rem;
    font-size: .44rem;
    font-weight: bold;
    color: #FFFCFE;
    text-shadow: 0px 9px 8px rgba(48, 60, 208, 0.3);
    margin-left: .37rem;
}

.aidCon {
    width: 7rem;
    height: 3.34rem;
    background-image: url('../img/aidCon.png');
    background-size: 7rem auto;
    overflow: hidden;
    margin: .47rem auto 0;
}

.aidList {
    display: flex;
    flex-wrap: wrap;
    align-content: space-evenly;
    height: 100%;
    padding-left: .6rem;
    box-sizing: border-box;
}

.aidRow {
    width: 33.333%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.aidImg {
    display: block;
    width: .37rem;
}

.aidNam {
    font-size: .24rem;
    font-weight: 500;
    color: #05358E;
    margin-left: .12rem;
}

#arrange {
    margin-top: .92rem;
    position: relative;
    z-index: 100;
}

.arrangeTit {
    width: 7.1rem;
    height: 1.5rem;
    background-image: url('../img/arrangeTit.png');
    background-size: 7.1rem auto;
    overflow: hidden;
}

.arrangeSp {
    margin-top: .43rem;
    font-size: .44rem;
    font-weight: bold;
    color: #FFFCFE;
    text-shadow: 0px 9px 8px rgba(48, 60, 208, 0.3);
    margin-left: .37rem;
}

.arrangeCon {
    width: 7rem;
    height: 6.39rem;
    background-image: url('../img/arrangeCon.png');
    background-size: 7rem auto;
    overflow: hidden;
    margin: .44rem auto 0;
}

.arrangeList {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-evenly;
    padding: 0 .5rem;
    box-sizing: border-box;
}

.arrangeRow {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.arrangeData {

}

.arrangeMo {
    text-align: center;
    font-size: .34rem;
    font-weight: bold;
    color: #3956A0;
}

.arrangeAtr {
    margin-top: .15rem;
    text-align: center;
    font-size: .28rem;
    font-weight: bold;
    color: #3956A0;
}

.arrangeK {
    width: 3.64rem;
    font-size: .26rem;
    font-weight: 500;
    color: rgba(0, 0, 0, .8);
    line-height: .36rem;
}

#course {
    margin-top: .92rem;
    position: relative;
    z-index: 100;
}

.courseTit {
    width: 7.1rem;
    height: 1.5rem;
    background-image: url('../img/courseTit.png');
    background-size: 7.1rem auto;
    overflow: hidden;
}

.courseSp {
    margin-top: .43rem;
    font-size: .44rem;
    font-weight: bold;
    color: #FFFCFE;
    text-shadow: 0px 9px 8px rgba(48, 60, 208, 0.3);
    margin-left: .37rem;
}

.courseMain {
    width: 7.02rem;
    margin: .53rem auto 0;
}

.courseNote {
    text-align: center;
    height: .71rem;
    line-height: .71rem;
    border-radius: .06rem;
    font-size: .32rem;
    font-weight: 800;
    color: #FFFFFF;
    background: #09D9AB;
}


.courseImg {
    width: 6.15rem;
    margin: auto;
    display: block;
}

.courseImg {
    -webkit-animation: flash 2.8s infinite;
}

@-webkit-keyframes flash {
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }

    25%{
        transform: scale(1.1); /*放大1.1倍*/
    }

    50%{
        transform: scale(1);
    }

    75%{
        transform: scale(1.1);
    }
    /* 0%,50%,to{opacity:1}25%,75%{opacity:0.4} */
    /* 0%,50%,to{width:7.15rem}25%,75%{width:6.15rem} */
    /* 0%,50%,to{width:7.15rem}25%,75%{width:6.15rem} */
}

.courseCon {
    margin-top: .11rem;
    border-radius: .06rem;
    overflow: hidden;
}

.courseCon table {
    width: 100%;
}

.courseCon table thead {
    height: .56rem;
    line-height: .56rem;
}

.courseCon table thead tr {
    
}

.courseCon table thead tr td {
    text-align: center;
    font-size: .26rem;
    font-weight: bold;
    color: #FFFFFF;
    background: #09D9AB;
    border-right: .02rem solid#019373;
    border-bottom: .02rem solid #019373;
}

.courseCon table tbody {
    
} 

.courseCon table tbody tr {

} 

.courseCon table tbody tr td {
    text-align: center;
    font-size: .24rem;
    font-weight: 500;
    color: rgba(0, 0, 0, .9);
    height: 1.16rem;
    line-height: .36rem;
    background: #fff;
    border-right: .02rem solid #019373;
    border-bottom: .02rem solid #019373;
} 

#teacher {
    margin-top: .92rem;
    position: relative;
    z-index: 100;
}

.teacherTit {
    width: 7.1rem;
    height: 1.5rem;
    background-image: url('../img/teacherTit.png');
    background-size: 7.1rem auto;
    overflow: hidden;
}

.teacherSp {
    margin-top: .43rem;
    font-size: .44rem;
    font-weight: bold;
    color: #FFFCFE;
    text-shadow: 0px 9px 8px rgba(48, 60, 208, 0.3);
    margin-left: .37rem;
}

.teacherBox {

}

.teacherList {
    margin-top: .4rem;
    padding: 0 .2rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .8rem;
    line-height: .8rem;
}

.teacherRow {
    font-size: .24rem;
    font-weight: bold;
    color: rgba(255, 255, 255, .6);
    position: relative;
}
.teacherRow.teacherActive {
    font-size: .24rem;
    font-weight: bold;
    color: #FFFFFF;
}

.teacherRow.teacherActive::after {
    position: absolute;
	content: '';
	width: .4rem;
	height: .05rem;
	border-radius: 1rem;
	bottom: 0.12rem;
	background:#FFC600;
	left: 0;
	right: 0;
    margin: auto;
}

.teacherRoll {
    margin-top: .3rem;
    padding-right: .24rem;
    box-sizing: border-box;
    padding: 0 .24rem;
}

#teacher .swiper-container {
    width: 100%;
}

#teacher .swiper-slide {
    text-align: center;
}

#teacher .swiper-slide .teachserBb {
    /* border-radius: .1rem;
    overflow: hidden;
    width: 6.48rem;
    height: 5.26rem;
    position: relative; */
    position: relative;
    overflow: hidden;
    width: 6.76rem;
    height: 5.54rem;
    /* background-size: 100%;
    background-repeat: no-repeat;
    background-image: url('../img/teacher_bg.png'); */
}

.teacherImg {
    width: 100%;
}

.teacherSm {
    position: absolute;
    z-index: 100;
    height: 4.8rem;
    /* height: 4.4rem; */
    display: block;
    bottom: .14rem;
    left: .4rem;
}

.teacherSb {
    padding: .17rem;
    box-sizing: border-box;
    position: absolute;
    top: .28rem;
    right: .3rem;
    /* width: 3.27rem; */
    width: 3.5rem;
    height: 4.96rem;
    background: rgba(255, 255, 255, .3);
    border-radius: .1rem;
    z-index: 100;
}

.teacherIs {
    z-index: 99;
    width: 100%;
    position: relative;
}

.teachserRow {
    margin-bottom: .2rem;
}

.teachserTitle {
    display: flex;
    align-items: center;
}

.teacherName {
    font-weight: bold;
    color: #fff;
    font-size: .34rem;
}


#env {
    margin-top: .92rem;
}

.envTit {
    width: 7.1rem;
    height: 1.5rem;
    background-image: url('../img/envTit.png');
    background-size: 7.1rem auto;
    overflow: hidden;
}

.envSp {
    margin-top: .43rem;
    font-size: .44rem;
    font-weight: bold;
    color: #FFFCFE;
    text-shadow: 0px 9px 8px rgba(48, 60, 208, 0.3);
    margin-left: .37rem;
}

#env .swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: .54rem;
    margin-top: .3rem;
}

#env .swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #fff;*/

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
  }

#env .swiper-slide-active,#env .swiper-slide-duplicate-active {
    transform: scale(1);
}

#env .swiper-pagination {
    position: relative;
    top: .2rem;
}

#env .swiper-pagination {
    position: relative;
    top: .2rem;
}

#env .swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

#env .swiper-pagination-bullet-active {
    background: #fff;
    width: .4rem;
    height: .1rem;
    border-radius: .05rem;
}

#footsy {
    width: 100%;
    height: 4.14rem;
    background: #1E2124;
    overflow: hidden;
}

#footsy .row {
    font-size: .24rem;
    text-align: center;
    margin-bottom: .32rem;
    font-weight: bold;
    color: #FFFFFF;
}

#footsy .row:first-child {
    margin-top: .55rem;
}

.foS {
    color: #bdcbe5;
}

#orientation {
    width: 100%;
    height: 1.14rem;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
    z-index: 10000;
}

#orientation .gda {
    width: 50%;
    float: left;
    background: #7e9dfc;
    font-size: .36rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.14rem;
    color: #FFFFFF;
}

#orientation .gdb {
    width: 50%;
    float: left;
    background: #ec6941;
    font-size: .36rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.14rem;
    color: #FFFFFF;
}