ximalaya-lite/pages/classification/classification.wxss

/* pages/classification/classification.wxss */
.ification{
    width: 100%;
    height: 100%;
    
    background-color: rgb(243, 244, 246);
    display: flex;
    justify-content: start;
}
.scroll-left{
    width: 25%;
    padding-top: 55rpx;
    overflow: hidden;
}
.leftTitle{
    font-size: 28rpx;
    height: 130rpx;
}
.scroll-right{
    width: 75%;
    
}
.active{
    color: orange;
}
.contentScroll-item{
    width: auto;
    height: auto;
    margin-bottom: 20rpx;
}
.top{
    width: 100%;
    height: 40rpx;
    padding: 20rpx 0rpx;
    margin: 0rpx auto;
}
.contentTitle{
    color: rgb(12, 11, 11);
    font-size: 30rpx;
    text-align: center;
    margin: 0rpx auto;
}
.content{
    width: 100%;
    height: 140rpx;
    padding: 30rpx 0rpx;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-between;
    background-color: #fff;
    border-top-left-radius: 7rpx;
    border-bottom-left-radius: 7rpx;
}
.contentText{
    width: 130rpx;
    height: 50rpx;
    margin: 10rpx 20rpx;
    font-size: 30rpx;
    text-align: center;
}