.container {
  width: 100%;

  .new__container {
    width: 100%;
    padding: 0 32rpx;
    box-sizing: border-box;

    .address {
      width: 100%;
      display: flex;
      align-items: center;
      // border: 1rpx solid red;
      margin-bottom: 15rpx;

      .le {
        width: 48rpx;
        height: 48rpx;

        image {
          width: 100%;
        }
      }

      .addcar {
        padding-left: 15rpx;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;

        .tops {
          width: 100%;
          font-size: 32rpx;
          font-weight: bold;
          line-height: 44rpx;
          color: #06121F;
          padding: 10rpx 0;
          box-sizing: border-box;
        }

        .downcar {
          padding: 10rpx 0;
          box-sizing: border-box;
          width: 100%;
          display: flex;
          align-items: center;

          .dizhi {
            font-size: 24rpx;
            color: #06121F;
          }

          .phone {
            margin-left: 30rpx;
            font-size: 24rpx;
            color: #06121F;

          }

        }
      }
    }

    .card {
      background-color: #fff;
      border-radius: 16rpx;
      width: 100%;
      padding: 0 32rpx;
      box-sizing: border-box;

      .select_box {
        position: relative;
        margin-right: 10rpx;

        .select {
          box-sizing: border-box;
          width: 100%;
          border: 0px solid #efefef;
          border-radius: 8rpx;
          display: flex;
          align-items: center;

          .select_text {
            font-size: 35rpx;
            flex: 1;
            color: #000;
            letter-spacing: .2em;
          }

          .colorHui {
            color: #BDC4CE;
            font-size: 28rpx;
          }

          .sheng_id {
            color: #000;
          }

          .select_img {
            width: 28rpx;
            height: 28rpx;
            margin-left: 10rpx;
            display: block;
            transition: transform 0.3s;
          }

          .select_img_rotate {
            transform: rotate(180deg);
          }

        }

        .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;

          .option {
            display: block;
            line-height: 40rpx;
            font-size: 30rpx;
            border-bottom: 1px solid #efefef;
            padding: 10rpx;
            color: black;
          }
        }
      }

      .card_logo,
      .card_time {

        .change_4S {
          width: 100%;
          display: flex;
          align-items: center;

          .picker {
            width: 100%;

            display: flex;
            justify-content: space-between;
            align-items: center;

            .picker_1 {
              width: 394rpx;
              box-sizing: border-box;
              font-size: 28rpx;
              color: #BDC4CE;
            }

            .picker_2 {
              color: #2c2c2c;
            }

            .rowimg {

              width: 48rpx;
              height: 48rpx;

              image {
                width: 48rpx;
                height: 48rpx;
              }
            }
          }

          .rowimg {

            width: 48rpx;
            height: 48rpx;

            image {
              width: 48rpx;
              height: 48rpx;
            }
          }
        }

      }

      .car {
        display: flex;
        align-items: center;
        height: 125rpx;
        flex: 1;
        border-bottom: 1rpx solid #f5f5f5;

        input {
          width: 100%;
          color: #2c2c2c;
        }

        .text_car {
          font-size: 28rpx;
          color: #BDC4CE;
          line-height: 48rpx;
        }


      }

      .card_km {
        display: flex;
        align-items: center;
        height: 125rpx;
        flex: 1;
        border-bottom: 1rpx solid #f5f5f5;

        .km {
          font-size: 28rpx;
          color: #06121E;
          width: 50rpx;
          text-align: right;
        }

        .labelsitem {
          width: 180rpx;
        }

        .flex_km {
          flex: 1;
        }

        .text_car {
          font-size: 28rpx;
          color: #BDC4CE;
          line-height: 48rpx;
        }
      }

      .car4S {
        border: none;
      }
    }

    .rules {
      margin-top: 32rpx;
      padding: 30rpx 30rpx 0rpx;
      box-sizing: border-box;
      background-color: #fff;

      .title {
        font-size: 24rpx;
        color: #06121E;

      }

      .rich_text {
        padding: 32rpx 0;
        box-sizing: border-box;
        color: #8C9198;
        font-size: 24rpx;
        line-height: 50rpx;
      }
    }

    .books_change {
      width: 100%;
      height: 50rpx;
      display: flex;
      align-items: center;
      margin-top: 32rpx;

      .radios {
        width: 32rpx;
        height: 50rpx;
        display: flex;
        align-items: center;
        justify-content: center;

        image {
          width: 32rpx;
          height: 32rpx;
        }
      }

      .tongi {
        font-size: 28rpx;
        margin-left: 10rpx;
        height: 50rpx;
        line-height: 50rpx;
      }

      .fuwuxieyi {
        display: inline;
        color: #12d1eb;
        height: 50rpx;
      }
    }

    .bannner {
      margin-top: 15rpx;
      display: flex;
      align-items: center;
      width: 100%;
      height: 200rpx;

      image {
        width: 100%;
      }
    }

    .downbtn {
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0;
      background-color: #fff;
      padding: 0 64rpx;
      box-sizing: border-box;

      .btn {
        width: 620rpx;
        height: 80rpx;
        margin: 10rpx 0;
        line-height: 80rpx;
        padding: 0;
        font-weight: 400;
        font-size: 28rpx;
        background-color: #E8370F;
        color: #fff
      }
    }

    /*使屏幕变暗  */
    .commodity_screen {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background: #000;
      opacity: 0.2;
      overflow: hidden;
      z-index: 1000;
      color: #fff;
    }

    /*对话框 */
    .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;

      .tent {
        width: 100%;
        display: flex;
        flex-wrap: wrap;

        .carText {
          padding: 15rpx;
          font-size: 31rpx;
          box-sizing: border-box;
          background-color: #Fff;
          margin: 11rpx;
        }

        .activedCar {
          background-color: #12d1eb;
          color: #fff;
        }
      }


    }
  }
}