page {
  background-color: #f9f9f9;
}
page .container {
  width: 100%;
}
page .container .new__container {
  width: 100%;
  padding: 0 32rpx;
  box-sizing: border-box;
  /*使屏幕变暗  */
  /*对话框 */
}
page .container .new__container .card {
  background-color: #fff;
  border-radius: 16rpx;
  width: 100%;
  padding: 0 32rpx;
  box-sizing: border-box;
}
page .container .new__container .card .select_box {
  position: relative;
  margin-right: 10rpx;
}
page .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;
}
page .container .new__container .card .select_box .select .select_text {
  font-size: 35rpx;
  flex: 1;
  color: #000;
  letter-spacing: 0.2em;
}
page .container .new__container .card .select_box .select .colorHui {
  color: #BDC4CE;
  font-size: 28rpx;
}
page .container .new__container .card .select_box .select .sheng_id {
  color: #000;
}
page .container .new__container .card .select_box .select .select_img {
  width: 28rpx;
  height: 28rpx;
  margin-left: 10rpx;
  display: block;
  transition: transform 0.3s;
}
page .container .new__container .card .select_box .select .select_img_rotate {
  transform: rotate(180deg);
}
page .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;
}
page .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;
}
page .container .new__container .card .card_logo .change_4S,
page .container .new__container .card .card_time .change_4S {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
page .container .new__container .card .card_logo .change_4S .picker,
page .container .new__container .card .card_time .change_4S .picker {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
page .container .new__container .card .card_logo .change_4S .picker .picker_1,
page .container .new__container .card .card_time .change_4S .picker .picker_1 {
  width: 394rpx;
  box-sizing: border-box;
  font-size: 28rpx;
  color: #BDC4CE;
}
page .container .new__container .card .card_logo .change_4S .picker .buy_time,
page .container .new__container .card .card_time .change_4S .picker .buy_time {
  color: #06121E;
}
page .container .new__container .card .card_logo .change_4S .picker .rowimg,
page .container .new__container .card .card_time .change_4S .picker .rowimg {
  width: 48rpx;
  height: 48rpx;
}
page .container .new__container .card .card_logo .change_4S .picker .rowimg image,
page .container .new__container .card .card_time .change_4S .picker .rowimg image {
  width: 48rpx;
  height: 48rpx;
}
page .container .new__container .card .card_logo .change_4S .rowimg,
page .container .new__container .card .card_time .change_4S .rowimg {
  width: 48rpx;
  height: 48rpx;
}
page .container .new__container .card .card_logo .change_4S .rowimg image,
page .container .new__container .card .card_time .change_4S .rowimg image {
  width: 48rpx;
  height: 48rpx;
}
page .container .new__container .card .card_logo .change_4S .__color,
page .container .new__container .card .card_time .change_4S .__color {
  color: #06121E;
}
page .container .new__container .card .card_logo .change_4S .kms,
page .container .new__container .card .card_time .change_4S .kms {
  width: 48rpx;
  text-align: right;
}
page .container .new__container .card .card_logo .change_4S .CarBrandName,
page .container .new__container .card .card_time .change_4S .CarBrandName {
  color: #06121E !important;
}
page .container .new__container .card .car {
  width: 100%;
  display: flex;
  align-items: center;
  height: 125rpx;
  border-bottom: 1rpx solid #f5f5f5;
}
page .container .new__container .card .car .car_title {
  width: 180rpx;
}
page .container .new__container .card .car .input_is {
  flex: 1;
  display: flex;
  align-items: center;
}
page .container .new__container .card .car .input_is .textInpit {
  width: 100%;
}
page .container .new__container .card .car .input_is .box_input {
  flex: 1;
}
page .container .new__container .card .car .input_is .box_input input {
  width: 100%;
}
page .container .new__container .card .car .text_car {
  font-size: 28rpx;
  color: #BDC4CE;
  line-height: 48rpx;
}
page .container .new__container .card .card_km {
  width: 100%;
  display: flex;
  align-items: center;
}
page .container .new__container .card .card_km .bos {
  flex: 1;
  display: flex;
  align-items: center;
}
page .container .new__container .card .card_km .bos .kms {
  width: 48rpx;
  text-align: right;
}
page .container .new__container .card .card_km .bos .inputs {
  flex: 1;
}
page .container .new__container .card .car4S {
  border: none;
}
page .container .new__container .rules {
  margin-top: 32rpx;
  padding: 30rpx 30rpx 0rpx;
  box-sizing: border-box;
  background-color: #fff;
}
page .container .new__container .rules .title {
  font-size: 24rpx;
  color: #06121E;
}
page .container .new__container .rules .rich_text {
  padding: 32rpx 0;
  box-sizing: border-box;
  color: #8C9198;
  font-size: 24rpx;
  line-height: 50rpx;
}
page .container .new__container .books_change {
  margin: 50rpx 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32rpx;
}
page .container .new__container .books_change .radios {
  width: 32rpx;
  height: 32rpx;
}
page .container .new__container .books_change text {
  font-size: 28rpx;
  line-height: 40rpx;
  margin-left: 10rpx;
}
page .container .new__container .books_change .fuwuxieyi {
  display: inline;
  color: #12d1eb;
}
page .container .new__container .downbtn {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0 64rpx;
  box-sizing: border-box;
}
page .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;
}
page .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;
}
page .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;
}
page .container .new__container .commodity_attr_box .tent {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
page .container .new__container .commodity_attr_box .tent .carText {
  padding: 15rpx;
  font-size: 31rpx;
  box-sizing: border-box;
  background-color: #Fff;
  margin: 11rpx;
}
page .container .new__container .commodity_attr_box .tent .activedCar {
  background-color: #12d1eb;
  color: #fff;
}