index.less 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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. }