猫妈狗爸伴宠师小程序前端代码
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.

95 lines
1.3 KiB

1 month ago
  1. .box {
  2. width: 100vw;
  3. height: 100vh;
  4. background-color: #fff;
  5. padding: 2% 2%;
  6. position: relative;
  7. }
  8. .box-size {
  9. box-sizing: border-box;
  10. }
  11. .level {
  12. display: flex;
  13. }
  14. .vertically_center {
  15. display: grid;
  16. place-items: center;
  17. }
  18. .top {
  19. width: 100vw;
  20. height: auto;
  21. /* background-color: red; */
  22. padding: 0 5% 0 3%;
  23. font-size: 22rpx;
  24. color: #707070;
  25. justify-content: space-between;
  26. }
  27. .text {
  28. font-size: 30rpx;
  29. color: black;
  30. margin-bottom: 10rpx;
  31. }
  32. .buttom {
  33. width: 220rpx;
  34. height: 62rpx;
  35. background-color: #FFBF60;
  36. color: #FFFFFF;
  37. align-items: center;
  38. justify-content: center;
  39. margin-top: 8rpx;
  40. }
  41. .center {
  42. width: 720rpx;
  43. height: auto;
  44. color: #707070;
  45. font-size: 22rpx;
  46. justify-content: space-between;
  47. margin-top: 70rpx;
  48. }
  49. .text1 {
  50. font-size: 59rpx;
  51. color: #000;
  52. margin-bottom: 10rpx;
  53. }
  54. .center_item {
  55. width: 120rpx;
  56. height: 120rpx;
  57. place-items: center;
  58. justify-content: space-between;
  59. }
  60. .item {
  61. width: 718rpx;
  62. height: auto;
  63. background-color: #FFF6EC;
  64. padding: 32rpx 21rpx;
  65. margin-top: 17rpx;
  66. font-size: 30rpx;
  67. }
  68. .text2 {
  69. font-size: 28rpx;
  70. color: #707070;
  71. margin-top: 10rpx;
  72. }
  73. .buttom_ {
  74. width: 594rpx;
  75. height: 94rpx;
  76. background-color: #FFBF60;
  77. color: #fff;
  78. font-size: 30rpx;
  79. line-height: 94rpx;
  80. position: absolute;
  81. bottom: 30rpx;
  82. left: 78rpx;
  83. justify-content: center;
  84. }