shyaf-artist-platform-miniapp/pages/classify/classify.wxss

/* pages/classify/classify.wxss */
.page-classify{

}
.page-classify .classify-item{
    border-bottom:1rpx solid rgba(236,238,243,1);
    display: flex;
    padding: 50rpx 0;
    align-items: center;
}
.page-classify .classify-item:last-child{
    border-bottom: 0;
}
.page-classify .classify-item:last-child .item-media{
    min-height:280rpx;
}
.page-classify .classify-item .item-media{
    position: relative;
    min-height:176rpx;
    background:rgba(255,255,255,1);
    border-right:1rpx solid rgba(236,238,243,1);
    text-align: center;
    width: 300rpx;
    padding-top: 20rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-classify .classify-item .item-media::after{
    position: absolute;
    left: 100%;
    top:50%;
    margin-left: -10rpx;
    transform: translate(0,-50%) rotate(45deg);
    display: block;
    width: 20rpx;
    height: 20rpx;
    background: #fff;
    content: "";
    border-top:1rpx solid rgba(236,238,243,1);
    border-right:1rpx solid rgba(236,238,243,1);
    z-index: 2;
}
.page-classify .classify-item .item-media .icon{
    display: none;
 /*   width: 116rpx;
    height: 100rpx;
    background: #f1f1f1;*/
    margin: 0 auto;
}
.page-classify .classify-item .item-media .icon-01,
.page-classify .classify-item .item-media .icon-02,
.page-classify .classify-item .item-media .icon-04,
.page-classify .classify-item .item-media .icon-05{
    width: 78rpx;
    height: 78rpx;
}
.page-classify .classify-item .item-media .icon-03{
    width: 116rpx;
    height: 56rpx;
}


.page-classify .classify-item .item-media .text{
    font-size: 32rpx;
    color: #161616;
   /* margin-top: 20rpx;*/
}
.page-classify .classify-item  .item-content{
    flex: 1;
    padding-left: 60rpx;
}
.page-classify .classify-item  .item-content .item{
    display: flex;
    height:50rpx;
    line-height: 50rpx;
    margin-bottom: 30rpx;
}
.page-classify .classify-item  .item-content>view.item:last-child,
.page-classify .classify-item  .item-content>navigator.item:last-child
{
    margin-bottom: 0;
}
.page-classify .classify-item  .item-content .item .icon{
    width:50rpx;
    height:50rpx;
    background:rgba(235,235,235,1);
    border-radius:25px;
    margin-right: 30rpx;
}

.page-classify .classify-item  .item-content .item .text{
    font-size: 24rpx;
    color: #161616;
}
.page-classify .classify-item  .item-content .item.disable .text{
    color:#D0D0D0;
}