Inicio Explorar Axuda
Rexistro Iniciar sesión
xionghaojie
/
H5_module
1
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Rama: master
Ramas Etiquetas
H5_module
/
mine
/
coupons
/
coupons.css

coupons.css 4.4 KB
Permalink Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 
  1. /* mine/coupons/coupons.wxss */
    2. 

  2. page{padding-bottom: 100rpx;}
    3. 

  3. .tab{line-height: 100rpx;font-size: 30rpx;color: #999;text-align: center;}
    4. 

  4. .tab .li{width: 50%;position: relative;}
    5. 

  5. .tab .li.active{color: #222;font-weight: bold;}
    6. 

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

  7. /* .list{padding: 30rpx 20rpx 10rpx;overflow: hidden;}
    8. 

  8. .list .li{background: #fff;border-radius: 10rpx;overflow: hidden;border:1px solid rgba(222,222,222,1);margin-bottom: 20rpx;position: relative;}
    9. 

  9. .lit{height: 187rpx;position: relative;}
    10. 

  10. .lqbg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
    11. 

  11. .lits{position: relative;z-index: 2;padding: 30rpx 40rpx 0;}
    12. 

  12. .left{font-weight: bold;font-size: 24rpx;color: #fff;font-weight: bold;margin-right: 20rpx;}
    13. 

  13. .left text{font-size: 36rpx;font-weight: normal;}
    14. 

  14. .left text.jine{font-size: 88rpx;font-weight: bold;}
    15. 

  15. .tong{margin-top: 25rpx;}
    16. 

  16. .tong view{font-size: 28rpx;color: #fff;margin-bottom: 5rpx;}
    17. 

  17. .tong text{font-size: 24rpx;color: #fff;}
    18. 

  18. .lqbtn{width: 180rpx;height: 69rpx;background: #fff;border-radius: 35rpx;line-height: 69rpx;font-size: 24rpx;color: #FF6008;text-align: center;margin-top: 25rpx;}
    19. 

  19. .right{padding: 15rpx 35rpx 10rpx;font-size: 24rpx;color: #9A9A9A;overflow: hidden;}
    20. 

  20. .right view{position: relative;margin-bottom: 10rpx;}
    21. 

  21. .right view::before{content: '';display: block;width: 8rpx;height: 8rpx;border-radius: 50%;background: #888;position: absolute;left: -20rpx;top: 50%;transform: translateY(-50%);}
    22. 

  22. .list .li.fail .lqbtn{background: #A6A6A6;color: #333;}
    23. 

  23. .guoqi{width: 187rpx;height: 165rpx;position: absolute;right: 50rpx;top: 6rpx;z-index: 1;} */
    24. 

  24. 

  25. .dflex{align-items: center;}
    26. 

  26. .list{padding: 31rpx 30rpx 20rpx;}
    27. 

  27. .list .li{background: #fff;box-shadow: 0 0 32rpx rgba(0, 0, 0, 0.04);border-radius: 15rpx;padding: 0 22rpx;color: #999;margin-bottom: 24rpx;position: relative;}
    28. 

  28. .info{border-bottom: 1rpx dashed #E9E9E9;padding: 20rpx 22rpx 29rpx 9rpx;position: relative;}
    29. 

  29. .info::before,.info::after{content: '';display: block;width: 20rpx;height: 20rpx;background: #f6f6f6;border-radius: 50%;position: absolute;bottom: -10rpx;}
    30. 

  30. .info::before{left: -34rpx;}
    31. 

  31. .info::after{right: -34rpx;}
    32. 

  32. .info-img{width: 80rpx;height: 80rpx;border-radius: 8rpx;margin-right: 15rpx;}
    33. 

  33. .title{font-size: 32rpx;color: #222;font-weight: bold;}
    34. 

  34. .time{font-size: 22rpx;margin-top: 15rpx;}
    35. 

  35. .info-r{text-align: right;margin-left: 20rpx;width: 200rpx;}
    36. 

  36. .money{font-size: 60rpx;color: #EB0000;}
    37. 

  37. .money text{font-size: 30rpx;}
    38. 

  38. .man{font-size: 22rpx;}
    39. 

  39. .li-bot{padding: 15rpx 15rpx 15rpx 7rpx;height: 50rpx;}
    40. 

  40. .check{font-size: 24rpx;color: #666;}
    41. 

  41. .xian{height: 27rpx;background: linear-gradient(90deg, #F9E1B7 0%, #FBDBA4 100%);border-radius: 50rpx;font-size: 18rpx;color: #8A5203;line-height: 27rpx;padding: 0 10rpx;}
    42. 

  42. .check image{width: 17rpx;height: 11rpx;margin-left: 8rpx;}
    43. 

  43. .ma{width: 38rpx;height: 38rpx;margin-right: 60rpx;}
    44. 

  44. .yong{width: 130rpx;height: 50rpx;background: linear-gradient(90deg, #FE934C 0%, #FD3A31 100%);border-radius: 28rpx;font-size: 24rpx;color: #fff;justify-content: center;}
    45. 

  45. .yong::after{content: '';display: block;width: 0;height: 0;border: 10rpx solid transparent;border-right: none;border-left-color: #fff;border-radius: 5rpx;margin-left: 8rpx;}
    46. 

  46. .infos{font-size: 20rpx;padding: 15rpx 0 30rpx;}
    47. 

  47. .infos view{padding: 5rpx 0;}
    48. 

  48. .list .li.tong{background: #FF243D;color: #fff;}
    49. 

  49. .list .li.tong .info{border-bottom-color: rgba(255,255,255,.3);}
    50. 

  50. .list .li.tong .title,.list .li.tong .check,.list .li.tong .money{color: #fff;}
    51. 

  51. .list .li.tong .yong{background: linear-gradient(90deg, #FFECD9 0%, #FFB164 100%);color: #D88636;}
    52. 

  52. .list .li.tong .yong::after{border-left-color: #D88636;}
    53. 

  53. .yi{width: 130rpx;}
    54. 

  54. .yipic{width: 144rpx;height: 103rpx;position: absolute;right: 20rpx;bottom: 0;z-index: 2;}
    55. 

  55. .list .li.hui{opacity: .7;}
    56. 

  56. .i-pro text{margin-right: 20rpx;color: #333;}
    57. 

  57. 

  58. .show{display: block;}
    59. 

  59. .hide{display: none;}
    60. 

  60. .erweima{width: 50rpx; height: 50rpx;}
    61. 

  61. .bot{justify-content: space-between;padding: 0 30rpx;align-items: center;}
    62. 

  62. .ygq{width: 180rpx;height: 69rpx;background: #A6A6A6;border-radius: 35rpx;line-height: 69rpx;font-size: 24rpx;color: #323232;text-align: center;margin-top: 25rpx;}
    63. 

  63. 

  64. .ling{height: 100rpx;background: #FFFFFF;font-size: 30rpx;color: #222;align-items: center;border-radius: 16rpx;margin: 30rpx 30rpx 0;padding: 0 27rpx;}
    65. 

  65. .quan-img{width: 40rpx;height: 34rpx;margin-right: 9rpx;}
    66. 

  66. .rico{width: 14rpx;height: 21rpx;}
    67.