/* 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; }