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: 22%;
    padding-top: 55rpx;
    margin-right: 20rpx;
    background-color: #fff;
    overflow: hidden;
}
.leftTitle{
    text-align: center;
    font-size: 28rpx;
    height: 100rpx;
    line-height: 100rpx;
}

.scroll-right{
    width: 75%;
}
.active{
    color: #ff520f;
    background-color: rgb(243, 244, 246);
}
.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;
}