#mainContent[data-v-8b7c627a] {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#mainContent .title[data-v-8b7c627a] {
  text-align: center;
  font-size: 16px;
  background-color: #2fbeff;
  color: #fff;
  height: 40px;
  line-height: 40px;
  letter-spacing: 1px;
  margin: 0;
}
#mainContent .back_img[data-v-8b7c627a] {
  background-image: url(/images/bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 20%;
  position: relative;
}
#mainContent .back_img .form_title[data-v-8b7c627a] {
  position: absolute;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  bottom: 10%;
  left: 5%;
}
#mainContent[data-v-8b7c627a] .ant-row {
  margin-bottom: 0 !important;
}
#mainContent[data-v-8b7c627a] .ant-form-item {
  display: flex;
}
#mainContent[data-v-8b7c627a] .ant-form-item-label {
  padding: 0 !important;
  width: auto;
  padding-right: 8px !important;
  line-height: 40px;
}
#mainContent[data-v-8b7c627a] .ant-col-8 {
  width: 33.33333333%;
  background-color: #fff;
  border: 5px solid #f0f2f5;
}
#mainContent[data-v-8b7c627a] .ant-col-8 label {
  float: right;
}
#mainContent[data-v-8b7c627a] .ant-col-16 {
  width: 66.66666667%;
  background-color: #fff;
  border: 5px solid #f0f2f5;
  padding: 0 8px;
  display: flex;
  align-items: center;
}
#mainContent[data-v-8b7c627a] .ant-form-item-children span {
  word-break: normal;
  width: auto;
  display: block;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: hidden;
  line-height: 1.5;
  /*transform: translateY(50%);*/
}
#mainContent[data-v-8b7c627a] .ant-tabs-nav-scroll {
  text-align: center;
  background-color: #fff;
  font-size: 16px;
}
#mainContent .error_box[data-v-8b7c627a] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}
#mainContent .error_box .error_img[data-v-8b7c627a] {
  background-image: url(/images/error.png);
  height: 28px;
  width: 28px;
  background-size: 100%;
  background-repeat: no-repeat;
}
#mainContent .error_box .error_text[data-v-8b7c627a] {
  font-size: 16px;
  line-height: 28px;
  margin: 0 8px;
  color: #d91f07;
  flex: 1;
}
#mainContent .undefind_box[data-v-8b7c627a] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}
#mainContent .undefind_box .undefind_img[data-v-8b7c627a] {
  background-image: url(/images/wait.png);
  height: 28px;
  width: 28px;
  background-size: 100%;
  background-repeat: no-repeat;
}
#mainContent .undefind_box .undefind_text[data-v-8b7c627a] {
  font-size: 16px;
  line-height: 28px;
  margin: 0 8px;
  color: #f59a23;
  flex: 1;
}
#mainContent .be_overdue_box[data-v-8b7c627a] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}
#mainContent .be_overdue_box .be_overdue_img[data-v-8b7c627a] {
  background-image: url(/images/wait.png);
  height: 28px;
  width: 28px;
  background-size: 100%;
  background-repeat: no-repeat;
}
#mainContent .be_overdue_box .be_overdue_text[data-v-8b7c627a] {
  font-size: 16px;
  line-height: 28px;
  margin: 0 8px;
  color: #f59a23;
  flex: 1;
}
#mainContent .link_error_box[data-v-8b7c627a] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
}
#mainContent .link_error_box .link_error_img[data-v-8b7c627a] {
  background-image: url(/images/error.png);
  height: 28px;
  width: 28px;
  background-size: 100%;
  background-repeat: no-repeat;
}
#mainContent .link_error_box .link_error_text[data-v-8b7c627a] {
  font-size: 16px;
  line-height: 28px;
  margin: 0 8px;
  color: #d91f07;
  flex: 1;
}

.ant-tabs-tabpane {
  display: none !important;
}

.ant-tabs-tabpane-active {
  display: block !important;
  -webkit-animation: scale-in-hor-right 0.2s
    cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-hor-right 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

@-webkit-keyframes scale-in-hor-right {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-hor-right {
  0% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1;
  }
}