#annual {
    height: 100%;
    overflow: scroll;
    /* background: url("../img/annual/0215.png") no-repeat scroll left center transparent; */
    /* background: url("../img/annual/4sdfd902.jpg") no-repeat scroll left center transparent; */
    /* background: url('../img/annual/0215.png') no-repeat fixed center; ; */
    background-image:url('../img/annual/4sdfd902.jpg');
    background-size: 100%;
    background-repeat:no-repeat;
}

#annual #watermark {
    width: 100%;
    margin-top: .19rem;
}

#annual #gist {
    background: #fff;
    padding: .26rem;
    box-sizing: border-box;
    margin: 0 .24rem;
    border-radius: .2rem;
}

#annual #gist .word {
    color: #000;
    opacity: .8;
    font-weight: 300;
    font-size: .26rem;
    line-height: .36rem;
}

#annual #article {
    padding: 0 .5rem;
    box-sizing: border-box;
    margin-top: .7rem;
}

#annual #article #allusion {
    width: 100%;
}

#annual #camp {
    margin: .4rem .25rem 0;
    background: #fff;
    border-radius: .2rem;
    padding: .25rem;
    box-sizing: border-box;
}

#annual #camp .title {
    width: 3.8rem;
}

#annual #camp .hinge {
    color: #000;
    font-size: .26rem;
    opacity: .8;
    margin-top: .258rem;
    line-height: .4rem;
}

#annual #camp .campList {
    border: .02rem solid #FEAC1C;
    border-radius: .2rem;
    overflow: hidden;
    margin-top: .35rem;
    padding-bottom: .2rem;
    background: #FEAC1C;
    height: 4.5rem;
}

#annual #camp .campList .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#annual #camp .campList .list .campRow {
    width: 16.66%;
    text-align: center;
    height: .67rem;
    background: #fff;
    line-height: .67rem;
    font-size: .24rem
}

#annual #camp .campList .list .campRow.active {
    background: #FEAC1C;
    color: #fff;
}

#annual #camp .campList #camp-container {
    /* height: 3.5rem; */
}

#annual #camp .campList .main {
    background: #FEAC1C;
}

#annual #camp .campList .main .title {
    margin-top: .2rem;
    color: #fff;
    width: 100%;
    padding: .24rem 1rem;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    line-height: .4rem;
    height: 1.2rem;
}

#annual #camp .campList .main .photoList {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .15rem;
    margin-top: .2rem;
    box-sizing: border-box;
}

#annual #camp .campList .main .photoList img {
    width: 3rem;
}

#annual #lessons {
    margin: .4rem 0;
    width: 100%;
}

#annual #lessons .btitle {
    width: 3.8rem;
    padding-left: .5rem;
    box-sizing: border-box;
    margin-top: .4rem;
}

#annual #lessons .lessonsList {
    border: .02rem solid #FEAC1C;
    border-radius: .2rem;
    overflow: hidden;
    margin: .4rem .25rem 0;
    padding-bottom: .2rem;
    background: #FEAC1C;
}

#annual #lessons .lessonsList .list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#annual #lessons .lessonsList .list .row {
    width: 20%;
    height: .67rem;
    line-height: .67rem;
    text-align: center;
    background: #fff;
    font-size: .24rem;
    color: #000;
}

#annual #lessons .lessonsList .list .row.active {
    background: #FEAC1C;
    color: #fff;
}

#annual #lessons .lessonsList #lessons-container {
    padding-top: .3rem;
    box-sizing: border-box;
}

#annual #lessons .lessonsList .main {
    background: #FEAC1C;
    display: flex;
    flex-wrap: wrap;
    padding: .24rem;
    box-sizing: border-box;
    justify-content: space-between;
}

#annual #lessons .lessonsList .main .people {
    width: 2.86rem;
}

#annual #lessons .lessonsList .main .nature {
    padding-left: .5rem;
    box-sizing: border-box;
    flex: 1;
}

#annual #lessons .lessonsList .main .nature .row {
    margin-bottom: .28rem;
}

#annual #lessons .lessonsList .main .nature .row .title {
    /* padding-left: .5rem;
    box-sizing: border-box; */
    margin-bottom: .07rem;
}

#annual #lessons .swiper-pagination {
    position: relative;
    /* top: .2rem; */
}

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

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

#annual #teach {
    margin: .6rem .25rem 0;
    background: #fff;
    border-radius: .2rem;
    padding: .35rem .25rem .25rem;
    box-sizing: border-box;
}

#annual #teach .title {
    width: 3.8rem;
}

#annual #teach .teachList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: .2rem;
}

#annual #teach .teachList .teachRow {
    width: 3.16rem;
    margin-top: .22rem;
}

#annual #teach .teachList .teachRow img {
    width: 100%;
}

#annual #student {
    margin: .25rem 0;
    width: 100%;
}

#annual #student .title {
    width: 3.8rem;
    padding-left: .5rem;
    box-sizing: border-box;
    margin-top: .4rem;
}

#annual #student .swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: .54rem;
    margin-top: .4rem;
}

#annual #student .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);
  }

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

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

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

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


#annual #service {
    margin-bottom: 1rem;
}

#annual #service .title {
    width: 3.8rem;
    padding-left: .5rem;
    box-sizing: border-box;
}

#annual #service .content {
    width: 100%;
    padding: 0 .25rem;
    margin-top: .4rem;
    box-sizing: border-box;
}

#annual #aim {

}

#annual #aim .photo {
    padding: 0 1.31rem 0rem 1.51rem;
    box-sizing: border-box;
}

#annual #aim .photo .allusion {
    width: 100%;
}

#annual #aim .aimList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .25rem;
    box-sizing: border-box;
}

#annual #aim .aimList .row {
    /* width: 48%;
    height: 2.3rem; */
    width: 3.38rem;
    height: 2.35rem;
    background: #fff;
    border-radius: .1rem;
    padding: .26rem .21rem;
    box-sizing: border-box;
    margin-top: .2rem;
    line-height: .4rem;
}

#annual #aim .aimList .row .head {
    text-align: center;
    color: #077F7E;
    font-size: .28rem;
    opacity: .95;
    margin-bottom: .23rem;
}

#annual #aim .aimList .row .content {
    color: #000;
    font-size: .24rem;
    opacity: .7;
}

#annual #cost {

}

#annual #cost .photo {
    padding: 0 .5rem;
    box-sizing: border-box;
}

#annual #cost .photo .allusion {
    width: 100%;
    margin-top: .4rem;
}

#annual #cost .main {
    margin: .4rem .25rem .25rem;
    border-radius: .2rem;
    overflow: hidden;
}

#annual #cost .main .mainList {
    background: #fff;
    display: flex;
}

#annual #cost .main .mainList .mainRow {
    width: 24.5%;
    border-left: .02rem solid #FEAC1C;
}

#annual #cost .main .mainList .mainRow:first-child {
    /*border-left: 0;*/
}

#annual #cost .main .mainList .mainRow .top {
    background: #FEAC1C;
    color: #fff;
    text-align: center;
    font-size: .26rem;
    height: .67rem;
    line-height: .67rem;
    font-weight: bold;
}

#annual #cost .main .mainList .mainRow .bottom {

}

#annual #cost .main .mainList .mainRow .bottom .row {
    text-align: center;
    padding: .16rem 0;
    background: #fff;
    color: #000;
    font-size: .24rem;
    font-weight: bold;
    border-bottom: .02rem solid #FEAC1C;
}

#annual #cost .main .mainList .mainRow .bottom .row:last-child {
    border-bottom: none;
}

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


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

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

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

#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;
}