Home Explore Help
Register Sign In
xionghaojie
/
H5_module
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
H5_module
/
promote
/
shop
/
index.css

index.css 2.9 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233 
  1. page{background: #fff;}
    2. 

  2. .tab{border-top: 10rpx solid #f5f5f5;position: fixed;top: 0;left: 0;right: 0;height: 100rpx;background: #fff;z-index: 50;;}
    3. 

  3. .tab .li{width: 25%;font-size: 36rpx;color: #999;text-align: center;position: relative;line-height: 100rpx;}
    4. 

  4. .tab .li text{display: block;width: 70rpx;height: 40rpx;background: linear-gradient(138deg, #FBE6BE 0%, #F4CD8F 100%);border-radius: 5rpx;font-size: 24rpx;color: #7F4C1A;position: absolute;top: 12rpx;right: 0;text-align: center;line-height: 40rpx;}
    5. 

  5. .tab .li.active{color: #000;}
    6. 

  6. .tab .li.active::after{content: '';display: block;width: 70rpx;height: 3rpx;background: var(--mina);position: absolute;left: 50%;transform: translateX(-50%);bottom: 10rpx;}
    7. 

  7. .con{margin: 20rpx 30rpx 0;border: 1rpx solid #EFEFEF;border-top: 5rpx solid #60BBFF;padding: 30rpx;position: relative;}
    8. 

  8. .con-tit{font-size: 24rpx;color: #999;justify-content: space-between;}
    9. 

  9. .con-tit text{color: #FF5E00;}
    10. 

  10. .con-tits{font-size: 30rpx;color: #333;font-weight: bold;margin-bottom: 8rpx;}
    11. 

  11. .con-lis{font-size: 28rpx;color: #333;line-height: 72rpx;margin-top: 35rpx;flex-wrap: wrap;position: relative;z-index: 5;}
    12. 

  12. .con-lis view{width: 50%;}
    13. 

  13. .con-lis image{width: 36rpx;height: 26rpx;margin-right: 30rpx;}
    14. 

  14. .hhr-bg{width: 266rpx;height: 297rpx;position: absolute;right: 0;bottom: 0;z-index: 1;}
    15. 

  15. .info{margin: 50rpx 30rpx 0;}
    16. 

  16. .tits{font-size: 30rpx;color: #333;font-weight: bold;}
    17. 

  17. .temp{margin-top: 25rpx;}
    18. 

  18. .temp .li{width: 210rpx;height: 210rpx;border-radius: 5rpx;border: 1rpx solid #DFDFDF;margin-right: 30rpx;position: relative;flex-direction: column;justify-content: center;box-sizing: border-box;font-size: 28rpx;color: #999;line-height: 48rpx;}
    19. 

  19. .temp .li:last-child{margin-right: 0;}
    20. 

  20. .temp .li.active{border: 3rpx solid #6BBFFF;}
    21. 

  21. .free-img{width: 100%;height: 100%;}
    22. 

  22. .free{position: absolute;left: 0;right: 0;bottom: 0;background: rgba(0, 42, 97, .8);height: 40rpx;font-size: 24rpx;color: #fff;text-align: center;line-height: 40rpx;}
    23. 

  23. .gou{width: 45rpx;height: 42rpx;position: absolute;right: 0;bottom: 0;}
    24. 

  24. .tag{width: 126rpx;height: 40rpx;background: linear-gradient(90deg, #FFE6C2 0%, #FFC146 100%);border-radius: 20rpx 0 20rpx 0;font-size: 24rpx;color: #683A0D;text-align: center;line-height: 40rpx;position: absolute;top: -20rpx;left: 0;}
    25. 

  25. .type{font-size: 30rpx;color: #683A0D;line-height: initial;}
    26. 

  26. .price{font-size: 48rpx;color: #323232;font-weight: bold;margin: 10rpx 0;line-height: initial;}
    27. 

  27. .price text{font-size: 30rpx;font-weight: normal;}
    28. 

  28. .del{font-size: 24rpx;color: #999;text-decoration: line-through;line-height: initial;}
    29. 

  29. .bot{position: fixed;left: 0;right: 0;bottom: 0;background: #fff;padding: 25rpx 30rpx 20rpx;z-index: 50;
    30. 

  30. box-shadow: 0 -1rpx 10rpx 1rpx rgba(0,0,0,0.08);}
    31. 

  31. .money{font-size: 48rpx;color: #323232;font-weight: bold;}
    32. 

  32. .money text{font-size: 30rpx;font-weight: normal;}
    33. 

  33. .btn{width: 280rpx;height: 86rpx;background: linear-gradient(180deg, #4AB1FF 0%, #0091FE 100%);border-radius: 5rpx;font-size: 36rpx;color: #fff;text-align: center;line-height: 86rpx;}
    34.