nobinding4S.wxss 7.4 KB
.container {
  width: 100%;
}
.container .new__container {
  width: 100%;
  padding: 0 32rpx;
  box-sizing: border-box;
  /*使屏幕变暗  */
  /*对话框 */
}
.container .new__container .address {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 15rpx;
}
.container .new__container .address .le {
  width: 48rpx;
  height: 48rpx;
}
.container .new__container .address .le image {
  width: 100%;
}
.container .new__container .address .addcar {
  padding-left: 15rpx;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.container .new__container .address .addcar .tops {
  width: 100%;
  font-size: 32rpx;
  font-weight: bold;
  line-height: 44rpx;
  color: #06121F;
  padding: 10rpx 0;
  box-sizing: border-box;
}
.container .new__container .address .addcar .downcar {
  padding: 10rpx 0;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: center;
}
.container .new__container .address .addcar .downcar .dizhi {
  font-size: 24rpx;
  color: #06121F;
}
.container .new__container .address .addcar .downcar .phone {
  margin-left: 30rpx;
  font-size: 24rpx;
  color: #06121F;
}
.container .new__container .card {
  background-color: #fff;
  border-radius: 16rpx;
  width: 100%;
  padding: 0 32rpx;
  box-sizing: border-box;
}
.container .new__container .card .select_box {
  position: relative;
  margin-right: 10rpx;
}
.container .new__container .card .select_box .select {
  box-sizing: border-box;
  width: 100%;
  border: 0px solid #efefef;
  border-radius: 8rpx;
  display: flex;
  align-items: center;
}
.container .new__container .card .select_box .select .select_text {
  font-size: 35rpx;
  flex: 1;
  color: #000;
  letter-spacing: 0.2em;
}
.container .new__container .card .select_box .select .colorHui {
  color: #BDC4CE;
  font-size: 28rpx;
}
.container .new__container .card .select_box .select .sheng_id {
  color: #000;
}
.container .new__container .card .select_box .select .select_img {
  width: 28rpx;
  height: 28rpx;
  margin-left: 10rpx;
  display: block;
  transition: transform 0.3s;
}
.container .new__container .card .select_box .select .select_img_rotate {
  transform: rotate(180deg);
}
.container .new__container .card .select_box .option_box {
  position: absolute;
  top: 52rpx;
  width: 100%;
  border: 0px solid #efefef;
  box-sizing: border-box;
  height: 0;
  overflow-y: auto;
  border-top: 0;
  background: #FFF;
  transition: height 0.3s;
  z-index: 5;
}
.container .new__container .card .select_box .option_box .option {
  display: block;
  line-height: 40rpx;
  font-size: 30rpx;
  border-bottom: 1px solid #efefef;
  padding: 10rpx;
  color: black;
}
.container .new__container .card .card_logo .change_4S,
.container .new__container .card .card_time .change_4S {
  width: 100%;
  display: flex;
  align-items: center;
}
.container .new__container .card .card_logo .change_4S .picker,
.container .new__container .card .card_time .change_4S .picker {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container .new__container .card .card_logo .change_4S .picker .picker_1,
.container .new__container .card .card_time .change_4S .picker .picker_1 {
  width: 394rpx;
  box-sizing: border-box;
  font-size: 28rpx;
  color: #BDC4CE;
}
.container .new__container .card .card_logo .change_4S .picker .picker_2,
.container .new__container .card .card_time .change_4S .picker .picker_2 {
  color: #2c2c2c;
}
.container .new__container .card .card_logo .change_4S .picker .rowimg,
.container .new__container .card .card_time .change_4S .picker .rowimg {
  width: 48rpx;
  height: 48rpx;
}
.container .new__container .card .card_logo .change_4S .picker .rowimg image,
.container .new__container .card .card_time .change_4S .picker .rowimg image {
  width: 48rpx;
  height: 48rpx;
}
.container .new__container .card .card_logo .change_4S .rowimg,
.container .new__container .card .card_time .change_4S .rowimg {
  width: 48rpx;
  height: 48rpx;
}
.container .new__container .card .card_logo .change_4S .rowimg image,
.container .new__container .card .card_time .change_4S .rowimg image {
  width: 48rpx;
  height: 48rpx;
}
.container .new__container .card .car {
  display: flex;
  align-items: center;
  height: 125rpx;
  flex: 1;
  border-bottom: 1rpx solid #f5f5f5;
}
.container .new__container .card .car input {
  width: 100%;
  color: #2c2c2c;
}
.container .new__container .card .car .text_car {
  font-size: 28rpx;
  color: #BDC4CE;
  line-height: 48rpx;
}
.container .new__container .card .card_km {
  display: flex;
  align-items: center;
  height: 125rpx;
  flex: 1;
  border-bottom: 1rpx solid #f5f5f5;
}
.container .new__container .card .card_km .km {
  font-size: 28rpx;
  color: #06121E;
  width: 50rpx;
  text-align: right;
}
.container .new__container .card .card_km .labelsitem {
  width: 180rpx;
}
.container .new__container .card .card_km .flex_km {
  flex: 1;
}
.container .new__container .card .card_km .text_car {
  font-size: 28rpx;
  color: #BDC4CE;
  line-height: 48rpx;
}
.container .new__container .card .car4S {
  border: none;
}
.container .new__container .rules {
  margin-top: 32rpx;
  padding: 30rpx 30rpx 0rpx;
  box-sizing: border-box;
  background-color: #fff;
}
.container .new__container .rules .title {
  font-size: 24rpx;
  color: #06121E;
}
.container .new__container .rules .rich_text {
  padding: 32rpx 0;
  box-sizing: border-box;
  color: #8C9198;
  font-size: 24rpx;
  line-height: 50rpx;
}
.container .new__container .books_change {
  width: 100%;
  height: 50rpx;
  display: flex;
  align-items: center;
  margin-top: 32rpx;
}
.container .new__container .books_change .radios {
  width: 32rpx;
  height: 50rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .new__container .books_change .radios image {
  width: 32rpx;
  height: 32rpx;
}
.container .new__container .books_change .tongi {
  font-size: 28rpx;
  margin-left: 10rpx;
  height: 50rpx;
  line-height: 50rpx;
}
.container .new__container .books_change .fuwuxieyi {
  display: inline;
  color: #12d1eb;
  height: 50rpx;
}
.container .new__container .bannner {
  margin-top: 15rpx;
  display: flex;
  align-items: center;
  width: 100%;
  height: 200rpx;
}
.container .new__container .bannner image {
  width: 100%;
}
.container .new__container .downbtn {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0 64rpx;
  box-sizing: border-box;
}
.container .new__container .downbtn .btn {
  width: 620rpx;
  height: 80rpx;
  margin: 10rpx 0;
  line-height: 80rpx;
  padding: 0;
  font-weight: 400;
  font-size: 28rpx;
  background-color: #E8370F;
  color: #fff;
}
.container .new__container .commodity_screen {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.2;
  overflow: hidden;
  z-index: 1000;
  color: #fff;
}
.container .new__container .commodity_attr_box {
  height: 400rpx;
  width: 100%;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2000;
  background: #f5f5f5;
  padding: 20rpx;
  box-sizing: border-box;
}
.container .new__container .commodity_attr_box .tent {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.container .new__container .commodity_attr_box .tent .carText {
  padding: 15rpx;
  font-size: 31rpx;
  box-sizing: border-box;
  background-color: #Fff;
  margin: 11rpx;
}
.container .new__container .commodity_attr_box .tent .activedCar {
  background-color: #12d1eb;
  color: #fff;
}