index.wxss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .main.data-v-57280228 {
  2. display: flex;
  3. flex-direction: column;
  4. width: 100%;
  5. height: 100vh;
  6. }
  7. .main_wrapper.data-v-57280228 {
  8. flex: 1;
  9. }
  10. .top.data-v-57280228 {
  11. position: relative;
  12. }
  13. .top .banner.data-v-57280228 {
  14. width: 100%;
  15. height: auto;
  16. }
  17. .top .title.data-v-57280228 {
  18. top: 216rpx;
  19. left: 60rpx;
  20. position: absolute;
  21. font-size: 64rpx;
  22. color: #092397;
  23. font-weight: bold;
  24. }
  25. .top .title text.data-v-57280228 {
  26. color: #BC2AF4;
  27. }
  28. .content.data-v-57280228 {
  29. flex: 1;
  30. padding: 40rpx 32rpx;
  31. }
  32. .content .item.data-v-57280228 {
  33. border-radius: 32rpx;
  34. display: flex;
  35. justify-content: space-between;
  36. align-items: center;
  37. padding: 40rpx 32rpx 40rpx 40rpx;
  38. }
  39. .content .item .left.data-v-57280228 {
  40. display: flex;
  41. }
  42. .content .item .left .logo_img.data-v-57280228 {
  43. width: 144rpx;
  44. height: 144rpx;
  45. }
  46. .content .item .left .texts.data-v-57280228 {
  47. letter-spacing: 4rpx;
  48. margin-left: 32rpx;
  49. color: #FFF;
  50. display: flex;
  51. flex-direction: column;
  52. justify-content: center;
  53. font-size: 32rpx;
  54. }
  55. .content .item .left .texts view.data-v-57280228:nth-child(1) {
  56. font-weight: bold;
  57. font-size: 44rpx;
  58. margin-bottom: 16rpx;
  59. }
  60. .content .item .more.data-v-57280228 {
  61. width: 40rpx;
  62. height: 40rpx;
  63. }
  64. .nametip.data-v-57280228 {
  65. flex-shrink: 0;
  66. font-weight: 400;
  67. font-size: 24rpx;
  68. color: #959CAB;
  69. text-align: center;
  70. /* 兼容 iOS < 11.2 */
  71. padding-bottom: calc(constant(safe-area-inset-bottom)+40rpx);
  72. /* 兼容 iOS >= 11.2 */
  73. padding-bottom: calc(40rpx + env(safe-area-inset-bottom));
  74. }
  75. .yyt.data-v-57280228 {
  76. background: linear-gradient(312deg, #2B63DE 0%, #3E92F6 100%);
  77. margin-bottom: 32rpx;
  78. }
  79. .yule.data-v-57280228 {
  80. background: linear-gradient(229deg, #56D8FF 0%, #CD66FF 100%);
  81. }