strategy-a.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. @import "../../public/page/strategy.wxss";
  2. /* advantage */
  3. .advantage>view:nth-child(2) {
  4. width: 580rpx;
  5. margin: 64rpx auto 10rpx;
  6. display: flex;
  7. flex-direction: column;
  8. }
  9. .advantage>view:nth-child(2)>text:first-child {
  10. font-family: PingFangSC-Semibold;
  11. font-size: 34rpx;
  12. color: #43C1BD;
  13. }
  14. .advantage>view:nth-child(2)>text:nth-child(2),
  15. .advantage>view:nth-child(2)>text:nth-child(3),
  16. .advantage>view:nth-child(2)>text:nth-child(4) {
  17. font-family: PingFangSC-Regular;
  18. font-size: 30rpx;
  19. color: #666666;
  20. line-height: 48rpx;
  21. margin-top: 20rpx;
  22. }
  23. .advantage>view:nth-child(5) {
  24. width: 600rpx;
  25. height: 388rpx;
  26. display: flex;
  27. flex-direction: column;
  28. margin: 8rpx auto 0;
  29. box-shadow: 0 12rpx 48rpx 0 rgba(85,198,216,0.20);
  30. border-radius: 16rpx;
  31. }
  32. .advantage>view:nth-child(5)>view:nth-child(1) {
  33. width: 100%;
  34. height: 40rpx;
  35. display: flex;
  36. margin-top: 70rpx;
  37. }
  38. .advantage>view:nth-child(5)>view:nth-child(1)>image {
  39. width: 40rpx;
  40. height: 40rpx;
  41. margin-left: 60rpx;
  42. }
  43. .advantage>view:nth-child(5)>view:nth-child(1)>text {
  44. font-family: PingFangSC-Semibold;
  45. font-size: 30rpx;
  46. color: #28C1BD;
  47. line-height: 40rpx;
  48. margin-left: 22rpx;
  49. }
  50. .advantage>view:nth-child(5)>view:nth-child(2) {
  51. width: 480rpx;
  52. margin: 20rpx auto 0;
  53. }
  54. .advantage>view:nth-child(5)>view:nth-child(2)>text {
  55. font-family: PingFangSC-Regular;
  56. font-size: 30rpx;
  57. color: #666666;
  58. line-height: 46rpx;
  59. }
  60. .advantage>view:nth-child(6) {
  61. width: 580rpx;
  62. margin: 60rpx auto 0;
  63. display: flex;
  64. flex-direction: column;
  65. }
  66. .advantage>view:nth-child(6)>text:nth-child(1),
  67. .advantage>view:nth-child(6)>text:nth-child(3),
  68. .advantage>view:nth-child(6)>text:nth-child(5),
  69. .advantage>view:nth-child(6)>text:nth-child(7) {
  70. font-family: PingFangSC-Regular;
  71. font-size: 30rpx;
  72. color: #666666;
  73. line-height: 48rpx;
  74. }
  75. .advantage>view:nth-child(6)>text:nth-child(3) {
  76. margin-top: 20rpx;
  77. }
  78. .advantage>view:nth-child(6)>text:nth-child(5) {
  79. margin-top: 54rpx;
  80. }
  81. .advantage>view:nth-child(6)>text:nth-child(7) {
  82. margin-top: 48rpx;
  83. }
  84. .advantage>view:nth-child(6)>text:nth-child(2),
  85. .advantage>view:nth-child(6)>text:nth-child(4),
  86. .advantage>view:nth-child(6)>view:nth-child(6)>text {
  87. font-family: PingFangSC-Semibold;
  88. font-size: 36rpx;
  89. color: #28C1BD;
  90. line-height: 48rpx;
  91. }
  92. .advantage>view:nth-child(6)>view:nth-child(6)>text:last-child {
  93. font-size: 44rpx;
  94. }
  95. .advantage>view:nth-child(6)>text:nth-child(2) {
  96. margin-top: 54rpx;
  97. }
  98. .advantage>view:nth-child(6)>text:nth-child(4) {
  99. margin-top: 22rpx;
  100. }
  101. .advantage>view:nth-child(6)>view:nth-child(6) {
  102. margin-top: 18rpx;
  103. }
  104. .advantage>view:nth-child(6)>view:last-child {
  105. margin: 80rpx auto 116rpx;
  106. }
  107. /* payment */
  108. .payment>view:last-child {
  109. margin: 80rpx auto 116rpx;
  110. }