integralGoodsDetails.wxss 3.0 KB

1
  1. page{height:100%}.content{height:100%;display:flex;flex-direction:column}.content .cont-box{padding-bottom:121rpx}.content .cont-box .integral-box{background-color:#fff;padding:20rpx;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.content .cont-box .integral-box .title{font-weight:700;font-size:34rpx;font-family:PingFang SC;color:#111}.content .cont-box .integral-box .desc{margin-top:15rpx;display:flex;align-items:flex-start;justify-content:flex-start}.content .cont-box .integral-box .desc .cycle{background-color:#eee;border-radius:30rpx;padding:5rpx 15rpx;font-size:26rpx;font-family:PingFang SC;color:#c39a58}.content .cont-box .integral-box .desc .duration{margin-left:10rpx;background-color:#eee;border-radius:30rpx;padding:5rpx 15rpx;font-size:26rpx;font-family:PingFang SC;color:#c39a58}.content .cont-box .integral-box .num-box{margin-top:15rpx;flex:1;display:flex;align-items:flex-end;justify-content:space-between;width:100%}.content .cont-box .integral-box .num-box .price{padding:5rpx 10rpx;background-color:#c39a58;border-radius:30rpx;font-size:20rpx;font-family:PingFang SC;color:#fff}.content .cont-box .integral-box .num-box .count{font-size:24rpx;font-family:PingFang SC;color:#333}.content .cont-box .desc-box{background-color:#fff;padding:20rpx;margin-top:10rpx}.content .cont-box .desc-box .title-box{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.content .cont-box .desc-box .title-box .title{font-size:32rpx;font-family:PingFang SC;font-weight:700;color:#111}.content .cont-box .desc-box .title-box .line{margin-right:15rpx;height:30rpx;width:6rpx;background-color:#c39a58}.content .cont-box .desc-box .desc{margin-top:15rpx;font-size:28rpx;font-family:PingFang SC;color:#9a9a9c}.btn-foot{box-sizing:border-box;width:100%;height:121rpx;background:#FFFFFF;padding:0 32rpx 0 28rpx;display:flex;align-items:center;justify-content:space-between;position:fixed;left:0;bottom:0;z-index:99}.btn-foot .p-price-box{display:flex;align-items:center}.btn-foot .p-price-box .p-name{font-size:28rpx;font-family:PingFang SC;font-weight:500;color:#666}.btn-foot .p-price-box .p-price{margin-left:10rpx;color:#f63;font-size:32rpx;font-family:PingFang SC;font-weight:700}.btn-foot .btn-box{display:flex;align-items:center}.btn-foot .btn-box .btn{width:200rpx;height:88rpx;line-height:88rpx;text-align:center;border-radius:44rpx;margin-left:20rpx;font-size:30rpx;font-family:PingFang SC;font-weight:700;color:#fff}.btn-foot .btn-box .btn:first-child{margin-left:0}.btn-foot .btn-box .btn.buy{background:#C39A58}.goods-banner{height:756rpx;background-color:#fff;position:relative}.goods-banner .swiper-item{box-sizing:border-box}.goods-banner .swiper,.goods-banner .swiper-item,.goods-banner .swiper-item image{width:100%;height:100%}.goods-banner .num-box{width:80rpx;height:44rpx;line-height:44rpx;text-align:center;font-size:24rpx;font-family:PingFang SC;font-weight:500;color:#fff;background:rgba(0,0,0,.3);border-radius:22rpx;position:absolute;right:30rpx;bottom:30rpx;z-index:10}