style.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .hover-c {
  2. opacity: .5
  3. }
  4. .body,
  5. page {
  6. height: 100%
  7. }
  8. .body {
  9. overflow: auto
  10. }
  11. .carinput {
  12. margin-top: 74upx;
  13. display: flex;
  14. flex-direction: column;
  15. padding-left: 40upx;
  16. padding-right: 40upx
  17. }
  18. .carinput-title {
  19. font-size: 30upx;
  20. color: #333333;
  21. line-height: 1;
  22. margin-bottom: 90upx
  23. }
  24. .carinput-input {
  25. display: flex;
  26. justify-content: center
  27. }
  28. .carinput-input-i {
  29. width: 50upx;
  30. border-bottom-width: 2upx !important;
  31. border-bottom-style: solid;
  32. border-bottom-color: #BCBCBC;
  33. font-size: 36upx;
  34. color: #333333;
  35. line-height: 1;
  36. margin-right: 12upx;
  37. padding-bottom: 7upx;
  38. text-align: center
  39. }
  40. .carinput-input-i:nth-last-child(1) {
  41. margin-right: 0
  42. }
  43. .carinput-input .input-active {
  44. border-bottom-width: 2upx !important;
  45. border-bottom-style: solid;
  46. border-bottom-color: #23CCAB;
  47. color: #23CCAB
  48. }
  49. .carinput-power {
  50. height: 90upx;
  51. display: flex;
  52. justify-content: flex-end
  53. }
  54. .carinput-power .checkbox-g {
  55. display: flex;
  56. justify-content: center;
  57. align-items: center
  58. }
  59. .carinput-power .checkbox {
  60. margin-right: 92upx;
  61. font-size: 28upx;
  62. color: #999999;
  63. line-height: 1
  64. }
  65. .carinput-power .checkbox checkbox {
  66. transform: scale(.6) translateY(-2px);
  67. margin-right: 0
  68. }
  69. .card-btn {
  70. margin-top: 40upx
  71. }
  72. .card-btn .btn {
  73. width: 324upx;
  74. height: 80upx
  75. }