index.css 2.2 KB

12345678910111213141516171819202122232425262728
  1. /* group/index/index.wxss */
  2. page{background: #fe5c31;}
  3. .banner image{width: 100%;}
  4. .con{padding: 0 20rpx 50rpx;position: relative;z-index: 2;margin-top: -110rpx;}
  5. .tab .li{width: 50%;align-items: center;justify-content: center;background: #FD4033;height: 80rpx;border-radius: 12rpx 12rpx 0 0;font-size: 28rpx;color: #fff;}
  6. .tab .li .icon{color: #fff;margin-right: 12rpx;}
  7. .tab .on{background: #fff;color: #FE0419;}
  8. .tab .on .icon{color: #FE0419;}
  9. .pintuan{padding-bottom: 10rpx;padding-top: 10rpx;border-radius: 0 0 12rpx 12rpx;}
  10. .pintuan .li{border-bottom: 2rpx solid #E8E8E8;padding: 20rpx 0;}
  11. .pintuan .li:last-child{border-bottom: 0;}
  12. .pinimgs{box-sizing: border-box;width: 210rpx;height: 210rpx;border-radius: 10rpx;margin-right: 20rpx;border: 2rpx solid #E5E5E5;position: relative;}
  13. .pinimg{display: block;width: 100%;height: 100%;border-radius: 10rpx;}
  14. .proname{font-size: 28rpx;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  15. .endtime{display: inline-block;height: 32rpx;line-height: 32rpx;border: 2rpx solid #FE0419;border-radius: 6rpx;padding: 0 8rpx;font-size: 24rpx;color: #FE0419;margin: 15rpx 0 45rpx;}
  16. .endtimes{display: inline-block;height: 32rpx;line-height: 32rpx;border-radius: 6rpx;padding: 0 8rpx;font-size: 24rpx;color: #FE0419;margin: 15rpx 0 65rpx;}
  17. .wei{color: #333;border-color: #333;}
  18. .operate{justify-content: space-between;align-items: center;}
  19. .price{font-size: 24rpx;color: #FE0419;}
  20. .price text{font-size: 36rpx;font-weight: bold;}
  21. .price .del{font-weight: normal;font-size: 24rpx;color: #999;text-decoration: line-through;}
  22. .remind{width: 150rpx;height: 50rpx;border-radius: 25rpx;font-size: 24rpx;color: #fff;text-align: center;line-height: 50rpx;align-items: center;justify-content: center;}
  23. .remind icon{margin-right: 10rpx;font-size: 24rpx;}
  24. .tuan{display: block;width: 87rpx;height: 44rpx;font-size: 22rpx;color: #fff;text-align: center;line-height: 34rpx;position: absolute;top: 21rpx;left: -10rpx;}
  25. .tuan image{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
  26. .tuan text{position: relative;z-index: 2;display: block;}
  27. .pininfo{overflow: hidden;}
  28. .del{font-weight: normal;font-size: 24rpx;color: #999;text-decoration: line-through;}