/* title-vertical-center */
 .el-message {
   z-index: 9999 !important;
 }
 .section-query-padding {
   padding: 5.4rem 23.4rem 12rem 23.4rem;
 }
.title-vertical-center {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 23.4rem;
  pointer-events: none;
}

.title-group {
  margin: 0;
}

.title-group h1 {
  font-size: 4.8rem;
  line-height: 7.2rem;
  color: #303031;
  font-weight: bold;
}

.title-strong {
  /* margin-left: -14rem;
  margin-top: 2rem; */
  position: relative;
  margin: -3.3rem 0 0.7rem -1.0rem;
  font-family: "SourceHanSansCN-Bold";
  font-size: 14.0rem;
  line-height: 21.0rem;
  color: #5C86FF;
}

.totalCount {
  position: relative;
  z-index: 9;
  display: inline-block;
  width: 100%;
  color: #5C86FF;
  font-weight: bold;
  background: linear-gradient(180.12deg, #1F5EF9 24.94%, #AFC4FF 75.26%);
  background-clip: text;
  box-decoration-break: clone;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-box-decoration-break: clone;
}

.totalCount2 {
  position: absolute;
  left: 0;
  bottom: -12.7rem;
  z-index: 8;
  font-weight: bold;
  transform: rotateX(180deg);
  background: linear-gradient(180deg, rgba(180, 199, 255, 0.01) 32.41%, rgba(92, 134, 255, 0.10) 99.56%);
  background-clip: text;
  box-decoration-break: clone;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-box-decoration-break: clone;
  backdrop-filter: blur(120px)
}

.rotate-180 {
  display: inline-block;
  transform: rotate(180deg);
}

.title-desc {
  font-size: 2rem;
  line-height: 3rem;
  color: #666666;
  margin-top: 1.8rem;
}

.title-card-container {
  position: relative;
  z-index: 19;
  margin: -3rem 0 0 -3.8rem;
  height: 26.8rem;
  padding: 3rem 0 3rem 0;
  /* background: url('../../images/eco/ban-card-icon.png') 0 0 no-repeat;
  background-size: auto 100%; */
  /* margin-top: 6.5rem; */
}

.card-shows {
  padding: 0 0 0 3.5rem;
  height: 100%;
  overflow: hidden;
}

.title-card {
  position: relative;
  display: flex;
  align-items: center;
  padding: 3rem 5rem 3rem 5rem;
  width: 61.0rem;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 2.4rem;
  border: 1px solid #FFFFFF;
  /* box-shadow: 0px 17px 17px 0px #5F666D17, 0px 39px 24px 0px #5F666D0D,
    0px 70px 28px 0px #5F666D03, 0px 109px 31px 0px #5F666D00; */
}

/* .title-card + .title-card {
  margin-top: 3.8rem;
} */
.card-img {
  position: absolute;
  left: 0;
  top: 50%;
  margin: -4.2rem 0 0 -3.85rem;
  width: 7.7rem;
  height: 8.4rem;
}

.card-img>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.card-line {
  width: 100%;
  /* margin-left: 12.1rem;
  display: flex;
  align-items: center; */
}

.line-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}

.line-item p {
  font-family: "SourceHanSansCN-Bold";
  font-size: 4.9rem;
  line-height: 4.9rem;
  /* color: #303031; */
  color: #57697F;
  font-weight: bold;
  /* background: linear-gradient(90.79deg, #303031 0.12%, #626262 100.55%); */
}

.line-item h4 {
  font-family: "SourceHanSansCN-Medium";
  font-size: 2.4rem;
  line-height: 3.6rem;
  color: #57697F;
}

.split-line--vertical {
  margin: 2.3rem 0;
  height: 1px;
  width: 100%;
  background: #DDE5ED;
}

 /* section-query-box */
 /* .section-query-box3 {
  margin: 4rem 0 0 0;
 } */
