.home-swiper {
    margin: 10px 0 0;
}

.home-swiper .swiper-slide {
    height: 35vw;
    border-radius: 8px;
    overflow: hidden;
}

/* .home-navs {
    margin: 20px 0;
    color: #323232;
    font-size: 16px;
}

.home-navs .swiper-slide {
    width: 27%;
    text-align: center;
    display: inline-block;
    
} */

#topNav {
    width: 100%;
    overflow: hidden;
    /* margin: 20px 0; */
    color: #323232;
    font-size: 16px;
}
#topNav .swiper-slide {
    padding: 20px 10px;
    width: 55px;
    text-align: center;
}
#topNav .swiper-slide.long {
    width: 100px;
}
#topNav .swiper-slide span {
    display: block;
}
#topNav .active span {
    /* transform:scale(1.1);
	color:#FF2D2D; */
    padding: 0 0 7px;
    border-bottom: 3px solid #4262D7;
}

.component {

}

.component .item {
    width: calc((100% - 10px) / 2);
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    margin: 0 10px 10px 0;
}

.component .item:nth-child(2n) {
    margin:0 0 10px 0;
}

.component .item-img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.component .item-text{
    width: calc(100% - 35px);
    color:#333;
}

.component .item-desc {
    color: #999;
    margin-top: 16px;
}