index.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. @import "../../app.wxss";
  2. .main {
  3. padding: 2vw;
  4. }
  5. .main .one {
  6. width: 100%;
  7. height: 80px;
  8. padding: 2vw 0;
  9. border: 1px solid var(--rgb40E);
  10. border-radius: 20rpx;
  11. text-align: center;
  12. box-shadow: 0 0 10px 2px var(--rgb40E);
  13. }
  14. .main .one .images {
  15. width: 80px;
  16. height: 80px;
  17. border-radius: 20rpx;
  18. }
  19. .main .two {
  20. border: 1px solid var(--rgb40E);
  21. margin: 4vw 0 0 0;
  22. padding: 1vw 2vw;
  23. border-radius: 20rpx;
  24. box-shadow: 0 0 10px 2px var(--rgb40E);
  25. }
  26. .main .two .two_1 {
  27. width: 96%;
  28. display: flex;
  29. justify-content: space-around;
  30. flex-wrap: wrap;
  31. padding: 2vw;
  32. }
  33. .main .two .name {
  34. text-align: center;
  35. font-size: 18px;
  36. font-weight: bold;
  37. margin: 0 0 1vw 0;
  38. }
  39. .main .two .other {
  40. margin: 0 0 1vw 0;
  41. font-size: 14px;
  42. color: var(--rgb868);
  43. }
  44. .main .two .two_1 .list {
  45. width: 20%;
  46. display: flex;
  47. flex-direction: column;
  48. align-items: center;
  49. }
  50. .main .two .two_1 .list .title {
  51. margin: 2vw 0 0 0;
  52. }
  53. .main .two .two_1 .images {
  54. width: 10vh;
  55. height: 10vh;
  56. border-radius: 80rpx;
  57. }
  58. .main .thr {
  59. margin: 2vw 0;
  60. text-align: center;
  61. }
  62. .main .thr .btn {
  63. margin: 0 2vw;
  64. background-color: var(--rgb40E);
  65. background-image: linear-gradient(to right, var(--rgb3AB), var(--rgb40E));
  66. border-radius: 20rpx;
  67. font-size: 15px;
  68. }