.term_shbox, .term_shmode {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.term_shmode, .inpt_wsrh {
  flex: 1;
  min-width: 0;
}
.term_shmore {
  margin: 0 0 0 2rem;
  font-size: 16px;
}
.term_shmore a {
  color: #1990FF;
 }

.term_micon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 5px;
  width: 9px;
  height: 5px;
  line-height: 0;
}
.term_micon svg {
  width: 100%;
  height: 100%;
  fill: #1990FF;
}

.term_box {
  font-family: "SourceHanSansCN-Regular";
  padding:  2rem 4rem;
}

.term_box li {
  margin: 0 0 15px 0 ;
  line-height: 22px;
  font-size: 16px;
  color: #1D2129;
}
.term_box li:last-child {
  margin: 0;
}

.term_line {
  margin: 15px 0 10px 0;
  border-bottom: 1px solid #E5E6EB;
}
.term_search, .term_sList, .term_title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  font-family: "SourceHanSansCN-Regular";
}

.term_title {
  font-weight: normal !important;
  font-family: "SourceHanSansCN-Regular" !important;
}
.inpt_wsrh {
  width: 54rem;
  overflow: hidden;
  border-radius: 4px;
}
.srh_btm {
  display: inline-block;
  padding: 9px 15px;
  font-size: 16px;
  cursor: pointer;
}
.inpt_wsrh .el-input__inner, .inpt_wsrc .el-input__inner {
  border: 1px solid #F2F3F5;
  background: #F2F3F5;
  color: #1D2129;
}
.inpt_wsrh .el-input__inner {
  padding: 2px 15px 0 15px;
  line-height: 40px;
  height: 42px;
}
 .inpt_wsrc .el-range-editor.is-active,
 .inpt_wsrc .el-range-editor.is-active:hover,
 .inpt_wsrc.el-select .el-input.is-focus .el-input__inner, .inpt_wsrc.el-select:hover .el-input__inner {
    border-color: #F2F3F5;
 }

.inpt_wsrh .el-input__inner::placeholder, .inpt_wsrc .el-input__inner::placeholder {
  color: #86909C;
}

.inpt_wsrh .el-input-group__append {
  padding: 0;
  border: 1px solid transparent;
  background: #F2F3F5;
}

.inpt_wsrh .srh_btm2 {
  margin: -1px 0 0 0;
  padding: 9px 15px;
  color: #fff;
  background:#5C86FF;
}

.srh_pbtm {
  padding: 5px 29px;
  font-size: 16px;
  color: #5C86FF;;
  background: #F6F6F6;
  cursor: pointer;
}

.srh_pbtm2 {
  margin: 0 10px 0 0;
  color: #fff;
  background: #5C86FF;
} 
/* term_sList */
.term_sList {
  align-items: flex-start;
  align-content: flex-start;
}
.term_slab {
  margin: 0.25rem 0 0 0;
  font-size: 16px;
}
.term_sdrop {
  margin: 1.6rem 0 0 0;
  padding: 0.5rem 2rem;
  background: #E8E8E8;
  min-height: 3.2rem;
}

