page {
  background-color: #f9f9f9;

}

.container {
  padding: 0 32rpx;
  box-sizing: border-box;
  position: relative;

  .search_box {
    display: block;
    margin: 15rpx 0 30rpx;
    width: 100%;
    height: 70rpx;

    .search {
      width: 84%;
      background-color: #fff;
      border-radius: 15rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      float: left;

      input {
        text-indent: 15rpx;
        font-size: 28rpx;
        height: 70rpx;
        line-height: 70rpx;
        width: 100%;
      }

      image {
        margin-left: 20rpx;
        width: 31rpx;
        height: 31rpx;
      }
    }

    .search_btn {
      float: right;
      height: 70rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      background-color: transparent;

      .new_image {
        width: 48rpx;
        height: 48rpx;
      }

    }
  }

  .changeTitle {
    margin: 30rpx 0;
    display: flex;
    align-items: center;
    line-height: 70rpx;


    .l_box {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: baseline;
      border: 1rpx solid #ccc;
      margin-right: 10rpx;
      border-radius: 8rpx;

      .nam {
        font-size: 28rpx;
        margin-right: 20rpx;
      }

      image {
        width: 16rpx;
        height: 14rpx;
      }
    }

    .r_box {
      flex: 1;
      display: flex;
      align-items: baseline;
      justify-content: center;
      border: 1rpx solid #ccc;
      margin-left: 10rpx;
      border-radius: 8rpx;

      .nam {
        font-size: 28rpx;
        margin-right: 20rpx;
      }

      image {
        width: 16rpx;
        height: 14rpx;
      }
    }
  }

  .listList {
    width: 100%;
    padding-bottom: 150rpx;
    box-sizing: border-box;

    .bind_item {
      width: 100%;
      padding: 20rpx 0 20rpx 20rpx;
      box-sizing: border-box;
      background: #ffffff;
      border-radius: 12rpx;
      box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(165, 35, 6, 0.09);
      margin-bottom: 20rpx;


      .bind_box {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .b_name {
          flex: 1;
          font-size: 28rpx;
          color: #06121F;
        }

        .b_star {
          width: 140rpx;
          height: 48rpx;
          background: #e8370f;
          border-radius: 24rpx 0rpx 0rpx 24rpx;
          // padding: 0 20rpx 0 35rpx;
          box-sizing: border-box;
          display: flex;
          align-items: center;
          justify-content: center;

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

          .rext {
            font-size: 24rpx;
            color: #fff;
            margin-left: 10rpx;
          }
        }

        .b_sta_color {
          background-color: #BDC4CE;
        }
      }

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

        image {
          width: 18rpx;
          height: 24rpx;
          margin-right: 10rpx;
        }

        .b_add {
          flex: 1;
          font-size: 24rpx;
          font-family: PingFang SC,
            PingFang SC-Regular;
          font-weight: 400;
          color: #06121F;
        }
      }

      &:last-child {
        margin: 0;
      }

    }
  }

  .cno {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    .kongbox {
      width: 500rpx;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 200rpx auto;


      image {
        width: 100%;
      }

      .c_name {
        margin-top: 30rpx;
        font-size: 32rpx;
        color: #ccc;
      }
    }

  }

}