result.wxss 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. Page {
  2. background-color: #19C8A7;
  3. }
  4. .diban{
  5. width: 750rpx;
  6. height: 432rpx;
  7. display: block;
  8. }
  9. .view-result{
  10. width: 690rpx;
  11. height: auto;
  12. margin: -260rpx 30rpx 0;
  13. background: #fff;
  14. box-shadow: 0 0 30px 0 rgba(205,205,205,0.50);
  15. border-radius: 20rpx;
  16. padding-bottom: 60rpx;
  17. }
  18. .view-result>view:nth-child(1) {
  19. width: 690rpx;
  20. display: flex;
  21. flex-direction: column;
  22. }
  23. .view-result>view:nth-child(1)>image {
  24. width: 152rpx;
  25. height: 152rpx;
  26. display: block;
  27. margin: -76rpx auto 0;
  28. border-radius: 84rpx;
  29. border: 8rpx solid white;
  30. }
  31. .view-result>view:nth-child(1)>text:nth-child(2) {
  32. font-family: PingFangSC-Regular;
  33. font-size: 56rpx;
  34. color: #222222;
  35. text-align: center;
  36. line-height: 80rpx;
  37. margin: 20rpx auto 0;
  38. }
  39. .view-result>view:nth-child(1)>text:nth-child(3) {
  40. font-family: PingFangSC-Regular;
  41. font-size: 30rpx;
  42. color: #888888;
  43. text-align: center;
  44. line-height: 42rpx;
  45. margin: 12rpx auto 32rpx;
  46. }
  47. .view-result>view:nth-child(1)>text:nth-child(4) {
  48. margin: 0 auto;
  49. font-family: PingFangSC-Medium;
  50. font-weight: 700;
  51. font-size: 60rpx;
  52. color: #FF5D4F;
  53. line-height: 84rpx;
  54. text-align: center;
  55. }
  56. .view-result>view:nth-child(1)>text:nth-child(5){
  57. margin: 30rpx 30rpx 16rpx;
  58. font-family: PingFangSC-Regular;
  59. font-size: 28rpx;
  60. color: #333333;
  61. line-height: 42rpx;
  62. text-align: center;
  63. }
  64. .view-result>button:nth-child(2) {
  65. width: 600rpx;
  66. height: 88rpx;
  67. background-color: #03C29D;
  68. font-family: PingFangSC-Regular;
  69. font-size: 36rpx;
  70. color: #FFF;
  71. line-height: 88rpx;
  72. text-align: center;
  73. border-radius: 44rpx;
  74. border: 0;
  75. margin: 30rpx auto;
  76. }
  77. .mini {
  78. width: 600rpx;
  79. height: 88rpx;
  80. line-height: 88rpx;
  81. font-family: PingFangSC-Regular;
  82. font-size: 36rpx;
  83. color: #03C29D;
  84. text-align: center;
  85. margin: 0 auto;
  86. background: #FFFFFF;
  87. border: 2rpx solid #03C29D;
  88. border-radius: 44rpx;
  89. }
  90. .conetion{
  91. width: 750rpx;
  92. margin: -30rpx 54rpx;
  93. }
  94. .conetion>image{
  95. width: 642rpx;
  96. height: 84rpx;
  97. }
  98. .yearAction{
  99. width: 690rpx;
  100. height: auto;
  101. margin:-40rpx 30rpx;
  102. background: #fff;
  103. box-shadow: 0 0 30px 0 rgba(205,205,205,0.50);
  104. border-radius: 20rpx;
  105. padding-bottom: 80rpx;
  106. }
  107. .yearAction>view:nth-child(1){
  108. width: 690rpx;
  109. display: flex;
  110. }
  111. .yearAction>view:nth-child(1)>image{
  112. width: 488rpx;
  113. height: 40rpx;
  114. margin: 38rpx auto;
  115. }
  116. .list {
  117. display: flex;
  118. flex-direction: column;
  119. margin: 10rpx;
  120. border: 2rpx solid #6BE2C1;
  121. }
  122. .list>view {
  123. display: flex;
  124. }
  125. .list>view>view:nth-child(1) {
  126. width: 175rpx;
  127. height: 76rpx;
  128. }
  129. .list>view>view:nth-child(2),
  130. .list>view>view:nth-child(3) {
  131. width: 245rpx;
  132. height: 76rpx;
  133. }
  134. .list>view>view {
  135. font-family: PingFangSC-Regular;
  136. font-size: 26rpx;
  137. color: #555555;
  138. text-align: center;
  139. line-height: 76rpx;
  140. }
  141. .list>view:first-child>view {
  142. font-family: PingFangSC-Semibold;
  143. font-size: 24rpx;
  144. color: #666666;
  145. text-align: center;
  146. }
  147. .list>view:last-child>view:nth-child(1),
  148. .list>view:last-child>view:nth-child(2),
  149. .list>view:last-child>view:nth-child(3) {
  150. font-family: PingFangSC-Semibold;
  151. font-size: 26rpx;
  152. color: #FF5D4F;
  153. }
  154. .medical-view {
  155. width: 690rpx;
  156. display: flex;
  157. flex-direction: column;
  158. margin-top: 46rpx;
  159. }
  160. .medical-view>text {
  161. font-family: PingFangSC-Regular;
  162. font-size: 26rpx;
  163. color: #888888;
  164. margin-left: 50rpx;
  165. }
  166. .medical-view>view {
  167. display: flex;
  168. }
  169. .medical-view>view>view {
  170. font-family: PingFangSC-Semibold;
  171. font-size: 26rpx;
  172. color: #555555;
  173. text-align: center;
  174. line-height: 76rpx;
  175. border: 1px solid #E8E8E8;
  176. margin-top: 24rpx;
  177. margin-left: 50rpx;
  178. height: 76rpx;
  179. width: 250rpx;
  180. }
  181. .medical-view>view>view:nth-child(2) {
  182. width: 340rpx;
  183. margin-left: -1px;
  184. }
  185. .dibu{
  186. width: 750rpx;
  187. height: 125rpx;
  188. margin-top: -30rpx;
  189. }