download.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. /* pages/download/download.wxss */
  2. .download .li {
  3. padding: 50rpx 66rpx 0;
  4. }
  5. .download .li .h3 {
  6. width: 160rpx;
  7. height: 40rpx;
  8. line-height: 40rpx;
  9. text-align: center;
  10. font-size: 28rpx;
  11. color: #353535;
  12. font-weight: bold;
  13. margin-bottom: 20rpx;
  14. position: relative;
  15. }
  16. .download .li .h3::after {
  17. content: " ";
  18. width: 160rpx;
  19. height: 20rpx;
  20. border-radius: 30rpx;
  21. background-color: rgba(111, 56, 180, 0.1);
  22. display: block;
  23. position: absolute;
  24. bottom: 0;
  25. }
  26. .download .li .textList {
  27. font-size: 28rpx;
  28. color: #353535;
  29. line-height: 40rpx;
  30. }
  31. .download .li .textList text {
  32. color: #6f38b4;
  33. font-weight: bold;
  34. }
  35. .download .code {
  36. margin-top: 30rpx;
  37. width: 100vw;
  38. display: flex;
  39. align-items: center;
  40. justify-content: center;
  41. }
  42. .download .code image {
  43. width: 280rpx;
  44. }
  45. .download .button {
  46. margin-top: 84rpx;
  47. width: 100vw;
  48. display: flex;
  49. justify-content: center;
  50. }
  51. .download .button text {
  52. width: 520rpx;
  53. height: 80rpx;
  54. background: #6547A3;
  55. border-radius: 45rpx;
  56. display: flex;
  57. justify-content: center;
  58. align-items: center;
  59. font-size: 36rpx;
  60. color: #fff;
  61. }
  62. .ex-nav-bgc-class {
  63. background: rgba(237, 237, 237, 0.9);
  64. backdrop-filter: blur(10px);
  65. }