猫妈狗爸伴宠师小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

173 lines
2.5 KiB

  1. .bt120 {
  2. margin-bottom: 120rpx;
  3. width: 716rpx;
  4. box-sizing: border-box;
  5. }
  6. .footer-btn {
  7. width: 100vw;
  8. height: 144rpx;
  9. background-color: #fff;
  10. display: flex;
  11. justify-content: center;
  12. position: fixed;
  13. bottom: 0;
  14. left: 0;
  15. align-items: center;
  16. .btn {
  17. font-size: 30rpx;
  18. color: #fff;
  19. display: flex;
  20. justify-content: center;
  21. align-items: center;
  22. width: 574rpx;
  23. height: 94rpx;
  24. border-radius: 94rpx;
  25. background-color: #FFBF60;
  26. }
  27. }
  28. .type {
  29. width: 190rpx;
  30. margin-bottom: 74rpx;
  31. }
  32. .form {
  33. padding: 40rpx 32rpx;
  34. box-sizing: border-box;
  35. width: 716rpx;
  36. }
  37. .title {
  38. &::before {
  39. content: "";
  40. display: block;
  41. width: 9rpx;
  42. height: 33rpx;
  43. background-color: #FFBF60;
  44. margin-right: 7rpx;
  45. }
  46. }
  47. .mb6 {
  48. margin-bottom: 6rpx;
  49. }
  50. .containers {
  51. position: relative;
  52. .neir {
  53. padding: 47rpx 27rpx 36rpx 27rpx;
  54. border-radius: 16rpx;
  55. box-sizing: border-box;
  56. width: 716rpx;
  57. .steps {
  58. .line {
  59. width: 163rpx;
  60. height: 3rpx;
  61. background-color: #BDBDBD;
  62. margin-bottom: 30rpx;
  63. }
  64. .num {
  65. width: 50rpx;
  66. height: 50rpx;
  67. background-color: #FFBF60;
  68. border-radius: 50%;
  69. }
  70. }
  71. }
  72. .mainBg {
  73. width: 100vw;
  74. height: 442rpx;
  75. background-image: linear-gradient(to bottom, #FFBF60, #f5f5f5);
  76. }
  77. .content {
  78. top: 0;
  79. left: 0;
  80. padding: 16rpx;
  81. .logo {
  82. width: 194rpx;
  83. height: 70rpx;
  84. }
  85. .renz {
  86. image {
  87. width: 26rpx;
  88. height: 26rpx;
  89. }
  90. }
  91. }
  92. }
  93. .content_{
  94. width: 675rpx;
  95. height: 926rpx;
  96. // background-color: pink;
  97. background-color: #fff;
  98. position: absolute;
  99. top: 410rpx;
  100. left: 15rpx;
  101. padding: 1% 3%;
  102. font-size: 28rpx;
  103. color: #707070;
  104. .img_{
  105. width: 310rpx;
  106. height: 311rpx;
  107. margin: 80rpx 0 0 190rpx;
  108. }
  109. .text{
  110. width: 420rpx;
  111. height: 74rpx;
  112. justify-content: center;
  113. margin: 30rpx 0 0 140rpx;
  114. }
  115. .text_{
  116. width: 674rpx;
  117. height: 74rpx;
  118. justify-content: center;
  119. margin: 30rpx 0 0 10rpx;
  120. font-size: 22rpx !important;
  121. }
  122. .buttom{
  123. width: 594rpx;
  124. height: 94rpx;
  125. display: grid;
  126. place-items: center;
  127. background-color: #FFBF60;
  128. margin: 250rpx 0 0 40rpx;
  129. font-size: 30rpx;
  130. color: #FFFFFF;
  131. }
  132. .buttom_{
  133. width: 594rpx;
  134. height: 94rpx;
  135. justify-content: center;
  136. line-height: 94rpx;
  137. background-color: #FFBF60;
  138. margin: 360rpx 0 0 40rpx;
  139. font-size: 30rpx;
  140. color: #FFFFFF;
  141. .img image{
  142. margin-left: 5rpx;
  143. margin-right: -15rpx;
  144. }
  145. }
  146. }
  147. .level{
  148. display: flex;
  149. }