.index{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    padding-top: 20px;
    margin: 0;
    margin-top: 0;
    z-index: 99;
}
.top-box{
    /*height:235px;*/
    width:100%;
    position: relative;
}
.top-box .swiper-container{
    height:210px;
}

.top-down{
    padding: 20px;
    /*height: 60px;*/
    display: flex;
    background-image: url(../images/xue_home_quick_bg.png);
    background-size: cover;
}
.top-down .shortcuts{
    width: 33%;
    height: 85px;
}
.shortcuts img{
    width: 100%;
    height: 85px;
}


.swiper-container{
    height: 100px;
}


.bottom-tap{
    background: url(../images/xue_home_class_bg.png);
    background-size: cover;
    width: 100%;
}
.bottom-tap .class-list-flex{
    margin:0 13px;
    /*margin-left: 17px;*/
    display: flex;
}
.class-list-flex .class-detail-flex{
    /*width: 33%;*/
    width: 50%;
    position: relative;
    font-size: 16px;
}
.class-detail-flex .new-icon{
   position: absolute;
   left: -4px;
   width: 45px;
   height: 15px;
}
.class-detail-flex .detail-img{
    /*width: 100px;*/
    height: 93px;
}
.class-detail-flex .down-News-flex{
    display: flex;
    /*font-size: 0.6rem;*/
    font-size: 14px;
    margin-top: 6px;
}
.down-News-flex div{
    /*white-space: nowrap;*/
}
.down-News-flex img{
    margin-right: 3px;    
    width: 12px;
    height: 9px;
}
.class-list-flex .line-right{
    width: 2px;
    margin-right: 10px;
    margin-left: 10px;
}

.none-line{
    border-bottom: none;
}