index.wxss 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. @import '/css/style.wxss';
  2. .navbar .header {height: 96rpx;font-size: 30rpx;color: #050505;background-color: #fff;padding-right: 95rpx;}
  3. .navbar .header .item {position: relative;margin: 0 25rpx;}
  4. .navbar .header .item.on:before {position: absolute;width: 60rpx;height: 5rpx;background-repeat: no-repeat;content: "";background-image: linear-gradient(to right, #ff3366 0%, #ff6533 100%);bottom: -10rpx;left:50%;margin-left:-28rpx;}
  5. .navbar{position:fixed;background-color:#fff;top:0;left:0;z-index:999;width:100%;}
  6. .navbar .navbarH{position:relative;}
  7. .navbar .navbarH .navbarCon{position:absolute;bottom:0;height:100rpx;width:100%;}
  8. .icon-xiangzuo{color:#000;font-weight:bold;position:fixed;font-size:40rpx;width:100rpx;height:56rpx;line-height:54rpx;z-index:1000;left:33rpx;}
  9. .product-con .wrapper{padding-bottom:26rpx;}
  10. .product-con .wrapper .share .money .y-money {color:#82848f;margin-left:13rpx;text-decoration:line-through;font-weight:normal;}
  11. .product-con .notice{width:100%;height:62rpx;background-color:#ffedeb;margin-top:20rpx;padding:0 30rpx;box-sizing:border-box;}
  12. .product-con .notice .num{font-size:24rpx;}
  13. .product-con .notice .num .iconfont{font-size:30rpx;vertical-align:-3rpx;margin-right:20rpx;}
  14. .product-con .notice .num .line{color:#282828;margin-left:15rpx;}
  15. .product-con .notice .swiper{height:100%;width:360rpx;line-height:62rpx;overflow:hidden;margin-left:14rpx;}
  16. .product-con .notice .swiper swiper{height:100%;width:100%;overflow:hidden;font-size:24rpx;color:#282828;}
  17. .product-con .assemble{background-color:#fff;}
  18. .product-con .assemble .item{padding-right:30rpx;margin-left:30rpx;border-bottom:1rpx solid #f0f0f0;height:132rpx;}
  19. .product-con .assemble .item .pictxt{width:295rpx;}
  20. .product-con .assemble .item .pictxt .text{width:194rpx;}
  21. .product-con .assemble .item .pictxt .pictrue{width:80rpx;height:80rpx;}
  22. .product-con .assemble .item .pictxt .pictrue image{width:100%;height:100%;border-radius:50%;}
  23. .product-con .assemble .item .right .lack{font-size:24rpx;color:#333333;}
  24. .product-con .assemble .item .right .time{font-size:22rpx;color:#82848f;margin-top:5rpx;}
  25. .product-con .assemble .item .right .spellBnt{font-size:24rpx;color:#fff;width:140rpx;height:50rpx;border-radius:50rpx;background-image: linear-gradient(to right,#ff2358 0%,#ff0000 100%);text-align:center;line-height:50rpx;margin-left:30rpx;}
  26. .product-con .assemble .item .right .spellBnt .iconfont{font-size:25rpx;margin-left:5rpx;}
  27. .product-con .assemble .more{font-size:24rpx;color:#282828;text-align:center;height:90rpx;line-height:90rpx;}
  28. .product-con .assemble .more .iconfont{margin-left:13rpx;font-size:25rpx;}
  29. .product-con .playWay{background-color:#fff;padding:0 30rpx;margin-top:20rpx;font-size:28rpx;color:#282828;}
  30. .product-con .playWay .title{height:86rpx;border-bottom:1rpx solid #eee;}
  31. .product-con .playWay .title .iconfont{margin-left:13rpx;font-size:28rpx;color:#717171;}
  32. .product-con .playWay .way{min-height:110rpx;font-size:26rpx;color:#282828;}
  33. .product-con .playWay .way .iconfont{color:#cdcdcd;font-size:40rpx;margin:0 35rpx;}
  34. .product-con .playWay .way .item .num{font-size:35rpx;vertical-align:3rpx;margin-right:6rpx;}
  35. .product-con .playWay .way .item .tip{font-size:22rpx;color:#a5a5a5;margin-top:7rpx;}
  36. .product-con .footer{padding:0 20rpx 0 30rpx;position:fixed;bottom:0;width:100%;box-sizing:border-box;height:100rpx;background-color:#fff;z-index:99;border-top:1rpx solid #f0f0f0;}
  37. .product-con .footer .item{font-size:18rpx;color:#666;}
  38. .product-con .footer .item .iconfont{text-align:center;font-size:40rpx;}
  39. .product-con .footer .item .iconfont.icon-shoucang1 {color:#f00;}
  40. .product-con .footer .item .iconfont.icon-gouwuche1{font-size:40rpx;position:relative;}
  41. .product-con .footer .item .iconfont.icon-gouwuche1 .num{color:#fff;position:absolute;font-size:18rpx;
  42. padding:2rpx 8rpx 3rpx;border-radius:200rpx;top:-10rpx;right:-10rpx;}
  43. .product-con .footer .bnt{width:540rpx;height:76rpx;}
  44. .product-con .footer .bnt .bnts{width:270rpx;text-align:center;line-height:76rpx;color:#fff;font-size:28rpx;}
  45. .product-con .footer .bnt .joinCart{border-radius:50rpx 0 0 50rpx;background-image: linear-gradient(to right,#fea10f 0%,#fa8013 100%);}
  46. .product-con .footer .bnt .buy{border-radius:0 50rpx 50rpx 0;background-image: linear-gradient(to right,#fa6514 0%,#e93323 100%);}
  47. .setCollectBox{font-size: 18rpx;color: #666;}
  48. @import "/wxParse/wxParse.wxss";