.term_sList hgroup {
  flex: 1;
  min-width: 0;
}
.inpt_wsrc {
  width: 455px;
}
.inpt_wsdrop.el-popper {
  margin: 0;
  box-shadow: none;
  background: #F2F3F5;
}
.inpt_wsdrop.el-popper .el-checkbox {
  position: relative;
  z-index: 99;
  width: calc(100% + 40px);
}
.inpt_wsdrop.el-popper .selected {
  background: #F2F3F5 !important;
}
.inpt_wsdro.el-popper .popper__arrow::after {
  display: none !important;
}
.term_sList hgroup .el-checkbox-group, .term_sList hgroup.term_smores {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.term_sList hgroup .el-checkbox {
  margin: 0 15px 0 0;
  padding: 0.5rem 0;
}

.term_sList hgroup.term_smores {
  justify-content: space-between;
}

.term_sList hgroup .el-checkbox__label, .inpt_ws .el-select__input {
  font-size: 16px;
}

.inpt_ws input::placeholder, .inpt_ws .el-select__tags-text, .inpt_wsdrop .el-checkbox__label {
  font-size: 15px;
}

.term_sList hgroup .el-checkbox__label {
  line-height: 2.2rem;
  padding: 0 0 0 0.8rem;
}
.term_sList hgroup .el-checkbox__input {
  margin: -2px 0 0 0;
}

.term_sList hgroup .el-checkbox__inner {
  border: 2px solid #E5E6EB;
}
.term_sList hgroup .el-checkbox__input.is-checked .el-checkbox__inner,
.term_sList hgroup .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #5C86FF;
  border-color: #5C86FF;
}
.term_sList hgroup .el-checkbox__input.is-checked+.el-checkbox__label {
  color: #5C86FF;
}

/* section-query-box */
.section-query-box2 {
  margin: 2rem 0 0 0;
}
.term_list_box {
  padding: 3.2rem;
  /* display: flex;
  flex-direction: column;
  height: calc(100vh - 23rem); */
}
/* .term_tables {
  flex: 1;
} */

.term_title {
  margin: 0 0 2rem 0;
  justify-content: space-between;
  line-height: 3.2rem;
  font-size: 1.6rem;
  color: #4E5969;
}

.term_title em {
  font-size: 20px;
  font-weight: 500;
  color: #1D2129;
}

.term_tmo {
  padding: 0 1.2rem;
}
.term_tmo span {
  cursor: pointer;
}
.term_tmo span+span {
  margin: 0 0 0 0.8rem;
}
.term_tmo b {
  font-size: 16px;
  font-weight: normal;
  color: #1D2129;
}
.tern_icon {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  line-height: 1.8rem;
  margin: -1px 0.2rem 0 0;
}
 .tern_icon2 {
  /* width: 2rem;
  height: 2rem;
  margin: -1px 0.1rem 0 0; */
 }
.tern_icon svg {
  width: 100%;
  height: 100%;
}

.tern_icon2 svg {
  fill: #4E5969;
}
.tern_icon3 svg {
  stroke: #4E5969;
}

/* .tern_icon2 {
  background: url('../../images/eco/icon_5.png') 0 0 no-repeat;
  background-size: cover;
}
.tern_icon3 {
  background: url('../../images/eco/icon_6.png') 0 0 no-repeat;
  background-size: cover;
} */
 .sm_table.el-table .el-table__fixed-right-patch {
  background: #F2F3F5;
 }

 .sm_table.el-table .el-table__header-wrapper, .dlog_table.el-table .el-table__header-wrapper, .dlog_table.el-table thead th {
  background: #F2F3F5;
 }

.sm_table.el-table thead th {
  font-weight: 500;
  background: #F2F3F5;
  text-align: center;
}
.sm_table.el-table td.el-table__cell,
.sm_table.el-table th.el-table__cell.is-leaf {}

.sm_table.el-table th, .sm_table.el-table td {
  font-family: "SourceHanSansCN-Regular";
  height: 4rem;
  line-height: 2.2rem;
  font-size: 16px;
  color: #1D2129;
}
.sm_table.el-table td a, .dlog_table.el-table td a {
  color: #5C86FF;
}
.t_colb {
  color: #5C86FF;
  cursor: pointer;
}

