style.less 1.9KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .swiper-box-info {
  2. height: calc(calc(100vw - 4vh) * 0.62);
  3. // height: 37vh;
  4. .storeImageinfo {
  5. width: 100vw;
  6. }
  7. }
  8. .CarsContent-TextBox {
  9. padding: 40px 30px;
  10. position: relative;
  11. top: -6vh;
  12. background-color: #fff;
  13. border-radius: 40px 40px 0px 0px;
  14. .CheckDetails-bottom-box-flaxBox-liftText {
  15. display: flex;
  16. justify-content: space-between;
  17. &-Titles {
  18. text-overflow: ellipsis; //显示...
  19. white-space: nowrap; //不换行
  20. overflow: hidden;
  21. font-size: 36px;
  22. font-weight: bold;
  23. color: #222222;
  24. }
  25. &-price {
  26. font-size: 44px;
  27. font-weight: 800;
  28. color: #666666;
  29. background: linear-gradient(180deg, #fa7878 0%, #b61515 100%);
  30. -webkit-background-clip: text;
  31. -webkit-text-fill-color: transparent;
  32. width: 6em;
  33. text-align: right;
  34. > Text {
  35. font-size: 25px;
  36. }
  37. }
  38. }
  39. .content-header-box-map-Info {
  40. margin: 0 auto;
  41. display: flex;
  42. align-items: center;
  43. // justify-content: space-between;
  44. padding: 30px 0 30px 0;
  45. &-liftCentent {
  46. display: flex;
  47. align-items: center;
  48. > Image {
  49. width: 22px;
  50. height: 27px;
  51. }
  52. > View {
  53. padding-left: 15px;
  54. font-size: 30px;
  55. font-weight: 800;
  56. color: #222222;
  57. }
  58. }
  59. &-rightCententInfo {
  60. font-size: 30px;
  61. font-weight: 500;
  62. color: #666666;
  63. }
  64. &-carsName {
  65. font-size: 30px;
  66. font-weight: bold;
  67. color: #222222;
  68. }
  69. }
  70. .articleTitle-box-Details {
  71. display: flex;
  72. font-size: 30px;
  73. font-weight: bold;
  74. color: #222222;
  75. align-items: center;
  76. justify-content: center;
  77. margin-top: 32px;
  78. > Image {
  79. width: 33px;
  80. height: 33px;
  81. margin: auto 31px;
  82. }
  83. }
  84. .startReserve-Bottom-oen {
  85. position: relative;
  86. width: 92vw;
  87. margin: 2em 0;
  88. }
  89. }