@import '../../style/etc.wxss';

.handleCar {
  background-color: #f6f6f6ff;
  position: absolute;
  width: 100%;
  height: 100%;
}

.handleCar .top {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 32rpx;
  margin-bottom: 24rpx;
  border-radius: 12rpx;
}

.upload-gap {


  display: grid;
  row-gap: 28rpx;
  column-gap: 24rpx;

  grid-template-columns: 1fr 1fr;
}

.handleCar .top .title {

  font-weight: 500;
  font-size: 32rpx;
  color: #333333;
  margin-bottom: 26rpx;
  display: flex;
  align-items: center;
}

.handleCar .top .title .line {
  display: inline-block;
  position: relative;
  color: #3E7DF5;
  width: 8rpx;
  height: 28rpx;
  background-color: #3E7DF5;
  border-radius: 4rpx;
  margin-right: 16rpx;
}

.handleCar .bottom {
  height: 380rpx;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 32rpx;
}

.handleCar .bottom .title {
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: 32rpx;
  color: #333333;
  display: flex;
  align-items: center;
}

.handleCar .bottom .title .line {
  display: inline-block;
  position: relative;
  color: #00b38b;
  width: 8rpx;
  height: 28rpx;
  background-color: #00b38b;
  border-radius: 4rpx;
  margin-right: 16rpx;
}

.handleCar .bottom .plate_color {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 16rpx 0;
}

.handleCar .bottom .plate_color .plateColorList {
  position: relative;
  margin: 20rpx 20rpx 0 0;
}

.handleCar .bottom .plate_color .plateColorList .checkplateColor {
  position: absolute;
  bottom: -8rpx;
  right: -8rpx;
}

.handleCar .btn {
  width: 100%;
  height: 140rpx;
  position: fixed;
  bottom: 0rpx;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.block-bg {
  margin: 32rpx 32rpx 0;
}

.t-tab-bar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
  display: flex;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  background-color: #fff;
}

.t-tab-bar--padding {
  padding: 16rpx 40rpx 24rpx 40rpx;
  width: 100%;
}

.bottom-btn {
  color: #fff;
  height: 88rpx;
  font-size: 32rpx;
  border-radius: 88rpx;
  background: #47D03C;
}

.row-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.isAgainActive {
  opacity: 0.75;
}

.item-row {

  height: 240rpx;
  display: flex;
  justify-content: space-between;
  background: white;
  padding: 32rpx;
  border-radius: 18rpx;
  box-sizing: border-box;
}

.item-left .title {
  font-size: 34rpx;
  color: #000000;
}

.item-left .desc {
  font-size: 24rpx;
  color: #A1A7B3;
  margin-top: 16rpx;
}

.item-left .flag {
  width: 100rpx;
  height: 30rpx;
  line-height: 30rpx;
  margin-top: 20rpx;
  border-radius: 5rpx;
  text-align: center;
  font-size: 20rpx;
  border: 1rpx solid #CCB375;
  font-family: SourceHanSansSC, SourceHanSansSC;
  color: #CCB375;
}

.item-right {
  width: 288rpx;
  height: 174rpx;
  position: relative;
}

.item-right .image {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 174rpx;
}

.empty-node {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.hint {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 24rpx;
  color: #F58E27;
  line-height: 38rpx;
  margin-top: 26rpx;
  margin-left: 40rpx;
  margin-right: 40rpx;
  align-items: center;
}

.bubble {
  position: relative;
  /* 为伪元素定位提供参考 */
  background: #FFF7EF;
  /* 气泡背景色（浅橙色） */
  color: #FF8124;
  /* 文字颜色（橙色） */
  padding: 16rpx 20rpx;
  /* 内边距，控制文字与气泡边缘的距离 */
  border-radius: 8rpx;
  /* 气泡圆角 */
  line-height: 1.5;
  /* 文字行高，提升可读性 */
  font-size: 28rpx;
  margin-top: 24rpx;
  font-size: 24rpx;
  border: 1rpx solid #FCE8D3;
}

/* 顶部三角：用透明边框+底部实色边框实现三角形 */
.bubble::before {
  content: "";
  /* 伪元素必须有content（空值也可） */
  position: absolute;
  top: -16rpx;
  /* 三角向上“突出”容器，值为三角高度 */
  left: 75%;
  /* 水平居中定位 */
  transform: translateX(-75%);
  /* 精细居中（抵消left:50%的偏移） */
  width: 0;
  height: 0;
  /* 边框实现三角形：左右透明，底部与气泡背景同色 */
  border-left: 16rpx solid transparent;
  border-right: 16rpx solid transparent;
  border-bottom: 16rpx solid #FFF7EF;
}

.hint .icon {
  width: 30rpx;
  height: 30rpx;
  margin-right: 10rpx;
}

.btn {
  margin: 60rpx 40rpx;
}

.bottom-bg {
  left: 40rpx;
  right: 40rpx;
  background-color: #3E7DF5;

}

.emty-block {
  height: 220rpx;
}


















page {
  background-color: #F4F5F9;
  padding-bottom: 200rpx;
}

.bg {
  padding: 32rpx;
  box-sizing: border-box;
}

.card {
  padding: 32rpx;
  background: #FFFFFF;
  border-radius: 24rpx;
  margin-bottom: 24rpx;
}

.card-title {
  font-size: 32rpx;
  color: #000000;
  line-height: 44rpx;
}

.line {
  width: 100%;
  height: 1rpx;
  background-color: #E5E5E5;
}

.etc-bg {
  height: 112rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-self: start;
}

.send-bg {
  opacity: 1;
  font-size: 32rpx;
  color: #3EC134;
  line-height: 44rpx;
  padding-right: 36rpx;
}

.send-disabled {
  color: #000;
  opacity: 0.2;
}

.input {
  width: 256rpx !important;
}