.term_page, .el-pagination {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
/* .term_page .el-pagination .el-pager li:last-child, .term_page .el-pagination .el-pager li:nth-last-of-type(2) {
  display: none;
} */
.term_page {
  font-family: "SourceHanSansCN-Regular";
  justify-content: space-between;
  margin: 2rem 0 0 0;
  line-height: 2.2rem;
  font-size: 16px;
  color: #1D2129;
}
.term_page .el-pagination {
  font-weight: normal;
}
.term_page .el-pagination__editor.el-input {
  width: 60px;
}
.term_page .el-pagination button,
.term_page .el-pagination span:not([class*=suffix]) {
  line-height: 2.2rem;
}

.term_page .el-pagination.is-background .el-pager li:not(.disabled).active {
  background: transparent;
  border: 1px solid #5C86FF;
  color: #5C86FF;
  font-weight: bold;
}
.term_page .el-input__inner, .term_page .el-pagination__sizes .el-input .el-input__inner:hover,
.term_page .el-range-editor.is-active,
.term_page .el-range-editor.is-active:hover,
.term_page .el-select .el-input.is-focus .el-input__inner {
  border: 1px solid #E5E6EB;
}
.term_page .el-pagination.is-background .btn-next,
.term_page .el-pagination.is-background .btn-prev,
.term_page .el-pagination.is-background .el-pager li {
  background: transparent;
  border: 1px solid #E5E6EB;
  color: #1D2129;
}
.term_page .el-pager li, .term_page .el-input--mini .el-input__inner, .term_page .btn-prev, .term_page .btn-next {
  height: 30px;
  font-size: 16px;
}

.t_colh {
  color: #606266;
}

/* show_box */
.show_box,
.show_mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.show_box,
.show_mask,
.show_mode,
.show_close {
  z-index: -1;
}

.show_mask {
  background: rgba(0, 0, 0, 0.60);
  backdrop-filter: blur(20px);
  transition: all 0.7s ease-in-out 0s;
}

.show_mode {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 3rem 2rem;
  max-width: 100%;
  background: #fff;
  text-align: center;
  transition: all 0.5s ease-in-out 0s;
  transform: translate(-50%, -50%) scale(0.2, 0.2);
}

.show_close {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  width: 3.2rem;
  height: 3.2rem;
  background: url('../..//mobile/img/phone/ph_icon30.png') 0 0 no-repeat;
  background-size: cover;
  cursor: pointer;
}

.show_on {
  z-index: 999;
}

.show_on .show_mask {
  z-index: 1000;
}

.show_on .show_close {
  z-index: 1005;
}

.show_on .show_mode {
  z-index: 1001;
  transform: translate(-50%, -50%) scale(1, 1);
}
.drag_box {
  position: relative;
}

.check, .check-post {
  width: 500px;
  height: 275px;
  background: url('../../images/eco/pop_bg.jpg') 0 0 no-repeat;
  background-size: 100% 100%;
}

.check-post {
  background-position: -280px -100px;
  position: absolute;
  top: 0;
  left: 0;
}

.check-content {
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.5);
  border: 2px solid #fff;
  position: absolute;
  top: 100px;
  left: 280px;
  z-index: 1005;
}


.check-block {
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  position: absolute;
  top: 100px;
  left: 10px;
  z-index: 1005;
  overflow: hidden;
}

.drag {
  width: 500px;
  height: 50px;
  background-color: #e3e3e3;
  margin-top: 10px;
  position: relative;
}

