index.less 1.6 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. }
  25. .name {
  26. width: 200rpx;
  27. margin: auto 0;
  28. }
  29. .content {
  30. text-align: right;
  31. }
  32. }
  33. .top-names {
  34. margin: 30rpx 0 0 0;
  35. padding-bottom: 30rpx;
  36. width: 93%;
  37. .input {
  38. margin-top: 20rpx;
  39. }
  40. .name {
  41. width: 200rpx;
  42. }
  43. }
  44. }
  45. }
  46. .bommon {
  47. position: fixed;
  48. bottom: 0;
  49. width: 100%;
  50. background: #ffffff;
  51. text-align: center;
  52. z-index: 999;
  53. padding: 10rpx 0;
  54. .bommon-name {
  55. background: #46a9a4;
  56. padding: 30rpx 60rpx;
  57. border-radius: 30rpx;
  58. width: 500rpx;
  59. margin: 0 auto;
  60. }
  61. }