car_applet/unpackage/dist/dev/mp-weixin/pagesHome/car/index.wxss

/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
/* uni.scss */
.content.data-v-6b665083 {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
}
.content .main.data-v-6b665083 {
  position: relative;
  flex-grow: 1;
}
.content .main .top.data-v-6b665083 {
  position: relative;
}
.content .main .top .indicator-num.data-v-6b665083 {
  padding: 2px 0;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 5px;
  width: 35px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.content .main .top .indicator-num__text.data-v-6b665083 {
  color: var(--mainColor);
  font-size: var(--font12Size);
}
.content .main .bottom.data-v-6b665083 {
  background-color: #f1f1f1;
}
.content .main .bottom .one.data-v-6b665083 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3vw;
  background: linear-gradient(to bottom, #FFE4B5, #f1f1f1);
}
.content .main .bottom .one .left .money.data-v-6b665083 {
  color: var(--fF0Color);
  font-size: var(--font12Size);
}
.content .main .bottom .one .left .money text.data-v-6b665083:first-child {
  font-size: var(--font18Size);
}
.content .main .bottom .one .left .price.data-v-6b665083 {
  margin: 1vw 0 0 0;
  color: var(--f69Color);
  font-size: var(--font12Size);
}
.content .main .bottom .one .right .button.data-v-6b665083 {
  background-color: var(--fFFColor);
}
.content .main .bottom .two.data-v-6b665083 {
  margin: 2vw 3vw;
  padding: 2vw;
  background-color: var(--mainColor);
  border-radius: 5px;
}
.content .main .bottom .two .two_1.data-v-6b665083 {
  font-size: var(--font16Size);
  font-weight: bold;
}
.content .main .bottom .two .two_2.data-v-6b665083 {
  display: flex;
  align-items: center;
  margin: 2vw 0 0 0;
  padding: 2vw 0;
  border-bottom: 1px solid var(--f5Color);
}
.content .main .bottom .two .two_2 .other.data-v-6b665083 {
  display: flex;
  align-items: center;
  color: var(--f828Color);
  font-size: var(--font12Size);
  margin: 0 5px 0 0;
}
.content .main .bottom .two .two_3.data-v-6b665083 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2vw 0;
}
.content .main .bottom .two .two_3 .left.data-v-6b665083 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content .main .bottom .two .two_3 .left text.data-v-6b665083 {
  font-size: var(--font14Size);
  margin: 0 5px 0 0;
}
.content .main .bottom .two .two_3 .left text.data-v-6b665083:first-child {
  background-color: rgba(255, 127, 80, 0.35);
  color: #FF7F50;
  padding: 2px 5px;
  font-size: var(--font12Size);
}
.content .main .bottom .thr .thr_1.data-v-6b665083 {
  display: flex;
}
.content .main .bottom .thr .thr_1 .info.data-v-6b665083 {
  display: flex;
  width: 89%;
  margin: 0 0 2vw 0;
}
.content .main .bottom .thr .thr_1 .info .list.data-v-6b665083 {
  font-size: var(--font14Size);
  text-align: center;
  width: 19vw;
}
.content .main .bottom .thr .thr_1 .info .list .info_2.data-v-6b665083 {
  color: var(--f828Color);
  margin: 1vw 0 0 0;
}
.content .main .bottom .thr .thr_1 text.data-v-6b665083 {
  margin: 0 2vw 0 0;
  color: var(--f828Color);
  font-size: var(--font14Size);
}
.content .main .bottom .four .four_1.data-v-6b665083 {
  display: flex;
  align-items: center;
}
.content .main .bottom .four .four_1 .left .image.data-v-6b665083 {
  width: 120px;
  height: 80px;
}
.content .main .bottom .four .four_1 .right.data-v-6b665083 {
  margin: 0 0 0 2vw;
}
.content .main .bottom .four .four_1 .right .right_1.data-v-6b665083 {
  display: flex;
  align-items: center;
  font-size: var(--font16Size);
  font-weight: bold;
}
.content .main .bottom .four .four_1 .right .right_1 text.data-v-6b665083 {
  margin: 0 1vw 1vw 0;
}
.content .main .bottom .four .four_1 .right .right_2.data-v-6b665083 {
  margin: 2vw 0 0 0;
  color: var(--f828Color);
  font-size: var(--font14Size);
}
.content .main .bottom .four .four_2.data-v-6b665083 {
  margin: 2vw 0 0 0;
}
.content .main .bottom .five .name.data-v-6b665083 {
  font-size: var(--font16Size);
}
.content .main .bottom .five .text.data-v-6b665083 {
  padding: 2vw 0;
  color: var(--f69Color);
  font-size: var(--font14Size);
}
.content .main .bottom .five .five_1.data-v-6b665083 {
  border-radius: 5px;
}
.content .main .bottom .five .five_1 .image.data-v-6b665083 {
  width: 100%;
  height: 230px;
  border-radius: 5px;
}
.content .main .bottom .five .five_2.data-v-6b665083 {
  display: flex;
  justify-content: space-between;
  border-radius: 5px;
}
.content .main .bottom .five .five_2 .image.data-v-6b665083 {
  width: 49%;
  height: 120px;
  border-radius: 5px;
}
.content .main .bottom .five .five_3.data-v-6b665083 {
  margin: 2vw 0 0 0;
}
.content .main .bottom .six.data-v-6b665083 {
  padding: 0 2vw 2vw 2vw;
}
.content .main .bottom .six .title.data-v-6b665083 {
  font-size: var(--font16Size);
  padding: 0 1vw;
}
.content .main .bottom .six .listL.data-v-6b665083 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.content .main .bottom .six .listL .list.data-v-6b665083 {
  width: 47vw;
  margin: 2vw 0 0 0;
  border-radius: 5px;
  border: 1px solid var(--f5Color);
  background-color: var(--mainColor);
}
.content .main .bottom .six .listL .list .list_1 .left .image.data-v-6b665083 {
  width: 100%;
  height: 120px;
  border-radius: 5px 5px 0 0;
}
.content .main .bottom .six .listL .list .list_1 .right.data-v-6b665083 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 2vw;
}
.content .main .bottom .six .listL .list .list_1 .right .name.data-v-6b665083 {
  font-size: var(--font14Size);
}
.content .main .bottom .six .listL .list .list_1 .right .other.data-v-6b665083 {
  color: var(--f85Color);
  font-size: var(--font12Size);
}
.content .main .bottom .six .listL .list .list_1 .right .money.data-v-6b665083 {
  color: var(--fF0Color);
  font-size: var(--font12Size);
  margin: 0 0 1vw 0;
}
.content .main .bottom .six .listL .list .list_1 .right .money text.data-v-6b665083:first-child {
  font-size: var(--font18Size);
}
.content .foot.data-v-6b665083 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 8vh;
  padding: 2vw 1vw;
}
.content .foot .foot_1.data-v-6b665083 {
  display: flex;
  justify-content: space-between;
  width: 25%;
}
.content .foot .foot_1 .left.data-v-6b665083 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: var(--font14Size);
}
.content .foot .foot_2.data-v-6b665083 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 73%;
}
.content .foot .foot_2 .left-btn.data-v-6b665083 {
  background-color: var(--fF0Color);
  color: var(--mainColor);
  font-size: var(--font16Size);
}
.content .foot .foot_2 .right-btn.data-v-6b665083 {
  background-color: var(--fFFColor);
  color: var(--mainColor);
  width: 45vw;
  font-size: var(--font16Size);
}
.scroll-view.data-v-6b665083 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.scroll-view .list-scroll-view.data-v-6b665083 {
  display: flex;
  flex-direction: column;
}