.menu-icon[data-v-a380d422] {
  width: 0.69333rem;
  height: 0.69333rem;
  position: absolute;
  top: 0.29333rem;
  right: 0.42667rem;
  z-index: 99;
}


.call-box[data-v-218ce560] {
  width: 100%;
  height: 1.6rem;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.42667rem;
  box-sizing: border-box;
}
.call-left[data-v-218ce560] {
  display: flex;
  align-items: center;
}
.call-right[data-v-218ce560] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.06667rem;
  height: 1.06667rem;
  border: 0.02667rem solid #d9d9d9;
  border-radius: 50%;
  text-align: center;
}
.call-icon[data-v-218ce560] {
  width: 0.64rem;
  height: 0.64rem;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.name[data-v-218ce560] {
  font-size: 0.48rem;

  font-weight: 400;
  color: #200e32;
  text-align: center;
}
body[data-v-218ce560] {
  height: 100%;
}
.container[data-v-218ce560] {
  min-height: 100vh; /* 或指定一个具体的高度，如300px */
  background: #f6f7f8;
  overflow-y: auto; /* 显示滚动条 */
}
.head-box[data-v-218ce560] {
  width: 100%px;
  height: 1.28rem;
  border-bottom: 0.02667rem solid #f6f7f8;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.back[data-v-218ce560] {
  position: absolute;
  position: absolute;
  top: 0.48rem;
  left: 0.42667rem;
}
.head-logo[data-v-218ce560] {
  width: 1.06667rem;
  height: 1.06667rem;
}
.content-time[data-v-218ce560] {
  width: 1.6rem;
  height: 0.56rem;
  flex-shrink: 0;
  color: #666;
  background: #e6ecf0;
  text-align: center;

  font-size: 0.32rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0.42667rem auto 0.85333rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.41333rem;
  background: #e6ecf0;
}
.content-driver-box[data-v-218ce560] {
  display: flex;
  align-items: center;
  height: 0.85333rem;
  margin: 0.85333rem 0 0.42667rem 0.42667rem;
}
.content-driver-box-user[data-v-218ce560] {
  display: flex;
  align-items: center;
  height: 0.85333rem;
  margin: 0.85333rem 0.42667rem 0.42667rem 0;
  justify-content: flex-end;
}
.head-portrait[data-v-218ce560] {
  width: 0.85333rem;
  height: 0.85333rem;
  border-radius: 50%;
  margin-right: 0.32rem;
}
.head-portrait-user[data-v-218ce560] {
  width: 0.85333rem;
  height: 0.85333rem;
  border-radius: 50%;
  margin-left: 0.32rem;
}
.info-detail[data-v-218ce560] {
  /* width: 86px; */
  height: 0.85333rem;
  color: var(--2, #666);

  font-size: 0.37333rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.10667rem;
  padding: 0 0.32rem;
}
.info-detail-user[data-v-218ce560] {
  /* width: 86px; */
  /* height: 32px; */
  padding: 0.16rem 0.21333rem;
  color: var(--2, #666);

  font-size: 0.37333rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.10667rem;
}
.input-box[data-v-218ce560] {
  height: 1.28rem;
  width: 100%;
  position: fixed;
  bottom: 0;
}
.input-box img[data-v-218ce560] {
  width: 100%;
  height: 100%;
}
.input-box[data-v-218ce560] {
  height: 1.28rem;
  width: 100%;
  position: fixed;
  bottom: 0;
}
.input-box-user img[data-v-218ce560] {
  width: 100%;
  height: 100%;
}