body{
    background-color: #F5F7FA;
}
.ks-header{
    display: flex;
    background: #CBE0FE;
}
.ks-header .ks-search{
    background: #fff;
}
.ks-footer-blank{
    background: #fff;
}
/* 轮播图 */
.banner-box{
    background: linear-gradient( 360deg, #FFFFFF 50%, #E4EDFF 90%, #CBE0FE 100%);
    padding-bottom: .8rem;
}
.home-banner{
    height: 6rem;
    padding: .5rem .7rem .7rem;
    position: relative;
}
.home-banner .swiper-container{
    height: 100%;
    position: relative;
    background-color: #f3f3f3;
    border-radius: .6rem;
    overflow: hidden;
    box-shadow: 0 .45rem .75rem .05rem rgba(50,125,255,0.05);
}
.home-banner .swiper-slide{
    background-size: cover;
}

/* 金刚区 */
.nav-list{
    display: flex;
    padding: 0 .7rem;
    margin-bottom: .8rem;
}
.nav-list .nav-item{
    flex: 1;
    padding: .4rem 0 0;
    text-align: center;
}
.nav-list .nav-item__icon{
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 auto .15rem;
}
.nav-list .nav-item__text{
    height: .9rem;
    line-height: .9rem;
    overflow: hidden;
    font-size: .65rem;
}

/* 网站功能模块 */
.web-info{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 .7rem;
}
.web-item{
    width: 5.5rem;
    height: 2.5rem;
    display: flex;
    flex-direction: row;
    position: relative;
    justify-content: space-between;
    border-radius: .4rem;
    padding: .5rem .6rem .45rem;
    box-sizing: border-box;
}
.web-item:first-child{
    background-color: #FFE8E5;
}
.web-item:nth-child(2){
    background-color:#EBF7FF;
}
.web-item:nth-child(3){
    background-color:#FFF2E3;
}
.web-item_icon{
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .3rem;
}
.web-item_icon img{
    width: 100%;
    height: 100%;
    display: block;
}
.web-item_text{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 1.5rem;
    width: calc(100% - 1.8rem);
}
.web-item_text h2{
    font-size: .6rem;
    line-height: .65rem;
}
.web-item_text p{
    font-size: .5rem;
    color: #9DA0A6;
    line-height: .7rem;
}

/* 通用 */
.floor-box{
    margin-top: .5rem;
    background-color: #fff;
    padding: .8rem .7rem 1rem;
}
.common-title{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: .8rem;
}
.common-title img{
    width: .9rem;
    height: .9rem;
    margin-right: .2rem;
}
.common-title h2{
    font-size: .8rem;
    line-height: 1.1rem;
}
/* 课程 */
.floor-box1{
    padding: 0;
}
.course-box_class{
    overflow: hidden;
    margin-bottom: .4rem;
}
.course_class_item{
    height: 2.4rem;
    line-height: 2.4rem;
    padding: 0 .7rem;
    position: relative;
    font-size: .7rem;
    color: #9DA0A6;
    width: auto !important;
}
.course_class_itemcurr{
    color: #333333;
    font-weight: bold;
}
.course_class_itemcurr::after{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -.35rem;
    width: .7rem;
    height: .2rem;
    bottom: 0;
    background: #327DFF;
    border-radius: .1rem;
}
.course-box_con,.class-box{
    margin: 0 .7rem;
    padding: 1rem .4rem;
    position: relative;
    overflow: hidden;
}
.course-box_con::before,.class-box::before{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 10rem;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top center;
    z-index: 1;
}
.live-course{
    padding: 0 .7rem;
}
.course-box_con::before{
    background-image: url(../images/boxbg1.png);
}
.class-box::before{
    background-image: url(../images/boxbg2.png);
}
.course-box_con::after,.class-box::after{
    width: 100%;
    height: 10rem;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    border-radius: .6rem .6rem 0 0;
}
.course-box_con::after{
    background: linear-gradient( 360deg, #FFFFFF 0%, #D7E4FC 100%);
    /* box-shadow: 0 0 0 .05rem rgba(40,100,204,0.2), inset 0 .2rem .3rem .05rem #FFFFFF; */
}
.class-box::after{
    background: linear-gradient(360deg, #FFFFFF 0%, #FDCAC4 100%);
    /* box-shadow: 0 0 0 .05rem rgba(249,93,75,0.2), inset 0 .2rem .3rem .05rem #FFFFFF; */
}
.course-box__title,.course-box__list,.class-box_title,.class-box__list{
    position: relative;
    z-index: 2;
}
.course-box__list,.class-box__list{
    background: #FFFFFF;
    border-radius: .4rem;
    padding: .7rem .6rem;
}
.course-box__list{
    box-shadow: 0 0 .9rem .05rem rgba(202,219,252,0.8);
}
.class-box__list{
    box-shadow: 0 0 .9rem .05rem rgba(252,230,227,0.8);
}
.course-box__title,.class-box_title{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .7rem;
}
.course-box__title h2,.class-box_title h2{
    line-height: 1.1rem;
    font-size: .8rem;
}
.course-box__title h2{
    color: #324FA6;
}
.class-box_title h2{
    color: #99392E;
}
.course-box__more,.class-box__more{
    display: block;
    width: 4.4rem;
    text-align: center;
    line-height: 1.4rem;
    height: 1.4rem;
    border-radius: .7rem;
    font-size: .7rem;
    color: #FFFFFF;
}
.course-box__more{
    background: linear-gradient( 90deg, #327DFF 0%, #1262E6 100%);
    box-shadow: 0 0.15rem .3rem .05rem rgba(50,125,255,0.32);
}
.class-box__more{
    background: linear-gradient( 270deg, #F2243F 0%, #F97364 100%);
    box-shadow: 0 .15rem .3rem .05rem rgba(249,93,75,0.32);
}
.course-box__item,.class-box__item{
    display: flex;
    flex-direction: row;
    margin-bottom: .7rem;
    justify-content: space-between;
}
.course-box__item:last-child,.class-box__item:last-child{
    margin-bottom: 0;
}
.course-item_img,.class-item_img{
    width: 6.6rem;
    height: 4rem;
    border-radius: .4rem;
    overflow: hidden;
}
.course-item_img img,.class-item_img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.course-item_info,.class-item_info{
    width: calc(100% - 7.2rem);
    height: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.course-item_info h2,.class-item_info h2{
    font-size: .7rem;
    color: #333333;
    line-height: 1.1rem;
    max-height: 2.2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-top: .2rem;
}
.course-item__info,.class-item__info{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.course-item__info_text,.class-item__info_text{
    font-size: .6rem;
    color: #9DA0A6;
}
.course-item__info_btn{
    text-align: center;
    width: 3.2rem;
    height: 1.1rem;
    line-height: 1.1rem;
    background: #E6EFFF;
    border-radius: .3rem;
    font-size: .55rem;
    color: #2673F7;
}
.class-item__info_price{
    font-weight: bold;
    font-size: .85rem;
    color: #FA3E58;
}
.class-item__info_price font{
    font-size: .6rem;
}
.live-course_box{
    margin-top: -.2rem;
    padding-bottom: 1rem;
    overflow: hidden;
}
.live-course_item{
    position: relative;
}
.live-course_item a{
    padding: .6rem;
    box-sizing: border-box;
    background: #F7F8FA;
    border-radius: .6rem;
    border: .05rem solid #EAEFF7;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 5.4rem;
    justify-content: space-between;
}
.live-course__icon{
    content: '';
    display: inline-block;
    width: .7rem;
    height: .7rem;
    background: url(../images/live_icon.png) no-repeat center;
    background-size: .7rem .7rem;
    vertical-align: middle;
}
.live-course__title{
    margin-bottom: .4rem;
}
.live-course__title h2{
    font-size: .7rem;
    line-height: 1rem;
    display: inline;
    vertical-align: middle;
}
.live-course__btn{
    width: 4.4rem;
    height: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
    background: linear-gradient( 90deg, #327DFF 0%, #1262E6 100%);
    box-shadow: 0 .15rem .3rem .05rem rgba(50,125,255,0.32);
    border-radius: .7rem;
    font-size: .7rem;
    color: #FFFFFF;
}
.live-course_item_time{
    text-align: center;
    margin-top: 1.2rem;
    font-size: .6rem;
    color: #9DA0A6;
    line-height: .85rem;
    position: relative;
}
.live-course_item_time::before{
    content: '';
    display: block;
    position: absolute;
    width: .2rem;
    height: .2rem;
    border-radius: .6rem;
    left: 50%;
    margin-left: -.6rem;
    border:.2rem solid #fff;
    background: #327DFF;
    top: -.8rem;
    z-index: 1;
}
.live-course_box .swiper-slide{
    position: relative;
}
.live-course_box .swiper-slide::after{
    content: '';
    position: absolute;
    width: calc(100% + 12px);
    height: .1rem;
    background: #E6E6E6;
    left: 0;
    bottom: 1.3rem;
}
/* 师资力量 */
.teacher-box{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin-right: -.3rem;
}
.teacher-item{
    width: 33.33%;
    margin-bottom: .3rem;
}
.teacher-item a{
    display: flex;
    height: 7.75rem;
    border-radius: .6rem;
    border: .05rem solid #EAEFF7;
    margin-right: .3rem;
    flex-direction: column;
    overflow: hidden;
}
.teacher-item_img{
    height: 5rem;
    overflow: hidden;
    width: 100%;
}
.teacher-item_img img{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.teacher-item h2{
    font-size: .8rem;
    line-height: 1.1rem;
    margin-top: .3rem;
    color: #1262E6;
    text-align: center;
}
.teacher-item p{
    padding: 0 .6rem;
    font-size: .6rem;
    color: #9DA0A6;
    height: .85rem;
    line-height: .85rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: .1rem;
    text-align: center;
}
.teacher-more{
    margin-top: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.teacher-more a{
    display: block;
    width: 8.5rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    background: linear-gradient( 180deg, #F7F8FA 0%, #E0EAFF 100%);
    box-shadow: 0 .15rem .3rem .05rem rgba(75,131,250,0.1);
    border-radius: 1rem;
    font-size: .8rem;
}
/* 新闻资讯 */
.news-item{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .95rem;
    margin-bottom: .8rem;
    border-bottom: .05rem solid #EAEFF7;
}
.news-item:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.news-item_info{
    width: calc(100% - 6.6rem);
}
.news-item_info h2{
    font-size: .8rem;
    line-height: 1.1rem;
    max-height: 2.2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-bottom: .6rem;
}
.news-item_info p{
    line-height: .85rem;
    font-size: .6rem;
    color: #9DA0A6;
    padding-left: .7rem;
    background: url(../images/time_icon.png) no-repeat center left;
    background-size: .6rem .6rem;
}
.news-item_img{
    width: 5.6rem;
    height: 3.8rem;
    overflow: hidden;
    border-radius: .6rem;
}
.news-item_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}