index.less 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. page {
  2. background: #f6f6f6;
  3. padding-bottom: 148rpx;
  4. }
  5. .top {
  6. padding: 20rpx 30rpx;
  7. background: #ffffff;
  8. .top-figure {
  9. margin: 20rpx 0;
  10. }
  11. .top-deails {
  12. display: flex;
  13. justify-content: space-between;
  14. border-bottom: 1rpx solid #adabab;
  15. .top-name {
  16. display: flex;
  17. justify-content: space-between;
  18. margin: 30rpx 0 0 0;
  19. padding-bottom: 30rpx;
  20. width: 93%;
  21. .input {
  22. width: 500rpx;
  23. text-align: right;
  24. color: #382E2E;
  25. }
  26. .name {
  27. width: 200rpx;
  28. margin: auto 0;
  29. }
  30. .content {
  31. text-align: right;
  32. }
  33. }
  34. .top-names {
  35. margin: 30rpx 0 0 0;
  36. padding-bottom: 30rpx;
  37. width: 93%;
  38. .input {
  39. margin-top: 20rpx;
  40. }
  41. .name {
  42. width: 200rpx;
  43. }
  44. }
  45. }
  46. }
  47. .bommon {
  48. position: fixed;
  49. bottom: 0;
  50. width: 100%;
  51. background: #ffffff;
  52. text-align: center;
  53. z-index: 999;
  54. padding: 10rpx 0;
  55. .bommon-name {
  56. background: #46a9a4;
  57. padding: 30rpx 60rpx;
  58. border-radius: 30rpx;
  59. width: 500rpx;
  60. margin: 0 auto;
  61. }
  62. }