| 1 |
- .spike{padding:20rpx}.spike-box{padding:23rpx 20rpx 18rpx 20rpx;background-color:#fff;overflow:hidden;box-shadow:0 0 16px 3px rgba(0,0,0,.04)}.spike-box .hd{display:flex;align-items:center;justify-content:space-between}.spike-box .hd .left{display:flex;align-items:center;width:500rpx}.spike-box .hd .left .name{font-size:32rpx;font-weight:600}.spike-box .hd .left .icon{width:36rpx;height:36rpx;margin-right:12rpx}.spike-box .hd .left .title{width:134rpx;height:33rpx}.spike-box .hd .more{font-size:26rpx;color:#999}.spike-box .hd .more .iconfont{margin-left:6rpx;font-size:25rpx}.spike-box .spike-wrapper{width:100%;margin-top:27rpx}.spike-box .spike-wrapper .spike-item{display:inline-block;width:222rpx;background-color:#fff;border-radius:16rpx;padding-bottom:8rpx}.spike-box .spike-wrapper .spike-item .img-box{position:relative;height:222rpx}.spike-box .spike-wrapper .spike-item .img-box image{width:100%;height:222rpx;border-radius:16rpx}.spike-box .spike-wrapper .spike-item .img-box .msg{position:absolute;left:10rpx;bottom:16rpx;width:86rpx;height:30rpx;background:#fff;border:1px solid #ff6d60;border-radius:6rpx;font-size:20rpx;color:#e93323}.spike-box .spike-wrapper .spike-item .info{margin-top:10rpx;padding:0 10rpx}.spike-box .spike-wrapper .spike-item .info .name{font-size:26rpx}.spike-box .spike-wrapper .spike-item .info .price-box{display:flex;align-items:center;justify-content:start;margin-top:4rpx}.spike-box .spike-wrapper .spike-item .info .price-box .tips{display:flex;align-items:center;justify-content:center;width:28rpx;height:28rpx;background-color:#e93323;color:#fff;font-size:20rpx;border-radius:2px}.spike-box .spike-wrapper .spike-item .info .price-box .price{display:flex;margin-left:10rpx;color:#e93323;font-size:28rpx;font-weight:700}.spike-box .spike-wrapper .spike-item .info .price-box .price text{font-size:18rpx}
|
