@charset "UTF-8";
@-webkit-keyframes barAnimation-45c9485c {
0% {
    height: 15px;
} /* 初始状态为红色 */
100% {
    height: 3px;
} /* 最后状态为绿色 */
}
@keyframes barAnimation-45c9485c {
0% {
    height: 15px;
} /* 初始状态为红色 */
100% {
    height: 3px;
} /* 最后状态为绿色 */
}
.living-tag-box[data-v-45c9485c] {
  width: 24px;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 5px;
}
.living-tag-box .bar[data-v-45c9485c] {
  width: 4px;
  height: 20px;
  background-color: #fff;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.living-tag-box .bar1[data-v-45c9485c] {
  -webkit-animation-name: barAnimation-45c9485c;
          animation-name: barAnimation-45c9485c;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
.living-tag-box .bar2[data-v-45c9485c] {
  -webkit-animation-name: barAnimation-45c9485c;
          animation-name: barAnimation-45c9485c;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
.living-tag-box .bar3[data-v-45c9485c] {
  -webkit-animation-name: barAnimation-45c9485c;
          animation-name: barAnimation-45c9485c;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

.msg-text {
  display: block;
  width: 60px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}
.msg-text.display {
  color: #ccc;
}
.code{
  line-height: 1;
&:hover{
    text-decoration: underline;
}
}


.commission-record[data-v-2691bd9c] {
  display: inline-block;
}
.drawer-content[data-v-2691bd9c] {
  padding: 20px;
}
.search-area[data-v-2691bd9c] {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.date-picker[data-v-2691bd9c] {
  width: 100%;
}
.type-select[data-v-2691bd9c] {
  width: 100%;
}
.button-group[data-v-2691bd9c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.record-list[data-v-2691bd9c] {
  margin-bottom: 20px;
}
.record-item[data-v-2691bd9c] {
  padding: 16px;
  border-radius: 8px;
  background-color: #f8f9fa;
  margin-bottom: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.record-item[data-v-2691bd9c]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05);
          box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05);
}
.record-header[data-v-2691bd9c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.record-type[data-v-2691bd9c] {
  font-size: 14px;
  padding: 2px 8px;
  border-radius: 4px;
  background-color: #e6e8eb;
}
.record-type.green[data-v-2691bd9c] {
  color: #67C23A;
  background-color: #f0f9eb;
}
.record-type.blue[data-v-2691bd9c] {
  color: #409EFF;
  background-color: #ecf5ff;
}
.record-type.yellow[data-v-2691bd9c] {
  color: #E6A23C;
  background-color: #fdf6ec;
}
.record-type.red[data-v-2691bd9c] {
  color: #F56C6C;
  background-color: #fef0f0;
}
.record-time[data-v-2691bd9c] {
  font-size: 13px;
  color: #909399;
}
.record-amount[data-v-2691bd9c] {
  font-size: 20px;
  font-weight: bold;
  color: #F56C6C;
  margin: 8px 0;
}
.record-amount.income[data-v-2691bd9c] {
  color: #67C23A;
}
.record-desc[data-v-2691bd9c] {
  font-size: 14px;
  color: #606266;
}
.pagination-area[data-v-2691bd9c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
}
[data-v-2691bd9c] .el-drawer__header {
  margin-bottom: 0;
  padding: 16px 20px;
  border-bottom: 1px solid #EBEEF5;
}
[data-v-2691bd9c] .el-drawer__body {
  overflow-y: auto;
}

.pay-channel-admin[data-v-36c7070b] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pay-channel-admin .tenant-list[data-v-36c7070b] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.pay-channel-admin .tenant-list[data-v-36c7070b] .basic-container__card,
.pay-channel-admin .tenant-list[data-v-36c7070b] .el-card__body,
.pay-channel-admin .tenant-list .el-scrollbar[data-v-36c7070b] {
  height: 100%;
}
.pay-channel-admin .pay-channel-list[data-v-36c7070b] {
  width: calc(100% - 350px);
  height: 100%;
}
.pay-channel-admin[data-v-881dccd2] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pay-channel-admin .tenant-list[data-v-881dccd2] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.pay-channel-admin .tenant-list[data-v-881dccd2] .basic-container__card,
.pay-channel-admin .tenant-list[data-v-881dccd2] .el-card__body,
.pay-channel-admin .tenant-list .el-scrollbar[data-v-881dccd2] {
  height: 100%;
}
.pay-channel-admin .pay-channel-list[data-v-881dccd2] {
  width: calc(100% - 350px);
  height: 100%;
}
.pay-channel-admin[data-v-213f7b12] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pay-channel-admin .tenant-list[data-v-213f7b12] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.pay-channel-admin .tenant-list[data-v-213f7b12] .basic-container__card,
.pay-channel-admin .tenant-list[data-v-213f7b12] .el-card__body,
.pay-channel-admin .tenant-list .el-scrollbar[data-v-213f7b12] {
  height: 100%;
}
.pay-channel-admin .pay-channel-list[data-v-213f7b12] {
  width: calc(100% - 350px);
  height: 100%;
}
.button_setUp[data-v-b1e1d744] {
  border: 1px solid red;
}
.pay-channel-admin[data-v-b4ba63c0] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pay-channel-admin .tenant-list[data-v-b4ba63c0] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.pay-channel-admin .tenant-list[data-v-b4ba63c0] .basic-container__card,
.pay-channel-admin .tenant-list[data-v-b4ba63c0] .el-card__body,
.pay-channel-admin .tenant-list .el-scrollbar[data-v-b4ba63c0] {
  height: 100%;
}
.pay-channel-admin .pay-channel-list[data-v-b4ba63c0] {
  width: calc(100% - 350px);
  height: 100%;
}
@charset "UTF-8";
.user-selector[data-v-c5cb1a72] {
  display: inline-block;
}
.search-bar[data-v-c5cb1a72] {
  margin-bottom: 20px;
}
.search-inputs[data-v-c5cb1a72] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-input[data-v-c5cb1a72] {
  width: 180px;
}
.user-cards[data-v-c5cb1a72] {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
}
.card-container[data-v-c5cb1a72] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.user-card[data-v-c5cb1a72] {
  border: 1px solid #EBEEF5;
  border-radius: 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
  width: 100%;
}
.user-card[data-v-c5cb1a72]:hover {
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.user-card-selected[data-v-c5cb1a72] {
  border: 2px solid #409EFF;
  background: #F5F7FA;
}
.radio-custom[data-v-c5cb1a72] {
  width: 100%;
  margin-right: 0;
  padding: 10px;
}
.user-card-content[data-v-c5cb1a72] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
.user-avatar[data-v-c5cb1a72] {
  margin-right: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.user-info[data-v-c5cb1a72] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
}
.user-primary-info[data-v-c5cb1a72] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.user-name[data-v-c5cb1a72] {
  font-size: 15px;
  font-weight: bold;
  margin-right: 0;
}
.info-item[data-v-c5cb1a72] {
  margin-bottom: 4px;
  font-size: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #606266;
}
.info-item i[data-v-c5cb1a72] {
  margin-right: 4px;
  width: 14px;
  color: #909399;
}
.supervisor-info[data-v-c5cb1a72] {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dashed #EBEEF5;
}
.dialog-footer[data-v-c5cb1a72] {
  text-align: right;
  margin-top: 20px;
}

/* 自定义滚动条样式 */
.user-cards[data-v-c5cb1a72]::-webkit-scrollbar {
  width: 6px;
}
.user-cards[data-v-c5cb1a72]::-webkit-scrollbar-thumb {
  background: #C0C4CC;
  border-radius: 3px;
}
.user-cards[data-v-c5cb1a72]::-webkit-scrollbar-track {
  background: #F5F7FA;
}
.pagination-container[data-v-c5cb1a72] {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 0;
}

/* 确保弹窗在大屏幕下也能正常显示 */
[data-v-c5cb1a72] .el-dialog {
  margin-top: 5vh !important;
}
[data-v-c5cb1a72] .el-dialog__body {
  padding: 10px;
}
[data-v-c5cb1a72] .el-pagination {
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 1200px) {
.card-container[data-v-c5cb1a72] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 768px) {
.card-container[data-v-c5cb1a72] {
    grid-template-columns: 1fr;
}
}
.pay-channel-admin[data-v-5a50cfef] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pay-channel-admin .tenant-list[data-v-5a50cfef] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.pay-channel-admin .tenant-list[data-v-5a50cfef] .basic-container__card,
.pay-channel-admin .tenant-list[data-v-5a50cfef] .el-card__body,
.pay-channel-admin .tenant-list .el-scrollbar[data-v-5a50cfef] {
  height: 100%;
}
.pay-channel-admin .pay-channel-list[data-v-5a50cfef] {
  width: calc(100% - 350px);
  height: 100%;
}
.user-course-info-grant-dialog .el-tag-course-spec + .el-tag-course-spec[data-v-274ce8fe] {
  margin-left: 10px;
}
.user-pack-info-grant-dialog .el-tag-pack-spec + .el-tag-pack-spec[data-v-4b46db7a] {
  margin-left: 10px;
}
.exam-user-subject-grant-dialog .el-tag-subject-spec + .el-tag-subject-spec[data-v-0286174b] {
  margin-left: 10px;
}
.course-section-dialog-form-add-video[data-v-4004006a] .el-dialog__body {
  margin-bottom: 0;
}
.course-section-video-dialog-form-edit[data-v-6c42b411] .el-dialog__body {
  margin-bottom: 0;
}
.video-upload .el-upload[data-v-6c42b411] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-upload .avue-upload__avatar[data-v-6c42b411] {
  width: 100% !important;
  height: 100% !important;
}
.video-upload .el-upload-list__item-actions[data-v-6c42b411] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.video-upload .el-upload-list__item-actions[data-v-6c42b411]:hover {
  opacity: 0.8;
  border-radius: 3px;
}
.video-upload .el-upload-list__item-actions:hover i[data-v-6c42b411] {
  color: #fff;
  font-size: 20px;
  display: block !important;
  cursor: pointer;
  margin: 0 8px;
}
.course-section-dialog-form-add-audio[data-v-52374c45] .el-dialog__body {
  margin-bottom: 0;
}
.course-section-audio-dialog-form-edit[data-v-bf0e38d4] .el-dialog__body {
  margin-bottom: 0;
}
[data-v-bf0e38d4] .audio-upload .el-upload {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-v-bf0e38d4] .audio-upload .avue-upload__avatar {
  width: 100% !important;
  height: 100% !important;
}
[data-v-bf0e38d4] .audio-upload .el-upload-list__item-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
[data-v-bf0e38d4] .audio-upload .el-upload-list__item-actions:hover {
  opacity: 0.8;
  border-radius: 3px;
}
[data-v-bf0e38d4] .audio-upload .el-upload-list__item-actions:hover i {
  color: #fff;
  font-size: 20px;
  display: block !important;
  cursor: pointer;
  margin: 0 8px;
}
.course-section-dialog-form-doc[data-v-27ae4093] .el-dialog__body {
  margin-bottom: 0;
}
.course-section-dialog-form-attach[data-v-02ac4472] .el-dialog__body {
  margin-bottom: 0;
}
[data-v-02ac4472] .el-upload-list__item-name {
  text-align: left;
}
[data-v-48a2210f] .el-upload-list__item-name {
  text-align: left;
}
.course-section-dialog-form-live[data-v-8ee5194e] .el-dialog__body {
  margin-bottom: 0;
}
.live-info-radio[data-v-8ee5194e] .el-radio__label {
  padding-left: 0;
}
.question-option .w-e-text-container, .question-explain .w-e-text-container {
  height: 200px !important;
}
.course-teacher-add .el-dialog__body {
  margin-bottom: 0 !important;
}
.course-info .el-tag-course-spec + .el-tag-course-spec[data-v-28550ed7] {
  margin-left: 10px;
}
.user-course-info-grant-dialog .el-tag-course-spec + .el-tag-course-spec[data-v-9fce522e] {
  margin-left: 10px;
}
.user-pack-info-grant-dialog .el-tag-pack-spec + .el-tag-pack-spec[data-v-2975352b] {
  margin-left: 10px;
}

/* 可以在这里添加自定义样式 */

.question-option .w-e-text-container, .question-explain .w-e-text-container {
  height: 200px !important;
}
.question-option .w-e-text-container, .question-explain .w-e-text-container {
  height: 200px !important;
}
.exam-user-subject-grant-dialog .el-tag-subject-spec + .el-tag-subject-spec[data-v-255ccf9a] {
  margin-left: 10px;
}
.banner-info-admin[data-v-ebe3bc80] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.banner-info-admin .tenant-list[data-v-ebe3bc80] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.banner-info-admin .tenant-list[data-v-ebe3bc80] .basic-container__card,
.banner-info-admin .tenant-list[data-v-ebe3bc80] .el-card__body,
.banner-info-admin .tenant-list .el-scrollbar[data-v-ebe3bc80] {
  height: 100%;
}
.banner-info-admin .banner-list[data-v-ebe3bc80] {
  width: calc(100% - 350px);
  height: 100%;
}
.cdk-item-add-course-dialog .el-tag-course-spec + .el-tag-course-spec[data-v-34192973] {
  margin-left: 10px;
}
.cdk-item-add-pack-dialog .el-tag-pack-spec + .el-tag-pack-spec[data-v-91de5e16] {
  margin-left: 10px;
}
.cdk-item-add-subject-dialog .el-tag-subject-spec + .el-tag-subject-spec[data-v-95203ac0] {
  margin-left: 10px;
}
.industry-guide-from-add[data-v-488735a4] .el-dialog__body {
  margin-bottom: 0;
}
.video-upload .el-upload[data-v-488735a4] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-upload .avue-upload__avatar[data-v-488735a4] {
  width: 100% !important;
  height: 100% !important;
}
.video-upload .el-upload-list__item-actions[data-v-488735a4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.video-upload .el-upload-list__item-actions[data-v-488735a4]:hover {
  opacity: 0.8;
  border-radius: 3px;
}
.video-upload .el-upload-list__item-actions:hover i[data-v-488735a4] {
  color: #fff;
  font-size: 20px;
  display: block !important;
  cursor: pointer;
  margin: 0 8px;
}
.course-section-video-dialog-form-edit[data-v-5506a52a] .el-dialog__body {
  margin-bottom: 0;
}
.video-upload .el-upload[data-v-5506a52a] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-upload .avue-upload__avatar[data-v-5506a52a] {
  width: 100% !important;
  height: 100% !important;
}
.video-upload .el-upload-list__item-actions[data-v-5506a52a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.video-upload .el-upload-list__item-actions[data-v-5506a52a]:hover {
  opacity: 0.8;
  border-radius: 3px;
}
.video-upload .el-upload-list__item-actions:hover i[data-v-5506a52a] {
  color: #fff;
  font-size: 20px;
  display: block !important;
  cursor: pointer;
  margin: 0 8px;
}
.industry-intro .el-dialog__body {
  margin-bottom: 0 !important;
}
.el-col[data-v-6be2de2a] {
  margin: 10px 0;
}
.config-item[data-v-6be2de2a] {
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid #DCDFE6;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.config-item .body[data-v-6be2de2a] {
  padding: 40px;
}
.config-item .body .icon[data-v-6be2de2a] {
  font-size: 40px;
}
.config-item .body .title[data-v-6be2de2a] {
  margin: 20px 0 0 0;
  font-size: 18px;
  font-weight: bold;
  color: #313135;
}
.config-item .body .summary[data-v-6be2de2a] {
  margin: 20px 0 0 0;
  font-size: 14px;
  color: #606266;
  text-align: center;
}
.config-item .foot[data-v-6be2de2a] {
  margin-top: auto;
  padding: 15px 0;
  display: block;
  width: 100%;
  border-radius: 0;
}
.video-upload .el-upload {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.video-upload .avue-upload__avatar {
  width: 100% !important;
  height: 100% !important;
}
.video-upload .el-upload-list__item-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.video-upload .el-upload-list__item-actions:hover {
  opacity: 0.8;
  border-radius: 3px;
}
.video-upload .el-upload-list__item-actions:hover i {
  color: #fff;
  font-size: 20px;
  display: block !important;
  cursor: pointer;
  margin: 0 8px;
}
.qrcode[data-v-c1984382] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.center-title .el-dialog__title[data-v-c1984382] {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
[data-v-673ac209] .online-badge {
  display: inline-block;
  padding: 4px 10px;
  background-color: #67C23A;
  color: white;
  border-radius: 12px;
  font-size: 12px;
}
[data-v-673ac209] .offline-badge {
  display: inline-block;
  padding: 4px 10px;
  background-color: #F56C6C;
  color: white;
  border-radius: 12px;
  font-size: 12px;
}

.live-room-monitor[data-v-18d30833] {
  min-height: 100vh;
  background: #f4f6fb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 40px 0;
}
.monitor-content[data-v-18d30833] {
  width: 100%;
  max-width: 1100px;
}
.el-row[data-v-18d30833] {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media (max-width: 900px) {
.monitor-content[data-v-18d30833] {
    max-width: 100%;
    padding: 0 8px;
}
.el-col[data-v-18d30833] {
    width: 100% !important;
    display: block;
}
}
.monitor-card[data-v-18d30833] {
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 16px 0 rgba(0,0,0,0.06);
          box-shadow: 0 2px 16px 0 rgba(0,0,0,0.06);
  border: none;
  padding: 0 0 16px 0;
  margin-bottom: 24px;
  width: 100%;
}
.card-header[data-v-18d30833] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 20px 10px 20px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 8px;
}
.card-title[data-v-18d30833] {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
}
.card-title.online[data-v-18d30833] {
  color: #13ce66;
}
.card-title.offline[data-v-18d30833] {
  color: #909399;
}
.user-table[data-v-18d30833] {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.avatar-shadow[data-v-18d30833] {
  -webkit-box-shadow: 0 2px 8px 0 rgba(44,62,80,0.12);
          box-shadow: 0 2px 8px 0 rgba(44,62,80,0.12);
  border: 2px solid #fff;
}
[data-v-18d30833] .el-table th {
  background: #f5f7fa !important;
  color: #333;
  font-weight: bold;
}
[data-v-18d30833] .el-table td {
  background: #fff !important;
}


.video-selector-dialog[data-v-37a3125f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.search-bar[data-v-37a3125f] {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.video-list[data-v-37a3125f] {
  min-height: 400px;
}
.video-grid[data-v-37a3125f] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 1200px) {
.video-grid[data-v-37a3125f] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.video-grid[data-v-37a3125f] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.video-grid[data-v-37a3125f] {
    grid-template-columns: 1fr;
}
}
.video-item[data-v-37a3125f] {
  border: 1px solid #ebeef5;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  background-color: #fff;
}
.video-item[data-v-37a3125f]:hover {
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
.video-item-selected[data-v-37a3125f] {
  border: 2px solid #409EFF;
  -webkit-box-shadow: 0 2px 12px 0 rgba(64, 158, 255, 0.2);
          box-shadow: 0 2px 12px 0 rgba(64, 158, 255, 0.2);
}
.video-cover[data-v-37a3125f] {
  position: relative;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 宽高比 */
  overflow: hidden;
}
.video-cover img[data-v-37a3125f] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-duration[data-v-37a3125f] {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 2px 5px;
  border-radius: 2px;
  font-size: 12px;
}
.video-title[data-v-37a3125f] {
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-info[data-v-37a3125f] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px 10px;
  font-size: 12px;
  color: #909399;
}
.pagination-container[data-v-37a3125f] {
  margin-top: 20px;
  text-align: center;
}

.user-info-admin[data-v-68f44a7e] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-info-admin .tenant-list[data-v-68f44a7e] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.user-info-admin .tenant-list[data-v-68f44a7e] .basic-container__card,
.user-info-admin .tenant-list[data-v-68f44a7e] .el-card__body,
.user-info-admin .tenant-list .el-scrollbar[data-v-68f44a7e] {
  height: 100%;
}
.user-info-admin .user-list[data-v-68f44a7e] {
  width: calc(100% - 350px);
  height: 100%;
}
.order-info-admin[data-v-1033df89] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.order-info-admin .tenant-list[data-v-1033df89] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.order-info-admin .tenant-list[data-v-1033df89] .basic-container__card,
.order-info-admin .tenant-list[data-v-1033df89] .el-card__body,
.order-info-admin .tenant-list .el-scrollbar[data-v-1033df89] {
  height: 100%;
}
.order-info-admin .order-info-list[data-v-1033df89] {
  width: calc(100% - 350px);
  height: 100%;
}
.box-card {
  height: calc(100vh - 115px);
  overflow: auto;
}
.pack-item-add-course-dialog .el-tag-course-spec + .el-tag-course-spec[data-v-721d0a64] {
  margin-left: 10px;
}
.pack-item-add-subject-dialog .el-tag-course-spec + .el-tag-course-spec[data-v-37e81fcf] {
  margin-left: 10px;
}
.pack-item-dialog[data-v-1bfcb23c] .item-spec_tag {
  margin-left: 5px;
}
.pack-item-dialog[data-v-1bfcb23c] .item-spec_tag:first-of-type {
  margin-left: 0;
}
.pack-info .el-tag-pack-spec + .el-tag-pack-spec[data-v-23f60399] {
  margin-left: 10px;
}
.user-pack-info-dialog .el-tag-pack-spec + .el-tag-pack-spec[data-v-6b0c2672] {
  margin-left: 10px;
}
.platform-live[data-v-5dbd2b27] {
  padding: 20px !important;
}
.user-info-admin[data-v-73acea29] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-info-admin .tenant-list[data-v-73acea29] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.user-info-admin .tenant-list[data-v-73acea29] .basic-container__card,
.user-info-admin .tenant-list[data-v-73acea29] .el-card__body,
.user-info-admin .tenant-list .el-scrollbar[data-v-73acea29] {
  height: 100%;
}
.user-info-admin .user-list[data-v-73acea29] {
  width: calc(100% - 350px);
  height: 100%;
}
.sms-record-admin[data-v-79c7e0ea] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sms-record-admin .tenant-list[data-v-79c7e0ea] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.sms-record-admin .tenant-list[data-v-79c7e0ea] .basic-container__card,
.sms-record-admin .tenant-list[data-v-79c7e0ea] .el-card__body,
.sms-record-admin .tenant-list .el-scrollbar[data-v-79c7e0ea] {
  height: 100%;
}
.sms-record-admin .record-list[data-v-79c7e0ea] {
  width: calc(100% - 350px);
  height: 100%;
}
.blade-role-admin[data-v-3175086a] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blade-role-admin .tenant-list[data-v-3175086a] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.blade-role-admin .tenant-list[data-v-3175086a] .basic-container__card,
.blade-role-admin .tenant-list[data-v-3175086a] .el-card__body,
.blade-role-admin .tenant-list .el-scrollbar[data-v-3175086a] {
  height: 100%;
}
.blade-role-admin .role-list[data-v-3175086a] {
  width: calc(100% - 350px);
  height: 100%;
}
.blade-tenant-info[data-v-4e14ad3a] .avue-crud__img > * {
  width: 50px;
  height: 50px;
}

.none-border {
  border: 0;
  background-color: transparent !important;
}

.blade-tenant-info[data-v-73fe38a9] .avue-crud__img > * {
  width: 50px;
  height: 50px;
}
.content-preset-item-add-course-dialog .el-tag-course-spec + .el-tag-course-spec[data-v-fe595a74] {
  margin-left: 10px;
}
.content-preset-item-add-pack-dialog .el-tag-pack-spec + .el-tag-pack-spec[data-v-4cdb3308] {
  margin-left: 10px;
}
.content-preset-item-add-subject-dialog .el-tag-subject-spec + .el-tag-subject-spec[data-v-000a38a6] {
  margin-left: 10px;
}
.content-preset-item-add-subject-dialog .el-tag-subject-spec + .el-tag-subject-spec[data-v-50a93643] {
  margin-left: 10px;
}

.close-button[data-v-253a886a] {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.payment-options img[data-v-253a886a] {
  width: 100px;
  height: 100px;
  margin: 20px;
  cursor: pointer;
}
.payment-options img[data-v-253a886a]:hover {
  opacity: 0.8;
}
.mask[data-v-253a886a] {
  display: block; /* 默认隐藏蒙层 */
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明的黑色背景 */
  z-index: 999; /* 确保蒙层位于其他元素之上 */
}
.popup[data-v-253a886a] {
  width: 715px;
  height: 522px;
  display: block; /* 默认隐藏弹窗 */
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 1px solid #888;
  background-color: white;
  padding: 20px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
.pay-left[data-v-253a886a] {
  width: 59%;
  height: 469px;
  float: left;
.head[data-v-253a886a] {
    margin-left: 38px;
}
.pay-item[data-v-253a886a] {
    height: 57px;
label[data-v-253a886a], p[data-v-253a886a], button[data-v-253a886a] {
      margin-left: 55px;
      font-size: 14px;
}
.alipay-button[data-v-253a886a], .wechat-button[data-v-253a886a], .submit-button[data-v-253a886a] {
      padding: 10px 20px;
      margin: 10px;
      font-size: 16px;
      color: white;
      cursor: pointer;
      border-radius: 5px;
      border: 1px solid #888;
}
.alipay-button[data-v-253a886a] {
      background-color: #00a1e9; /* 支付宝蓝色 */
      -webkit-background-clip: text; /* 仅应用背景到文本 */
      -webkit-text-fill-color: transparent; /* 使文本透明，显示背景 */
}
.wechat-button[data-v-253a886a] {
      -webkit-background-clip: text; /* 仅应用背景到文本 */
      -webkit-text-fill-color: transparent; /* 使文本透明，显示背景 */
      background-color: #07c160; /* 微信支付绿色 */
}
.submit-button[data-v-253a886a] {
      background-color: #00a1e9; /* 支付宝蓝色 */
      margin-left: 30%;
      width: 260px;
}
.alipay-button[data-v-253a886a]:hover {
      background-color: #0086c6;
}
.wechat-button[data-v-253a886a]:hover {
      background-color: #006c50;
}
.recharge-button[data-v-253a886a] {
      padding: 10px 20px;
      margin: 5px;
      font-size: 16px;
      color: white;
      border: none;
      cursor: pointer;
      border-radius: 5px;
      margin-right: 10px;
}
.recharge-button[data-v-253a886a]:nth-child(odd) {
      border: 1px solid #0c0c0c;
      background-color: #5b5b5b;
      -webkit-background-clip: text; /* 仅应用背景到文本 */
      -webkit-text-fill-color: transparent; /* 使文本透明，显示背景 */
}
.recharge-button[data-v-253a886a]:nth-child(even) {
      border: 1px solid #0c0c0c;
      background-color: #5b5b5b;
      -webkit-background-clip: text; /* 仅应用背景到文本 */
      -webkit-text-fill-color: transparent; /* 使文本透明，显示背景 */
}
.recharge-button[data-v-253a886a]:hover {
      opacity: 0.8;
}
}
}
.pay-right[data-v-253a886a] {
  float: right;
  width: 40%;
  height: 469px;
  text-align: center;
  padding-top: 114px;
}
.tip[data-v-253a886a] {
  color: red;
}





@charset "UTF-8";
.tenant-balance-record[data-v-14fc5116] .avue-crud__img > * {
  width: 23px;
  height: 23px;
}

/* 定义用于显示当前余额的类 */
.balance-display[data-v-14fc5116] {
  font-family: "Helvetica Neue", Arial, sans-serif; /* 设置字体族 */
  font-size: 16px; /* 设置字体大小 */
  color: #333; /* 设置字体颜色为深灰色 */
  font-weight: normal; /* 设置字体粗细为正常 */
  line-height: 1.4; /* 设置行高，增加可读性 */
  letter-spacing: 0.5px; /* 设置字母间距 */
  margin-left: 15px;
}

/* 用于突出显示余额增加的样式 */
.balance-increase[data-v-14fc5116] {
  color: #4CAF50; /* 使用绿色表示余额增加 */
}

/* 用于突出显示余额减少的样式 */
.balance-decrease[data-v-14fc5116] {
  color: #f44336; /* 使用红色表示余额减少 */
}
.tenant-balance-record-admin[data-v-1332b812] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tenant-balance-record-admin .tenant-list[data-v-1332b812] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.tenant-balance-record-admin .tenant-list[data-v-1332b812] .basic-container__card,
.tenant-balance-record-admin .tenant-list[data-v-1332b812] .el-card__body,
.tenant-balance-record-admin .tenant-list .el-scrollbar[data-v-1332b812] {
  height: 100%;
}
.tenant-balance-record-admin .record-list[data-v-1332b812] {
  width: calc(100% - 350px);
  height: 100%;
}
.tenant-content-crud .tenant-logo[data-v-7b520ae9] {
  width: 23px;
  height: 23px;
}
@charset "UTF-8";
.tableScopeSwitch[data-v-7ee33dac] {
  margin-right: 5px;
}
.tableScopeSwitch[data-v-7ee33dac] .el-switch__label {
  position: absolute;
  display: none;
  color: #fff;
  font-size: 12px;
}
[data-v-7ee33dac] .el-switch.is-checked .el-switch__core::after {
  left: 100%;
  margin-left: -20px;
}

/*打开时文字位置设置*/
.tableScopeSwitch[data-v-7ee33dac] .el-switch__label--right {
  z-index: 1;
  left: 2px;
  height: 23px;
}
.tableScopeSwitch[data-v-7ee33dac] .el-switch__core:after {
  width: 20px;
  height: 20px;
}

/*关闭时文字位置设置*/
.tableScopeSwitch[data-v-7ee33dac] .el-switch__label--left {
  z-index: 1;
  right: 2px;
  height: 23px;
}

/*显示文字*/
.tableScopeSwitch[data-v-7ee33dac] .el-switch__label.is-active {
  display: block;
}
[data-v-7ee33dac].el-switch .is-checked .el-switch__core::after {
  left: 100%;
}
.tableScopeSwitch[data-v-7ee33dac] .el-switch__core,[data-v-7ee33dac] .el-switch {
  width: 65px !important;
  height: 25px;
  line-height: 25px;
  border-radius: 13px;
}
@charset "UTF-8";
.template-edit-wrap[data-v-e3217bc0] {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
  /* 选择分类弹窗 */
  /* 选择老师弹窗 */
}
.template-edit-wrap .test-area[data-v-e3217bc0] {
  width: 200px;
  height: 200px;
  margin: 10px;
  background: red;
  float: left;
}
.template-edit-wrap .el-col[data-v-e3217bc0] {
  margin-bottom: 0 !important;
}
.template-edit-wrap .template-edit-top-bar[data-v-e3217bc0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0px 20px;
  height: 70px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.template-edit-wrap .template-edit-top-bar .template-edit-page-title[data-v-e3217bc0] {
  margin: 0;
  font-size: 28px;
}
.template-edit-wrap .template-edit-main-box[data-v-e3217bc0] {
  height: calc(100vh - 70px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left[data-v-e3217bc0] {
  border-right: 1px solid #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: calc(100vh - 70px);
  width: 200px;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-title[data-v-e3217bc0] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  padding: 20px 20px 10px;
  margin: 0;
  color: #fff;
  background-color: #409EFF;
  height: 65px;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box[data-v-e3217bc0] {
  padding-top: 20px;
  height: calc(100% - 85px);
  overflow-y: scroll;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box .template-edit-side-left-template-menu[data-v-e3217bc0] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  overflow: hidden;
  max-height: 40px;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box .template-edit-side-left-template-menu .template-edit-side-left-template-menu-title[data-v-e3217bc0] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  padding: 10px 20px 10px;
  margin: 0 0 10px;
  border-bottom: 1px #eee solid;
  cursor: pointer;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box .template-edit-side-left-template-menu .template-edit-side-left-template-menu-title .arrow-icon[data-v-e3217bc0] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box .template-edit-side-left-template-menu .template-edit-side-left-template-menu-title[data-v-e3217bc0]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  background-color: #9bcbff;
  color: #fff;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box .template-edit-side-left-template-menu .template-edit-side-left-template-menu-content[data-v-e3217bc0] {
  position: relative;
  cursor: pointer;
  padding: 10px 10px;
  margin: 0 20px 10px;
  border-radius: 5px;
  background-color: #fafafa;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box .template-edit-side-left-template-menu .template-edit-side-left-template-menu-content .template-edit-side-left-template-menu-content-title[data-v-e3217bc0] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
  color: #818181;
  margin: 0;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box .template-edit-side-left-template-menu .template-edit-side-left-template-menu-content .template-edit-side-left-template-menu-content-img[data-v-e3217bc0] {
  width: 100%;
  height: auto;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box .template-edit-side-left-template-menu .template-edit-side-left-template-menu-content .template-edit-side-left-template-menu-content-view[data-v-e3217bc0] {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  color: #fff;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.3);
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box .template-edit-side-left-template-menu .template-edit-side-left-template-menu-content[data-v-e3217bc0]:hover {
  padding: 10px 10px;
  margin: 0 20px 10px;
  border-radius: 5px;
  background-color: #fafafa;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box .template-edit-side-left-template-menu .template-edit-side-left-template-menu-content:hover .template-edit-side-left-template-menu-content-view[data-v-e3217bc0] {
  display: block;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box .template-edit-side-left-template-menu-active[data-v-e3217bc0] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  max-height: 9999px;
  overflow: hidden;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box .template-edit-side-left-template-menu-active .template-edit-side-left-template-menu-title .arrow-icon[data-v-e3217bc0] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box[data-v-e3217bc0]::-webkit-scrollbar {
  width: 2px;
  margin-right: 2px;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-left .template-edit-side-left-template-box[data-v-e3217bc0]::-webkit-scrollbar-thumb {
  background: #eee;
  opacity: 0.7;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center[data-v-e3217bc0] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px;
  width: calc(100% - 200px);
  height: 100%;
  overflow-y: scroll;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-init-area[data-v-e3217bc0] {
  border: 1px dotted #409EFF;
  border-radius: 10px;
  padding: 20px;
  margin: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-init-area .template-edit-main-init-area-btn[data-v-e3217bc0] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-init-area .template-edit-main-init-area-btn .template-edit-main-init-area-btn-icon[data-v-e3217bc0] {
  cursor: pointer;
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-init-area .template-edit-main-init-area-btn .template-edit-main-init-area-btn-text[data-v-e3217bc0] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-init-area .template-edit-main-init-area-btn[data-v-e3217bc0]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area[data-v-e3217bc0] {
  padding-bottom: 5px;
  /* 分类 */
  /* 初始布局占位 */
  /* 内部大模块 */
  /* 内部中模块 */
  /* 内部2*2模块 */
  /* 超大模块 */
  /* 通栏广告 */
  /* 文本编辑框 */
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .industry-page-box:hover .tools-box[data-v-e3217bc0] {
  display: block;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .industry-page-box[data-v-e3217bc0] {
  border: 1px dotted #409EFF;
  height: 50px;
  padding: 0 5px 20px;
  margin-bottom: 5px;
  position: relative;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .tools-box[data-v-e3217bc0] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: none;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .tools-box .tools-btn[data-v-e3217bc0] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 20px;
  background-color: #222;
  color: #fff;
  padding: 5px;
  margin-left: 10px;
  cursor: pointer;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .tools-box .tools-btn[data-v-e3217bc0]:hover {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  opacity: 0.8;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .industry-title-box[data-v-e3217bc0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 28px;
  overflow: hidden;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .industry-title-box .industry-title-icon[data-v-e3217bc0] {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .industry-title-box .industry-title[data-v-e3217bc0] {
  color: #191919;
  font-size: 1.25rem;
  line-height: 28px;
  font-weight: bold;
  margin: 0 20px 0 0;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .industry-title-box .industry-title-link-tag[data-v-e3217bc0] {
  color: #555;
  font-size: 16px;
  line-height: 28px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .industry-title-box .industry-divider[data-v-e3217bc0] {
  background-color: #EEE;
  margin: 0 20px !important;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-layout-wrap[data-v-e3217bc0] {
  position: relative;
  border: 1px dotted #409EFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 0;
  margin: 0 !important;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-layout-wrap .tools-box[data-v-e3217bc0] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: none;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-layout-wrap .tools-box .tools-btn[data-v-e3217bc0] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 20px;
  background-color: #222;
  color: #fff;
  padding: 5px;
  margin-left: 10px;
  cursor: pointer;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-layout-wrap .tools-box .tools-btn[data-v-e3217bc0]:hover {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  opacity: 0.8;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-layout-wrap:hover .tools-box[data-v-e3217bc0] {
  display: block;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area:hover .tools-box[data-v-e3217bc0] {
  display: block;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area[data-v-e3217bc0] {
  border: 1px dotted #409EFF;
  padding: 20px;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area .tools-box[data-v-e3217bc0] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: none;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area .tools-box .tools-btn[data-v-e3217bc0] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 20px;
  background-color: #222;
  color: #fff;
  padding: 5px;
  margin-left: 10px;
  cursor: pointer;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area .tools-box .tools-btn[data-v-e3217bc0]:hover {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  opacity: 0.8;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area .modules-initcategory-main-init-area-btn[data-v-e3217bc0] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area .modules-initcategory-main-init-area-btn .modules-initcategory-main-init-area-btn-icon[data-v-e3217bc0] {
  cursor: pointer;
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area .modules-initcategory-main-init-area-btn .modules-initcategory-main-init-area-btn-text[data-v-e3217bc0] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area .modules-initcategory-main-init-area-btn[data-v-e3217bc0]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-l-components-area[data-v-e3217bc0] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dotted #409EFF;
  border-radius: 10px;
  height: 360px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-l-components-area .init-l-components-area-btn[data-v-e3217bc0] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
  cursor: pointer;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-l-components-area .init-l-components-area-btn .init-l-components-area-btn-icon[data-v-e3217bc0] {
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-l-components-area .init-l-components-area-btn .init-l-components-area-btn-text[data-v-e3217bc0] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-l-components-area .init-l-components-area-btn[data-v-e3217bc0]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-s-components-area[data-v-e3217bc0] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dotted #409EFF;
  border-radius: 10px;
  height: 254px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-s-components-area .init-s-components-area-btn[data-v-e3217bc0] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
  cursor: pointer;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-s-components-area .init-s-components-area-btn .init-s-components-area-btn-icon[data-v-e3217bc0] {
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-s-components-area .init-s-components-area-btn .init-s-components-area-btn-text[data-v-e3217bc0] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-s-components-area .init-s-components-area-btn[data-v-e3217bc0]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xs-components-area[data-v-e3217bc0] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dotted #409EFF;
  border-radius: 10px;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xs-components-area .init-xs-components-area-btn[data-v-e3217bc0] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
  cursor: pointer;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xs-components-area .init-xs-components-area-btn .init-xs-components-area-btn-icon[data-v-e3217bc0] {
  padding: 10px;
  background: #409EFF;
  font-size: 20px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xs-components-area .init-xs-components-area-btn .init-xs-components-area-btn-text[data-v-e3217bc0] {
  font-size: 14px;
  color: #409EFF;
  margin: 5px 0 0;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xs-components-area .init-xs-components-area-btn[data-v-e3217bc0]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xl-components-area[data-v-e3217bc0] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dotted #409EFF;
  border-radius: 10px;
  height: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xl-components-area .init-xl-components-area-btn[data-v-e3217bc0] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
  cursor: pointer;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xl-components-area .init-xl-components-area-btn .init-xl-components-area-btn-icon[data-v-e3217bc0] {
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xl-components-area .init-xl-components-area-btn .init-xl-components-area-btn-text[data-v-e3217bc0] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xl-components-area .init-xl-components-area-btn[data-v-e3217bc0]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xxl-components-area[data-v-e3217bc0] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dotted #409EFF;
  border-radius: 10px;
  height: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xxl-components-area .init-xxl-components-area-btn[data-v-e3217bc0] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
  cursor: pointer;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xxl-components-area .init-xxl-components-area-btn .init-xxl-components-area-btn-icon[data-v-e3217bc0] {
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xxl-components-area .init-xxl-components-area-btn .init-xxl-components-area-btn-text[data-v-e3217bc0] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-xxl-components-area .init-xxl-components-area-btn[data-v-e3217bc0]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-img-components-area[data-v-e3217bc0] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dotted #409EFF;
  border-radius: 10px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-img-components-area .init-img-components-area-btn[data-v-e3217bc0] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
  cursor: pointer;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-img-components-area .init-img-components-area-btn .init-img-components-area-btn-icon[data-v-e3217bc0] {
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-img-components-area .init-img-components-area-btn .init-img-components-area-btn-text[data-v-e3217bc0] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-img-components-area .init-img-components-area-btn[data-v-e3217bc0]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-text-components-area[data-v-e3217bc0] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dotted #409EFF;
  border-radius: 10px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-text-components-area .init-text-components-area-btn[data-v-e3217bc0] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
  cursor: pointer;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-text-components-area .init-text-components-area-btn .init-text-components-area-btn-icon[data-v-e3217bc0] {
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-text-components-area .init-text-components-area-btn .init-text-components-area-btn-text[data-v-e3217bc0] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center .template-edit-main-center-control-area .init-text-components-area .init-text-components-area-btn[data-v-e3217bc0]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center[data-v-e3217bc0]::-webkit-scrollbar {
  width: 2px;
  margin-right: 2px;
}
.template-edit-wrap .template-edit-main-box .template-edit-main-center[data-v-e3217bc0]::-webkit-scrollbar-thumb {
  background: #eee;
  opacity: 0.7;
}
.template-edit-wrap .template-edit-main-box .template-edit-side-right[data-v-e3217bc0] {
  border-left: 1px solid #eee;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: calc(100vh - 70px);
  width: 200px;
  background: skyblue;
}
.template-edit-wrap .dialog-category-list[data-v-e3217bc0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.template-edit-wrap .dialog-category-list .dialog-category-li[data-v-e3217bc0] {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  width: 200px;
  height: 140px;
  margin: 10px;
  background: #FAFAFA;
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
}
.template-edit-wrap .dialog-category-list .dialog-category-li .dialog-category-li-select[data-v-e3217bc0] {
  width: 25px;
  height: 18px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.template-edit-wrap .dialog-category-list .dialog-category-li .dialog-category-li-title[data-v-e3217bc0] {
  font-size: 14px;
  color: #191919;
  margin: 0 0 10px 0;
}
.template-edit-wrap .dialog-category-list .dialog-category-li .dialog-category-li-img-box[data-v-e3217bc0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .dialog-category-list .dialog-category-li .dialog-category-li-img-box .dialog-category-li-img[data-v-e3217bc0] {
  width: 100%;
  height: auto;
}
.template-edit-wrap .dialog-category-list .dialog-category-li[data-v-e3217bc0]:hover {
  border: 3px solid #409EFF;
  background-color: #ddeeff;
}
.template-edit-wrap .dialog-category-list .dialog-category-li-active[data-v-e3217bc0] {
  border: 3px solid #409EFF;
  background-color: #ddeeff;
}
.template-edit-wrap .isselect-teacher-box .isselect-teacher-title[data-v-e3217bc0] {
  font-size: 14px;
  color: #222;
  font-weight: bold;
}
.template-edit-wrap .isselect-teacher-box .isselect-teacher-list[data-v-e3217bc0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.template-edit-wrap .isselect-teacher-box .isselect-teacher-list .isselect-teacher-li:hover .isselect-teacher-li-delete-icon[data-v-e3217bc0] {
  opacity: 1;
}
.template-edit-wrap .isselect-teacher-box .isselect-teacher-list .isselect-teacher-li[data-v-e3217bc0] {
  width: 50px;
  margin-right: 5px;
  margin-bottom: 8px;
  list-style: none;
  position: relative;
}
.template-edit-wrap .isselect-teacher-box .isselect-teacher-list .isselect-teacher-li .isselect-teacher-li-delete-icon[data-v-e3217bc0] {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: #409EFF;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .isselect-teacher-box .isselect-teacher-list .isselect-teacher-li .isselect-teacher-img[data-v-e3217bc0] {
  width: 50px;
  height: 50px;
}
.template-edit-wrap .isselect-teacher-box .isselect-teacher-list .isselect-teacher-li .isselect-teacher-name[data-v-e3217bc0] {
  font-size: 14px;
  text-align: center;
  color: #555;
  margin: 0;
}
.template-edit-wrap .dialog-teacher-list[data-v-e3217bc0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 400px;
  overflow-y: scroll;
}
.template-edit-wrap .dialog-teacher-list .dialog-teacher-li[data-v-e3217bc0] {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  width: 80px;
  height: 120px;
  margin: 10px;
  background: #FAFAFA;
  border-radius: 5px;
  cursor: pointer;
  overflow: hidden;
}
.template-edit-wrap .dialog-teacher-list .dialog-teacher-li .dialog-teacher-li-select[data-v-e3217bc0] {
  width: 25px;
  height: 18px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.template-edit-wrap .dialog-teacher-list .dialog-teacher-li .dialog-teacher-li-title[data-v-e3217bc0] {
  font-size: 14px;
  color: #191919;
  margin: 0 0 10px 0;
}
.template-edit-wrap .dialog-teacher-list .dialog-teacher-li .dialog-teacher-li-img-box[data-v-e3217bc0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .dialog-teacher-list .dialog-teacher-li .dialog-teacher-li-img-box .dialog-teacher-li-img[data-v-e3217bc0] {
  width: 100%;
  height: auto;
}
.template-edit-wrap .dialog-teacher-list .dialog-teacher-li[data-v-e3217bc0]:hover {
  border: 3px solid #409EFF;
  background-color: #ddeeff;
}
.template-edit-wrap .dialog-teacher-list .dialog-teacher-li-active[data-v-e3217bc0] {
  border: 3px solid #409EFF;
  background-color: #ddeeff;
}
.template-edit-wrap .dialog-edit-box[data-v-e3217bc0] {
  height: 400px;
}
.template-edit-wrap .no-border[data-v-e3217bc0] {
  border: none !important;
  position: relative;
  min-height: 100px;
}
.template-edit-wrap .no-border .editor-tools-box[data-v-e3217bc0] {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  display: none;
}
.template-edit-wrap .no-border .editor-tools-box .tools-btn[data-v-e3217bc0] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 20px;
  background-color: #222;
  color: #fff;
  padding: 5px;
  margin-left: 10px;
  cursor: pointer;
}
.template-edit-wrap .no-border .editor-tools-box .tools-btn[data-v-e3217bc0]:hover {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  opacity: 0.8;
}
.template-edit-wrap .no-border:hover .editor-tools-box[data-v-e3217bc0] {
  display: block;
}
.template-edit-wrap .demo-form-inline[data-v-e3217bc0] {
  padding: 20px;
}
.template-edit-wrap[data-v-e3217bc0] .el-drawer .el-drawer__body {
  margin-bottom: 100px !important;
}
.template-edit-wrap[data-v-e3217bc0] .el-drawer .drawer-btn-box {
  position: absolute;
  bottom: 50px;
  right: 20px;
}
@media screen and (min-width: 1200px) {
.template-edit-wrap .l-area-box[data-v-e3217bc0] {
    width: 37.5%;
}
.template-edit-wrap .m-area-box[data-v-e3217bc0] {
    width: 25%;
}
.template-edit-wrap .m-have-inner-area-box[data-v-e3217bc0] {
    width: 25%;
}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.template-edit-wrap .l-area-box[data-v-e3217bc0] {
    width: 50%;
}
.template-edit-wrap .m-area-box[data-v-e3217bc0] {
    width: 50%;
}
.template-edit-wrap .m-have-inner-area-box[data-v-e3217bc0] {
    width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
.template-edit-wrap .l-area-box[data-v-e3217bc0] {
    width: 100%;
}
.template-edit-wrap .m-area-box[data-v-e3217bc0] {
    width: 100%;
}
}
@media screen and (max-width: 768px) {
.template-edit-wrap .l-area-box[data-v-e3217bc0] {
    width: 100%;
}
}
@charset "UTF-8";
ul[data-v-0305f5d1] {
  padding: 0;
  margin: 0;
}
li[data-v-0305f5d1] {
  list-style: none !important;
}
p[data-v-0305f5d1], h1[data-v-0305f5d1], h2[data-v-0305f5d1], h3[data-v-0305f5d1], h4[data-v-0305f5d1], h5[data-v-0305f5d1] {
  margin: 0;
}
.no-border[data-v-0305f5d1] {
  border: none;
}
.template-edit-wrap[data-v-0305f5d1] {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 99;
}
.template-edit-wrap .el-col[data-v-0305f5d1] {
  margin-bottom: 0 !important;
}
.template-edit-wrap .template-edit-top-bar[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0px 20px;
  height: 70px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #eee;
}
.template-edit-wrap .template-edit-top-bar .template-edit-page-title[data-v-0305f5d1] {
  margin: 0;
  font-size: 28px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap[data-v-0305f5d1] {
  position: relative;
  height: calc(100vh - 160px);
  overflow-y: scroll;
  overflow-x: hidden;
  padding-top: 90px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap[data-v-0305f5d1] {
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  background: #fff;
  height: 90px;
  width: 100%;
  z-index: 90;
  overflow: hidden;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar[data-v-0305f5d1] {
  max-width: 1536px;
  margin: 0 auto;
  height: 90px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-logo-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-logo-box .top-bar-logo-img[data-v-0305f5d1] {
  height: 45px;
  width: auto;
  margin-right: 10px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-logo-box .top-bar-web-title[data-v-0305f5d1] {
  font-size: 24px;
  font-weight: bold;
  color: #191919;
  margin: 0 24px 0 0;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-logo-box .top-bar-nav-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-logo-box .top-bar-nav-box .top-bar-nav-btn[data-v-0305f5d1] {
  font-size: 16px;
  color: #191919;
  display: inline-block;
  margin: 16px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-logo-box .top-bar-nav-box .top-bar-nav-btn[data-v-0305f5d1]:hover {
  font-weight: bold;
  color: #D01C1F;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-search-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-search-box .top-bar-active-img[data-v-0305f5d1] {
  width: 98px;
  height: 34px;
  margin-right: 30px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-search-box .top-bar-search-input[data-v-0305f5d1] {
  height: 40px;
  background-color: #EEEEEE;
  color: #A9ADB0;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 19px;
  width: 178px;
  border-radius: 20px 0 0 20px;
  overflow: hidden;
  border: none;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-search-box .top-bar-search-btn[data-v-0305f5d1] {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: none;
  width: 82px;
  height: 40px;
  border-radius: 0 20px 20px 0;
  background-color: #D01C1F;
  color: #fff;
  font-size: 14px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-search-box .top-bar-search-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0.8;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-avatar-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-avatar-box .top-bar-my-learn[data-v-0305f5d1] {
  height: 19px;
  width: 112px;
  margin-right: 22px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-avatar-box .top-bar-avatar[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #eee;
  padding: 2px;
  overflow: hidden;
  margin-right: 3px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .header-top-bar-wrap .header-top-bar .top-bar-avatar-box .top-bar-user-name[data-v-0305f5d1] {
  font-size: 16px;
  color: #191919;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAAXNSR0IArs4c6QAAADpJREFUGFdj3Lx9fz0Dw/8GBryAsYERJI9fMWODr6djI1ghbsUQRSB5uEJMxQhFGAoRihkYYCbBbAQAOjcariGqBgEAAAAASUVORK5CYII=) center right no-repeat;
  background-size: 10px 5px;
  padding-right: 16px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap[data-v-0305f5d1] {
  position: relative;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap[data-v-0305f5d1] .el-carousel__indicators {
  z-index: 50 !important;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-nav-wrap[data-v-0305f5d1] {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 1536px;
  height: 420px;
  z-index: 10;
  overflow: hidden;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-nav-wrap .banner-nav-box[data-v-0305f5d1] {
  position: relative;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-nav-wrap .banner-nav-box .banner-nav-total-title[data-v-0305f5d1] {
  height: 56px;
  width: 180px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FDC36E), to(#BC7606));
  background: linear-gradient(180deg, #FDC36E 0%, #BC7606 100%);
  text-align: center;
  line-height: 56px;
  color: #fff;
  font-size: 14px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-nav-wrap .banner-nav-box .banner-first-nav-box[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 364px;
  width: 180px;
  background-color: rgba(255, 255, 255, 0.9);
  overflow-y: scroll;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-nav-wrap .banner-nav-box .banner-first-nav-box .banner-first-nav-list[data-v-0305f5d1] {
  position: relative;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-nav-wrap .banner-nav-box .banner-first-nav-box .banner-first-nav-list .banner-first-nav-li[data-v-0305f5d1] {
  padding: 0 9px 0 16px;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  color: #191919;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAAXNSR0IArs4c6QAAAHNJREFUGFdj3LR93+kf/777hnl7v2CAAsbN2/f9Z/jP8IKBicHD18PpIkgcIsjAwPCfgeELMyNDjLeH00a4IEzrfwbGDHTBGwx/fgciCx5g+MMY6uvr+AYqyDjnLAdDZoOj4x+wRVu370/39nScCTMTRAMATIgy38aN7qEAAAAASUVORK5CYII=) 159px center no-repeat;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-nav-wrap .banner-nav-box .banner-first-nav-box .banner-first-nav-list .banner-first-nav-li[data-v-0305f5d1]::before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAj5JREFUOE+VU09IFFEY/31vBlpIagxm3ozuatDFo5kHoUtSkLcuUh08eNMIwYNSgaGSUKBQIJHe9tChokPdDAy9BB1Mt5uXDunq7MxATmG0wdv3xZM1bFsL3+37+z5+fwiHPCnlNSKaMmVmHoui6Hm9VqpNSikvCiFmALTX1Apa65Eoit4ezP9eEATBOWaeIaILh11VvWZZaz0cx/FHE5Prur5lWbNE1PuvwdoaM7+sVCpD5Pv+LSJ6cJTh/V5mvk0TUnbNEQ0QUf9RljBzfpB5ngrZ1p2d4ufgquu2WZb18H8YAFhUSo2+SJL1xmxrSIXm1jUwL+xsb0x2A2XXdXts275fjwWl1J0kSRaWgExjU8s4iHpozfdPk33sCRht0HqwPdx8A8D2fb+PiO5Vkb9bKpWeAlCFIHcZQsyBsM7q5w3yPO98HMfvVpty1wXRNAPvifRwe7G4dRCTQjbbzCweEdClmUc7tjefmVkKguCHUspNkmR3zXEccfzEOBP1E3jiS3HjsVlyKttyk0ETxJzX379Nnk3T1HXdBsuyQkPjLIBLhpIoil6bgdUg1ymEMPlM9Yqy1nqoI9xcMbGU8kqV+sU9Jfq+b9Q3DWCXiEbCMPywBNgnm3K9IFJftzZedQNqX60AGgCMlkql5T+84HlenxBiHMCK1nosjuNP5gPP884IIYyxOrXWk3EcG0D33l9mMmdLKY2wxgDkmdkmoj5mnoqiaB5Aua6ZalXoOI6TyWQGTL5cLs+naZrWU+ov0nbwkn/Mu3MAAAAASUVORK5CYII=);
  width: 16px;
  height: 15.6px;
  margin-right: 10px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-nav-wrap .banner-nav-box .banner-first-nav-box .banner-first-nav-list .banner-first-nav-li-active[data-v-0305f5d1] {
  background-color: #fff;
  color: #D01C1F;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-nav-wrap .banner-nav-box .banner-second-nav-box[data-v-0305f5d1] {
  position: absolute;
  top: 56px;
  left: 170px;
  height: 364px;
  width: 380px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border-radius: 0 6px 6px 6px;
  -webkit-box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
  padding: 25px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-nav-wrap .banner-nav-box .banner-second-nav-box .banner-second-nav-box-title[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: #191919;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-nav-wrap .banner-nav-box .banner-second-nav-box .banner-second-nav-list[data-v-0305f5d1] {
  padding-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-nav-wrap .banner-nav-box .banner-second-nav-box .banner-second-nav-list .banner-second-nav-li[data-v-0305f5d1] {
  font-size: 14px;
  color: #555;
  margin: 0 24px 16px 0;
  cursor: pointer;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-nav-wrap .banner-nav-box .banner-second-nav-box .banner-second-nav-list .banner-second-nav-li[data-v-0305f5d1]:hover {
  font-size: 14px;
  color: #D01C1F;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-nav-wrap .banner-nav-box .banner-second-nav-box .banner-second-nav-box-title[data-v-0305f5d1]::before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAj5JREFUOE+VU09IFFEY/31vBlpIagxm3ozuatDFo5kHoUtSkLcuUh08eNMIwYNSgaGSUKBQIJHe9tChokPdDAy9BB1Mt5uXDunq7MxATmG0wdv3xZM1bFsL3+37+z5+fwiHPCnlNSKaMmVmHoui6Hm9VqpNSikvCiFmALTX1Apa65Eoit4ezP9eEATBOWaeIaILh11VvWZZaz0cx/FHE5Prur5lWbNE1PuvwdoaM7+sVCpD5Pv+LSJ6cJTh/V5mvk0TUnbNEQ0QUf9RljBzfpB5ngrZ1p2d4ufgquu2WZb18H8YAFhUSo2+SJL1xmxrSIXm1jUwL+xsb0x2A2XXdXts275fjwWl1J0kSRaWgExjU8s4iHpozfdPk33sCRht0HqwPdx8A8D2fb+PiO5Vkb9bKpWeAlCFIHcZQsyBsM7q5w3yPO98HMfvVpty1wXRNAPvifRwe7G4dRCTQjbbzCweEdClmUc7tjefmVkKguCHUspNkmR3zXEccfzEOBP1E3jiS3HjsVlyKttyk0ETxJzX379Nnk3T1HXdBsuyQkPjLIBLhpIoil6bgdUg1ymEMPlM9Yqy1nqoI9xcMbGU8kqV+sU9Jfq+b9Q3DWCXiEbCMPywBNgnm3K9IFJftzZedQNqX60AGgCMlkql5T+84HlenxBiHMCK1nosjuNP5gPP884IIYyxOrXWk3EcG0D33l9mMmdLKY2wxgDkmdkmoj5mnoqiaB5Aua6ZalXoOI6TyWQGTL5cLs+naZrWU+ov0nbwkn/Mu3MAAAAASUVORK5CYII=);
  width: 16px;
  height: 15.6px;
  margin-right: 10px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .banner-wrap .banner-item[data-v-0305f5d1] {
  background: url(../img/banner-img.854c6985.png) center center no-repeat;
  height: 420px;
  width: 100vw;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap[data-v-0305f5d1] {
  width: 100%;
  max-width: 1536px;
  margin: 0 auto;
  padding: 48px 0;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap[data-v-0305f5d1] .el-col {
  margin-bottom: 20px !important;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn[data-v-0305f5d1] {
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  height: 90px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 19px 8px 0px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn .fast-btn-long-img-title[data-v-0305f5d1] {
  margin: 0;
  font-weight: bold;
  font-size: 24px;
  color: #FFFFFF;
  text-shadow: 0px 3px 6px #085DD0;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn .fast-into-btn[data-v-0305f5d1] {
  width: 70px;
  height: 20px;
  color: #933A02;
  font-size: 10px;
  border-radius: 10px;
  line-height: 20px;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#FED691), to(#FCBC50));
  background: linear-gradient(to right, #FED691 0%, #FCBC50 100%);
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn .fast-btn-title-box .fast-btn-title[data-v-0305f5d1] {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #191919;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn .fast-btn-title-box .fast-btn-arrow-icon[data-v-0305f5d1] {
  margin: 5px 0;
  width: 19px;
  height: 19px;
  display: block;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn .fast-btn-title-box .fast-btn-arrow-hover[data-v-0305f5d1] {
  margin: 5px 0;
  width: 19px;
  height: 19px;
  display: none;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn .fast-btn-icon[data-v-0305f5d1] {
  width: 52px;
  height: 52px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn:hover .fast-btn-title-box .fast-btn-title[data-v-0305f5d1] {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #D01C1F;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn:hover .fast-btn-title-box .fast-btn-arrow-icon[data-v-0305f5d1] {
  margin: 5px 0;
  width: 19px;
  height: 19px;
  display: none;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn:hover .fast-btn-title-box .fast-btn-arrow-hover[data-v-0305f5d1] {
  margin: 5px 0;
  width: 19px;
  height: 19px;
  display: block;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn-red[data-v-0305f5d1] {
  background: url(../img/home-index-fast-btn-bg-red.4a8dcd12.png) center center no-repeat;
  background-size: 100% 90px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn-blue[data-v-0305f5d1] {
  background: url(../img/home-index-fast-btn-bg-blue.22cc98f3.png) center center no-repeat;
  background-size: 100% 90px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn-orange[data-v-0305f5d1] {
  background: url(../img/home-index-fast-btn-bg-orange.da50f802.png) center center no-repeat;
  background-size: 100% 90px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn-purple[data-v-0305f5d1] {
  background: url(../img/home-index-fast-btn-bg-purple.e06beea8.png) center center no-repeat;
  background-size: 100% 90px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn-long-img[data-v-0305f5d1] {
  display: block;
  height: 90px;
  border-radius: 6px 6px 6px 6px;
  background: url(../img/fast-btn-long-img.437d91ba.png) center center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#5ACBFC), to(#1696FA));
  background: url(../img/fast-btn-long-img.437d91ba.png) center center no-repeat, linear-gradient(to bottom, #5ACBFC 0%, #1696FA 100%);
  background-size: 100% 90px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn-gray[data-v-0305f5d1] {
  cursor: pointer;
  height: 90px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 0 16px;
  background-color: #F8FAFC;
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn-gray .fast-btn-title[data-v-0305f5d1] {
  font-size: 16px;
  color: #191919;
  margin: 0;
  font-weight: 500;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn-gray .fast-btn-icon-default[data-v-0305f5d1] {
  display: block;
  margin: 0 auto;
  width: 32px;
  height: 32px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn-gray .fast-btn-icon-hover[data-v-0305f5d1] {
  display: none;
  margin: 0 auto;
  width: 32px;
  height: 32px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn-gray[data-v-0305f5d1]:hover {
  background-color: #EF4444;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn-gray:hover .fast-btn-title[data-v-0305f5d1] {
  color: #fff;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn-gray:hover .fast-btn-icon-default[data-v-0305f5d1] {
  display: none;
  margin: 0 auto;
  width: 32px;
  height: 32px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .fast-btn-wrap .fast-btn-gray:hover .fast-btn-icon-hover[data-v-0305f5d1] {
  display: block;
  margin: 0 auto;
  width: 32px;
  height: 32px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .living-wrap[data-v-0305f5d1] {
  width: 100%;
  max-width: 1536px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 0;
  max-width: 1536px;
  margin: 0 auto;
  min-height: 100px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center[data-v-0305f5d1] .el-tabs__nav-wrap::after {
  background-color: #fff;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center[data-v-0305f5d1] .el-tabs__item {
  font-size: 20px;
  color: #555555;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center[data-v-0305f5d1] .is-active {
  font-size: 24px;
  font-weight: bold;
  color: #D01C1F;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center[data-v-0305f5d1] .el-tabs__item:hover {
  font-weight: bold;
  color: #D01C1F;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center[data-v-0305f5d1] .el-tabs__active-bar {
  width: 80px;
  height: 6px;
  border-radius: 3px;
  background-color: #D01C1F;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-init-area[data-v-0305f5d1] {
  border: 1px dotted #409EFF;
  border-radius: 10px;
  padding: 20px;
  margin: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-init-area .template-edit-main-init-area-btn[data-v-0305f5d1] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-init-area .template-edit-main-init-area-btn .template-edit-main-init-area-btn-icon[data-v-0305f5d1] {
  cursor: pointer;
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-init-area .template-edit-main-init-area-btn .template-edit-main-init-area-btn-text[data-v-0305f5d1] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-init-area .template-edit-main-init-area-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area[data-v-0305f5d1] {
  padding-bottom: 5px;
  /* 分类 */
  /* 初始布局占位 */
  /* 内部大模块 */
  /* 内部中模块 */
  /* 内部2*2模块 */
  /* 超大模块 */
  /* 通栏广告 */
  /* 文本编辑框 */
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .industry-page-box:hover .tools-box[data-v-0305f5d1] {
  display: block;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .industry-page-box[data-v-0305f5d1] {
  height: 50px;
  margin-bottom: 5px;
  position: relative;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .tools-box[data-v-0305f5d1] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: none;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .tools-box .tools-btn[data-v-0305f5d1] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 20px;
  background-color: #222;
  color: #fff;
  padding: 5px;
  margin-left: 10px;
  cursor: pointer;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .tools-box .tools-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  opacity: 0.8;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .industry-title-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 28px;
  overflow: hidden;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .industry-title-box .industry-title-icon[data-v-0305f5d1] {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .industry-title-box .industry-title[data-v-0305f5d1] {
  color: #191919;
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0 20px 0 0;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .industry-title-box .industry-title-link-tag[data-v-0305f5d1] {
  color: #555;
  font-size: 16px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .industry-page-box .industry-title-box .industry-divider[data-v-0305f5d1] {
  background-color: #EEE;
  margin: 0 20px !important;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-layout-wrap[data-v-0305f5d1] {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 !important;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-layout-wrap .tools-box[data-v-0305f5d1] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: none;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-layout-wrap .tools-box .tools-btn[data-v-0305f5d1] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 20px;
  background-color: #222;
  color: #fff;
  padding: 5px;
  margin-left: 10px;
  cursor: pointer;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-layout-wrap .tools-box .tools-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  opacity: 0.8;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-layout-wrap:hover .tools-box[data-v-0305f5d1] {
  display: block;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area:hover .tools-box[data-v-0305f5d1] {
  display: block;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area[data-v-0305f5d1] {
  border: 1px dotted #409EFF;
  padding: 20px;
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area .tools-box[data-v-0305f5d1] {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: none;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area .tools-box .tools-btn[data-v-0305f5d1] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-size: 20px;
  background-color: #222;
  color: #fff;
  padding: 5px;
  margin-left: 10px;
  cursor: pointer;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area .tools-box .tools-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  opacity: 0.8;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area .modules-initcategory-main-init-area-btn[data-v-0305f5d1] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area .modules-initcategory-main-init-area-btn .modules-initcategory-main-init-area-btn-icon[data-v-0305f5d1] {
  cursor: pointer;
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area .modules-initcategory-main-init-area-btn .modules-initcategory-main-init-area-btn-text[data-v-0305f5d1] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .modules-initcategory-main-init-area .modules-initcategory-main-init-area-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-l-components-area[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dotted #409EFF;
  border-radius: 10px;
  height: 360px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-l-components-area .init-l-components-area-btn[data-v-0305f5d1] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
  cursor: pointer;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-l-components-area .init-l-components-area-btn .init-l-components-area-btn-icon[data-v-0305f5d1] {
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-l-components-area .init-l-components-area-btn .init-l-components-area-btn-text[data-v-0305f5d1] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-l-components-area .init-l-components-area-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-s-components-area[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dotted #409EFF;
  border-radius: 10px;
  height: 254px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-s-components-area .init-s-components-area-btn[data-v-0305f5d1] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
  cursor: pointer;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-s-components-area .init-s-components-area-btn .init-s-components-area-btn-icon[data-v-0305f5d1] {
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-s-components-area .init-s-components-area-btn .init-s-components-area-btn-text[data-v-0305f5d1] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-s-components-area .init-s-components-area-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xs-components-area[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dotted #409EFF;
  border-radius: 10px;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xs-components-area .init-xs-components-area-btn[data-v-0305f5d1] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
  cursor: pointer;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xs-components-area .init-xs-components-area-btn .init-xs-components-area-btn-icon[data-v-0305f5d1] {
  padding: 10px;
  background: #409EFF;
  font-size: 20px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xs-components-area .init-xs-components-area-btn .init-xs-components-area-btn-text[data-v-0305f5d1] {
  font-size: 14px;
  color: #409EFF;
  margin: 5px 0 0;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xs-components-area .init-xs-components-area-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xl-components-area[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dotted #409EFF;
  border-radius: 10px;
  height: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xl-components-area .init-xl-components-area-btn[data-v-0305f5d1] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
  cursor: pointer;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xl-components-area .init-xl-components-area-btn .init-xl-components-area-btn-icon[data-v-0305f5d1] {
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xl-components-area .init-xl-components-area-btn .init-xl-components-area-btn-text[data-v-0305f5d1] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xl-components-area .init-xl-components-area-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xxl-components-area[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dotted #409EFF;
  border-radius: 10px;
  height: 260px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xxl-components-area .init-xxl-components-area-btn[data-v-0305f5d1] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
  cursor: pointer;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xxl-components-area .init-xxl-components-area-btn .init-xxl-components-area-btn-icon[data-v-0305f5d1] {
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xxl-components-area .init-xxl-components-area-btn .init-xxl-components-area-btn-text[data-v-0305f5d1] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-xxl-components-area .init-xxl-components-area-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-img-components-area[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dotted #409EFF;
  border-radius: 10px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-img-components-area .init-img-components-area-btn[data-v-0305f5d1] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
  cursor: pointer;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-img-components-area .init-img-components-area-btn .init-img-components-area-btn-icon[data-v-0305f5d1] {
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-img-components-area .init-img-components-area-btn .init-img-components-area-btn-text[data-v-0305f5d1] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-img-components-area .init-img-components-area-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-text-components-area[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px dotted #409EFF;
  border-radius: 10px;
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-text-components-area .init-text-components-area-btn[data-v-0305f5d1] {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align: center;
  cursor: pointer;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-text-components-area .init-text-components-area-btn .init-text-components-area-btn-icon[data-v-0305f5d1] {
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-text-components-area .init-text-components-area-btn .init-text-components-area-btn-text[data-v-0305f5d1] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .template-edit-main-center .template-edit-main-center-control-area .init-text-components-area .init-text-components-area-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  opacity: 0.7;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap[data-v-0305f5d1] {
  background-color: #F8FAFC;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-main-box[data-v-0305f5d1] {
  padding: 56px 0;
  max-width: 1536px;
  margin: 0 auto;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-main-box .footer-logo-box .footer-logo-top[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-main-box .footer-logo-box .footer-logo-top .footer-logo[data-v-0305f5d1] {
  width: 82px;
  height: 82px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-main-box .footer-logo-box .footer-logo-top .footer-web-title[data-v-0305f5d1] {
  margin: 0;
  font-size: 36px;
  font-weight: bold;
  color: #191919;
  text-align: left;
  overflow: hidden; /*溢出部分隐藏*/
  white-space: nowrap; /*文本不换行*/
  text-overflow: ellipsis; /*当对象内文本溢出时显示省略*/
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-main-box .footer-logo-box .footer-logo-bottom[data-v-0305f5d1] {
  margin: 0;
  font-size: 22px;
  color: #191919;
  text-align: left;
  overflow: hidden; /*溢出部分隐藏*/
  white-space: nowrap; /*文本不换行*/
  text-overflow: ellipsis; /*当对象内文本溢出时显示省略*/
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-main-box .footer-map-box[data-v-0305f5d1] {
  border-left: 1px solid #EEEEEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-main-box .footer-map-box .footer-map-list .footer-map-list-title[data-v-0305f5d1] {
  font-size: 18px;
  font-weight: bold;
  color: #191919;
  margin-bottom: 32px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-main-box .footer-map-box .footer-map-list .footer-map-li[data-v-0305f5d1] {
  font-size: 14px;
  margin-bottom: 25px;
  color: #555;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-main-box .footer-map-box .margin-lr[data-v-0305f5d1] {
  margin: 0 48px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-main-box .footer-qr-code-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-main-box .footer-qr-code-box .footer-qr-code-li[data-v-0305f5d1] {
  margin: 0 15px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-main-box .footer-qr-code-box .footer-qr-code-li .footer-qr-code[data-v-0305f5d1] {
  width: 120px;
  height: 120px;
  border-radius: 6px;
  overflow: hidden;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-main-box .footer-qr-code-box .footer-qr-code-li .footer-qr-code-title[data-v-0305f5d1] {
  text-align: center;
  font-size: 15px;
  color: #555;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-copyright-wrap[data-v-0305f5d1] {
  border-top: 1px solid #EEEEEE;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-copyright-wrap .footer-copyright-box[data-v-0305f5d1] {
  padding: 10px 0;
  margin: 0 auto;
  width: 100%;
  max-width: 1536px;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-copyright-wrap .footer-copyright-box .footer-copyright[data-v-0305f5d1] {
  margin: 0 0 10px;
  font-size: 14px;
  color: #707070;
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .pc-view-page-wrap .footer-wrap .footer-copyright-wrap .footer-copyright-box .footer-info[data-v-0305f5d1] {
  margin: 0;
  font-size: 14px;
  color: #707070;
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap[data-v-0305f5d1] {
  padding-top: 30px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box[data-v-0305f5d1] {
  margin: 0 auto;
  border-radius: 20px;
  background-color: #333;
  width: 425px;
  height: 765px;
  padding: 25px 25px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main[data-v-0305f5d1] {
  width: 375px;
  height: 695px;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-tabbar[data-v-0305f5d1] {
  position: absolute;
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 375px;
  height: 55px;
  border-top: 1px solid #D9DBDE;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 23px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9999;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-tabbar .h5-tabbar-item[data-v-0305f5d1] {
  width: 30px;
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-tabbar .h5-tabbar-item .h5-tabbar-item-icon[data-v-0305f5d1] {
  width: 30px;
  height: 26px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-tabbar .h5-tabbar-item .h5-tabbar-item-title[data-v-0305f5d1] {
  text-align: center;
  font-size: 12px;
  color: #B3B7BE;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-tabbar .h5-tabbar-item .red_color[data-v-0305f5d1] {
  color: #D01C1F;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap[data-v-0305f5d1] {
  width: 382px;
  height: 695px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box[data-v-0305f5d1] {
  width: 375px;
  padding-bottom: 75px;
  overflow: hidden;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-header-box[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 124px;
  background-color: #D01C1F;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-header-box .h5-header[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 34px;
  padding: 13px 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-header-box .h5-header .h5-header-left[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-header-box .h5-header .h5-header-left .h5-header-logo[data-v-0305f5d1] {
  width: 34px;
  height: 34px;
  margin: 0 8px 0 0;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-header-box .h5-header .h5-header-left .h5-header-title[data-v-0305f5d1] {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 0;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-header-box .h5-header .h5-header-right[data-v-0305f5d1] {
  width: 22px;
  height: 22px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-banner-box[data-v-0305f5d1] {
  width: 351px;
  height: 130px;
  margin: -65px auto 0;
  border-radius: 5px;
  overflow: hidden;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-banner-box[data-v-0305f5d1] .el-carousel__arrow {
  display: none !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-banner-box .h5-banner-li[data-v-0305f5d1] {
  width: 351px;
  height: 130px;
  background: url(../img/h5-banner-img.75d7e702.png) center center no-repeat;
  background-size: auto 100%;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-banner-box[data-v-0305f5d1] .el-carousel__indicators .el-carousel__button {
  height: 6px !important;
  width: 6px !important;
  border-radius: 3px !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-banner-box[data-v-0305f5d1] .el-carousel__indicators .is-active .el-carousel__button {
  width: 13px !important;
  height: 6px !important;
  border-radius: 3px !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-fast-btn-box[data-v-0305f5d1] {
  padding: 30px 12px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-fast-btn-box .h5-fast-btn-li[data-v-0305f5d1] {
  width: 88px;
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-fast-btn-box .h5-fast-btn-li .h5-fast-btn-icon[data-v-0305f5d1] {
  width: 33px;
  height: 33px;
  margin-bottom: 10px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-fast-btn-box .h5-fast-btn-li .h5-fast-btn-title[data-v-0305f5d1] {
  font-size: 12px;
  color: #191919;
  margin: 0;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box[data-v-0305f5d1] {
  padding: 25px 12px 0;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-box-title[data-v-0305f5d1] {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 13px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 15px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-line-box[data-v-0305f5d1] {
  width: 7px;
  padding-top: 7px;
  margin-right: 15px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-line-box .h5-living-line-piont[data-v-0305f5d1] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #CE0020;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-line-box .h5-living-line-line[data-v-0305f5d1] {
  margin: 0 auto;
  width: 2px;
  height: 97px;
  background-color: #DDDDDD;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box[data-v-0305f5d1] {
  width: 330px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-title-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin-bottom: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-title-box .h5-living-tag[data-v-0305f5d1] {
  font-size: 12px;
  padding: 3px 5px;
  background-color: #D01C1F;
  color: #fff;
  margin-right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-title-box .h5-living-tag .h5-living-tag-component[data-v-0305f5d1] {
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-title-box .h5-living-tag .h5-living-tag-title[data-v-0305f5d1] {
  font-size: 12px;
  color: #fff;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-title-box .orange_tag[data-v-0305f5d1] {
  background-color: #D87706;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-title-box .gray_tag[data-v-0305f5d1] {
  background-color: #92A2AF;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-title-box .h5-living-title[data-v-0305f5d1] {
  font-size: 16px;
  font-weight: bold;
  color: #191919;
  margin: 0;
  overflow: hidden; /*溢出部分隐藏*/
  white-space: nowrap; /*文本不换行*/
  text-overflow: ellipsis; /*当对象内文本溢出时显示省略*/
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-time-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-time-box .h5-living-date[data-v-0305f5d1] {
  font-size: 12px;
  color: #191919;
  margin-right: 10px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-time-box .h5-living-time[data-v-0305f5d1] {
  font-size: 12px;
  color: #191919;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-time-box .h5-living-time span[data-v-0305f5d1] {
  font-size: 17px;
  font-weight: bold;
  color: #D01C1F;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-info-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-info-box .h5-living-course[data-v-0305f5d1] {
  font-size: 14px;
  color: #191919;
  width: 220px;
  height: 19px;
  overflow: hidden;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-info-box .h5-living-course .h5-living-spec[data-v-0305f5d1] {
  font-size: 12px;
  color: #707070;
  margin-right: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-info-box .h5-living-teacher-name[data-v-0305f5d1] {
  width: 77px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #191919;
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-intro-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-intro-box .h5-living-intro[data-v-0305f5d1] {
  font-size: 12px;
  color: #707070;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 220px;
  height: 32px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-intro-box .h5-living-btn[data-v-0305f5d1] {
  font-size: 13px;
  color: #fff;
  background-color: #D01C1F;
  width: 77px;
  height: 28px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-intro-box .h5-living-btn .h5-living-btn-icon[data-v-0305f5d1] {
  width: 15px;
  height: 14px;
  margin-right: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-living-box .h5-living-list .h5-living-li .h5-living-li-box .h5-living-intro-box .h5-living-btn span[data-v-0305f5d1] {
  font-size: 13px;
  color: #fff;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-main-tab-box[data-v-0305f5d1] {
  position: relative;
  height: 32px;
  margin-bottom: 15px;
  border-bottom: 1px solid #F6F7F8;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-main-tab-box .h5-main-tab-bottom[data-v-0305f5d1] {
  position: absolute;
  height: 4px;
  width: 22px;
  border-radius: 2px;
  background-color: #D01C1F;
  bottom: 0;
  left: 26px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-main-tab-box .h5-main-tab-list[data-v-0305f5d1] {
  overflow-x: auto;
  white-space: nowrap;
  margin: 0 12px;
  cursor: pointer;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-main-tab-box .h5-main-tab-list .h5-main-tab-item[data-v-0305f5d1] {
  font-size: 14px;
  color: #555555;
  margin: 0 10px;
  display: inline-block;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-main-tab-box .h5-main-tab-list .h5-main-tab-item-active[data-v-0305f5d1] {
  font-size: 18px;
  color: #191919;
  font-weight: bold;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-main-tab-box .h5-main-tab-list[data-v-0305f5d1]::-webkit-scrollbar {
  display: none;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-category-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  margin-bottom: 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-category-box .h5-industry-category-title-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-category-box .h5-industry-category-title-box .h5-industry-category-icon[data-v-0305f5d1] {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-category-box .h5-industry-category-title-box .h5-industry-category-title[data-v-0305f5d1] {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #191919;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-category-box .h5-industry-category-link-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-category-box .h5-industry-category-link-box .h5-industry-category-link[data-v-0305f5d1] {
  margin-left: 10px;
  font-size: 12px;
  color: #555555;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-intro-box[data-v-0305f5d1] {
  padding: 0 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-intro-box .h5-industry-intro-fast-btn-box .h5-industry-intro-fast-btn[data-v-0305f5d1] {
  display: inline-block;
  width: 73px;
  height: 26px;
  font-size: 13px;
  color: #707070;
  background-color: #F9FAFB;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-intro-box .h5-industry-intro-fast-btn-box .fast-btn-left[data-v-0305f5d1] {
  margin-right: 9px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-intro-box .h5-industry-intro-fast-btn-box .fast-btn-center[data-v-0305f5d1] {
  margin: 0 10px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-intro-box .h5-industry-intro-fast-btn-box .fast-btn-right[data-v-0305f5d1] {
  margin-left: 10px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-intro-box .h5-industry-intro-detail[data-v-0305f5d1] {
  padding: 0;
  font-size: 13px;
  line-height: 1.5rem;
  color: #555555;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
  text-overflow: ellipsis;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-intro-box .h5-industry-intro-detail[data-v-0305f5d1] p {
  padding: 0;
  margin: 0;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-intro-box .h5-industry-intro-detail-btn[data-v-0305f5d1] {
  display: block;
  width: 295px;
  height: 33px;
  border-radius: 3px;
  background-color: #F9FAFB;
  color: #191919;
  font-size: 13px;
  text-align: center;
  line-height: 33px;
  margin: 20px auto;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box[data-v-0305f5d1] {
  margin: 0 12px 20px;
  width: 341px;
  height: 315px;
  padding: 5px;
  white-space: nowrap;
  overflow-x: auto;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li[data-v-0305f5d1] {
  width: 265px;
  height: 315px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  display: inline-block;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-title[data-v-0305f5d1] {
  height: 45px;
  text-align: center;
  line-height: 45px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: bold;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  background: -webkit-gradient(linear, left top, left bottom, from(#FDC36E), to(#BC7606));
  background: linear-gradient(180deg, #FDC36E 0%, #BC7606 100%);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main[data-v-0305f5d1] {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe8c7), color-stop(15%, rgba(239, 221, 202, 0)));
  background: linear-gradient(to bottom, #ffe8c7 0%, rgba(239, 221, 202, 0) 15%);
  padding: 0 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-industry-pack-tag-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 11px 0;
  height: 30px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-industry-pack-tag-box .h5-industry-pack-tag[data-v-0305f5d1] {
  height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  color: #D87706;
  background-color: #F4E2CE;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-industry-pack-course-list[data-v-0305f5d1] {
  height: 69px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-industry-pack-course-list .h5-industry-pack-course-li[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 7px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-industry-pack-course-list .h5-industry-pack-course-li .h5-industry-pack-course-li-icon[data-v-0305f5d1] {
  width: 10px;
  height: 9px;
  margin-right: 3px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-industry-pack-course-list .h5-industry-pack-course-li .h5-industry-pack-course-li-title[data-v-0305f5d1] {
  font-size: 12px;
  color: #191919;
  margin: 0;
  overflow: hidden; /*溢出部分隐藏*/
  white-space: nowrap; /*文本不换行*/
  text-overflow: ellipsis; /*当对象内文本溢出时显示省略标*/
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-industry-pack-course-list .h5-industry-pack-course-li .h5-industry-pack-course-li-title .h5-industry-pack-course-li-spec-box[data-v-0305f5d1] {
  font-size: 10px;
  color: #707070;
  margin: 0;
  margin-left: 5px;
  overflow: hidden; /*溢出部分隐藏*/
  white-space: nowrap; /*文本不换行*/
  text-overflow: ellipsis; /*当对象内文本溢出时显示省略标*/
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-more-link-btn[data-v-0305f5d1] {
  display: block;
  font-size: 11px;
  color: #D01C1F;
  margin-bottom: 10px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-industry-pack-teacher-list[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  height: 56px;
  margin-bottom: 22px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-industry-pack-teacher-list .h5-industry-pack-teacher-li .h5-industry-pack-teacher-photo[data-v-0305f5d1] {
  width: 36px;
  height: 36px;
  border-radius: 3px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-industry-pack-teacher-list .h5-industry-pack-teacher-li .h5-industry-pack-teacher-name[data-v-0305f5d1] {
  font-size: 12px;
  text-align: center;
  color: #707070;
  margin: 0;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-industry-pack-teacher-list .margin-left[data-v-0305f5d1] {
  margin-left: 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-industry-pack-btn-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-industry-pack-btn-box .h5-industry-pack-bottom-btn[data-v-0305f5d1] {
  width: 100px;
  height: 28px;
  font-size: 13px;
  color: #D01C1F;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #D01C1F;
  border-radius: 20px;
  text-align: center;
  line-height: 28px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .h5-industry-pack-li .h5-industry-pack-li-main .h5-industry-pack-btn-box .red_btn[data-v-0305f5d1] {
  background-color: #D01C1F;
  color: #fff;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box .margin-left[data-v-0305f5d1] {
  margin-left: 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-pack-box[data-v-0305f5d1]::-webkit-scrollbar {
  display: none;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap[data-v-0305f5d1] {
  width: 351px;
  margin: 0 12px 20px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap[data-v-0305f5d1] .el-carousel__arrow {
  display: none !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap[data-v-0305f5d1] .el-carousel__indicator .el-carousel__button {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #DDDDDD;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap[data-v-0305f5d1] .is-active .el-carousel__button {
  width: 19px;
  height: 6px;
  border-radius: 3px;
  background-color: #D01C1F;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-title[data-v-0305f5d1] {
  height: 53px;
  background-color: #FAD5A4;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 53px;
  color: #933A00;
  margin-bottom: 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main[data-v-0305f5d1] {
  padding: 0 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-industry-course-detail-list[data-v-0305f5d1] {
  height: 149px;
  overflow: hidden;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-industry-course-detail-list .h5-industry-course-detail-li[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 19px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-industry-course-detail-list .h5-industry-course-detail-li .h5-industry-course-detail-li-title-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 110px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-industry-course-detail-list .h5-industry-course-detail-li .h5-industry-course-detail-li-title-box .h5-industry-course-detail-li-icon[data-v-0305f5d1] {
  width: 14px;
  height: 15px;
  margin-right: 6px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-industry-course-detail-list .h5-industry-course-detail-li .h5-industry-course-detail-li-title-box .h5-industry-course-detail-li-title[data-v-0305f5d1] {
  font-size: 14px;
  color: #191919;
  margin: 0;
  overflow: hidden; /*溢出部分隐藏*/
  white-space: nowrap; /*文本不换行*/
  text-overflow: ellipsis; /*当对象内文本溢出时显示省略标*/
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-industry-course-detail-list .h5-industry-course-detail-li .h5-industry-course-detail-li-info-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 120px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-industry-course-detail-list .h5-industry-course-detail-li .h5-industry-course-detail-li-info-box .h5-industry-course-detail-li-info-section[data-v-0305f5d1] {
  width: 48%;
  font-size: 13px;
  text-align: right;
  margin: 0;
  overflow: hidden; /*溢出部分隐藏*/
  white-space: nowrap; /*文本不换行*/
  text-overflow: ellipsis; /*当对象内文本溢出时显示省略标*/
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-industry-course-detail-list .h5-industry-course-detail-li .h5-industry-course-detail-li-info-box .h5-industry-course-detail-li-info-line[data-v-0305f5d1] {
  font-size: 13px;
  text-align: center;
  margin: 0;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-industry-course-detail-list .h5-industry-course-detail-li .h5-industry-course-detail-li-info-box .h5-industry-course-detail-li-info-time[data-v-0305f5d1] {
  width: 48%;
  font-size: 13px;
  text-align: left;
  margin: 0;
  overflow: hidden; /*溢出部分隐藏*/
  white-space: nowrap; /*文本不换行*/
  text-overflow: ellipsis; /*当对象内文本溢出时显示省略标*/
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-industry-course-detail-list .h5-industry-course-detail-li .h5-industry-course-detail-li-btn[data-v-0305f5d1] {
  width: 80px;
  height: 23px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #CE0020;
  color: #CE0020;
  text-align: center;
  line-height: 23px;
  font-size: 12px;
  border-radius: 14px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-more-link-btn[data-v-0305f5d1] {
  font-size: 11px;
  color: #D01C1F;
  display: block;
  margin-block: 10px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-industry-course-detail-teacher-list[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-industry-course-detail-teacher-list .h5-industry-course-detail-teacher-li .h5-industry-course-detail-teacher-photo[data-v-0305f5d1] {
  width: 36px;
  height: 36px;
  border-radius: 3px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-industry-course-detail-teacher-list .h5-industry-course-detail-teacher-li .h5-industry-course-detail-teacher-name[data-v-0305f5d1] {
  margin: 0;
  font-size: 12px;
  color: #707070;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-course-detail-wrap .h5-industry-course-detail-box .h5-industry-course-detail-main .h5-industry-course-detail-teacher-list .margin-left[data-v-0305f5d1] {
  margin-left: 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-course-box[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 351px;
  margin: 0 12px 20px;
  padding: 16px 12px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-course-box .h5-industry-single-course-list .h5-industry-single-course-li[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-course-box .h5-industry-single-course-list .h5-industry-single-course-li .h5-industry-single-course-li-title[data-v-0305f5d1] {
  margin: 0;
  font-size: 14px;
  color: #191919;
  width: 150px;
  overflow: hidden; /*溢出部分隐藏*/
  white-space: nowrap; /*文本不换行*/
  text-overflow: ellipsis; /*当对象内文本溢出时显示省略标记（...）*/
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-course-box .h5-industry-single-course-list .h5-industry-single-course-li .h5-industry-single-course-li-btn-box[data-v-0305f5d1] {
  width: 173px;
  height: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-course-box .h5-industry-single-course-list .h5-industry-single-course-li .h5-industry-single-course-li-btn-box .h5-industry-single-course-li-btn[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 80px;
  height: 23px;
  border-radius: 14px;
  border: 1px solid #CE0020;
  color: #CE0020;
  font-size: 12px;
  text-align: center;
  line-height: 23px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-course-box .h5-industry-single-course-list .h5-industry-single-course-li .h5-industry-single-course-li-btn-box .red_btn[data-v-0305f5d1] {
  background-color: #CE0020;
  color: #fff;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-course-box .h5-more-link-btn[data-v-0305f5d1] {
  font-size: 11px;
  color: #D01C1F;
  display: block;
  margin-block: 10px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-course-box .h5-industry-single-course-fast-btn-list[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-course-box .h5-industry-single-course-fast-btn-list .h5-industry-single-course-fast-btn[data-v-0305f5d1] {
  width: 43px;
  height: 43px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuCAYAAADGWyb7AAAAAXNSR0IArs4c6QAABYxJREFUeF7tmG9o1HUcx9/fO91WbepWuQpJVmSSZC17IpS1B2kUNOhBkCIJRQX1QAgSSpeh/aGCCMGyP2ugLKkosQQxyGBQ+GDlZnPeZnMNvd3mdq45b3fn3X3jtpz/puLu9/705L1n2+/3fb2P14vf3TaHy3z5eHwmcqlawD8JYD7gboFD2eXO6NpVGvA4CfhjAA4hjO/gS3a6iop/rkRxk93gR/oqkcq+Bo/n4VzJlSC6HqAB75Nw2ILi8DuutLLvUuSLwvl47+PwaAQwI8CXI9TVGxhGyK105TftnOzoRDjvvUM89gaAOgCTPolXv60TBRrwuZOn3grNvb3OOefPZZ0NF+9bAZ/bVuCQjhMMjOxrqSt77NENF4XzJ3prkMMeANMIu0IWaMBns7n+Ld/UVa5b/bbD+JM39sT5gegOOFdbIF/HiQYSzW3dHUtfWFGNv34dC+dPxmYj7WP6XCNaDwDtvUdk8dMNic7oe4vQ2e58PPoivPs4ALYQZAP9m7Y2Rdd/sr0aXZudH+j9BQ4PkTeFD8BA4kDkaOfDq3ZlEFrj/GDvEICZAXCFIBvIjSbTrXNqGjzQ6PxANAnnismbwgdgwGcy2ZbKB78IAW35J+68P+wC4AtBNLD/+sWfAhhVOKJkBno8nMsoHMMukfnfEweFI0pmoBWOYdWAqXAGkhkTCsewasBUOAPJjAmFY1g1YCqcgWTGhMIxrBowFc5AMmNC4RhWDZgKZyCZMaFwDKsGTIUzkMyYUDiGVQOmwhlIZkwoHMOqAVPhDCQzJhSOYdWAqXAGkhkTCsewasBUOAPJjAmFY1g1YCqcgWTGhMIxrBowFc5AMmNC4RhWDZgKZyCZMaFwDKsGTIUzkMyYUDiGVQOmwhlIZkwoHMOqAVPhDCQzJhSOYdWAqXAGkhkTCsewasBUOAPJjAmFY1g1YCqcgWTGhMIxrBowFc5AMmNC4RhWDZgKZyCZMaFwDKsGTIUzkMyYUDiGVQOmwhlIZkwoHMOqAVPhDCQzJhSOYdWAqXAGkhkTCsewasBUOAPJjAmFY1g1YCqcgWTGhMIxrBowFc5AMmNC4RhWDZgKZyCZMaFwDKsGTIUzkMyYUDiGVQOmwhlIZkwoHMOqAVPhDCQzJhSOYdWAqXAGkhkTCsewasBUOAPJjAmFY1g1YCqcgWTGhMIxrBowFc5AMmNC4RhWDZgKZyCZMaFwDKsGTIUzkMyYUDiGVQOmwhlIZkwoHMOqAVPhDCQzJs6GG4gm4VwxY0TMYA3kRpPp1jk1DXmq84O93QDmBjshGsNAJnZ86M8FT3w9Hm4gugPO1TKGxAzWQKK5rbtj6XN7AIw6PxhdDbgPg50QjWGgf9PWpuj6ze0eri//xM2Hc+2MITGDNRCpeaZxtLVjBAi1uDzaD0Z3A25ZsDOiBWngnLdJeKBxPNzw8TuRPt2i3y6DVB0cy2cy2UNLVn6VinQn8tQsil4fCzcWb6B3FRy+DG5OpKAMxN79bG/s/frOcV6opRpdmyfC5X+UjrR9MP2GileCGhSncAPx7buae17a2DxOcpkwStcuxIET54XLX4rXb3t11rIHNriS4qLCZ0WYqgGfTKWPrvvo58H673sm3hXhG+7D37+NJZwMfPiR5atuXvPsm9dW33XrVId1buoGEn8c7Ol5eWNT8tCRU2coObgfF+HID2e+nzRc/uLvqLqn4qmla0uX3F91zYI7ZhfNrigLl8+4zhUXT5/6S9LJCw34VOp0Zmg4cbovPpw8eLh/eO++Y0Pf/hQ7+5QhOQ2hzxei68C5Zy8ZLn9TK+4uz2JkOeAXSvn/YcC1hlHamP9Mu3D9suHO3Lwft80DMA/wVTngRgCzHLz+MR1gSw+XCgFDAI5nge4wXORedHVcauJfECUfR0luHPkAAAAASUVORK5CYII=) center center no-repeat;
  background-size: cover;
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 7px;
  text-align: center;
  letter-spacing: 2px;
  color: #D01C1F;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-time-box[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 12px 20px;
  padding: 15px 18px;
  width: 351px;
  height: 91px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  background: url(../img/h5-industry-exam-bg.88163e51.png) center center no-repeat;
  background-size: cover;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-time-box .h5-industry-exam-time-date[data-v-0305f5d1] {
  color: #555555;
  font-size: 14px;
  margin: 0 0 10px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-time-box .h5-industry-exam-time-day[data-v-0305f5d1] {
  font-size: 18px;
  color: #191919;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-time-box .h5-industry-exam-time-day .h5-industry-exam-day-text[data-v-0305f5d1] {
  display: inline-block;
  height: 32px;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  color: #191919;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-time-box .h5-industry-exam-time-day .h5-industry-exam-day-num[data-v-0305f5d1] {
  margin: 0 2px;
  display: inline-block;
  width: 25px;
  height: 32px;
  font-size: 27px;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  color: #D01C1F;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAABACAYAAACKhS4jAAAAAXNSR0IArs4c6QAAAq1JREFUaEPtmr9rU1Ecxc95+dEa2gRTWxInncQi4iLVP6Fb/QcEp7pJcXAStZODg7rYQRfBxa2jo6DQOglC8UeFFqxNVGqTJmKbvnvkRVvbotDeF3r74Abe8B73nO+5n/fNg5d8iR0fVSrnjMElQicBDILs27lm386ltyBmCEyjVLpP8ufW2tw4kdRtKl9uEboKILVvAXdbSHpH4iLL5VcbknZ4VaunFZqnIE/s1svRulDgnaA0cJ1kqx0+XKzeJnTNUaC9lZWWmEmfYn//IlWtnpfRCwDB3lwcrhYmg6OlEYaVygSFUYdRrEoTOk6zWJkCMGTl4FBEBcNR+GUABYc5rEpTGIvCy0rtWCRoPLnhU8G95IZPp54kNjxSwbPkhk+nnvvwTh48nrwT7AA8eU/egoBvGwtoHZF48h3BaGHiyVtA64jEk+8IRguT5JP/tJDIF3Bk0tM07z8kMryy2Xkf3uLrFlviycdGaGngyVuCiy3z5GMjtDTw5C3BxZZ58rERWhp48pbgYss8+dgILQ08eUtwsWWefGyElgaJJo+urjma2Y+CMZb7dydjLveS4fy8uLrmLoVlZfYVH1ILn6Vm09LCkYwEB/rHqVpN+voNSWod9uaBXPc4Va9PYXV1SMs1QAf/xzNlMwiKxeiWX4jCTwAYRfMH1Ggc6A0onUZQPAwEQXSUqZWVy5AetLvXGJil7+D6uqNm/k/ZqMd7e4HcoY0FVebzJUoqoF5/DfLYpjR6dK6tAa0WjHHTShTAbCb6mx7IZrfvShpjoXD390Rrs3kWYRhN+SVhtnKS+fxIlPvvLHGtdhPkjYPVLzvSSHPI58+QrG0L/+cOlBGGjwAMH6hNSNH45BUWCo+35tokv/WiGo0SpMH2CLoxR5xsJAhaAGZBzrCn582/MvwCcDOkN2JsVSYAAAAASUVORK5CYII=) center center no-repeat;
  background-size: cover;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-news-list[data-v-0305f5d1] {
  width: 351px;
  margin: 0 12px 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-news-list .h5-industry-news-li[data-v-0305f5d1] {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-news-list .h5-industry-news-li .h5-industry-news-li-point[data-v-0305f5d1] {
  display: block;
  width: 6px;
  height: 6px;
  background-color: #DDDDDD;
  border-radius: 3px;
  margin-right: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-news-list .h5-industry-news-li .h5-industry-news-li-text[data-v-0305f5d1] {
  width: 335px;
  display: block;
  font-size: 14px;
  color: #555555;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-famous-teacher-box[data-v-0305f5d1] {
  width: 351px;
  margin: 0 12px 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-famous-teacher-box .h5-industry-famous-teacher-title[data-v-0305f5d1] {
  font-size: 18px;
  color: #191919;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-famous-teacher-box .h5-industry-famous-teacher-list-box[data-v-0305f5d1] .el-carousel__arrow {
  display: none !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-famous-teacher-box .h5-industry-famous-teacher-list-box[data-v-0305f5d1] .el-carousel__indicators {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-famous-teacher-box .h5-industry-famous-teacher-list-box[data-v-0305f5d1] .el-carousel__indicator {
  padding: 12px 0;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-famous-teacher-box .h5-industry-famous-teacher-list-box[data-v-0305f5d1] .el-carousel__indicator .el-carousel__button {
  width: 87px;
  height: 3px;
  background-color: #F9FAFB;
  opacity: 1 !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-famous-teacher-box .h5-industry-famous-teacher-list-box[data-v-0305f5d1] .is-active .el-carousel__button {
  width: 87px;
  height: 3px;
  background-color: #555555;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-famous-teacher-box .h5-industry-famous-teacher-list-box .h5-industry-teacher-list[data-v-0305f5d1] {
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-famous-teacher-box .h5-industry-famous-teacher-list-box .h5-industry-teacher-list .h5-industry-teacher-li[data-v-0305f5d1] {
  width: 60px;
  display: inline-block;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-famous-teacher-box .h5-industry-famous-teacher-list-box .h5-industry-teacher-list .h5-industry-teacher-li .h5-industry-teacher-photo[data-v-0305f5d1] {
  width: 60px;
  height: 60px;
  border-radius: 3px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-famous-teacher-box .h5-industry-famous-teacher-list-box .h5-industry-teacher-list .h5-industry-teacher-li .h5-industry-teacher-name[data-v-0305f5d1] {
  font-size: 13px;
  color: #555555;
  margin: 0 0 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-famous-teacher-box .h5-industry-famous-teacher-list-box .h5-industry-teacher-list .margin-left[data-v-0305f5d1] {
  margin-left: 29px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-upload-total-box[data-v-0305f5d1] {
  width: 375px;
  height: 117px;
  border-radius: 3px;
  background-color: #F9FAFB;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  margin-bottom: 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-upload-total-box .h5-industry-upload-total-title[data-v-0305f5d1] {
  font-size: 18px;
  color: #191919;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-upload-total-box .h5-industry-upload-total-info-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-upload-total-box .h5-industry-upload-total-info-box .h5-industry-upload-total-info-item[data-v-0305f5d1] {
  width: 45%;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-upload-total-box .h5-industry-upload-total-info-box .h5-industry-upload-total-info-item .h5-industry-upload-total-info-top[data-v-0305f5d1] {
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-upload-total-box .h5-industry-upload-total-info-box .h5-industry-upload-total-info-item .h5-industry-upload-total-info-top .h5-industry-upload-total-info-num[data-v-0305f5d1] {
  font-size: 24px;
  font-weight: bold;
  color: #191919;
  margin-right: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-upload-total-box .h5-industry-upload-total-info-box .h5-industry-upload-total-info-item .h5-industry-upload-total-info-top .h5-industry-upload-total-info-icon[data-v-0305f5d1] {
  width: 30px;
  height: 23px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-upload-total-box .h5-industry-upload-total-info-box .h5-industry-upload-total-info-item .h5-industry-upload-total-info-bottom[data-v-0305f5d1] {
  text-align: center;
  font-size: 16px;
  color: #555555;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-upload-total-box .h5-industry-upload-total-info-box .h5-industry-upload-total-info-line[data-v-0305f5d1] {
  width: 1px;
  height: 32px;
  background-color: #DDDDDD;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-intro-fast-btn-box[data-v-0305f5d1] {
  width: 351px;
  margin: 0 12px 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-intro-fast-btn-box .h5-industry-intro-fast-btn-box-title[data-v-0305f5d1] {
  font-size: 18px;
  color: #191919;
  font-weight: bold;
  text-align: center;
  margin-bottom: 13px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-intro-fast-btn-box .h5-industry-intro-fast-btn[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 108px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid #DDDDDD;
  color: #191919;
  background-color: #F9FAFB;
  text-align: center;
  line-height: 38px;
  margin-bottom: 16px;
  font-size: 13px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-intro-fast-btn-box .margin-left[data-v-0305f5d1] {
  margin-left: 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box[data-v-0305f5d1] {
  width: 351px;
  height: 316px;
  margin: 0 12px 20px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-top[data-v-0305f5d1] {
  height: 75px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FDC36E), to(#BC7606));
  background: linear-gradient(180deg, #FDC36E 0%, #BC7606 100%);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-top .h5-industry-hot-pack-title-box[data-v-0305f5d1] {
  padding: 12px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-top .h5-industry-hot-pack-title-box .h5-industry-hot-pack-title[data-v-0305f5d1] {
  font-size: 21px;
  color: #fff;
  font-weight: bold;
  margin-right: 15px;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-top .h5-industry-hot-pack-title-box .h5-industry-hot-pack-tag-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-top .h5-industry-hot-pack-title-box .h5-industry-hot-pack-tag-box .h5-industry-hot-pack-tag[data-v-0305f5d1] {
  display: inline-block;
  width: 38px;
  height: 18px;
  margin-right: 5px;
  border-radius: 3px;
  background-color: #F7F8FC;
  font-size: 11px;
  color: #555;
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-top .h5-industry-hot-pack-top-info[data-v-0305f5d1] {
  font-size: 11px;
  color: #fff;
  padding: 0 18px;
  text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-main[data-v-0305f5d1] {
  padding: 20px 15px 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffe8c7), color-stop(15%, rgba(239, 221, 202, 0)));
  background: linear-gradient(to bottom, #ffe8c7 0%, rgba(239, 221, 202, 0) 15%);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-main .h5-industry-hot-pack-intro[data-v-0305f5d1] {
  font-size: 14px;
  color: #555;
  line-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin-bottom: 14px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-main .h5-industry-hot-pack-teacher-list .h5-industry-hot-pack-teacher-li[data-v-0305f5d1] {
  display: inline-block;
  width: 36px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-main .h5-industry-hot-pack-teacher-list .h5-industry-hot-pack-teacher-li .h5-industry-hot-pack-teacher-photo[data-v-0305f5d1] {
  width: 36px;
  height: 36px;
  border: 3px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-main .h5-industry-hot-pack-teacher-list .h5-industry-hot-pack-teacher-li .h5-industry-hot-pack-teacher-name[data-v-0305f5d1] {
  font-size: 12px;
  color: #555;
  text-align: center;
  margin: 0 0 16px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-main .h5-industry-hot-pack-teacher-list .margin-left[data-v-0305f5d1] {
  margin-left: 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-main .h5-industry-hot-pack-bottom[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-main .h5-industry-hot-pack-bottom .h5-industry-hot-pack-buy[data-v-0305f5d1] {
  color: #707070;
  font-size: 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-main .h5-industry-hot-pack-bottom .h5-industry-hot-pack-bottom-right[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-main .h5-industry-hot-pack-bottom .h5-industry-hot-pack-bottom-right .h5-industry-hot-pack-price[data-v-0305f5d1] {
  color: #D01C1F;
  font-size: 14px;
  font-weight: bold;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-main .h5-industry-hot-pack-bottom .h5-industry-hot-pack-bottom-right .h5-industry-hot-pack-price span[data-v-0305f5d1] {
  font-size: 18px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-hot-pack-box .h5-industry-hot-pack-main .h5-industry-hot-pack-bottom .h5-industry-hot-pack-bottom-right .h5-industry-hot-pack-btn[data-v-0305f5d1] {
  margin-left: 15px;
  width: 85px;
  height: 28px;
  border-radius: 14px;
  background-color: #D01C1F;
  font-size: 13px;
  text-align: center;
  line-height: 28px;
  color: #fff;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-adv-img-box[data-v-0305f5d1] {
  margin: 0 12px 20px;
  width: 351px;
  overflow: hidden;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-adv-img-box .h5-industry-adv-img[data-v-0305f5d1] {
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin: 0;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-notice-box .industry-exam-notice-box[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 254px;
  padding: 20px;
  margin-bottom: 16px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-notice-box .industry-exam-notice-box .industry-exam-notice-title[data-v-0305f5d1] {
  font-weight: bold;
  font-size: 16px;
  color: #191919;
  margin-bottom: 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-notice-box .industry-exam-notice-box .industry-exam-input[data-v-0305f5d1] {
  width: 100%;
  height: 30px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-notice-box .industry-exam-notice-box .industry-exam-input-sort[data-v-0305f5d1] {
  width: calc(100% - 90px);
  height: 30px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-notice-box .industry-exam-notice-box[data-v-0305f5d1] .is-focus .el-input__inner {
  border: 1px solid #B91C1C !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-notice-box .industry-exam-notice-box[data-v-0305f5d1] .el-input__inner {
  height: 30px !important;
  line-height: 30px !important;
  background-color: #F9FAFB;
  border: 1px solid #F9FAFB;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-notice-box .industry-exam-notice-box[data-v-0305f5d1] .el-form-item {
  margin-bottom: 15px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-notice-box .industry-exam-notice-box[data-v-0305f5d1] .el-form-item__content {
  line-height: 30px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-notice-box .industry-exam-notice-box[data-v-0305f5d1] .el-input__inner:focus {
  border: 1px solid #B91C1C;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-notice-box .industry-exam-notice-box .industry-exam-notice-code-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-notice-box .industry-exam-notice-box .industry-exam-notice-code-btn[data-v-0305f5d1] {
  -webkit-transition: background-color 0.5s ease-out !important;
  transition: background-color 0.5s ease-out !important;
  width: 80px;
  height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #B91C1C;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  color: #D01C1F;
  border-radius: 3px;
  background-color: #FCF0F2;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-notice-box .industry-exam-notice-box .industry-exam-notice-code-btn[data-v-0305f5d1]:hover {
  -webkit-transition: background-color 0.5s ease-out !important;
  transition: background-color 0.5s ease-out !important;
  background-color: #B91C1C;
  color: #fff;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-notice-box .industry-exam-notice-box .industry-exam-notice-btn[data-v-0305f5d1] {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  display: inline-block;
  width: 100%;
  height: 28px;
  border: 1px solid #D01C1F;
  line-height: 28px;
  text-align: center;
  background-color: #D01C1F;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-exam-notice-box .industry-exam-notice-box .industry-exam-notice-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  opacity: 0.8;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box[data-v-0305f5d1] {
  margin-bottom: 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box[data-v-0305f5d1] {
  overflow: hidden;
  position: relative;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .data-setting-btn-wrap[data-v-0305f5d1] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .data-setting-btn-wrap .data-setting-btn-box[data-v-0305f5d1] {
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .data-setting-btn-wrap .data-setting-btn-box .data-setting-btn[data-v-0305f5d1] {
  cursor: pointer;
  margin: 0 auto;
  padding: 20px;
  background: #409EFF;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .data-setting-btn-wrap .data-setting-btn-box .data-setting-text[data-v-0305f5d1] {
  font-size: 14px;
  color: #409EFF;
  margin: 10px 0;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-title[data-v-0305f5d1] {
  -webkit-box-shadow: 0px 2px 10px 1px rgba(112, 112, 112, 0.16) !important;
          box-shadow: 0px 2px 10px 1px rgba(112, 112, 112, 0.16) !important;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-content-box[data-v-0305f5d1] {
  height: 250px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 5%;
  margin: 5px;
  overflow-y: auto;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-content-box .industry-free-listen-list .industry-free-listen-li[data-v-0305f5d1] {
  padding-bottom: 16px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-content-box .industry-free-listen-list .industry-free-listen-li .industry-free-listen-li-title[data-v-0305f5d1] {
  font-size: 16px;
  width: 80%;
  color: #191919;
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 显示省略号 */
  margin-bottom: 8px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-content-box .industry-free-listen-list .industry-free-listen-li .industry-free-listen-course .industry-free-listen-course-li[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 26px;
  margin-bottom: 4px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-content-box .industry-free-listen-list .industry-free-listen-li .industry-free-listen-course .industry-free-listen-course-li .industry-free-listen-course-title[data-v-0305f5d1] {
  width: 50%;
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 显示省略号 */
  font-size: 14px;
  color: #555;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-content-box .industry-free-listen-list .industry-free-listen-li .industry-free-listen-course .industry-free-listen-course-li .industry-free-listen-course-info[data-v-0305f5d1] {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-content-box .industry-free-listen-list .industry-free-listen-li .industry-free-listen-course .industry-free-listen-course-li .industry-free-listen-course-info .industry-free-listen-time-length[data-v-0305f5d1] {
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 显示省略号 */
  display: inline-block;
  font-size: 14px;
  color: #555;
  margin-right: 5%;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-content-box .industry-free-listen-list .industry-free-listen-li .industry-free-listen-course .industry-free-listen-course-li .industry-free-listen-course-info .industry-free-listen-play-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-content-box .industry-free-listen-list .industry-free-listen-li .industry-free-listen-course .industry-free-listen-course-li .industry-free-listen-course-info .industry-free-listen-play-box .industry-free-listen-play-icon[data-v-0305f5d1] {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-content-box .industry-free-listen-list .industry-free-listen-li .industry-free-listen-course .industry-free-listen-course-li .industry-free-listen-course-info .industry-free-listen-play-box .industry-free-listen-play-text[data-v-0305f5d1] {
  display: inline-block;
  font-size: 14px;
  color: #F01414;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-content-box[data-v-0305f5d1]::-webkit-scrollbar-track-piece {
  background-color: #f0f0f0;
  border-left: 1px solid rgba(0, 0, 0, 0);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-content-box[data-v-0305f5d1]::-webkit-scrollbar {
  display: block;
  width: 5px;
  height: 10px;
  -webkit-margin-bottom-collapse: 12px;
  border-radius: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-content-box[data-v-0305f5d1]::-webkit-scrollbar-thumb {
  background-color: #d4d4d4;
  background-clip: padding-box;
  border-radius: 5px;
  min-height: 28px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-content-box[data-v-0305f5d1]::-webkit-scrollbar-thumb:hover {
  background-color: #dfdfdf;
  border-radius: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-button-box[data-v-0305f5d1] {
  height: 50px;
  -webkit-box-shadow: 0px 2px 10px 1px rgba(112, 112, 112, 0.16) !important;
          box-shadow: 0px 2px 10px 1px rgba(112, 112, 112, 0.16) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-button-box .industry-free-listen-button[data-v-0305f5d1] {
  width: 30%;
  height: 28px;
  border: 1px solid #B91C1C;
  text-align: center;
  background-color: #B91C1C;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-button-box .industry-free-listen-button .default_icon[data-v-0305f5d1] {
  width: 15px;
  height: 15px;
  margin-right: 3px;
  display: inline-block;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-button-box .industry-free-listen-button .hover_icon[data-v-0305f5d1] {
  width: 15px;
  height: 15px;
  margin-right: 3px;
  display: none;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-button-box .industry-free-listen-button .industry-free-listen-button-text[data-v-0305f5d1] {
  display: inline-block;
  color: #fff;
  font-size: 14px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-button-box .industry-free-listen-button[data-v-0305f5d1]:hover {
  width: 30%;
  height: 28px;
  border: 1px solid #B91C1C;
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-button-box .industry-free-listen-button:hover .default_icon[data-v-0305f5d1] {
  width: 15px;
  height: 15px;
  margin-right: 3px;
  display: none;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-button-box .industry-free-listen-button:hover .hover_icon[data-v-0305f5d1] {
  width: 15px;
  height: 15px;
  margin-right: 3px;
  display: inline-block;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-free-listen-box .industry-free-listen-box .industry-free-listen-button-box .industry-free-listen-button:hover .industry-free-listen-button-text[data-v-0305f5d1] {
  display: inline-block;
  color: #B91C1C;
  font-size: 14px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-usually-question-box .h5-industry-usually-question-img[data-v-0305f5d1] {
  width: 351px;
  height: auto;
  margin: 0 12px 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-cross-adv-box[data-v-0305f5d1] {
  width: 100%;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-cross-adv-box .h5-industry-cross-adv-img[data-v-0305f5d1] {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box[data-v-0305f5d1] {
  padding: 24px 10px;
  height: 270px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-tag-box[data-v-0305f5d1] {
  position: relative;
  background-color: #F9FAFB;
  border-radius: 36px;
  height: 32px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-tag-box .industry-small-total-info-tag-list[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-tag-box .industry-small-total-info-tag-list .industry-small-total-info-tag[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48%;
  cursor: pointer;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-tag-box .industry-small-total-info-tag-list .industry-small-total-info-tag .industry-small-total-info-hot-icon[data-v-0305f5d1] {
  width: 10px;
  height: 12.5px;
  margin-right: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-tag-box .industry-small-total-info-tag-list .industry-small-total-info-tag .industry-small-total-info-tag-text[data-v-0305f5d1] {
  font-size: 12px;
  color: #555;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-tag-box .industry-small-total-info-tag-list .industry-small-total-info-tag .tag_active[data-v-0305f5d1] {
  color: #D01C1F;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-tag-box .industry-small-total-info-tag-list .industry-small-total-info-tag:hover .industry-small-total-info-tag-text[data-v-0305f5d1] {
  color: #D01C1F;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-tag-box .industry-small-total-info-tag-bg[data-v-0305f5d1] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  position: absolute;
  top: 4px;
  left: 5px;
  width: 48%;
  height: 24px;
  background-color: #fff;
  border-radius: 36px;
  z-index: 1;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-tag-box .industry-small-total-info-tag-bg-left[data-v-0305f5d1] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  left: 5px;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-tag-box .industry-small-total-info-tag-bg-center[data-v-0305f5d1] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-tag-box .industry-small-total-info-tag-bg-right[data-v-0305f5d1] {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  left: calc(100% - 5px);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-qs-list[data-v-0305f5d1] {
  overflow: hidden;
  height: 244px;
  padding: 10px 10px 0;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-qs-list .industry-qs-li[data-v-0305f5d1] {
  font-size: 14px;
  color: #555;
  height: 20px;
  margin-bottom: 13px;
  line-height: 20px;
  white-space: nowrap; /* 不换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 显示省略号 */
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-qs-list .industry-qs-li[data-v-0305f5d1]::before {
  content: ""; /* 使用空的before伪元素 */
  display: inline-block; /* 需要将伪元素设置为inline-block，才能设置宽高 */
  width: 6px; /* 设置项目符号的宽度 */
  height: 6px; /* 设置项目符号的高度 */
  background-color: #EEE; /* 设置项目符号的颜色 */
  border-radius: 50%; /* 项目符号是圆形的，所以我们设置边框半径为50% */
  margin: 3px 8px 3px 0; /* 在项目符号和文本之间添加一些间距 */
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-fast-btn-box[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 35px;
  height: 254px;
  background: #FFFFFF;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-fast-btn-box .industry-total-info-fast-btn[data-v-0305f5d1] {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 100%;
  height: 32px;
  display: block;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 32px;
  border: 1px solid #EEE;
  background-color: #F9FAFB;
  color: #707070;
  font-size: 12px;
  margin-bottom: 22px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-fast-btn-box .industry-total-info-fast-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background-color: #B91C1C;
  border: 1px solid #B91C1C;
  color: #fff;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-time-box[data-v-0305f5d1] {
  height: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 10px 11px 0;
  background: url(../img/home-index-industry-exam-time-bg.c1c36489.png) center right no-repeat;
  background-size: auto 100%;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-time-box .industry-total-info-exam-time-text[data-v-0305f5d1] {
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  color: #555;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-time-box .industry-total-info-exam-time-count-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -ms-flex-line-pack: center;
      align-content: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-time-box .industry-total-info-exam-time-count-box .industry-total-info-exam-time-count-text[data-v-0305f5d1] {
  color: #191919;
  font-size: 14px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  margin-right: 4px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-time-box .industry-total-info-exam-time-count-box .industry-total-info-exam-time-count-num[data-v-0305f5d1] {
  margin-right: 5px;
  font-size: 24px;
  font-weight: bold;
  color: #D01C1F;
  width: 24px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAABACAYAAACKhS4jAAAAAXNSR0IArs4c6QAAAq1JREFUaEPtmr9rU1Ecxc95+dEa2gRTWxInncQi4iLVP6Fb/QcEp7pJcXAStZODg7rYQRfBxa2jo6DQOglC8UeFFqxNVGqTJmKbvnvkRVvbotDeF3r74Abe8B73nO+5n/fNg5d8iR0fVSrnjMElQicBDILs27lm386ltyBmCEyjVLpP8ufW2tw4kdRtKl9uEboKILVvAXdbSHpH4iLL5VcbknZ4VaunFZqnIE/s1svRulDgnaA0cJ1kqx0+XKzeJnTNUaC9lZWWmEmfYn//IlWtnpfRCwDB3lwcrhYmg6OlEYaVygSFUYdRrEoTOk6zWJkCMGTl4FBEBcNR+GUABYc5rEpTGIvCy0rtWCRoPLnhU8G95IZPp54kNjxSwbPkhk+nnvvwTh48nrwT7AA8eU/egoBvGwtoHZF48h3BaGHiyVtA64jEk+8IRguT5JP/tJDIF3Bk0tM07z8kMryy2Xkf3uLrFlviycdGaGngyVuCiy3z5GMjtDTw5C3BxZZ58rERWhp48pbgYss8+dgILQ08eUtwsWWefGyElgaJJo+urjma2Y+CMZb7dydjLveS4fy8uLrmLoVlZfYVH1ILn6Vm09LCkYwEB/rHqVpN+voNSWod9uaBXPc4Va9PYXV1SMs1QAf/xzNlMwiKxeiWX4jCTwAYRfMH1Ggc6A0onUZQPAwEQXSUqZWVy5AetLvXGJil7+D6uqNm/k/ZqMd7e4HcoY0FVebzJUoqoF5/DfLYpjR6dK6tAa0WjHHTShTAbCb6mx7IZrfvShpjoXD390Rrs3kWYRhN+SVhtnKS+fxIlPvvLHGtdhPkjYPVLzvSSHPI58+QrG0L/+cOlBGGjwAMH6hNSNH45BUWCo+35tokv/WiGo0SpMH2CLoxR5xsJAhaAGZBzrCn582/MvwCcDOkN2JsVSYAAAAASUVORK5CYII=) center center no-repeat;
  background-size: 24px 30px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-notice-box[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 11px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-notice-box .industry-total-info-exam-notice-title[data-v-0305f5d1] {
  font-weight: bold;
  font-size: 14px;
  color: #191919;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-notice-box .industry-total-info-exam-input[data-v-0305f5d1] {
  width: 100%;
  height: 30px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-notice-box .industry-total-info-exam-input-sort[data-v-0305f5d1] {
  width: calc(100% - 90px);
  height: 30px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-notice-box[data-v-0305f5d1] .is-focus .el-input__inner {
  border: 1px solid #B91C1C !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-notice-box[data-v-0305f5d1] .el-input__inner {
  height: 30px !important;
  line-height: 30px !important;
  background-color: #F9FAFB;
  border: 1px solid #F9FAFB;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-notice-box[data-v-0305f5d1] .el-form-item {
  margin-bottom: 15px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-notice-box[data-v-0305f5d1] .el-form-item__content {
  line-height: 30px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-notice-box[data-v-0305f5d1] .el-input__inner:focus {
  border: 1px solid #B91C1C;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-notice-box .industry-total-info-exam-notice-code-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-notice-box .industry-total-info-exam-notice-code-btn[data-v-0305f5d1] {
  -webkit-transition: background-color 0.5s ease-out !important;
  transition: background-color 0.5s ease-out !important;
  width: 80px;
  height: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #B91C1C;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  color: #D01C1F;
  border-radius: 3px;
  background-color: #FCF0F2;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-notice-box .industry-total-info-exam-notice-code-btn[data-v-0305f5d1]:hover {
  -webkit-transition: background-color 0.5s ease-out !important;
  transition: background-color 0.5s ease-out !important;
  background-color: #B91C1C;
  color: #fff;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-notice-box .industry-total-info-exam-notice-btn[data-v-0305f5d1] {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  display: inline-block;
  width: 100%;
  height: 28px;
  border: 1px solid #D01C1F;
  line-height: 28px;
  text-align: center;
  background-color: #D01C1F;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-integrated-box .industry-small-total-info-box .industry-small-total-info-content-box .industry-small-total-info-content .industry-total-info-exam-notice-box .industry-total-info-exam-notice-btn[data-v-0305f5d1]:hover {
  -webkit-transition: all ease-in 0.3s;
  transition: all ease-in 0.3s;
  opacity: 0.8;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box[data-v-0305f5d1] {
  margin: 0 12px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 13px;
  background-color: #F7F8FC;
  width: 351px;
  height: 192px;
  border-radius: 3px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-top[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-top .h5-industry-single-teacher-photo[data-v-0305f5d1] {
  width: 85px;
  height: 85px;
  border-radius: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box[data-v-0305f5d1] {
  width: 225px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box .h5-industry-single-teacher-title-top[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box .h5-industry-single-teacher-title-top .h5-industry-single-teacher-name[data-v-0305f5d1] {
  font-size: 18px;
  font-weight: bold;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box .h5-industry-single-teacher-title-top .h5-industry-single-teacher-btn[data-v-0305f5d1] {
  font-size: 12px;
  color: #fff;
  width: 74px;
  height: 23px;
  background-color: #D01C1F;
  text-align: center;
  line-height: 23px;
  border-radius: 11px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box .h5-industry-single-teahcer-tag-box[data-v-0305f5d1] {
  height: 22px;
  margin-bottom: 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box .h5-industry-single-teahcer-tag-box .h5-industry-single-teacher-tag[data-v-0305f5d1] {
  padding: 3px;
  width: 62px;
  height: 16px;
  display: inline-block;
  background-color: #D87706;
  border-radius: 3px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  font-size: 10px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box .h5-industry-single-teahcer-tag-box .margin-left[data-v-0305f5d1] {
  margin-left: 7px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box .h5-industry-single-teacher-top-info[data-v-0305f5d1] {
  font-size: 12px;
  color: #707070;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-bottom[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-bottom .h5-industry-single-teacher-bottom-left[data-v-0305f5d1] {
  width: 46px;
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-bottom .h5-industry-single-teacher-bottom-left .h5-industry-single-teacher-bottom-left-title[data-v-0305f5d1] {
  width: 46px;
  height: 22px;
  border-radius: 11px;
  background-color: #F9E9D7;
  line-height: 22px;
  text-align: center;
  color: #D87706;
  font-size: 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-bottom .h5-industry-single-teacher-bottom-left .h5-industry-single-teacher-bottom-left-icon[data-v-0305f5d1] {
  width: 20px;
  height: 48px;
  margin: 0 auto;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-single-teacher-box .h5-industry-single-teacher-box-bottom .h5-industry-single-teacher-bottom-intro[data-v-0305f5d1] {
  width: 267px;
  font-size: 13px;
  color: #191919;
  line-height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box[data-v-0305f5d1] {
  width: 351px;
  height: 208px;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 12px 20px;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-title[data-v-0305f5d1] {
  height: 36px;
  font-size: 14px;
  color: #555555;
  line-height: 36px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: linear-gradient(85deg, #FDE3D6 0%, rgba(244, 78, 0, 0) 100%);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-title-pack[data-v-0305f5d1] {
  background: linear-gradient(85deg, #F6ECDA 0%, rgba(244, 78, 0, 0) 100%);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-main[data-v-0305f5d1] {
  padding: 10px;
  margin-bottom: 5px;
  height: 110px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-main .h5-industry-xl-main-title[data-v-0305f5d1] {
  font-size: 17px;
  font-weight: bold;
  color: #191919;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-main .h5-industry-xl-main-tag-box[data-v-0305f5d1] {
  height: 20px;
  overflow: hidden;
  margin-bottom: 15px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-main .h5-industry-xl-main-tag-box .h5-industry-xl-main-tag[data-v-0305f5d1] {
  height: 16px;
  display: inline-block;
  font-size: 12px;
  color: #555555;
  background-color: #F7F8FC;
  border-radius: 3px;
  line-height: 16px;
  text-align: center;
  padding: 2px 5px;
  margin-bottom: 3px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-main .h5-industry-xl-main-tag-box .margin-left[data-v-0305f5d1] {
  margin-left: 6px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-main .h5-industry-xl-main-info-box[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-main .h5-industry-xl-main-info-box .h5-industry-xl-main-info-item .h5-industry-xl-main-info-item-top[data-v-0305f5d1] {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #191919;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-main .h5-industry-xl-main-info-box .h5-industry-xl-main-info-item .h5-industry-xl-main-info-item-top span[data-v-0305f5d1] {
  font-size: 10px;
  font-weight: lighter;
  color: #707070;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-main .h5-industry-xl-main-info-box .h5-industry-xl-main-info-item .h5-industry-xl-main-info-item-bottom[data-v-0305f5d1] {
  font-size: 11px;
  font-weight: lighter;
  color: #707070;
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-main .h5-industry-xl-main-info-box .margin-left[data-v-0305f5d1] {
  margin-left: 15px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-main .h5-industry-xl-main-small-info-box[data-v-0305f5d1] {
  font-size: 11px;
  color: #707070;
  margin-bottom: 10px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-main .h5-industry-xl-main-intro-box .h5-industry-xl-main-intro[data-v-0305f5d1] {
  line-height: 1.5rem;
  font-size: 12px;
  max-height: 46px;
  color: #555555;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-main .h5-industry-xl-main-intro-box .h5-industry-xl-more-btn[data-v-0305f5d1] {
  font-size: 12px;
  color: #D01C1F;
  float: right;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-bottom[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding: 0 10px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-bottom .h5-industry-xl-bttom-left[data-v-0305f5d1] {
  font-size: 12px;
  color: #707070;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-bottom .h5-industry-xl-bttom-right[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-bottom .h5-industry-xl-bttom-right .h5-industry-xl-price[data-v-0305f5d1] {
  font-size: 14px;
  font-weight: bold;
  color: #D01C1F;
  margin-right: 15px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-bottom .h5-industry-xl-bttom-right .h5-industry-xl-price span[data-v-0305f5d1] {
  font-size: 18px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xl-box .h5-industry-xl-bottom .h5-industry-xl-bttom-right .h5-industry-xl-btn[data-v-0305f5d1] {
  width: 80px;
  height: 28px;
  background-color: #D01C1F;
  border-radius: 14px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  line-height: 28px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box[data-v-0305f5d1] {
  margin-bottom: 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .h5-industry-xxl-industry-img[data-v-0305f5d1] {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .h5-industry-xxl-industry-fast-btn-box[data-v-0305f5d1] {
  padding: 0 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .h5-industry-xxl-industry-fast-btn-box .h5-industry-xxl-industry-fast-btn[data-v-0305f5d1] {
  width: 73px;
  height: 26px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #DDDDDD;
  background-color: #F9FAFB;
  display: inline-block;
  font-size: 13px;
  text-align: center;
  line-height: 26px;
  color: #707070;
  margin-bottom: 16px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .h5-industry-xxl-industry-fast-btn-box .margin-left[data-v-0305f5d1] {
  margin-left: 18px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .h5-industry-xxl-industry-intro[data-v-0305f5d1] {
  padding: 0 12px;
  font-size: 13px;
  color: #555555;
  line-height: 1.5rem;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .h5-industry-xxl-industry-intro *[data-v-0305f5d1] {
  margin: 0;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .industry-free-listen-button-box[data-v-0305f5d1] {
  height: 50px;
  -webkit-box-shadow: 0px 2px 10px 1px rgba(112, 112, 112, 0.16) !important;
          box-shadow: 0px 2px 10px 1px rgba(112, 112, 112, 0.16) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .industry-free-listen-button-box .industry-free-listen-button[data-v-0305f5d1] {
  width: 30%;
  height: 28px;
  border: 1px solid #B91C1C;
  text-align: center;
  background-color: #B91C1C;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .industry-free-listen-button-box .industry-free-listen-button .default_icon[data-v-0305f5d1] {
  width: 15px;
  height: 15px;
  margin-right: 3px;
  display: inline-block;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .industry-free-listen-button-box .industry-free-listen-button .hover_icon[data-v-0305f5d1] {
  width: 15px;
  height: 15px;
  margin-right: 3px;
  display: none;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .industry-free-listen-button-box .industry-free-listen-button .industry-free-listen-button-text[data-v-0305f5d1] {
  display: inline-block;
  color: #fff;
  font-size: 14px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .industry-free-listen-button-box .industry-free-listen-button[data-v-0305f5d1]:hover {
  width: 30%;
  height: 28px;
  border: 1px solid #B91C1C;
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .industry-free-listen-button-box .industry-free-listen-button:hover .default_icon[data-v-0305f5d1] {
  width: 15px;
  height: 15px;
  margin-right: 3px;
  display: none;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .industry-free-listen-button-box .industry-free-listen-button:hover .hover_icon[data-v-0305f5d1] {
  width: 15px;
  height: 15px;
  margin-right: 3px;
  display: inline-block;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .industry-free-listen-button-box .industry-free-listen-button:hover .industry-free-listen-button-text[data-v-0305f5d1] {
  display: inline-block;
  color: #B91C1C;
  font-size: 14px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-industry-box .h5-industry-xxl-industry-detail-btn[data-v-0305f5d1] {
  width: 271px;
  height: 33px;
  background-color: #F9FAFB;
  line-height: 33px;
  text-align: center;
  color: #191919;
  margin: 0 auto;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box[data-v-0305f5d1] {
  padding: 26px 32px 0;
  background: url(../img/h5-all-teacher-bg.a7f66c0f.png) center top no-repeat;
  background-size: 100% auto;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .el-carousel--horizontal[data-v-0305f5d1] {
  overflow-x: initial !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .el-carousel--horizontal .el-carousel__item[data-v-0305f5d1] {
  padding-top: 21px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .el-carousel--horizontal .el-carousel__item .h5-industry-xxl-all-teacher-main[data-v-0305f5d1] {
  -webkit-transition: all 0.2 ease-in-out;
  transition: all 0.2 ease-in-out;
  height: 229px !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .el-carousel--horizontal .is-active[data-v-0305f5d1] {
  padding-top: 0 !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .el-carousel--horizontal .is-active .h5-industry-xxl-all-teacher-main[data-v-0305f5d1] {
  -webkit-transition: all 0.2 ease-in-out;
  transition: all 0.2 ease-in-out;
  height: 250px !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box[data-v-0305f5d1] .el-carousel__indicator .el-carousel__button {
  width: 6px !important;
  height: 6px !important;
  border-radius: 3px !important;
  background-color: #DDDDDD !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box[data-v-0305f5d1] .el-carousel__indicators {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box[data-v-0305f5d1] .is-active .el-carousel__button {
  width: 19px !important;
  height: 6px !important;
  border-radius: 3px !important;
  background-color: #D01C1F !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box[data-v-0305f5d1] .el-carousel__arrow {
  display: none !important;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main[data-v-0305f5d1] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 13px;
  background-color: #F7F8FC;
  width: 301px;
  height: 250px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-top[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-top .h5-industry-single-teacher-photo[data-v-0305f5d1] {
  width: 80px;
  height: 80px;
  border-radius: 5px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box[data-v-0305f5d1] {
  width: 185px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box .h5-industry-single-teacher-title-top[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box .h5-industry-single-teacher-title-top .h5-industry-single-teacher-name[data-v-0305f5d1] {
  font-size: 18px;
  font-weight: bold;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box .h5-industry-single-teacher-title-top .h5-industry-single-teacher-btn[data-v-0305f5d1] {
  font-size: 12px;
  color: #fff;
  width: 74px;
  height: 23px;
  background-color: #D01C1F;
  text-align: center;
  line-height: 23px;
  border-radius: 11px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box .h5-industry-single-teahcer-tag-box[data-v-0305f5d1] {
  height: 22px;
  margin-bottom: 12px;
  overflow: hidden;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box .h5-industry-single-teahcer-tag-box .h5-industry-single-teacher-tag[data-v-0305f5d1] {
  padding: 3px;
  width: 62px;
  height: 16px;
  display: inline-block;
  background-color: #D87706;
  border-radius: 3px;
  line-height: 16px;
  text-align: center;
  color: #fff;
  font-size: 10px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box .h5-industry-single-teahcer-tag-box .margin-left[data-v-0305f5d1] {
  margin-left: 7px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-top .h5-industry-single-teacher-title-box .h5-industry-single-teacher-top-info[data-v-0305f5d1] {
  font-size: 12px;
  color: #707070;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-bottom[data-v-0305f5d1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-bottom .h5-industry-single-teacher-bottom-left[data-v-0305f5d1] {
  width: 46px;
  text-align: center;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-bottom .h5-industry-single-teacher-bottom-left .h5-industry-single-teacher-bottom-left-title[data-v-0305f5d1] {
  width: 46px;
  height: 22px;
  border-radius: 11px;
  background-color: #F9E9D7;
  line-height: 22px;
  text-align: center;
  color: #D87706;
  font-size: 12px;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-bottom .h5-industry-single-teacher-bottom-left .h5-industry-single-teacher-bottom-left-icon[data-v-0305f5d1] {
  width: 20px;
  height: 48px;
  margin: 0 auto;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-main .h5-page-wrap .h5-box .h5-industry-xxl-all-teacher-box .h5-industry-xxl-all-teacher-main .h5-industry-single-teacher-box-bottom .h5-industry-single-teacher-bottom-intro[data-v-0305f5d1] {
  width: 217px;
  font-size: 13px;
  color: #191919;
  line-height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}
.template-edit-wrap .total-view-page-wrap .mobile-view-page-wrap .mobile-view-page-border-box .mobile-view-page-home-btn[data-v-0305f5d1] {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #fff;
  margin: 7px auto 8px;
}
@media screen and (min-width: 1200px) {
.template-edit-wrap .l-area-box[data-v-0305f5d1] {
    width: 37.5%;
}
.template-edit-wrap .m-area-box[data-v-0305f5d1] {
    width: 25%;
}
.template-edit-wrap .m-have-inner-area-box[data-v-0305f5d1] {
    width: 25%;
}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
.template-edit-wrap .l-area-box[data-v-0305f5d1] {
    width: 50%;
}
.template-edit-wrap .m-area-box[data-v-0305f5d1] {
    width: 50%;
}
.template-edit-wrap .m-have-inner-area-box[data-v-0305f5d1] {
    width: 100%;
}
.template-edit-wrap .top-bar-active-img[data-v-0305f5d1], .template-edit-wrap .top-bar-user-name[data-v-0305f5d1] {
    display: none;
}
.template-edit-wrap .footer-logo-box[data-v-0305f5d1] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}
.template-edit-wrap .footer-logo-box .footer-logo-top[data-v-0305f5d1] {
    margin: 0 !important;
}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
.template-edit-wrap .l-area-box[data-v-0305f5d1] {
    width: 100%;
}
.template-edit-wrap .m-area-box[data-v-0305f5d1] {
    width: 100%;
}
.template-edit-wrap .top-bar-active-img[data-v-0305f5d1], .template-edit-wrap .top-bar-user-name[data-v-0305f5d1], .template-edit-wrap .top-bar-search-box[data-v-0305f5d1] {
    display: none !important;
}
.template-edit-wrap .footer-logo-box[data-v-0305f5d1] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
}
.template-edit-wrap .footer-logo-box .footer-logo-top[data-v-0305f5d1] {
    margin: 0 !important;
}
}
@media screen and (max-width: 768px) {
.template-edit-wrap .footer-logo-box[data-v-0305f5d1] {
    display: block !important;
}
.template-edit-wrap .footer-logo-box .footer-logo-top[data-v-0305f5d1] {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    margin-bottom: 16px !important;
}
.template-edit-wrap .footer-logo-box .footer-logo-bottom[data-v-0305f5d1] {
    text-align: center !important;
    margin-bottom: 16px !important;
}
.template-edit-wrap .l-area-box[data-v-0305f5d1] {
    width: 100%;
}
.template-edit-wrap .top-bar-active-img[data-v-0305f5d1],
  .template-edit-wrap .top-bar-user-name[data-v-0305f5d1],
  .template-edit-wrap .top-bar-search-box[data-v-0305f5d1],
  .template-edit-wrap .top-bar-my-learn[data-v-0305f5d1],
  .template-edit-wrap .top-bar-web-title[data-v-0305f5d1],
  .template-edit-wrap .fast-btn-icon[data-v-0305f5d1],
  .template-edit-wrap .banner-nav-wrap[data-v-0305f5d1] {
    display: none !important;
}
}
@media screen and (max-width: 500px) {
.template-edit-wrap .top-bar-nav-btn[data-v-0305f5d1] {
    margin: 16px 10px !important;
}
.template-edit-wrap .fast-btn-title[data-v-0305f5d1], .template-edit-wrap .top-bar-nav-btn[data-v-0305f5d1] {
    font-size: 14px !important;
}
.template-edit-wrap .top-bar-active-img[data-v-0305f5d1], .template-edit-wrap .top-bar-user-name[data-v-0305f5d1] {
    display: none !important;
}
}
.chargingStandard-admin[data-v-506e4a99] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chargingStandard-admin .tenant-list[data-v-506e4a99] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.chargingStandard-admin .tenant-list[data-v-506e4a99] .basic-container__card,
.chargingStandard-admin .tenant-list[data-v-506e4a99] .el-card__body,
.chargingStandard-admin .tenant-list .el-scrollbar[data-v-506e4a99] {
  height: 100%;
}
.chargingStandard-admin .chargingStandard-list[data-v-506e4a99] {
  width: calc(100% - 350px);
  height: 100%;
}
img {
  border: 0;
  width: 200px;
}
.sketch_content {
  overflow: auto;
  height: 600px;
  border-top: 0px solid #ffffff;
  border-bottom: 1px solid #eff1f4;
  padding: 0px 30px 11px 27px;
}
.sketch_content::-webkit-scrollbar {
  width: 3px;
}
.sketch_content::-webkit-scrollbar-thumb {
  background: #8798AF;
  border-radius: 2px;
}
.sketch_content::-webkit-scrollbar-track {
  background: transparent;
}
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409EFF !important;
}
.avatar-uploader .avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.avatar-uploader .avatar {
  width: 178px;
  height: 178px;
  display: block;
}
:deep(.el-dialog) {
  top: 5% !important;
}
.qrcode[data-v-39873e80] {
  margin-left: 65px;
  margin-bottom: 30px;
}
.contract-admin[data-v-892591c8] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contract-admin .tenant-list[data-v-892591c8] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.contract-admin .tenant-list[data-v-892591c8] .basic-container__card,
.contract-admin .tenant-list[data-v-892591c8] .el-card__body,
.contract-admin .tenant-list .el-scrollbar[data-v-892591c8] {
  height: 100%;
}
.contract-admin .contract-list[data-v-892591c8] {
  width: calc(100% - 350px);
  height: 100%;
}
.order-info-admin[data-v-0405c77c] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.order-info-admin .tenant-list[data-v-0405c77c] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.order-info-admin .tenant-list[data-v-0405c77c] .basic-container__card,
.order-info-admin .tenant-list[data-v-0405c77c] .el-card__body,
.order-info-admin .tenant-list .el-scrollbar[data-v-0405c77c] {
  height: 100%;
}
.order-info-admin .order-info-list[data-v-0405c77c] {
  width: calc(100% - 350px);
  height: 100%;
}
.qrcode[data-v-fe6457bc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pay-channel-admin[data-v-f92f79cc] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pay-channel-admin .tenant-list[data-v-f92f79cc] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.pay-channel-admin .tenant-list[data-v-f92f79cc] .basic-container__card,
.pay-channel-admin .tenant-list[data-v-f92f79cc] .el-card__body,
.pay-channel-admin .tenant-list .el-scrollbar[data-v-f92f79cc] {
  height: 100%;
}
.pay-channel-admin .pay-channel-list[data-v-f92f79cc] {
  width: calc(100% - 350px);
  height: 100%;
}

.margin-top[data-v-75e4d3d5] {
  margin-top: 20px;
}

.blade-user-admin[data-v-6f996272] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blade-user-admin .tenant-list[data-v-6f996272] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.blade-user-admin .tenant-list[data-v-6f996272] .basic-container__card,
.blade-user-admin .tenant-list[data-v-6f996272] .el-card__body,
.blade-user-admin .tenant-list .el-scrollbar[data-v-6f996272] {
  height: 100%;
}
.blade-user-admin .user-list[data-v-6f996272] {
  width: calc(100% - 350px);
  height: 100%;
}
.teacher-info-admin[data-v-600cd8a7] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.teacher-info-admin .tenant-list[data-v-600cd8a7] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.teacher-info-admin .tenant-list[data-v-600cd8a7] .basic-container__card,
.teacher-info-admin .tenant-list[data-v-600cd8a7] .el-card__body,
.teacher-info-admin .tenant-list .el-scrollbar[data-v-600cd8a7] {
  height: 100%;
}
.teacher-info-admin .teacher-list[data-v-600cd8a7] {
  width: calc(100% - 350px);
  height: 100%;
}
.user-ancestor[data-v-3553d2f1] .avue-crud__img > * {
  width: 23px;
  height: 23px;
}
.order-entry-dialog .dialog-footer[data-v-8c1c368a] {
  text-align: right;
}

/* 表格行间距调整 */
[data-v-fb35e08e] .el-table .el-table__row {
  height: 80px; /* 增加行高以适应两行按钮 */
}
[data-v-fb35e08e] .el-table .cell {
  padding: 8px 12px;
  line-height: 1.4;
}

/* 操作按钮间距 */
[data-v-fb35e08e] .avue-crud__menu .el-button {
  margin-right: 8px;
}
[data-v-fb35e08e] .avue-crud__menu .el-button:last-child {
  margin-right: 0;
}

/* 标签样式优化 */
[data-v-fb35e08e] .el-tag {
  margin: 2px 0;
}

/* 员工信息显示优化 */
.emp-info-item[data-v-fb35e08e] {
  line-height: 1.6;
  margin-bottom: 4px;
}
.emp-info-item[data-v-fb35e08e]:last-child {
  margin-bottom: 0;
}

/* 操作按钮布局优化 */
.action-buttons[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  min-height: 60px;
}
.button-row[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
}
.button-row .el-button[data-v-fb35e08e] {
  margin: 0;
  min-width: 80px;
  text-align: center;
}

/* 动态对齐样式 */
/* 当有跟进员工时（显示更多按钮）*/
.action-buttons.action-buttons-has-emp .button-row[data-v-fb35e08e] {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/* 当没有跟进员工时（按钮较少），居中对齐 */
.action-buttons:not(.action-buttons-has-emp) .button-row[data-v-fb35e08e] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* 只有基础按钮时（分配、跟进记录）居中对齐 */
.action-buttons.action-buttons-single-row .button-row[data-v-fb35e08e] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* 已成单状态但无员工分配时的对齐 */
.action-buttons.action-buttons-completed:not(.action-buttons-has-emp) .button-row[data-v-fb35e08e] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* 第一行按钮（分配、跟进记录）始终存在 */
.action-buttons .button-row[data-v-fb35e08e]:first-child {
  /* 如果没有跟进员工且没有成单，第一行居中 */
}
.action-buttons:not(.action-buttons-has-emp):not(.action-buttons-completed) .button-row[data-v-fb35e08e]:first-child {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* 第二行按钮的对齐逻辑 */
.action-buttons .button-row[data-v-fb35e08e]:nth-child(2) {
  /* 默认左对齐 */
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/* 当第二行只有一个按钮时居中 */
.action-buttons:not(.action-buttons-has-emp) .button-row[data-v-fb35e08e]:nth-child(2) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* 确保空的按钮行不显示 */
.action-buttons .button-row[data-v-fb35e08e]:empty {
  display: none;
}

/* 当整个操作区只有很少按钮时的特殊处理 */
.action-buttons.action-buttons-single-row[data-v-fb35e08e] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 分配客户弹窗样式 */
[data-v-fb35e08e] .assign-dialog .el-dialog {
  border-radius: 16px;
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  border: none;
}
[data-v-fb35e08e] .assign-dialog .el-dialog__header {
  padding: 24px 32px 16px;
  border-bottom: 1px solid #f0f0f0;
}
[data-v-fb35e08e] .assign-dialog .el-dialog__body {
  padding: 24px 32px;
}
[data-v-fb35e08e] .assign-dialog .el-dialog__footer {
  padding: 16px 32px 24px;
  border-top: 1px solid #f0f0f0;
}
.dialog-title[data-v-fb35e08e] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customer-info-card[data-v-fb35e08e] {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 24px;
  border: 1px solid #e2e8f0;
  position: relative;
  overflow: hidden;
}
.customer-info-card[data-v-fb35e08e]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#409EFF), to(#67C23A));
  background: linear-gradient(90deg, #409EFF 0%, #67C23A 100%);
}
.customer-info-header[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e2e8f0;
}
.info-title[data-v-fb35e08e] {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
}
.customer-info-content[data-v-fb35e08e] {
  display: grid;
  gap: 12px;
}
.info-row[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
}
.info-label[data-v-fb35e08e] {
  font-size: 14px;
  color: #64748b;
  min-width: 80px;
  font-weight: 500;
}
.info-value[data-v-fb35e08e] {
  font-size: 14px;
  color: #1e293b;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.customer-id[data-v-fb35e08e] {
  background: #f8fafc;
  padding: 4px 12px;
  border-radius: 20px;
  color: #409EFF;
  font-weight: 600;
  border: 1px solid #e2e8f0;
}
.assign-form-container[data-v-fb35e08e] {
  margin-top: 8px;
}
.form-section-title[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f0f0f0;
}
.employee-select-item[data-v-fb35e08e] {
  margin-bottom: 0 !important;
}
[data-v-fb35e08e] .employee-select .el-input {
  border-radius: 8px;
  border: 2px solid #e2e8f0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
[data-v-fb35e08e] .employee-select .el-input:hover {
  border-color: #409EFF;
}
[data-v-fb35e08e] .employee-select .el-input.is-focus {
  border-color: #409EFF;
  -webkit-box-shadow: 0 0 0 4px rgba(64, 158, 255, 0.1);
          box-shadow: 0 0 0 4px rgba(64, 158, 255, 0.1);
}
[data-v-fb35e08e] .employee-select .el-input__inner {
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  padding-left: 16px;
  border: none;
}
.employee-option-content[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 0;
  width: 100%;
}
.employee-main-info[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.employee-name[data-v-fb35e08e] {
  font-size: 14px;
  font-weight: 500;
  color: #2c3e50;
}
.employee-phone[data-v-fb35e08e] {
  font-size: 12px;
  color: #64748b;
  background: #f8fafc;
  padding: 2px 8px;
  border-radius: 12px;
  margin-left: 12px;
}
.dialog-footer-custom[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  padding-top: 8px;
}
.cancel-btn[data-v-fb35e08e] {
  border-radius: 8px;
  padding: 10px 24px;
  border: 2px solid #e2e8f0;
  color: #64748b;
  background: #ffffff;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.cancel-btn[data-v-fb35e08e]:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.confirm-btn[data-v-fb35e08e] {
  border-radius: 8px;
  padding: 10px 24px;
  background: linear-gradient(135deg, #409EFF 0%, #5dade2 100%);
  border: none;
  font-weight: 600;
  -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
          box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.confirm-btn[data-v-fb35e08e]:hover {
  background: linear-gradient(135deg, #358fc5 0%, #4a9fd1 100%);
  -webkit-box-shadow: 0 6px 16px rgba(64, 158, 255, 0.4);
          box-shadow: 0 6px 16px rgba(64, 158, 255, 0.4);
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.confirm-btn[data-v-fb35e08e]:active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
[data-v-fb35e08e] .confirm-btn.is-loading {
  background: linear-gradient(135deg, #409EFF 0%, #5dade2 100%);
}

/* 下拉选项hover效果 */
[data-v-fb35e08e] .el-select-dropdown__item:hover {
  background: #f8fafc;
  color: #409EFF;
}

/* 当前分配状态提示样式 */
.current-assign-info[data-v-fb35e08e] {
  margin-bottom: 16px;
  padding: 8px 12px;
  background: #f8fafc;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
}
.current-assign-text[data-v-fb35e08e] {
  font-size: 14px;
  color: #64748b;
  font-weight: 500;
}

/* 查看订单弹窗样式 */
[data-v-fb35e08e] .orders-dialog .el-dialog {
  border-radius: 16px;
  -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  border: none;
}
[data-v-fb35e08e] .orders-dialog .el-dialog__header {
  padding: 24px 32px 16px;
  border-bottom: 1px solid #f0f0f0;
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
}
[data-v-fb35e08e] .orders-dialog .el-dialog__body {
  padding: 0;
  max-height: 70vh;
  overflow-y: auto;
}
[data-v-fb35e08e] .orders-dialog .el-dialog__footer {
  padding: 16px 32px 24px;
  border-top: 1px solid #f0f0f0;
  text-align: center;
}
.orders-dialog-title[data-v-fb35e08e] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 客户信息横幅 */
.customer-info-banner[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 32px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid #e2e8f0;
  position: relative;
}
.customer-info-banner[data-v-fb35e08e]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, from(#409EFF), to(#67C23A));
  background: linear-gradient(90deg, #409EFF 0%, #67C23A 100%);
}
.customer-avatar[data-v-fb35e08e] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #409EFF 0%, #67C23A 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 20px;
  color: white;
  font-size: 20px;
  -webkit-box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
          box-shadow: 0 4px 12px rgba(64, 158, 255, 0.3);
}
.customer-details[data-v-fb35e08e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.customer-name[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.name-text[data-v-fb35e08e] {
  font-size: 18px;
  font-weight: 600;
  color: #2c3e50;
}
.phone-text[data-v-fb35e08e] {
  font-size: 14px;
  color: #64748b;
  background: #f8fafc;
  padding: 2px 8px;
  border-radius: 12px;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.customer-id-badge[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  padding: 8px 16px;
  border-radius: 20px;
  color: #409EFF;
  font-weight: 600;
  border: 2px solid #e2e8f0;
  margin-top: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.customer-id-badge i[data-v-fb35e08e] {
  margin-right: 6px;
}
.orders-count[data-v-fb35e08e] {
  text-align: center;
  padding: 0 20px;
  border-left: 2px solid #e2e8f0;
}
.count-number[data-v-fb35e08e] {
  font-size: 32px;
  font-weight: 700;
  color: #409EFF;
  line-height: 1;
}
.count-label[data-v-fb35e08e] {
  font-size: 12px;
  color: #64748b;
  margin-top: 4px;
  font-weight: 500;
}

/* 订单内容区域 */
.orders-content[data-v-fb35e08e] {
  padding: 24px 32px;
  background: #f8fafc;
  min-height: 200px;
}

/* 加载状态 */
.loading-container[data-v-fb35e08e] {
  padding: 40px 20px;
  text-align: center;
}

/* 空状态 */
.empty-container[data-v-fb35e08e] {
  padding: 60px 20px;
  text-align: center;
}
.empty-icon[data-v-fb35e08e] {
  font-size: 64px;
  color: #cbd5e1;
  margin-bottom: 20px;
}
.empty-text[data-v-fb35e08e] {
  font-size: 18px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 8px;
}
.empty-subtext[data-v-fb35e08e] {
  font-size: 14px;
  color: #94a3b8;
}

/* 订单列表 */
.orders-list[data-v-fb35e08e] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 20px;
}
.order-card[data-v-fb35e08e] {
  background: #ffffff;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border: 1px solid #e2e8f0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
.order-card[data-v-fb35e08e]:hover {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* 订单头部 */
.order-header[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 20px;
  background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
  border-bottom: 1px solid #f1f5f9;
}
.order-number[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #64748b;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.order-number i[data-v-fb35e08e] {
  margin-right: 8px;
  font-size: 16px;
  color: #409EFF;
}
.order-no[data-v-fb35e08e] {
  font-size: 14px;
  font-weight: 600;
  color: #2c3e50;
  font-family: 'Courier New', monospace;
}
.order-status-wrapper[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* 订单状态标签优化 */
[data-v-fb35e08e] .status-tag {
  border: none;
  padding: 6px 12px;
  border-radius: 16px;
  font-weight: 500;
  font-size: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
[data-v-fb35e08e] .status-tag i {
  margin-right: 4px;
  font-size: 12px;
}

/* 待支付状态 */
[data-v-fb35e08e] .status-pending {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
  color: white;
}

/* 已取消状态 */
[data-v-fb35e08e] .status-cancelled {
  background: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);
  color: white;
}

/* 已支付状态 */
[data-v-fb35e08e] .status-paid {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
}

/* 未知状态  */
[data-v-fb35e08e] .status-unknown {
  background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
  color: white;
}

/* 订单主体 */
.order-body[data-v-fb35e08e] {
  padding: 20px;
}
.order-info-section[data-v-fb35e08e] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.price-section[data-v-fb35e08e] {
  padding: 16px;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-radius: 8px;
  border-left: 4px solid #f59e0b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.price-label[data-v-fb35e08e] {
  font-size: 12px;
  color: #92400e;
  font-weight: 600;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.price-value[data-v-fb35e08e] {
  font-size: 24px;
  color: #92400e;
  font-weight: 700;
  line-height: 1;
}
.course-section[data-v-fb35e08e] {
  padding: 16px;
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  border-radius: 8px;
  border-left: 4px solid #3b82f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.course-label[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #1e40af;
  font-weight: 600;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.course-label i[data-v-fb35e08e] {
  margin-right: 4px;
}

/* 开课状态标签优化 */
[data-v-fb35e08e] .course-tag {
  border: none;
  padding: 4px 10px;
  border-radius: 12px;
  font-weight: 500;
  font-size: 11px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
[data-v-fb35e08e] .course-tag i {
  margin-right: 3px;
  font-size: 11px;
}

/* 已开课状态 */
[data-v-fb35e08e] .course-opened {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
}

/* 未开课状态 */
[data-v-fb35e08e] .course-not-opened {
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  color: white;
}
.course-info-section[data-v-fb35e08e] {
  grid-column: 1 / -1;
  padding: 16px;
  background: #f8fafc;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
}
.course-info-label[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #64748b;
  font-weight: 600;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.course-info-label i[data-v-fb35e08e] {
  margin-right: 6px;
  color: #409EFF;
}
.course-info-content[data-v-fb35e08e] {
  font-size: 14px;
  color: #1e293b;
  font-weight: 500;
  line-height: 1.5;
}

/* 订单底部 */
.order-footer[data-v-fb35e08e] {
  padding-top: 16px;
  border-top: 1px solid #f1f5f9;
}
.create-time[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #94a3b8;
  font-weight: 500;
}
.create-time i[data-v-fb35e08e] {
  margin-right: 6px;
  color: #cbd5e1;
}

/* 底部按钮 */
.orders-dialog-footer[data-v-fb35e08e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  padding-top: 8px;
}
.close-btn[data-v-fb35e08e] {
  border-radius: 8px;
  padding: 12px 32px;
  border: 2px solid #e2e8f0;
  color: #64748b;
  background: #ffffff;
  font-weight: 500;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.close-btn[data-v-fb35e08e]:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
.close-btn i[data-v-fb35e08e] {
  margin-right: 6px;
}

/* 响应式设计 */
@media (max-width: 768px) {
.orders-list[data-v-fb35e08e] {
    grid-template-columns: 1fr;
}
.order-info-section[data-v-fb35e08e] {
    grid-template-columns: 1fr;
}
.customer-info-banner[data-v-fb35e08e] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    gap: 20px;
}
.orders-count[data-v-fb35e08e] {
    border-left: none;
    border-top: 2px solid #e2e8f0;
    padding-top: 20px;
}
}


/* 表格行间距调整 */
[data-v-2716c098] .el-table .el-table__row {
  height: 60px;
}
[data-v-2716c098] .el-table .cell {
  padding: 8px 12px;
  line-height: 1.4;
}

/* 操作按钮间距 */
[data-v-2716c098] .avue-crud__menu .el-button {
  margin-right: 8px;
}
[data-v-2716c098] .avue-crud__menu .el-button:last-child {
  margin-right: 0;
}

/* 标签样式优化 */
[data-v-2716c098] .el-tag {
  margin: 2px 0;
}

/* 弹窗样式修复 */
[data-v-2716c098] .el-dialog__wrapper {
  z-index: 3000 !important;
}
[data-v-2716c098] .el-dialog {
  z-index: 3001 !important;
}
[data-v-2716c098] .el-overlay {
  z-index: 2999 !important;
}

/* 确保弹窗内容可以交互 */
[data-v-2716c098] .el-dialog__header,[data-v-2716c098] .el-dialog__body,[data-v-2716c098] .el-dialog__footer {
  position: relative;
  z-index: 3002 !important;
}

/* 修复日期选择器在弹窗中的层级问题 */
[data-v-2716c098] .el-picker__popper {
  z-index: 3010 !important;
}
[data-v-2716c098] .el-select-dropdown {
  z-index: 3010 !important;
}

.user-info-admin[data-v-0dae29e9] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.user-info-admin .tenant-list[data-v-0dae29e9] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.user-info-admin .tenant-list[data-v-0dae29e9] .basic-container__card,
.user-info-admin .tenant-list[data-v-0dae29e9] .el-card__body,
.user-info-admin .tenant-list .el-scrollbar[data-v-0dae29e9] {
  height: 100%;
}
.user-info-admin .user-list[data-v-0dae29e9] {
  width: calc(100% - 350px);
  height: 100%;
}
.user-reward-record[data-v-771283b6] .avue-crud__img > * {
  width: 23px;
  height: 23px;
}
.user-score-record[data-v-30bfaee3] .avue-crud__img > * {
  width: 23px;
  height: 23px;
}
.study-record-admin[data-v-4cc38769] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.study-record-admin .tenant-list[data-v-4cc38769] {
  width: 350px;
  height: 100%;
  border-right: 1px solid #ebeef5;
  overflow: hidden;
}
.study-record-admin .tenant-list[data-v-4cc38769] .basic-container__card,
.study-record-admin .tenant-list[data-v-4cc38769] .el-card__body,
.study-record-admin .tenant-list .el-scrollbar[data-v-4cc38769] {
  height: 100%;
}
.study-record-admin .study-record-list[data-v-4cc38769] {
  width: calc(100% - 350px);
  height: 100%;
}
.affix {
  position: relative;
  background-color: #fff;
}
.affix-affix {
  display: inline-block;
  color: #fff;
  padding: 10px 30px;
  text-align: center;
  background: rgba(0, 153, 229, 0.9);
}
.affix-line {
  height: 100px;
}
.title {
  margin-bottom: 10px;
}
.box {
  margin-bottom: 20px;
}

.top[data-v-9945503c] {
  padding: 10px;
  font-size: 14px;
  background: rgba(0, 153, 229, 0.7);
  color: #fff;
  text-align: center;
  border-radius: 2px;
}

