body{
    background: #F7F8FA;
}
.ks-header{
    display: flex;
    background: linear-gradient( 180deg, #C0D1FC 100%, #D1E0FF 17%, #FCFDFF 75%, rgba(247,248,250,0) 100%);
}
.ks-header .ks-search{
    background: rgb(255 255 255 / 50%);
}
/* banner */
.banner-box{
    padding: 0 .7rem .7rem;
    background: linear-gradient( 180deg, #C0D1FC 0%, #D1E0FF 17%, #FCFDFF 75%, rgba(247,248,250,0) 100%);
}
.home-banner{
    height: 8rem;
    position: relative;
    border-radius: .6rem .6rem 0 0;
    overflow: hidden;
}
.home-banner .swiper-container{
    height: 100%;
    position: relative;
    background-color: #f3f3f3;
    overflow: hidden;
}
.home-banner .swiper-slide{
    background-size: cover;
}
.banner-box_intro{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 48px;
    box-shadow: 0px 12px 14px 1px rgba(206,220,242,0.4);
    border-radius: 0px 0px 12px 12px;
    background: #fff;
}
.banner-box_item{
    width: 33.33%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
}
.banner-box_item::after{
    content: '';
    display: block;
    width: .05rem;
    height: .6rem;
    background: #E1E6F0;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.3rem;
}
.banner-box_item img{
    width: 1rem;
    height: 1rem;
    margin-right: .2rem;
}
.banner-box_item span{
    line-height: .85rem;
    font-size: .6rem;
    color: #9DA0A6;
}
.banner-box_item:last-child::after{
    display: none;
}
/* 金刚区 */
.nav-list{
    display: flex;
    margin: 0 .7rem .6rem;
}
.nav-list .nav-item{
    flex: 1;
    text-align: center;
}
.nav-list .nav-item__icon{
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 auto;
}
.nav-list .nav-item__text{
    height: .85rem;
    line-height: .85rem;
    overflow: hidden;
    margin-top: .2rem;
    font-size: .6rem;
}
.floor-box{
    background: #FFFFFF;
    border-radius: .6rem;
    margin: 0 .7rem .7rem;
    overflow: hidden;
}
.common-title{
    height: 2.8rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 .8rem;
    border-bottom: 0.05rem solid #F4F5F7;
    position: relative;
    box-sizing: border-box;
}
.common-title::before{
    content: '';
    display: block;
    width: 40%;
    position: absolute;
    height: 100%;
    background: linear-gradient( 356deg, #FFFFFF 50%, #D7E6FF 100%);
    left: -1rem;
    top: -0.5rem;
    transform: rotate(-375deg);
    z-index: 0;
}
.common-title h2{
    position: relative;
    z-index: 1;
    font-size: .9rem;
}
.common-more{
    font-size: .7rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: .7rem;
}
.common-more::after{
    content: '';
    display: block;
    width: .7rem;
    height: .7rem;
    margin-left: .2rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: .7rem .7rem;
    background-image: url(../images/commonmore.png);
}
/* 考试中心 */
.floor-box1{
    margin: 0 .7rem .7rem;
    overflow: hidden;
    background: url(../images/exambg.png) no-repeat center;
    background-size: 100% 100%;
    padding: .15rem .15rem .15rem 5.3rem;
}
.exam-box{
    background: #fff;
    border-radius: .6rem;
    overflow: hidden;
    padding: .85rem .7rem .65rem;
}
.exam-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: .5rem;
    position: relative;
    padding-bottom: .5rem;
}
.exam-item::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    background: linear-gradient( 360deg, #FCFCFC 0%, rgba(191,219,255,0) 100%);
    opacity: 0.8;
}
.exam-item:first-child{
    background: linear-gradient( 270deg, #BFDBFF 0%, #C2CAFF 100%);
}
.exam-item:nth-child(2){
    background: linear-gradient( 360deg, #FCFCFC 0%, #FFC2C5 100%);
}
.exam-item:nth-child(3){
    background: linear-gradient( 360deg, #FCFCFC 0%, #FFD7B4 100%);
}
.exam-item_icon{
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    border-radius: .3rem;
    margin-top: -.2rem;
    display: block;
    position: relative;
}
.exam-item_icon::before{
    width: 1.5rem;
    height: 1.5rem;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: .3rem;
}
.exam-item_icon::after{
    width: 1.1rem;
    height: 1.1rem;
    opacity: 0.18;
    content: '';
    display: block;
    position: absolute;
    right: -0.2rem;
    bottom: 0;
    border-radius: 0.3rem;
    transform: rotate(45deg);
    z-index: 0;
}
.exam-item:first-child .exam-item_icon::after{
    background: linear-gradient( 180deg, #3D44F5 0%, #7488FC 100%);
}
.exam-item:nth-child(2) .exam-item_icon::after{
    background: linear-gradient( 180deg, #FA324D 0%, #FA7191 100%);
}
.exam-item:nth-child(3) .exam-item_icon::after{
    background: linear-gradient( 180deg, #FA324D 0%, #FA7191 100%);
}
.exam-item_icon img{
    width: 1.1rem;
    height: 1.1rem;
    vertical-align: middle;
    position: relative;
    z-index: 2;
}
.exam-item:first-child .exam-item_icon::before{
    background: linear-gradient( 180deg, #3D44F5 0%, #7488FC 100%);
}
.exam-item:nth-child(2) .exam-item_icon::before{
    background: linear-gradient( 180deg, #FA324D 0%, #FA7191 100%);
}
.exam-item:nth-child(3) .exam-item_icon::before{
    background: linear-gradient( 179deg, #FC8014 0%, #FCAC65 100%);
}
.exam-item h2{
    font-size: .7rem;
    line-height: 1rem;
    margin-top: .3rem;
}
.exam-item:first-child h2{
    color: #3E45FA;
}
.exam-item:nth-child(2) h2{
    color: #FA3E58;
}
.exam-item:nth-child(3) h2{
    color: #F28628;
}
.exam-item p{
    font-size: .5rem;
    line-height:.7rem
}
.exam-item:first-child p{
    color: #3E45FA;
}
.exam-item:nth-child(2) p{
    color: #FA3E58;
}
.exam-item:nth-child(3) p{
    color: #F28628;
}
/* 热门试卷 */
.floor-box2{
    background: linear-gradient( 180deg, #FFEAD1 0%, #FFF8ED 0%, #FFFFFF 55%);
    border-radius: .6rem;
    margin: 0 .7rem .7rem;
    overflow: hidden;
}
.floor-box2 .common-title{
    background: url(../images/examtitle.png) no-repeat center top;
    background-size: 100% auto;
    height: 2.9rem;
}
.floor-box2 .common-title h2{
    color:#f28628;
}
.floor-box2 .common-title::before,.floor-box3 .common-title::before{
    display: none;
}
.floor-box2 .common-more{
    color:#9D553A;
}
.floor-box2 .common-more::after{
    background-image: url(../images/exammore.png);
}
.paper-box{
    padding: .6rem .8rem 0;
}
.paper-item{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: .8rem;
    margin-bottom: .8rem;
    border-bottom: 0.05rem solid #F7F6F4;
}
.paper-item:last-child{
    border-bottom: 0;
    margin-bottom: 0;
}
.paper-item_icon{
    width: 4.2rem;
    height: 5.3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 4.2rem 5.3rem;
    background-image: url(../images/paper1.png);
}
.paper-item_icon2{
    background-image: url(../images/paper2.png);
}
.paper-item_right{
    width: calc(100% - 4.8rem);
}
.paper-item_right h2{
    margin-top: .2rem;
    line-height: 1.1rem;
    font-size: .8rem;
    margin-bottom: .35rem;
    max-height: 2.2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.paper-item_right h2 span{
    padding: 0 .2rem;
    line-height: .9rem;
    background: #FFFFFF;
    border-radius: .2rem;
    border: .05rem solid #F29849;
    font-size: .55rem;
    color: #F29849;
    display: inline-block;
    margin-right: .2rem;
}
.paper-item__info{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.paper-item__info span{
    line-height: .9rem;
    background: #F2F3F5;
    border-radius: .2rem;
    padding: 0 .25rem;
    margin-right: .2rem;
    font-size: .55rem;
    color: #757575;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.paper-item__info span::before{
    content: '';
    display: block;
    width: .6rem;
    height: .6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: .6rem .6rem;
}
.paper-item__info .paper-item__time::before{
    background-image: url(../images/paper-time.png);
}
.paper-item__info .paper-item__score::before{
    background-image: url(../images/paper-score.png);
}
.paper-item__info .paper-item__people::before{
    background-image: url(../images/paper-people.png);
}
/* 精选课程 */
.floor-box3 .common-title{
    background: url(../images/coursetitle.png) no-repeat center top;
    background-size: 100% auto;
    height: 2.8rem;
    border-bottom: 0;
}
.floor-box3 .common-title h2{
    color:#2673F7;
}
.floor-box3 .common-more::after{
    background-image: url(../images/coursemore.png);
}
.floor-box3{
    background: linear-gradient( 180deg, #E8EFFF 0%, #E2EDFF 27%, #FFFFFF 100%);
    border-radius: .6rem;
    margin: 0 .7rem .7rem;
    overflow: hidden;
}
.floor-box3_con{
    border-radius: .6rem;
    background: #fff;
}
.course-class{
    padding: .6rem .6rem .4rem;
    border-bottom: .05rem solid #F4F5F7;
}
.course_class_item{
    padding: 0 .4rem;
    line-height: 1.4rem;
    font-size: .6rem;
    color: #9DA0A6;
    width: auto !important;
}
.course_class_itemcurr{
    background: #327DFF;
    border-radius: .8rem;
    color: #fff;
}
.course-box{
    padding: .6rem .8rem .2rem;
}
.course-item{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .6rem;
}
.course-item_img{
    width: 7.2rem;
    height: 4rem;
    border-radius:.4rem;
    background: url(../images/nopic.png) no-repeat center;
    background-size: cover;
    overflow: hidden;
}
.course-item__img{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.course-item_info{
    width: calc(100% - 7.6rem);
    height: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.course-item_info h2{
    margin-top: .2rem;
    font-size: .7rem;
    line-height: 1rem;
    max-height: 2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.course-item__info{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.course-item__teacher{
    font-size: .6rem;
    color: #9DA0A6;
}
.course-item__btn{
    width: 3.4rem;
    height: 1.1rem;
    background: #E6EFFF;
    border-radius: .3rem;
    text-align: center;
    line-height: 1.1rem;
    font-size: .55rem;
    color: #2673F7;
}
/* 热门班级 */
.hot-class{
    padding: .8rem;
}
.class-item{
    display: block;
    padding-bottom: .8rem;
    margin-bottom: .8rem;
    border-bottom: 0.05rem solid #F4F5F7;
}
.class-item:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.class-item h2{
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: .8rem;
    line-height: 1.1rem;
    margin-bottom: .35rem;
}
.class-item h2 span{
    line-height: .9rem;
    background: linear-gradient( 227deg, #1C6FFF 0%, #4DAFFF 100%);
    border-radius: .3rem .1rem .3rem .1rem;
    font-size: .55rem;
    color: #FFFFFF;
    padding: 0 .2rem;
    margin-right: .3rem;
}
.class-item p{
    font-size: .6rem;
    color: #9DA0A6;
    line-height: .85rem;
}
.class-item_info{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: .6rem;
}
.class-item__teacher{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.class-item__teacher img{
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 1.6rem;
    margin-right: .4rem;
}
.class-item__teacher span{
    font-size: .6rem;
    color: #757575;
}
.class-item__price{
    font-weight: bold;
    font-size: .9rem;
    color: #FA3E58;
}
.class-item__price font{
    font-size: .65rem;
}
/* 师资力量 */
.teacher-box{
    padding: .8rem;
}
.teacher-item{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .8rem;
    padding-bottom: .8rem;
    border-bottom: 0.05rem solid #F4F5F7;
}
.teacher-item:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.teacher-item_head{
    width: 4.2rem;
    height: 4.8rem;
    border-radius: .4rem;
    overflow: hidden;
}
.teacher-item_head img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.teacher-item_info{
    width: calc(100% - 4.8rem);
}
.teacher-item_info h2{
    height: 1.2rem;
    font-size: .85rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.teacher-item_info h2 span{
    display: block;
    padding: 0 .2rem 0 .4rem;
    margin-left: .2rem;
    line-height: .9rem;
    background: url(../images/teacherlabel.png) no-repeat center left;
    background-size: 100% 100%;
    font-size: .55rem;
    color: #9D553A;
    font-weight: normal;
    max-width: 5.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.teacher-item_info>p{
    font-size: .6rem;
    color: #757575;
    margin-top: .2rem;
    line-height: .85rem;
    margin-bottom: .6rem;
}
.teacher-item__intro{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.teacher__intro_left{
    max-width: calc(100% - 4rem);
}
.teacher__intro_left p{
    font-size: .55rem;
    line-height: .8rem;
    margin-bottom: .3rem;
    height: .8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-left: .8rem;
}
.teacher__intro_left p::before{
    content: '';
    display: block;
    width: .6rem;
    height: .6rem;
    margin-right: .2rem;
    background: url(../images/teacher-right.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: .1rem;
}
.teacher__intro_left p:last-child{
    margin-bottom: 0;
}
.teacher__intro_btn{
    width: 3.4rem;
    height: 1.1rem;
    background: #E6EFFF;
    border-radius: .3rem;
    text-align: center;
    line-height: 1.1rem;
    font-size: .55rem;
    color: #396DE6;
    display: block;
}
/* 新闻资讯 */
.news-box{
    padding: .8rem;
}
.news-item{
    display: block;
    padding-bottom: .8rem;
    margin-bottom: .8rem;
    border-bottom: 0.05rem solid #F4F5F7;
}
.news-item:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.news-item h2{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: .4rem;
}

.news-item h2 span{
    display: block;
    width: .9rem;
    height: .9rem;
    text-align: center;
    line-height: .9rem;
    border-radius: .2rem;
    background: #E6EFFF;
    font-size: .55rem;
    margin-right: .2rem;
}
.news-item:first-child h2 span{
    background: #FA324D;
    color: #fff;
}
.news-item:nth-child(2) h2 span{
    background: #FC8014;
    color: #fff;
}
.news-item:nth-child(3) h2 span{
    background: #FFC400;
    color: #fff;
}
.news-item h2 .news-item_title{
    width: calc(100% - 1.1rem);
    font-size: .8rem;
    line-height: 1.1rem;
    height: 1.1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    background: none !important;
    color: #333 !important;
    margin-right: 0 !important;
    text-align: left;
}
.news-item p{
    font-size: .6rem;
    color: #757575;
    line-height: .9rem;
    max-height: 1.8rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-bottom: .3rem;
}
.news-item_info{
    font-size: .55rem;
    color: #9DA0A6;
}
.news-item_info font{
    color:#327DFF;
    margin-right: .2rem;
}