Home Verkennen Help
Registreren Inloggen
xionghaojie
/
H5_module
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Boom: 79211bbcf1
Aftakkingen Labels
H5_module
/
open
/
index
/
index.css

index.css 4.6 KB
Geschiedenis Ruwe

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 
  1. page{background-color: #fff;}
    2. 

  2. .top{position: relative;overflow: hidden;}
    3. 

  3. .top::after{content: '';display: block;background-color: #f2f3f5;position: absolute;top: 0;left: -10%;right: -10%;width: 120%;border-radius: 0 0 40% 40%;height: 500rpx;z-index: 1;}
    4. 

  4. .list{position: relative;z-index: 2;padding-top: 30rpx;height: 294rpx;overflow: hidden;}
    5. 

  5. .lists{white-space: nowrap;height: 294rpx;padding-bottom: 20rpx;}
    6. 

  6. .lists::-webkit-scrollbar{
    7. 

  7.     display: none;
    8. 

  8.     width: 0 !important;
    9. 

  9.     height: 0 !important;
    10. 

  10.     -webkit-appearance: none;
    11. 

  11.     background: transparent;
    12. 

  12. }
    13. 

  13. .lists .li{display: inline-block;width: 300rpx;height: 256rpx;background: linear-gradient(132deg, #FFFAF9 0%, #FFF9EC 24%, #FFF8E6 65%, #FFF6EE 100%);box-shadow: 0 10rpx 15rpx 1rpx rgba(153,153,153,0.1);border: 1rpx solid #EFB95C;position: relative;border-radius: 15rpx;margin-right: 30rpx;text-align: center;vertical-align: bottom;}
    14. 

  14. .lists .li:first-child{margin-left: 30rpx;}
    15. 

  15. .lists .li::after{content: '';display: block;width: 100%;height: 100%;background: linear-gradient(209deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);position: absolute;top: 0;left: 0;border-radius: 15rpx;}
    16. 

  16. .lists .li.active{background: linear-gradient(132deg, #FDDCD2 0%, #FFECC7 24%, #FEE9B4 65%, #FBDEC6 100%);height: 290rpx;}
    17. 

  17. .lists .li.active::after{display: none;}
    18. 

  18. .li-c{position: relative;z-index: 5;width: 100%;height: 100%;overflow: hidden;flex-direction: column;justify-content: center;}
    19. 

  19. .vip-tag{position: absolute;top: 0;right: 0;width: 102rpx;height: 102rpx;}
    20. 

  20. .vip-ico{width: 222rpx;height: 208rpx;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
    21. 

  21. .tit{font-size: 45rpx;color: #C37B24;font-weight: bold;margin-top: 30rpx;line-height: 56rpx;}
    22. 

  22. .zhe{margin-top: 15rpx;}
    23. 

  23. .zhe text{height: 34rpx;background: linear-gradient(7deg, #FF6958 0%, #FF2D41 100%);border-radius: 5rpx;font-size: 24rpx;color: #fff;padding: 0 12rpx;line-height: 34rpx;display: inline-block;}
    24. 

  24. .lists .li.active .tit{margin-top: 65rpx;}
    25. 

  25. .cons{background-color: #fff;border: 1rpx solid #DDDDDD;border-radius: 20rpx;margin: 30rpx 30rpx 0;position: relative;z-index: 5;padding: 0 35rpx;}
    26. 

  26. .open-bg{width: 264rpx;height: 288rpx;position: absolute;right: 0;bottom: 0;}
    27. 

  27. .con-s{position: relative;z-index: 5;padding: 45rpx 0 55rpx;font-size: 30rpx;line-height: 1.7;}
    28. 

  28. ._root{font-size: 28rpx !important;line-height: inherit !important;}
    29. 

  29. ._root image{display: inline-block;vertical-align: middle;}
    30. 

  30. .tis{font-size: 36rpx;color: #333;font-weight: bold;padding: 40rpx 0 30rpx;border-bottom: 1rpx solid #DDDDDD;}
    31. 

  31. .vip-list{background-color: #ECF8FF;border-radius: 20rpx;margin: 30rpx 30rpx 0;padding: 30rpx 20rpx;}
    32. 

  32. .vip-tit{font-size: 36rpx;color: #333;font-weight: bold;padding-left: 15rpx;}
    33. 

  33. .vip-lists .li{height: 150rpx;background: #FFFFFF;border-radius: 16rpx;border: 1rpx solid #CCEBFF;padding: 0 44rpx 0 50rpx;margin-top: 20rpx;}
    34. 

  34. .vip-tits{font-size: 32rpx;color: #00001E;font-weight: bold;}
    35. 

  35. .vip-money{width: 130rpx;text-align: right;line-height: 1;}
    36. 

  36. .money{font-size: 56rpx;color: #FC7619;}
    37. 

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

  38. .del{font-size: 22rpx;color: #B6B6B6;text-decoration: line-through;margin-top: 5rpx;}
    39. 

  39. .gou{width: 40rpx;height: 40rpx;margin-left: 44rpx;}
    40. 

  40. .bot{position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;padding: 20rpx 30rpx;box-shadow: 0 -8rpx 40rpx 1rpx rgba(165,165,165,0.1);z-index: 50;height: 96rpx;}
    41. 

  41. .btn{height: 96rpx;background-color: var(--mina);font-size: 36rpx;color: #fff;border-radius: 48rpx;line-height: 96rpx;text-align: center;}
    42. 

  42. .price{font-size: 54rpx;color: #FE2400;font-weight: bold;line-height: 1;margin-top: 8rpx;}
    43. 

  43. .price text{font-size: 38rpx;}
    44. 

  44. .hui{font-size: 24rpx;color: #FF871D;font-weight: bold;margin-left: 7rpx;}
    45. 

  45. .mingxi{font-size: 24rpx;color: #999;margin-right: 45rpx;margin-top: 20rpx;}
    46. 

  46. .mingxi image{width: 20rpx;height: 11rpx;transform: rotate(180deg);margin-left: 8rpx;}
    47. 

  47. .btns{width: 210rpx;height: 80rpx;background: #009AFF;border-radius: 40rpx;font-size: 36rpx;color: #fff;text-align: center;line-height: 80rpx;}
    48. 

  48. /* 支付明细 */
    49. 

  49. .ceng{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.5);z-index: 99;}
    50. 

  50. .popup{position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;border-radius: 40rpx 40rpx 0 0;padding: 45rpx 30rpx 115rpx;z-index: 100;transition: all .3s ease;}
    51. 

  51. .pop-close{width: 37rpx;height: 37rpx;position: absolute;top: 45rpx;right: 30rpx;}
    52. 

  52. .pop-tit{font-size: 34rpx;color: #000;font-weight: bold;text-align: center;}
    53. 

  53. .pop-tits{font-size: 26rpx;color: #BDBDBD;margin-top: 65rpx;}
    54. 

  54. .pop-info{margin-top: 30rpx;font-size: 28rpx;color: #333;}
    55. 

  55. .pop-money{color: #FC7619;margin-left: 25rpx;}
    56. 

  56. .popup .del{font-size: 28rpx;}
    57.