.s-canvas[data-v-314fd0cb] {
  height: 38px;
}
.s-canvas canvas[data-v-314fd0cb] {
  margin-top: 1px;
  margin-left: 8px;
}

.flexStyle[data-v-71098cd2] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dateStyle[data-v-71098cd2] {
  font-size: 18px;
  color: #00c7fd;
  margin-top: 50px;
  display: flex;
  justify-content: center;
}
.contentStyle[data-v-71098cd2] {
  font-size: 18px;
  margin-top: 39px;
  display: flex;
  justify-content: center;
}
.itemTitle[data-v-71098cd2] {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  margin-top: 50px;
  font-weight: 600;
}
img[data-v-71098cd2] {
  width: 64px;
  height: 64px;
}
@media (max-width: 768px) {
img[data-v-71098cd2] {
      width: 50px;
      height: 50px;
}
}
.orderSiceBox[data-v-71098cd2] {
  padding-top: 263px;
  width: 800px;
  margin: 0 auto;
}
@media (max-width: 768px) {
.orderSiceBox[data-v-71098cd2] {
      width: 90%;
      padding-top: 150px;
}
}
.fromBox[data-v-71098cd2] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 68px;
}
@media (max-width: 768px) {
.fromBox[data-v-71098cd2] {
      margin-top: 50px;
}
}
.btnBox[data-v-71098cd2] {
  font-size: 18px;
  margin-top: 125px;
  display: flex;
  justify-content: center;
  height: 120px;
}
@media (max-width: 768px) {
.btnBox[data-v-71098cd2] {
      margin-top: 100px;
}
}
.confirmBtn[data-v-71098cd2] {
  width: 100%;
  height: 40px;
  font-size: 16px;
}
.cencelBtn[data-v-71098cd2] {
  width: 100%;
  height: 40px;
  color: white;
  background-color: #1f2a37;
  border-color: #1f2a37;
  font-size: 16px;
}
[data-v-71098cd2] .el-tabs__header {
  display: none;
}
[data-v-71098cd2] .el-tabs__content {
  background: #061220 !important;
}
[data-v-71098cd2] .el-step__icon {
  width: 64px !important;
  height: 64px !important;
}
@media (max-width: 768px) {
[data-v-71098cd2] .el-step__icon {
      width: 50px !important;
      height: 50px !important;
}
}
[data-v-71098cd2] .el-step.is-center .el-step__line {
  left: 65% !important;
  right: -35% !important;
  top: 50% !important;
}
@media (max-width: 768px) {
[data-v-71098cd2] .el-step.is-center .el-step__line {
      left: 75% !important;
      right: -24% !important;
}
}
[data-v-71098cd2] .el-step__title.is-process {
  font-weight: 700;
  color: #c0c4cc !important;
}
[data-v-71098cd2] .el-step__title.is-wait {
  font-weight: 700;
}
[data-v-71098cd2] .el-step__icon {
  background: transparent !important;
}
[data-v-71098cd2] .el-step__head.is-wait {
  border-color: transparent !important;
}
[data-v-71098cd2] .el-step__head.is-process {
  border-color: transparent !important;
}
[data-v-71098cd2] .el-step__icon.is-text {
  border-color: transparent !important;
}
[data-v-71098cd2] .el-input__prefix {
  width: 25px !important;
}
.box_1[data-v-71098cd2] {
  position: absolute;
  top: 10%;
  left: 5%;
  cursor: pointer;
}
.box_1 .label_1[data-v-71098cd2] {
    width: 50px;
    height: 50px;
}
.box_1 .text_1[data-v-71098cd2] {
    width: 55px;
    height: 25px;
    overflow-wrap: break-word;
    color: white;
    font-size: 20px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
    margin: 10px 0 0 10px;
}
.languageBox[data-v-71098cd2] {
  position: absolute;
  top: 10%;
  right: 5%;
}
.languageBox .selectStyle[data-v-71098cd2] {
    font-size: 100%;
    background-color: #111d29;
    color: white;
    height: 30px;
    border: 2px solid #29333e;
    border-radius: 10px;
}
[data-v-71098cd2] .el-input--suffix .el-input__inner {
  padding-right: 2px !important;
}
[data-v-71098cd2] .el-input--mini .el-input__inner {
  height: 40px !important;
  line-height: 40px !important;
  font-size: 13px;
  width: 120px;
}
[data-v-71098cd2] .el-step__line-inner {
  height: 2px !important;
  background-color: #409edb !important;
  border: none !important;
}