[data-v-a04d7b2a]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[data-v-a04d7b2a]::-webkit-scrollbar-thumb {
  background-color: #a1a3a9;
  border-radius: 4px;
}
.box[data-v-a04d7b2a] {
  height: 100%;
  width: 100%;
  padding: 0 10px;
  background-color: rgb(242, 242, 242);
}
.top[data-v-a04d7b2a] {
  background-color: rgb(242, 242, 242);
  width: 100%;
  height: 22%;
  padding: 15px 0;
}
.package_top[data-v-a04d7b2a] {
  padding: 5px;
  width: 100%;
  height: 100%;
  display: flex;
  background-color: rgb(255, 255, 255);
}
.top_one[data-v-a04d7b2a] {
  min-width: 500px;
  width: 87%;
  height: 100%;
}
.top_two[data-v-a04d7b2a] {
  width: 20%;
  height: 100%;
}
.top_one_input[data-v-a04d7b2a] {
  width: 100%;
  height: 35%;
  display: flex;
  align-items: center;
}
.top_one_steps[data-v-a04d7b2a] {
  min-width: 200px;
  margin-top: 5px;
  width: 100%;
  height: 65%;
  overflow: hidden;
  overflow-x: scroll;
  overflow-y: hidden;
  overflow-x: auto;
}
.bottom[data-v-a04d7b2a] {
  width: 100%;
  height: 78%;
  border-top: none;
  padding-bottom: 15px;
}
.bottom_one[data-v-a04d7b2a] {
  background-color: rgb(255, 255, 255);
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
  overflow-x: hidden;
  overflow-y: auto;
}
.bottom_two[data-v-a04d7b2a] {
  width: 100%;
  height: 50%;
  display: flex;
}
.bottom_two_left[data-v-a04d7b2a] {
  min-width: 400px;
  width: 60%;
}
.bottom_two_right[data-v-a04d7b2a] {
  min-width: 300px;
  width: 40%;
  display: flex;
  flex-wrap: wrap;
}
.small_box[data-v-a04d7b2a]:nth-child(2n) {
  background: #f2f6fc;
}
.small_box[data-v-a04d7b2a]:nth-child(2n-1) {
  background: #e4e7ed;
}
.small_box[data-v-a04d7b2a] {
  width: 200px;
  height: 90px;
  margin-top: 15px;
  margin-left: 15px;
  padding: 10px;
}
.small_box_text[data-v-a04d7b2a] {
  width: 100%;
  height: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.small_box_input[data-v-a04d7b2a] {
  width: 100%;
  height: 60%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.save[data-v-a04d7b2a] {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
/* .scan {
  height: 100%;
}
#bcid {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 3rem;
  text-align: center;
  color: #fff;
  background: #ccc;
}
footer {
  position: absolute;
  left: 0;
  bottom: 1rem;
  height: 2rem;
  line-height: 2rem;
  z-index: 2;
} */