index.wxss 4.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .swiper-box{height: 750rpx;}
  2. swiper-item{position: relative; width: 100%;}
  3. .swiper_banner swiper-item image{width: 100%; height: 750rpx;}
  4. .swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal{width: 100%; padding-right: 30rpx;display: flex;justify-content:center;box-sizing: border-box;}
  5. .pro-wrapper .pro-infos{background-color: #fff;padding: 20rpx 20rpx 0;}
  6. .pro-wrapper .pro-infos .price-wrapper{margin-top: 10rpx; align-items:center;}
  7. .pro-wrapper .pro-infos .price-wrapper .price{font-size: 48rpx; color: #ff3d3d;}
  8. .pro-wrapper .pro-infos .price-wrapper .price text{font-size: 28rpx;}
  9. .pro-wrapper .pro-infos .price-wrapper .small-txt{font-size: 24rpx; width: 35rpx; color: #fff; border-radius: 3px; height: 40rpx; line-height: 40rpx; text-align: center;margin-left: 10rpx;}
  10. .pro-wrapper .pro-infos .price-wrapper .jing{background-color: #ff3d3d;}
  11. .pro-wrapper .pro-infos .price-wrapper .you{background-color: #4eb047; }
  12. .pro-wrapper .pro-infos .count-wrapper{ margin-top: 10rpx; justify-content: space-between; font-size: 26rpx; color: #666; padding-bottom: 20rpx;}
  13. .block-bar{position: relative; padding: 0 20rpx; height: 70rpx; line-height: 70rpx; background-color: #fff; border-top: 1px solid #f7f7f7; font-size: 26rpx;}
  14. .block-bar .title{margin-right: 25rpx; color: #666;}
  15. .block-bar:after{content: "";position: absolute; right: 20rpx; top: 50%; margin-top: -7.5rpx; width: 15rpx;height: 15rpx;border-left: 3rpx solid #bbb;border-bottom: 3rpx solid #bbb;transform: rotate(-135deg); margin-left: 10rpx;}
  16. .block-bar.integral::after{display: none;}
  17. .block-bar.selected{margin-top: 10rpx;}
  18. .common-title{height: 88rpx; color: #aaa;font-size: 24rpx; align-items: center; justify-content: center;}
  19. .common-title .line{width: 105rpx; height: 2rpx; background-color: #e0e0e0;}
  20. .common-title .iconfont{font-size: 35rpx; margin: 0 5rpx 0 17rpx;}
  21. .common-title .text{margin-right: 17rpx;}
  22. .evaluate-hot{ padding: 0 20rpx 30rpx; background-color: #fff;}
  23. .evaluate-hot .hot-title{height: 85rpx; line-height: 85rpx; }
  24. .evaluate-hot .user-info{align-items: center;}
  25. .evaluate-hot .user-info .avatar{width: 48rpx; height: 48rpx; border-radius: 50%; margin-right: 10rpx;}
  26. .evaluate-hot .txt-msg{margin-top: 15rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
  27. .evaluate-hot .time-bar{margin-top: 15rpx; font-size: 24rpx; color: #888;}
  28. .evaluate-hot navigator{width: 200rpx; height: 50rpx; margin: 25rpx auto 0; line-height: 46rpx; font-size: 24rpx; color: #ff7000; box-sizing: border-box; border-radius: 30px; border: 2rpx solid #ff7000; text-align: center;}
  29. .foot{position: fixed; left: 0; bottom: 0; width: 100%; height: 110rpx; background-color: #fff; border-top: 1px solid #e0e0e0; align-items: center;}
  30. .foot .fn-btns{width: 305rpx; height: 100%; align-items: center;}
  31. .foot .fn-btns .item{flex: 1; text-align: center; font-size: 22rpx; color: #666;}
  32. .foot .fn-btns .item .iconfont{font-size: 35rpx; color: #999;position:relative;}
  33. .foot .fn-btns .item .iconfont.icon-xingxing{color: #ff7000;}
  34. .foot .btns-wrapper{width: 688rpx; height: 100%; line-height: 110rpx; color: #fff; font-size: 30rpx;}
  35. .foot .btns-wrapper view{flex: 1; text-align: center;}
  36. .foot .btns-wrapper .buy-btn{background-color: #ff7000;}
  37. .foot .btns-wrapper .payment-btn{background-color: #ff3d3d;}
  38. .countdown-wrapper{width: 100%; height:100rpx; padding: 0 20rpx; background-color: #ff3d3d;color: #fff; box-sizing: border-box; justify-content: space-between; align-items: center;margin-bottom: 0rpx;}
  39. .price-txt{align-items: center;}
  40. .price-txt .number{font-size: 48rpx;}
  41. .price-txt .number text{font-size: 28rpx;}
  42. .price-txt .old-number{font-size: 26rpx; text-decoration: line-through; margin: 15rpx 0 0 15rpx;}
  43. .countdown-wrapper .right-wrapper{flex-direction: column;}
  44. .countdown-wrapper .right-wrapper .title{text-align:center;}
  45. .contact-but{background-color:#ffffff;line-height:normal!important;}
  46. .contact-but::after{border:none;}
  47. .form-btn{width:100%;height:100%;line-height:110rpx;font-size:30rpx;}
  48. .form-btn button{color:#fff;border:none;border-radius:0;height:110rpx;line-height:110rpx;}
  49. .item-span{min-width:20rpx;height:20rpx;border-radius:50rpx;background-color:#ff3d3d;color: #fff;display:block;font-size:12rpx;text-align:center;line-height:20rpx;position:absolute;right:23rpx;top:0;}
  50. .countdown-time text{height:35rpx;padding:0 8rpx;display:inline-block;background-color:#fff;color:#ff3d3d;line-height:35rpx;border-radius:5rpx;margin-top:8rpx;}
  51. @import "/pages/foo-tan/foo-tan.wxss";
  52. @import "/wxParse/wxParse.wxss";