/**index.wxss**/ .wrap_nr{ padding: 30rpx; } .store_item{ width: 690rpx; padding: 40rpx 0; margin-top: 30rpx; background: #F9F9F9; border-radius: 15rpx; display: flex; align-items: center; position: relative; } .store_item .item_l{ width: 460rpx; padding-left: 30rpx; font-size: 26rpx; color: #666666; border-right: 1rpx solid rgba(216,169,115,.2); } .store_item .item_name{ font-size: 32rpx; color: #0C0C0C; } .store_item .item_info{ display: flex; align-items: center; margin-top: 26rpx; } .store_item .item_info .icon{ width: 24rpx; height: 24rpx; } .store_item .item_info .wenzi{ padding-left: 10rpx; width: 340rpx; } .store_item .item_r{ flex: 1; display: flex; flex-direction: column; align-items: center; } .store_item .item_r .juli{ font-size: 24rpx; color: #666666; padding: 4rpx 10rpx; background: #FFFFFF; box-shadow: 0rpx 1rpx 10rpx 0rpx rgba(0, 0, 0, 0.1); border-radius: 14rpx; position: relative; } .store_item .item_r .juli::after{ content: ""; display: block; position: absolute; bottom: -22rpx; left: 50%; width: 0rpx; height: 0rpx; border: 12rpx solid transparent; border-top: 12rpx solid #FFFFFF; } .store_item .item_r .store_logo{ width: 60rpx; height: 69rpx; margin-top: 20rpx; } .store_item .item_r .desc{ font-size: 30rpx; color: #0C0C0C; padding-top: 12rpx; } .store_item .tuijian_icon{ width: 77rpx; height: 74rpx; position: absolute; top: -5rpx; right: -5rpx; } .store_item .selected_icon{ width: 61rpx; height: 61rpx; position: absolute; bottom: -1px; right: -1px; } /* 选中状态 */ .store_item.selected{ background: #FFFFFF; border: 1px solid #D54C43; }