h3[data-v-25a3d6b0] {
  margin: 40px 0 0;
}
ul[data-v-25a3d6b0] {
  list-style-type: none;
  padding: 0;
}
li[data-v-25a3d6b0] {
  display: inline-block;
  margin: 0 10px;
}
a[data-v-25a3d6b0] {
  color: #42b983;
}
.upload-wrapper[data-v-25a3d6b0] {
  width: 100%;
  height: 100%;
  padding: 50px 0;
  background-color: rgb(249, 249, 249);
}
.content-wrapper[data-v-25a3d6b0] {
  width: 538px;
  margin: 20px auto;
}
.protocol-select[data-v-25a3d6b0] {
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
}
.protocol-item[data-v-25a3d6b0] {
  flex: 1;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  border: 2px solid transparent;
  background: #fff;
  box-shadow: 0 0 15px rgb(0, 0, 0, 0.05);
}
.protocol-item-http[data-v-25a3d6b0] {
  border: 2px solid rgb(253, 126, 23);
  color: rgb(253, 126, 23);
}
.protocol-item-ws[data-v-25a3d6b0] {
  border: 2px solid rgb(155, 82, 244);
  color: rgb(155, 82, 244);
}
.protocol-item[data-v-25a3d6b0]:first-of-type {
  margin-right: 20px;
}
.protocol-item[data-v-25a3d6b0]:first-of-type:hover {
  cursor: pointer;
  border: 2px solid rgb(253, 126, 23);
  color: rgb(253, 126, 23);
  box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
}
.protocol-item[data-v-25a3d6b0]:last-of-type:hover {
  cursor: pointer;
  border: 2px solid rgb(155, 82, 244);
  color: rgb(155, 82, 244);
  box-shadow: 0 0 15px rgb(0, 0, 0, 0.1);
}
.file-select[data-v-25a3d6b0] {
  height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 2px dashed #909090;
}
.file-select-tips[data-v-25a3d6b0] {
  color: #909090;
  font-size: 14px;
  padding: 16px 0;
}
.file-select-tips[data-v-25a3d6b0]:last-of-type {
  font-size: 12px;
}
.file-select-mid[data-v-25a3d6b0] {
  width: 200px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.file-select-svg[data-v-25a3d6b0] {
  width: 60px;
  height: 60px;
}
.file-input[data-v-25a3d6b0] {
  display: none;
}
.bottom-button[data-v-25a3d6b0] {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.chunk-size-select[data-v-25a3d6b0] {
  position: relative;
  padding: 0 10px;
  height: 36px;
  line-height: 36px;
  border: 2px dashed rgb(81, 111, 250);
  color: rgb(81, 111, 250);
  background-color: #fff;
  box-shadow: 0 0 15px rgb(0, 0, 0, 0.05);
  border-radius: 5px;
  margin-right: 20px;
  cursor: pointer;
}
.chunk-size-radio[data-v-25a3d6b0] {
  position: absolute;
  left: 0;
  top: 50px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  padding: 0 10px;
  background-color: #fff;
  box-shadow: 0 0 15px rgb(0, 0, 0, 0.12);
  white-space: nowrap;
}
.chunk-size-radio-item[data-v-25a3d6b0] {
  padding: 0 10px 0 5px;
  color: #333;
}
.chunk-size-radio-item[data-v-25a3d6b0]:last-of-type {
  padding: 0 0 0 5px;
}
.start-upload[data-v-25a3d6b0] {
  flex: 1;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background-color: rgb(81, 111, 250);
  border-radius: 5px;
  cursor: pointer;
}
.start-upload-noallow[data-v-25a3d6b0] {
  cursor: no-drop;
}
.file-info[data-v-25a3d6b0] {
  position: relative;
  height: 80px;
  color: #333;
  font-size: 14px;
  box-shadow: 0 0 15px rgb(0, 0, 0, 0.05);
  border-radius: 5px;
  margin-top: 30px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 0 30px 0 22px;
}
.file-done[data-v-25a3d6b0] {
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  display: flex;
  border-radius: 5px 0 0 0;
  justify-content: left;
  align-items: top;
  background: linear-gradient(135deg, #67c23a 16px, rgb(249, 249, 249) 0);
}
.file-done-svg[data-v-25a3d6b0] {
  width: 16px;
  height: 16px;
}
.file-close[data-v-25a3d6b0] {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.file-close-svg[data-v-25a3d6b0] {
  width: 18px;
  height: 18px;
}
.file-basic-info[data-v-25a3d6b0] {
  flex: 1;
  line-height: 40px;
  display: flex;
  align-items: center;
}
.left-info[data-v-25a3d6b0] {
  flex: 1;
  display: flex;
  align-items: center;
}
.right-info[data-v-25a3d6b0] {
  text-align: right;
  padding-left: 10px;
}
.file-abbr[data-v-25a3d6b0] {
  width: 20px;
  height: 24px;
  margin-right: 6px;
}
.file-name[data-v-25a3d6b0] {
  flex: 1;
  text-align: left;
}
.file-upload-progress[data-v-25a3d6b0] {
  flex: 1;
  line-height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.file-upload-progress span[data-v-25a3d6b0] {
  flex: 1;
  /* width: 30px; */
}
.progress-wrapper[data-v-25a3d6b0] {
  width: 356px;
  height: 15px;
  border-radius: 8px;
  margin: 0 16px;
  background-color: #ccc;
}
.progress-par[data-v-25a3d6b0] {
  overflow: hidden;
  height: 100%;
  border-radius: 8px;
}
.progress-bar[data-v-25a3d6b0] {
  width: 356px;
  height: 100%;
  background: rgb(81, 111, 250);
  border-radius: 8px;
  background-image: repeating-linear-gradient(30deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.1) 15px, transparent 0, transparent 30px);
  animation: progressbar-25a3d6b0 5s linear infinite;
}
.bottom-tips-success[data-v-25a3d6b0] {
  height: 38px;
  line-height: 38px;
  margin-top: 30px;
  font-size: 14px;
  border-radius: 5px;
  color: #67c23a;
  background: #f0f9eb;
  border: 1px solid #c2e7b0;
}
.bottom-tips-error[data-v-25a3d6b0] {
  height: 38px;
  line-height: 38px;
  margin-top: 30px;
  font-size: 14px;
  border-radius: 5px;
  color: #f56c6c;
  background: #fef0f0;
  border: 1px solid #fbc4c4;
}
.bottom-tips-warning[data-v-25a3d6b0] {
  height: 38px;
  line-height: 38px;
  margin-top: 30px;
  font-size: 14px;
  border-radius: 5px;
  color: #e6a23c;
  background: #fdf6ec;
  border: 1px solid #f5dab1;
}
@keyframes progressbar-25a3d6b0 {
0% {
    background-position: 0% 0;
}
100% {
    background-position: 356px 0;
}
}
.fade-enter-active[data-v-25a3d6b0],
.fade-leave-active[data-v-25a3d6b0] {
  transition: opacity 0.5s;
}
.fade-enter[data-v-25a3d6b0],
.fade-leave-to[data-v-25a3d6b0]

/* .fade-leave-active below version 2.1.8 */
  {
  opacity: 0;
}

@charset "UTF-8";
/* 这条是因为外界的all-card污染了这里的高度 单独调整 */
.all-card[data-v-57012a18], .all-card .el-tabs[data-v-57012a18] {
  height: unset !important;
}
[data-v-57012a18] .all-card, .all-card .el-tabs .el-tabs__content[data-v-57012a18] {
  height: unset !important;
}

/* // 隐藏 tinymce alert */
.tox .tox-notifications-container {
  display: none;
}

@charset "UTF-8";
.title-h2[data-v-57012a18] {
  margin: auto;
  padding: 20px 0;
  font-size: 19px;
  text-align: left;
}
.title-h2 .el-icon-document-copy[data-v-57012a18] {
  font-size: 18px;
  color: #409eff;
  cursor: pointer;
  margin: 0 0 0 20px;
}
[data-v-57012a18] .tox .tox-edit-area {
  z-index: 1;
}
[data-v-57012a18] .v-note-wrapper {
  z-index: 100;
  min-height: 10px;
  min-width: 10px;
  width: 100%;
  height: 100%;
  box-shadow: none !important;
  font-size: 18px;
}
[data-v-57012a18] .v-note-wrapper .v-show-content {
  background: transparent !important;
}
.showTitle[data-v-57012a18] {
  margin-top: 20px;
  display: inline-block;
  width: 1200px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.box1[data-v-57012a18] {
  /* position: relative; */
  margin-top: -3px;
  overflow: visible;
  background: #F5F5F5;
  text-align: right;
  padding-right: 18px;
}
.div-two[data-v-57012a18] {
  width: 67%;
  margin: 0 auto;
  text-align: right;
}
.iframe-json[data-v-57012a18] {
  /* height: 600px; */
  width: 1200px;
  height: 76vh;
  box-sizing: border-box;
  border-left: 1vw solid #F5F5F5;
}
.box_client[data-v-57012a18] {
  display: flex;
  justify-content: space-between;
  padding-top: 11vh;
}
.box_client .box_img[data-v-57012a18] {
  width: 50%;
  text-align: right;
}
.box_client .box_img img[data-v-57012a18] {
  height: 42vh;
}
.box_client .box_app[data-v-57012a18] {
  width: 45%;
  height: 60vh;
  margin-left: 5vw;
  box-sizing: border-box;
}
.box_client .box_app h1[data-v-57012a18] {
  text-align: left;
  font-size: 29px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #303030;
}
.box_client .box_app .img_one[data-v-57012a18] {
  height: 2.5rem;
  margin-top: 4.6vh;
  line-height: 2.5rem;
  display: flex;
  margin-bottom: 1.5rem;
}
.box_client .box_app .img_one span[data-v-57012a18] {
  font-size: 19px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #303030;
  display: inline-block;
  height: 2.5rem;
  margin-left: 1rem;
}
.box_client .box_app .img_one .android[data-v-57012a18] {
  height: 2.5rem;
}
.box_client .box_app .wapper[data-v-57012a18] {
  width: 100%;
  display: flex;
  margin: 0 auto;
  justify-content: flex-start;
}
.box_client .box_app .wapper .box_two[data-v-57012a18] {
  margin-right: 2.3vw;
}
.box_client .box_app .wapper .box_two div[data-v-57012a18] {
  width: 24vh;
  height: 24vh;
  margin: 0 auto;
  background: #ffffff;
  box-shadow: 0 0 10px 2px gainsboro;
  border-radius: 8px;
  position: relative;
}
.box_client .box_app .wapper .box_two div .QR_img[data-v-57012a18] {
  position: absolute;
  top: 1.5vh;
  left: 1.5vh;
  height: 21vh;
}
.box_client .box_app .wapper .box_two .mark_one[data-v-57012a18] {
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: 2px;
}
.upload-btn[data-v-57012a18],
.btn-one[data-v-57012a18] {
  color: #447EEC;
  font-size: 19px;
  font-weight: 400;
}
.upload-btn[data-v-57012a18] :hover,
.btn-one[data-v-57012a18] :hover {
  text-decoration: underline;
}
.upload-btn[data-v-57012a18] span,
.btn-one[data-v-57012a18] span {
  font-size: 19px !important;
}
.upload-btn[data-v-57012a18] {
  padding-right: 19px;
}
.img-style[data-v-57012a18] {
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.copy-text[data-v-57012a18] {
  height: 40px;
  line-height: 40px;
  text-align: left;
  font-weight: 400;
  color: #447EEC;
  padding-left: 8px;
  background: #FBFBFB;
  border: 2px solid #D6D3D3;
  border-radius: 5px 5px 0 0;
  border-bottom: none;
}
.copy-text[data-v-57012a18] :hover {
  text-decoration: underline;
}
.copy-text[data-v-57012a18] .el-icon-document-copy {
  font-size: 19px !important;
  cursor: pointer;
}
[data-v-57012a18] .tox-tbtn__select-label {
  font-size: 19px !important;
}
.showfix[data-v-57012a18] {
  position: absolute;
  top: 1vh;
  right: 2.5vw;
}
.json_box[data-v-57012a18] {
  padding-top: 50px;
  width: 30%;
  margin: auto;
  /* border: 1px solid red; */
}
.JSONTitle[data-v-57012a18] {
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 600;
  height: 4vh;
  text-align: left;
}
.JSONLine[data-v-57012a18] {
  width: 100%;
  height: 2px;
  background: #D2D2D2;
  margin-bottom: 20px;
}

/* 取消[type='number']的input的上下箭头 */
input[data-v-57012a18]::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input[data-v-57012a18]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
}
input[type=number][data-v-57012a18] {
  -moz-appearance: textfield;
  -webkit-appearance: none !important;
}
[data-v-57012a18] .input_arrow > input {
  padding: 0px 0px 0px 15px !important;
  width: 400px;
}
.btns[data-v-57012a18] {
  width: 25vw;
  margin-top: 40px;
  height: 5vh;
}
.btns .btnRight1[data-v-57012a18] {
  float: right;
}
.btnLeft1[data-v-57012a18] {
  float: left;
}