.out-box[data-v-14f7c465] {
  /* background-color: #f6f7f8; */
  min-height: 100vh;
  overflow-y: auto;
}
body[data-v-14f7c465] {
  height: 100%;
}
.head-box[data-v-14f7c465] {
  width: 100% px;
  height: 1.73333rem;
  display: flex;
  justify-content: center;
  position: relative;
}
.head-logo[data-v-14f7c465] {
  width: 0.8rem;
  height: 0.90667rem;
}
.back[data-v-14f7c465] {
  position: absolute;
  top: 0.37333rem;
  left: 0.42667rem;
  font-size: 0.56rem;
}
.user-info-box[data-v-14f7c465] {
  width: 5.54667rem;
  height: auto;
  /* border: 1px solid; */
  margin: 0.53333rem auto 0.64rem auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  /* margin-bottom: 24px; */
}
.user-img[data-v-14f7c465] {
  width: 1.49333rem;
  height: 1.49333rem;
  border-radius: 50%;
  overflow: hidden;
}
.user-img img[data-v-14f7c465] {
  width: 100%;
  height: 100%;
}
.user-name[data-v-14f7c465] {
  height: 0.77333rem;
  font-size: 0.64rem;
  font-weight: 400;
  margin: 0.21333rem auto 0.10667rem auto;
  color: #200e32;
}
.user-phone[data-v-14f7c465] {
  height: 0.42667rem;
  font-size: 0.37333rem;
  font-weight: 400;
  color: #b8b2bd;
  line-height: 0.42667rem;
}
.boundary[data-v-14f7c465] {
  width: 100%;
  height: 0.10667rem;
  background: #f6f6f6;
  margin-top: 0.26667rem;
  margin-bottom: 0.66667rem;
}
.operation-box[data-v-14f7c465] {
  margin: 0 0 0.69333rem 0.64rem;
  width: 7.97333rem;
  height: 0.58667rem;
  /* border: 1px solid; */
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  font-size: 0.42667rem;
  font-weight: 500;
  color: #200e32;
}
.operation-box img[data-v-14f7c465] {
  width: 0.53333rem;
  height: 0.53333rem;
  margin-right: 0.32rem;
}
.foot-box[data-v-14f7c465] {
  position: fixed;
  bottom: 0.53333rem;
  width: 100%;
}
.confirm-btn[data-v-14f7c465] {
  width: 9.17333rem;
  height: 1.41333rem;
  background: #200e32;
  box-shadow: 0 0.10667rem 0.26667rem 0 rgba(114, 90, 172, 0.2);
  border-radius: 0.21333rem;
  margin: 0 auto 0 auto;
  font-size: 0.53333rem;
  font-weight: bold;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.agent-info-box[data-v-14f7c465] {
  width: 100%;
  height: 1.76rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.agent-info-box .agent-info[data-v-14f7c465] {
  width: 100%;
  height: 1.12rem;
  margin-left: 0.32rem;
  display: flex;
}
.agent-info-box .agent-info .agent-user-img[data-v-14f7c465] {
  width: 1.12rem;
  height: 1.12rem;
  border-radius: 50%;
}
.agent-info-box .agent-info .agent-user-info[data-v-14f7c465] {
  margin-left: 0.32rem;
}
.agent-info-box .agent-info .agent-user-info .user-name[data-v-14f7c465] {
  font-weight: bold;
  font-size: 0.48rem;
  color: #200e32;
  margin-top: 0.10667rem;
}
.agent-info-box .agent-info .agent-user-info .user-agent[data-v-14f7c465] {
  font-weight: 400;
  font-size: 0.34667rem;
  color: #a69fad;
  margin-top: 0.10667rem;
}
.agent-info-box .logout-icon[data-v-14f7c465] {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.45333rem;
}
.agent-info-box .logout-icon img[data-v-14f7c465] {
  width: 100%;
  height: 100%;
}