/* packageA/mycomponent/goodsComponent/plugin/supplierModel/supplierModel.wxss */ @import "/mycss/stylesheet.wxss"; @import "/mycss/iconfont.wxss"; .supplier-box { margin: 20rpx; border-radius: 20rpx; background-color: #fff; } .store { padding-right: 5px; } .store .store-head { padding: 10rpx 30rpx; display: flex; align-items: center; justify-content: space-between; margin-bottom: 10rpx; } .store .store-head .store-head-left { display: flex; align-items: center; } .store .store-head .store-head-left .left-img image { width: 60rpx; height: 60rpx; margin: 10rpx 12rpx 0 0; border-radius: 50%; overflow: hidden; } .store .store-head .store-head-left .left-title { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .left-title .title-name { font-size: 16px; font-weight: 700; } .left-title .title-hot { font-size: 10px; } .left-title .title-hot .red-text { color: #f14e4e; } .store .store-head .store-head-right .right-enter { width: 156rpx; height: 50rpx; text-align: center; line-height: 50rpx; background-color: #f14e4e; border-radius: 26rpx; color: #fff; font-size: 12px; } .store .store-main { display: flex; padding-right: 20rpx; } .store .store-main .store-main-item { width: 216rpx; margin: 0 0 20rpx 20rpx; } .store .store-main .store-main-item image { width: 216rpx; height: 216rpx; } .store .store-main .store-main-item .store-main-title { width: 216rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } .store .store-main .store-main-item .store-main-price { text-align: left; color: #f14e4e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .store .store-main .more-goods { display: flex; height: 216rpx; margin: 0 0 20rpx 20rpx; flex-direction: column; justify-content: center; padding: 0 58rpx; background-color: #f6f6f6; } .store .store-main .more-goods .icon-fontclass-yingyongshichang1 { color: #d3d3d3; font-size: 50px; } .store .store-main .more-goods .more-goods-text { color: #6d6d6d; }