index.less 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. page {
  2. width: 100%;
  3. height: 100%;
  4. }
  5. .all-top {
  6. padding: 100rpx 40rpx 40rpx;
  7. border-bottom-style: dotted;
  8. display: flex;
  9. flex-direction: column;
  10. justify-content: center;
  11. .img {
  12. width: 156rpx;
  13. height: 156rpx;
  14. border-radius: 50%;
  15. background: white;
  16. margin: 0 auto;
  17. }
  18. .h3 {
  19. text-align: center;
  20. margin-top: 40rpx;
  21. font-weight: 600;
  22. }
  23. }
  24. .content {
  25. border-bottom-style: dotted;
  26. padding: 30rpx;
  27. .content-text {
  28. display: flex;
  29. justify-content: space-between;
  30. margin-bottom: 20rpx;
  31. .text {
  32. display: flex;
  33. .txt {
  34. color: #46a9a4;
  35. }
  36. }
  37. }
  38. .content-num {
  39. width: 100%;
  40. display: flex;
  41. flex-flow: wrap;
  42. .li {
  43. margin-bottom: 30rpx;
  44. width: 25%;
  45. text-align: center;
  46. .btn {
  47. width: 80%;
  48. height: 80rpx;
  49. line-height: 80rpx;
  50. border: 1rpx solid #46a9a4;
  51. border-radius: 40rpx;
  52. color: #46a9a4;
  53. }
  54. }
  55. }
  56. }
  57. .h4 {
  58. padding: 30rpx;
  59. }
  60. .sbmit {
  61. margin: 100rpx auto;
  62. width: 98%;
  63. height: 80rpx;
  64. background: #46a9a4;
  65. text-align: center;
  66. line-height: 80rpx;
  67. color: #ffffff;
  68. font-weight: 600;
  69. border-radius: 40rpx;
  70. }
  71. .active {
  72. background: #46a9a4 !important;
  73. color: black !important;
  74. }
  75. .penple {
  76. margin: 40rpx;
  77. height: 78rpx;
  78. border: 1rpx solid #a9a9a9;
  79. text-align: center;
  80. border-radius: 20rpx;
  81. }