.drag-block {
  width: 50px;
  height: 50px;
  background: #67c23a;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

.drag-tips {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 50px;
  font-size: 12px;
  color: #8a8a8a;
}
.drag-tcol {
  color: #67c23a;
}

@media screen and (max-width: 1280px) {
  .section-query-padding {
    padding: 3rem 6rem;
  }
  .split-line--vertical {
    margin: 0 2.5rem;
  }
  .section-query-box3 {
    margin: 0;
  }
  .title-group {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .section-query-padding {
    padding: 3rem 0.5rem;
  }
  .section-query-box3 {
   margin: 0;
  }
  /* title-vertical-center */
  .title-vertical-center {
    margin: 0;
    width: 100%;
  }

  .title-group {
    padding: 0 1rem;
  }

  .title-group h1 {
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .title-strong {
    margin: 0;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .totalCount2 {
    bottom: -1.3rem;
  }

  .title-desc {
    font-size: 0.7rem;
    line-height: 1;
    margin-top: 0.25rem;
  }

  .title-card-container {
    margin: 1rem 0 0 0;
    height: 4.3rem;
    padding: 0 1rem;
    overflow: hidden;
  }
  .card-shows {
    padding: 0 0.5rem;
  }

  .card-img {
    margin: -1.5rem 0 0 -1.5rem;
    width: 3rem;
    height: 3rem;
  }

  .title-card {
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    width: 100%;
    border-radius: 1rem;
  }

  .line-item p {
    font-size: 1rem;
    line-height: 1.2rem;
  }

  .line-item h4 {
    font-size: 0.7rem;
    line-height: 1.2rem;
  }

  .split-line--vertical {
    margin: 0.4rem 0;
  }

  /* section-query-box */
  .term_shmore {
    margin: 0 0  0 0.5rem;
  }
  .term_box {
    padding: 0;
  }

  .term_box li {
    margin: 0 0 0.8rem 0;
    line-height: 1.1rem;
    font-size: 0.7rem;
  }

  .term_box li:last-child {
    margin: 0;
  }

  .term_line {
    margin: 0.5rem 0 0 0;
  }

  .inpt_wsrh {
    width: 12rem;
  }

  .srh_btm {
    font-size: 0.7rem;
  }

.srh_pbtm {
  padding: 3px 10px;
  font-size: 14px;
}

.srh_pbtm2 {
  margin: 0 5px 0 0;
}

  /* term_sList */
  .term_sdrop {
    margin: 0.5rem 0 0 0;
    padding: 0.5rem 1rem;
    min-height: auto;
  }

  .inpt_wsrc {
    width: 100%;
  }

  .term_sList hgroup .el-checkbox {
    margin: 0 0.5rem 0 0;
    padding: 0.25rem 0;
  }

  .term_sList hgroup .el-checkbox__label {
    line-height: 1.1rem;
    padding: 0 0 0 0.4rem;
  }

  .term_sList hgroup .el-checkbox__inner {
    border: 2px solid #E5E6EB;
  }

  /* section-query-box */
  .section-query-box2 {
    margin: 0.5rem 0 0 0;
  }

  .term_list_box {
    padding: 0;
  }

  .term_title {
    margin: 0 0 0.5rem 0;
    line-height: 1.2rem;
    font-size: 0.75rem;
  }

  .term_title em {
    font-size: 0.8rem;
  }

  .term_tmo {
    padding: 0 0.5rem;
  }

  .term_tmo span+span {
    margin: 0 0 0 0.5rem;
  }

  .term_tmo b {
    font-size: 0.7rem;
  }

  .tern_icon {
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    margin: -1px 0.2rem 0 0;
  }


  .sm_table.el-table th,
  .sm_table.el-table td {
    height: 2rem;
    line-height: 1.1rem;
    font-size: 0.65rem;
  }

  .term_page {
    display: block;
    margin: 0.5rem 0 0 0;
    line-height: 1.1rem;
    font-size: 0.6rem;
    text-align: left;
  }
  .term_total {
    display: block;
    margin: 0 0 0.5rem 0;
  }

  .term_page .el-pagination button,
  .term_page .el-pagination span:not([class*=suffix]) {
    line-height: 1.1rem;
  }
  .term_page .el-pagination__jump {
    margin:  0 0 0 0.5rem;
  }

  /* show_box */
  .show_mode {
    padding: 1rem 0.5rem;
  }

  .show_close {
    right: 0.5rem;
    top: 0.5rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  
  .check,
  .check-post {
    width: 320px;
    height: 205px;
  }

  .check-post {
    background-position: -180px -50px;
  }

  .check-content {
    top: 50px;
    left: 70px;
  }


  .drag {
    width: 320px;
    height: 50px;
  }
}