@charset "utf-8";
.round {
  border-radius: 5000px;
}

.page-container, .radius {
  border-radius: 4px;
}

.page-container {
  margin: 15px;
  padding: 20px;
  background-color: #fff;
}

.color-blue {
  color: #2361ff;
}

.color-success {
  color: #67c23a;
}

.color-warning {
  color: #e6a23c;
}

.color-danger {
  color: #f56c6c;
}

.color-info {
  color: #909399;
}

.bg-white {
  background-color: #fff;
}

.bg-blue {
  background-color: #2361ff;
}

.bg-success {
  background-color: #67c23a;
}

.bg-warning {
  background-color: #e6a23c;
}

.bg-danger {
  background-color: #f56c6c;
}

.bg-info {
  background-color: #909399;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-col, .flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
}

.flex-col {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-sub {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-direction {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.self-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.self-center {
  -ms-flex-item-align: flex-center;
  align-self: flex-center;
}

.self-end {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.self-stretch {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flex-center {
  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;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-center {
  text-align: center;
}

.two-lines {
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.dashed, .dashed-bottom, .dashed-left, .dashed-right, .dashed-top, .solid, .solid-bottom, .solid-left, .solid-right, .solid-top, .solids, .solids-bottom, .solids-left, .solids-right, .solids-top {
  position: relative;
}

.dashed-bottom:after, .dashed-left:after, .dashed-right:after, .dashed-top:after, .dashed:after, .solid-bottom:after, .solid-left:after, .solid-right:after, .solid-top:after, .solid:after, .solids-bottom:after, .solids-left:after, .solids-right:after, .solids-top:after, .solids:after {
  content: " ";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.solid:after {
  border: 1px solid rgba(0,0,0,.1);
}

.solid-top:after {
  border-top: 1px solid rgba(0,0,0,.1);
}

.solid-right:after {
  border-right: 1px solid rgba(0,0,0,.1);
}

.solid-bottom:after {
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.solid-left:after {
  border-left: 1px solid rgba(0,0,0,.1);
}

.solids:after {
  border: 8px solid #eee;
}

.solids-top:after {
  border-top: 8px solid #eee;
}

.solids-right:after {
  border-right: 8px solid #eee;
}

.solids-bottom:after {
  border-bottom: 8px solid #eee;
}

.solids-left:after {
  border-left: 8px solid #eee;
}

.dashed:after {
  border: 1px dashed #ddd;
}

.dashed-top:after {
  border-top: 1px dashed #ddd;
}

.dashed-right:after {
  border-right: 1px dashed #ddd;
}

.dashed-bottom:after {
  border-bottom: 1px dashed #ddd;
}

.dashed-left:after {
  border-left: 1px dashed #ddd;
}

.white-color {
  color: #fff;
}

.font12 {
  font-size: 12px;
}

.font14 {
  font-size: 14px;
}

img {
  vertical-align: middle;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.wid_1200 {
  width: 1200px;
  margin: 0 auto;
}

.wid200 {
  width: 200px;
}

.wid190 {
  width: 190px;
}

.wid120 {
  width: 120px;
}

.wid100 {
  width: 100px;
}

.wid60 {
  width: 60px;
}

.margin-left10 {
  margin-left: 10px;
}

.icon_websit_check {
  height: 14px;
  position: relative;
  top: -1px;
  margin-right: 6px;
}

.submenuInfo {
  left: 0!important;
  right: 0;
}

.submenuInfo .el-menu--popup-bottom-start {
  margin: 0;
}

.submenu {
  color: #333;
  padding: 30px 0 20px;
}

.submenu-box {
  padding: 15px 0;
  cursor: pointer;
}

.submenu-box:hover {
  color: #ff3734;
}

.submenu-tip {
  font-size: 12px;
  margin-bottom: 20px;
}

.submenu-image {
  width: 40px;
  height: 40px;
}

.submenu-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  padding-left: 15px;
}

.submenu-title {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  line-height: 20px;
}

.submenu-desc {
  line-height: 20px;
  color: rgba(0,0,0,.45);
  font-size: 12px;
  margin-top: 7px;
}

.section-title {
  padding-top: 80px;
  text-align: center;
}

.section-title .title {
  font-size: 30px;
  font-weight: 700;
}

.section-title .desc {
  color: #888;
  font-size: 16px;
  margin-top: 20px;
}

.section-partner {
  height: 300px;
  color: #fff;
  background: url(https://h5.dhcc.wang/images/business/robot_banner_contact.png) no-repeat fixed;
  background-size: 100% 100%;
  text-align: center;
}

.section-partner .title {
  line-height: 51px;
  font-size: 26px;
  letter-spacing: 1px;
}

.section-partner .btn {
  display: block;
  width: 200px;
  height: 38px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #fff;
  margin: 15px auto;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.section-partner .btn:hover {
  color: #1b57ee;
  background: #fff;
  border-color: #1b57ee;
}

.el-tooltip__popper.infoTooltip {
  border: 0!important;
  padding: 0;
}

.el-tooltip__popper.infoTooltip .popper__arrow {
  border: 0!important;
}

.hasLoginPop {
  padding: 0;
}

.validMobileDialog .el-dialog__header {
  background: #409eff;
  padding: 12px 20px;
}

.validMobileDialog .el-dialog__body {
  text-align: center;
}

.validMobileDialog .el-dialog__close, .validMobileDialog .el-dialog__headerbtn:hover .el-dialog__close, .validMobileDialog .el-dialog__title {
  color: #fff;
}

.validMobileDialog .mobile {
  color: #409eff;
  font-weight: 700;
}

.validMobileDialog .mb {
  padding: 40px 0 0;
}

.validMobileDialog .box {
  padding-top: 20px;
}

.validMobileDialog .codebox {
  padding-left: 15px;
}

.validMobileDialog .dialog-footer {
  font-size: 14px;
  text-align: center;
  margin-top: 80px;
}

.validMobileDialog .dialog-footer .el-link {
  padding-left: 5px;
}

.contGrids {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
}

.contGrids .grids {
  padding: 10px 0;
  border-left: 1px solid #f1f1f1;
  text-align: center;
}

.contGrids .grids.noboder {
  border: 0;
}

.contGrids .grids-text {
  font-size: 15px;
  margin-bottom: 20px;
}

.contGrids .grids-num {
  font-size: 30px;
  color: #222;
}

.badgeBox.success {
  color: #67c23a;
}

.badgeBox.success .badge {
  background: #67c23a;
}

.badgeBox.warning {
  color: #e6a23c;
}

.badgeBox.warning .badge {
  background: #e6a23c;
}

.badgeBox.danger {
  color: #f56c6c;
}

.badgeBox.danger .badge {
  background: #f56c6c;
}

.badgeBox .badge {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.iconTK {
  width: 16px;
  height: 16px;
}

.friendsfiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.friendsfiles-item {
  width: 160px;
  height: 160px;
  font-size: 12px;
  margin: 0 10px 10px 0;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}

.friendsfiles-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.friendsfiles-item.upload {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px dashed #d9d9d9;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.friendsfiles-item.upload:hover {
  border-color: #409eff;
}

.friendsfiles-actions {
  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;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  text-align: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0,0,0,.5);
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.friendsfiles-actions:hover {
  opacity: 1;
}

.friendsfiles-actions span {
  padding: 0 10px;
  cursor: pointer;
}

.infoLink {
  font-size: 12px;
  font-weight: 400;
  color: #2361ff;
  opacity: .9;
  margin-left: 10px;
}

.infoLink:hover {
  color: #2361ff;
  text-decoration: underline;
  opacity: 1;
}

.friendsTipsBtn {
  position: absolute;
  left: 102%;
  top: 0;
}

.friendsTips {
  width: 260px;
  line-height: 22px;
  background: #fff;
  padding: 10px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  box-shadow: 0 0 15px rgba(0,0,0,.1);
  position: absolute;
  left: 102%;
  top: -40px;
}

.friendsTips-inner {
  background: #96e164;
  font-size: 14px;
  padding: 12px;
  border-radius: 4px;
}

.friendsTips .close {
  color: #ddd;
  font-size: 30px;
  cursor: pointer;
  position: absolute;
  right: -12px;
  top: -12px;
}

.friendsTips .notice {
  display: block;
  font-size: 14px;
  padding-top: 5px;
}

.friendsTips .notice:hover {
  text-decoration: underline;
}

.goldQues {
  line-height: 24px;
  color: #409eff;
  margin-top: 40px;
}

.goldQues .icon {
  font-size: 18px;
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.goldQues .txt {
  font-size: 14px;
  padding-top: 2px;
}

.faceDivBoxNew .closeFaceBox {
  color: #1b57ee;
  font-size: 30px;
  cursor: pointer;
  top: -22px;
  right: -10px;
}

.emoji-box section {
  padding: 2px 5px;
}

.faq-content img {
  width: 50%;
  font-size: 0;
  margin-bottom: 5px;
}

.copyToolHide {
  position: fixed!important;
  left: -1000%;
  opacity: 0;
}

.iconClHover:hover .iconClose {
  display: block;
}

.iconClose {
  display: none;
  z-index: 16;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #5680fe;
  background: #fff;
  font-size: 20px;
  text-align: center;
  border-radius: 15px;
  position: absolute;
  top: 2px;
  right: 2px;
  transition: all .5s linear;
  -moz-transition: all linear .5s;
  -webkit-transition: all .5s linear;
  -webkit-box-shadow: 0 0 16px rgba(0,0,0,.15);
  box-shadow: 0 0 16px rgba(0,0,0,.15);
  cursor: pointer;
}

.iconClose:hover {
  color: #fff;
  background: #607bfe;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.toolbatch_form-inline .el-select-dropdown__item {
  height: auto;
  line-height: 24px;
  padding: 8px 20px;
}

.toolbatch_form-inline .el-select-dropdown__item.selected, .toolbatch_form-inline .el-select-dropdown__item.selected .beizhu {
  color: #5287ff;
}

.toolbatch_form-inline .beizhu {
  color: #999;
  font-size: 12px;
}

.toolbatch_form-inline .line {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: 0 10px;
  background: #ededed;
}

.toolbatch_form-inline .manage {
  color: #5287ff;
  font-size: 14px;
}

.toolbatch_form-inline .icon-tools {
  font-size: 18px;
  margin-right: 5px;
}

.el-tooltip__popper.toolbatchTip {
  width: 470px;
  padding: 25px;
  color: #fefeff;
  background: #5cadff;
  font-size: 14px;
  font-family: Microsoft YaHei;
  border-radius: 6px;
}

.el-tooltip__popper.toolbatchTip .popper__arrow, .el-tooltip__popper.toolbatchTip .popper__arrow:after {
  border-right-color: #5cadff;
}

.el-tooltip__popper.toolbatchTip .tipTitle {
  text-align: center;
  font-weight: 700;
  margin-bottom: 6px;
}

.el-tooltip__popper.toolbatchTip .item-content {
  width: 100%;
  line-height: 1.8;
  color: #666;
  background: #fff;
  font-size: 12px;
  margin: 9px 0 20px 0;
  padding: 11px 0 12px 11px;
  border-radius: 10px;
}

.el-textarea__inner {
  resize: none;
}

.detailEditMat .el-dialog__body, .detailEditMat .el-dialog__header {
  padding: 0;
}

.detailEditMat-title {
  height: 61px;
  padding: 0 30px 0 0;
  border-bottom: 1px solid #f2f2f2;
}

.detailEditMat-title .item {
  width: 170px;
  height: 61px;
  line-height: 60px;
  color: #5c5c5c;
  background-color: #f7f7f7;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.detailEditMat-title .item.active {
  color: #333;
  background-color: #fff;
}

.detailEditMat-title .item:nth-child(2) {
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}

.detailEditMat-write1 {
  width: 450px;
  margin: 0 auto;
  padding: 30px 0;
  font-size: 16px;
}

.detailEditMat-write1 .write:not(:first-child) {
  margin-top: 25px;
}

.detailEditMat-write1 .write-title {
  color: #666;
}

.detailEditMat-write1 .write-title .more {
  width: 42px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  background: #4d75ff;
  font-size: 14px;
  border-radius: 3px;
  cursor: pointer;
}

.detailEditMat-write1 .item {
  line-height: 1.7;
  background: #f4faff;
  padding: 11px 16px;
  margin-top: 10px;
  border-radius: 5px;
}

.detailEditMat-write2 {
  padding: 20px 28px 22px 28px;
}

.detailEditMat-write2 .el-button {
  color: #333;
  background: #ededed;
  font-size: 14px;
  border-color: #ededed;
}

.detailEditMat-write2 .el-button:hover {
  background: #5e82fe;
  border-color: #5e82fe;
  color: #fff;
}

.detailEditMat-write2 .write-con {
  width: 550px;
  height: 250px;
  line-height: 22px;
  color: #333;
  background-color: #f4faff;
  padding: 20px;
  margin: 16px auto 0;
  border-radius: 5px;
  outline: 0;
  overflow: auto;
}

.detailEditMat-write2 .delete {
  color: #999;
  cursor: pointer;
}

.detailEditMat-write2 .delete:hover {
  color: #5e82fe;
}

.detailEditMat-write2 .icon-del {
  font-size: 16px;
  position: relative;
  top: 1px;
}

.detailEditMat .footer-btn {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border-top: 1px solid #f7f7f7;
  cursor: pointer;
}

.detailEditMat .footer-btn:hover {
  color: #5e82fe;
  background: #f7f7f7;
}

.writeMoreTooltip {
  width: 460px;
  background: #fff;
  padding: 20px;
  border-color: #fff!important;
  -webkit-box-shadow: 0 7px 20px 9px rgba(0,0,0,.1);
  box-shadow: 0 7px 20px 9px rgba(0,0,0,.1);
}

.writeMoreTooltip .popper__arrow {
  border-bottom-color: #fff!important;
}

.writeMoreTooltip .list {
  max-height: 350px;
  overflow-y: auto;
  padding: 0;
}

.writeMoreTooltip .list-item {
  color: #5c5c5c;
  background-color: #f4faff;
  font-size: 14px;
  padding: 15px;
  margin-top: 10px;
  border-radius: 5px;
  border: 1px solid #fff;
  cursor: pointer;
}

.writeMoreTooltip .list-item:hover {
  border: 1px solid #4d75ff;
}

.writeMoreTooltip .list-item:nth-child(2n + 2) {
  background-color: #f2f2f2;
}

.writeMoreTooltip .tips {
  color: #999;
  font-size: 14px;
  margin-top: 15px;
  text-align: center;
}

.padding-top-lg {
  padding-top: 40px;
}

.padding-top-sm {
  padding-top: 30px;
}

.clearfix:after {
  overflow: hidden;
  content: "";
}

.page_pc, .page_pc_footer, .page_pc_header, .page_pc_main {
  display: block;
}

.page_mobile, .page_mobile_footer, .page_mobile_header, .page_mobile_main {
  display: none;
}

@media screen and (max-width:768px) {

  .page_pc, .page_pc_footer, .page_pc_header, .page_pc_main {
    display: none;
  }

  .page_mobile, .page_mobile_footer, .page_mobile_header, .page_mobile_main {
    display: block;
  }

  .page_mobile_main .item {
    background-size: 80%!important;
    background-position: 50%!important;
  }

  .hjy-partners .item, .section-6 .item {
    height: 56px!important;
  }

  #app {
    min-width: 0!important;
  }

  .wid_1200 {
    width: auto;
  }

  .website-footer {
    padding: 0!important;
  }

  .section-title {
    padding-top: 1.5rem;
  }

  .section-title .title {
    font-size: .6rem!important;
  }

  .section-title .desc {
    line-height: .6rem;
    font-size: .4rem!important;
  }
}

.tipsInfo {
  position: absolute;
  top: -6px;
  right: 0;
  font-size: 12px;
  min-width: 40px;
  height: 18px;
  line-height: 18px;
  color: #fff;
  border-radius: 10px 10px 10px 0;
  text-align: center;
  padding: 0 6px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(251,66,97,.51);
  box-shadow: 0 2px 5px 0 rgba(251,66,97,.51);
  background: -webkit-gradient(linear,right top,left top,from(#fd5f3c),to(#fc2c3c));
  background: linear-gradient(-90deg,#fd5f3c,#fc2c3c);
}

.tipsInfo, .tipsInfo em {
  font-style: normal;
}

.el-tabs--border-card {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.el-tabs__item.is-active, .el-tabs__item:hover {
  color: #2361ff;
}

.el-tabs__active-bar {
  background-color: #2361ff;
}

.fade-enter-active, .fade-leave-active {
  -webkit-transition: opacity .28s;
  transition: opacity .28s;
}

.fade-enter, .fade-leave-active {
  opacity: 0;
}

.fade-transform-enter-active, .fade-transform-leave-active {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.fade-transform-enter {
  opacity: 0;
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}

.breadcrumb-enter-active, .breadcrumb-leave-active {
  -webkit-transition: all .5s;
  transition: all .5s;
}

.breadcrumb-enter, .breadcrumb-leave-active {
  opacity: 0;
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

.breadcrumb-move {
  -webkit-transition: all .5s;
  transition: all .5s;
}

.breadcrumb-leave-active {
  position: absolute;
}

.el-breadcrumb__inner, .el-breadcrumb__inner a {
  font-weight: 400!important;
}

.el-upload input[type=file] {
  display: none!important;
}

.el-upload__input {
  display: none;
}

.el-dialog {
  -webkit-transform: none;
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

.upload-container .el-upload {
  width: 100%;
}

.upload-container .el-upload .el-upload-dragger {
  width: 100%;
  height: 200px;
}

.el-dropdown-menu a {
  display: block;
}

.el-range-separator {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.iptBtn .el-input__inner {
  width: 360px;
}

.searchInput .el-input__inner {
  border-radius: 0;
  height: 32px;
  line-height: 32px;
}

.searchInput .el-input__inner:focus, .searchInput .el-input__inner:hover {
  border-color: #dcdfe6;
}

.searchInput .el-input__suffix .el-input__icon {
  line-height: 32px;
}

.atooltip.el-tooltip__popper[x-placement^=top] .popper__arrow, .atooltip.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
  border-top-color: #3a81f9;
}

.atooltip {
  background: #3a81f9!important;
}

#app .main-container {
  min-height: 100%;
  -webkit-transition: margin-left .28s;
  transition: margin-left .28s;
  margin-left: 210px;
  position: relative;
}

#app .sidebar-container {
  -webkit-transition: width .28s;
  transition: width .28s;
  width: 210px!important;
  background-color: #fff;
  height: 100%;
  position: fixed;
  font-size: 0;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  overflow: hidden;
  -webkit-box-shadow: 0 16px 16px 0 rgba(55,69,103,.02),0 8px 8px 0 rgba(235,240,252,.02);
  box-shadow: 0 16px 16px 0 rgba(55,69,103,.02),0 8px 8px 0 rgba(235,240,252,.02);
  border-right: 1px solid #f3f3f3;
}

#app .sidebar-container .horizontal-collapse-transition {
  -webkit-transition: width 0s ease-in-out,padding-left 0s ease-in-out,padding-right 0s ease-in-out;
  transition: width 0s ease-in-out,padding-left 0s ease-in-out,padding-right 0s ease-in-out;
}

#app .sidebar-container .scrollbar-wrapper {
  overflow-x: hidden!important;
}

#app .sidebar-container .el-scrollbar__bar.is-vertical {
  right: 0;
}

#app .sidebar-container .el-scrollbar {
  height: 100%;
}

#app .sidebar-container.has-logo .el-scrollbar {
  height: calc(100% - 50px);
}

#app .sidebar-container .is-horizontal {
  display: none;
}

#app .sidebar-container a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

#app .sidebar-container .svg-icon {
  margin-right: 10px;
}

#app .sidebar-container .el-menu {
  border: none;
  height: 100%;
  width: 100%!important;
}

#app .sidebar-container .el-submenu__title:hover, #app .sidebar-container .is-active, #app .sidebar-container .submenu-title-noDropdown:hover {
  background-color: #f5f5f5!important;
}

#app .sidebar-container .is-active > .el-submenu__title {
  color: #007aff!important;
}

#app .sidebar-container .el-submenu .el-menu-item, #app .sidebar-container .nest-menu .el-submenu > .el-submenu__title {
  min-width: 210px!important;
  background-color: none!important;
  height: 46px;
  line-height: 46px;
}

#app .sidebar-container .el-submenu .el-menu-item:hover, #app .sidebar-container .el-submenu .is-active, #app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover {
  background-color: #e9efff!important;
}

#app .hideSidebar .sidebar-container {
  width: 54px!important;
}

#app .hideSidebar .main-container {
  margin-left: 54px;
}

#app .hideSidebar .submenu-title-noDropdown {
  padding: 0!important;
  position: relative;
}

#app .hideSidebar .submenu-title-noDropdown .el-tooltip {
  padding: 0!important;
}

#app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon {
  margin-left: 20px;
}

#app .hideSidebar .el-submenu {
  overflow: hidden;
}

#app .hideSidebar .el-submenu > .el-submenu__title {
  padding: 0!important;
}

#app .hideSidebar .el-submenu > .el-submenu__title .svg-icon {
  margin-left: 20px;
}

#app .hideSidebar .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}

#app .hideSidebar .el-menu--collapse .el-submenu > .el-submenu__title > span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}

#app .el-menu--collapse .el-menu .el-submenu {
  min-width: 210px!important;
}

#app .mobile .main-container {
  margin-left: 0;
}

#app .mobile .sidebar-container {
  -webkit-transition: -webkit-transform .28s;
  transition: -webkit-transform .28s;
  transition: transform .28s;
  transition: transform .28s,-webkit-transform .28s;
  width: 210px!important;
}

#app .mobile.hideSidebar .sidebar-container {
  pointer-events: none;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform: translate3d(-210px,0,0);
  transform: translate3d(-210px,0,0);
}

#app .withoutAnimation .main-container, #app .withoutAnimation .sidebar-container {
  -webkit-transition: none;
  transition: none;
}

.el-menu--vertical > .el-menu .svg-icon {
  margin-right: 16px;
}

.el-menu--vertical .el-menu-item:hover, .el-menu--vertical .nest-menu .el-submenu > .el-submenu__title:hover {
  background-color: #f5f5f5!important;
}

.el-menu--vertical > .el-menu--popup {
  max-height: 100vh;
  overflow-y: auto;
}

.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece {
  background: #d3dce6;
}

.el-menu--vertical > .el-menu--popup::-webkit-scrollbar {
  width: 6px;
}

.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb {
  background: #99a9bf;
  border-radius: 20px;
}

::-webkit-scrollbar-track-piece {
  background-color: #fafafa;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  background-clip: padding-box;
  min-height: 28px;
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a7a7a7;
}

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
  color: #333;
  margin: 0;
  background-color: #f9f9f9;
}

label {
  font-weight: 700;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#app, html {
  height: 100%;
}

#app {
  min-width: 1400px;
}

*, :after, :before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

a:active, a:focus {
  outline: none;
}

a, a:focus, a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.search-form .form-submit {
  margin-bottom: 0;
}

.search-form .form-submit span.reset {
  color: #1989fa;
  margin-left: 15px;
}

.search-form .form-submit span.reset:hover {
  opacity: .8;
  cursor: pointer;
}

.el-table th {
  background-color: #f5f7fa;
}

@font-face {
font-family:customFont;src:url(data:font/otf;base64,T1RUTwANAIAAAwBQQ0ZGIEuTqR0AAAb0AAAEtERTSUcAAAABAAAL6AAAAAhHREVGACAABAAAC/AAAAAcR1BPUzXOTrAAAAwMAAAAQEdTVUKcarBYAAAMTAAAAHZPUy8yXsdY6gAAAUAAAABgY21hcCBwKrkAAAWAAAABUmhlYWT9v0PxAAAA3AAAADZoaGVhBuoCHgAAARQAAAAkaG10eB7AA5IAAAuoAAAAQG1heHAAEFAAAAABOAAAAAZuYW1lUtGLsgAAAaAAAAPgcG9zdP98ADMAAAbUAAAAIAABAAAAB3XCpsW4g18PPPUAAwPoAAAAAMBPIxYAAAAA24ZnvgAA/2UCzAMSAAAABwACAAAAAAAAAAEAAAQR/xMACgL9AAD//QLMAAEAAAAAAAAAAAAAAAAAAAAQAABQAAAQAAAAAwHsAfQABQAEAtECWQAAAAAC0QJZAAABHQAyAPoAAAIABQMDAAACAAQAAAAAAAAAAAAAAAAAAAAARlNJAAAAACwApQL8/xQBIAQRAO0AAAABAAAAAAIAAsgAAAAAAAMAAAAQAMYAAwABBAkAAAB6AAAAAwABBAkAAQAaAHoAAwABBAkAAgAOAJQAAwABBAkAAwA0AKIAAwABBAkABAAaAKIAAwABBAkABQB8ANYAAwABBAkABgAaAHoAAwABBAkABwBiAVIAAwABBAkACAA2AEQAAwABBAkACQAeAAoAAwABBAkACwAuAbQAAwABBAkADAAuAbQAAwABBAkADQDWAeIAAwABBAkADgBiArgAAwABBAkAEAAMAKIAAwABBAkAEQAMALAAMgAwADAANQAgAEEAbABiAGUAcgB0AC0ASgBhAG4AIABQAG8AbwBsACAAcAB1AGIAbABpAHMAaABlAGQAIABiAHkAIABGAFMASQAgAEYAbwBuAHQAcwAgAHUAbgBkACAAUwBvAGYAdAB3AGEAcgBlACAARwBtAGIASABEAEkATgBQAHIAbwAtAE0AZQBkAGkAdQBtAFIAZQBnAHUAbABhAHIARABJAE4AUAByAG8AIABNAGUAZABpAHUAbQA6AFYAZQByAHMAaQBvAG4AIAA3AC4ANAA2AFYAZQByAHMAaQBvAG4AIAA3AC4ANAA2ADsAUwBlAHAAdABlAG0AYgBlAHIAIAAxADUALAAgADIAMAAyADAAOwBGAG8AbgB0AEMAcgBlAGEAdABvAHIAIAAxADMALgAwAC4AMAAuADIANgA4ADMAIAA2ADQALQBiAGkAdABEAEkATgAgAGkAcwAgAGEAIAB0AHIAYQBkAGUAbQBhAHIAawAgAG8AZgAgAEYAUwBJACAARgBvAG4AdABzACAAdQBuAGQAIABTAG8AZgB0AHcAYQByAGUAIABHAG0AYgBIAGgAdAB0AHAAOgAvAC8AdwB3AHcALgBmAG8AbgB0AGYAbwBuAHQALgBjAG8AbQBUAGgAaQBzACAAZgBvAG4AdAAgAGkAcwAgAG0AYQBkAGUAIAB3AGkAdABoACAAdABoAGUAIAB0AHIAaQBhAGwAIAB2AGUAcgBzAGkAbwBuACAAbwBmACAARgBvAG4AdABDAHIAZQBhAHQAbwByAC4AIABZAG8AdQAgAG0AYQB5ACAAbgBvAHQAIAB1AHMAZQAgAHQAaABpAHMAIABmAG8AbgB0ACAAZgBvAHIAIABjAG8AbQBtAGUAcgBjAGkAYQBsACAAcAB1AHIAcABvAHMAZQBzAC4AaAB0AHQAcABzADoALwAvAHcAdwB3AC4AaABpAGcAaAAtAGwAbwBnAGkAYwAuAGMAbwBtAC8AZgBvAG4AdAAtAGwAaQBjAGUAbgBzAGUALQBhAGcAcgBlAGUAbQBlAG4AdAAAAAMAAAADAAAAHAABAAAAAABMAAMAAQAAABwABAAwAAAACAAIAAIAAAAsADoApf//AAAALAAuAKX////V/9T/agABAAAAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAgMEBQYHCAkKCwwNDgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAAP95ADMAAAAAAAAAAAAAAAAAAAAAAAAAAAEABAQAAQEBDkRJTlByby1NZWRpdW0AAQEBK/gbAPgcDAD4HQL4HQP4GAT7GwwDvgwEi/sv+aT5pgX3Mw/3UhGUHASrEgADAQEGQ1A3LjQ2MDIwMDUgQWxiZXJ0LUphbiBQb29sIHB1Ymxpc2hlZCBieSBGU0kgRm9udHMgdW5kIFNvZnR3YXJlIEdtYkhESU5Qcm8tTWVkaXVtAAAAAAAADQAPABAAEQASABMAFAAVABYAFwAYABkAGgAbAGQAEAIAAQB4AIYAkwCkAPMBDAFNAbAB1AIzAogCogMbA3ADiwPJ96G8+PoV/EIHi1yeYbFlsWW1eLmLCPhD8GZL/B4GZ4tpmm2qbKp7rIuwCPge+B4Hr4ute6ptqmyaaYtnCPs5sPc5B4u5eLZlsWWwYJ5diwj7tfsZFfvi1ffiB7H7HRVC9dQHtPcdFfvi1PfiB7z7mRVC9yXUBw77dPdWTxX3RPsI+6MHDvtu91wW9w77DvsOBw77CPgT+aYVKQb7sf3wBe0GDrD4bPdaFffQB4v3Ey7Y+wWL+wWLLz6L+xMI+9AHi/sT5z73BYv3BYvo2Iv3EwgljhWLRmRcSotKi2W6i9AI98oHi9CxusyLzIuyXItGCA6w9/cW+VwlB/sf+wwF+wUH9x/3DgX87QcOsPhxFub7tgf3c/elBbfBorCLyov3DzfY+w6L+w2LNTuL+w0I8QaL276pwYvNi7Ffi0uLZ4BxcGoI+6b74QUwBw6w+HL3XBWL42TATqbCpq28i9eL9wo13PsNi/sGizJChfsNCPEGkMqzssmLxYu6ZYtDi0ppYEGLCHoynAbbi7Jei0OLQFlgSYtQi1arh9cIJQaP+x/vTvcGi/cLi+7Ri/cdCA6w+Ib2Feo/9zoo+zr7RQf3jviSBfsCBvuP/JIFLPe0IO72Bw6w+HP3ghWLzoPQVcFuqGCcU4tXi2F7c3II91D3uOb8FPwZ6AeWrquoxYvdi6FLizaLW4dcbW15eXGBbYtLi2uvg8oIJQaPWJdcsWWqbMBzz4vQi7yjq6u/v5PIi9cIDrD4cfdnFYv3ETfcJIt1i3WIeIMI9y33xgX7AQb7NvveBWxNdVSLUYv7GOM69w+L9w+L4uGL9xcIJYkViz9eW0uLS4tfu4vXi9i3ucuLz4u0VotFCA6w+Hv5ARXm/Dz7X+33BPdtB/uD/QEF9wIGDrD4evddFYvgW79Zqbmns72L1ov3Cy/Z+wiL+wiLMD2L+wuLQLNZuW9ZbVtXizaL+xXsPfcOi/cOi+3Zi/cVCCSNFYtJWFdJi0mLWL+LzYvNvsDNi82LvlaLSQiA988Vi0xfXk2LTYtguIvKi8m2usmLyYu3XItNCA6w+HH4jRWL9xgz3PsPi/sPizQ1i/sXi/sR3jryi6GLoo6ekwj7LfvGBfcBBvc2994FqsmhwovFCCWJFYs+Xl1Li0eLY8CL0YvXt7vLi8uLuFuLPwgO+1X3dfexFfcO+w37Dgf3DfuxFfcO+w37DgcOu/iu+VwV+wkG+yj7zvsq984F+woG9yf7tgU0PfcTBqVYBVf7LT33Lfs39wD3N/ct2fstvwelvgX3E9k0Bg58iwb3XBT4hBUC/QAxARAATgEWAE4BfAAAAhUAPQIVAHICFQA/AhUAKgIVACMCFQA/AhUAOAIVAD8CFQAvAhUAOAEvAGgCIAAFAAAAAQAAAAAAAQAAAAwAAAAAAAAAAgACAAAAAAACAAEADwABAAEAAAAKADwAPgADY3lybAAUZ3JlawAebGF0bgAoAAQAAAAA//8AAAAEAAAAAP//AAAABAAAAAD//wAAAAAAAAABAAAACgBCAFAAA2N5cmwAFGdyZWsAIGxhdG4ALAAEAAAAAP//AAEAAAAEAAAAAP//AAEAAAAEAAAAAP//AAEAAAABZnJhYwAIAAAAAQAAAAEABAAEAAAAAQAIAAEAFAABAAgAAQAEAAAAAwADAAQAAQABAAQAAA==) format("truetype")
}

.customFont {
  font-family: customFont;
}

/* ================= 404 页 ================= */

:where(body.hjy-page-404) .wscn-http404-container {
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  position: absolute;
  top: 40%;
  left: 50%;
}

:where(body.hjy-page-404) .wscn-http404 {
  position: relative;
  width: 1200px;
  padding: 0 50px;
  overflow: hidden;
}

:where(body.hjy-page-404) .wscn-http404 .pic-404 {
  position: relative;
  float: left;
  width: 600px;
  overflow: hidden;
}

:where(body.hjy-page-404) .wscn-http404 .pic-404__parent {
  width: 100%;
}

:where(body.hjy-page-404) .wscn-http404 .pic-404__child {
  position: absolute;
}

:where(body.hjy-page-404) .wscn-http404 .pic-404__child.left {
  width: 80px;
  top: 17px;
  left: 220px;
  opacity: 0;
  -webkit-animation-name: cloudLeft;
  animation-name: cloudLeft;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

:where(body.hjy-page-404) .wscn-http404 .pic-404__child.mid {
  width: 46px;
  top: 10px;
  left: 420px;
  opacity: 0;
  -webkit-animation-name: cloudMid;
  animation-name: cloudMid;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

:where(body.hjy-page-404) .wscn-http404 .pic-404__child.right {
  width: 62px;
  top: 100px;
  left: 500px;
  opacity: 0;
  -webkit-animation-name: cloudRight;
  animation-name: cloudRight;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

@-webkit-keyframes cloudLeft {
0%{top:17px;left:220px;opacity:0}20%{top:33px;left:188px;opacity:1}80%{top:81px;left:92px;opacity:1}to{top:97px;left:60px;opacity:0}
}

@keyframes cloudLeft {
0%{top:17px;left:220px;opacity:0}20%{top:33px;left:188px;opacity:1}80%{top:81px;left:92px;opacity:1}to{top:97px;left:60px;opacity:0}
}

@-webkit-keyframes cloudMid {
0%{top:10px;left:420px;opacity:0}20%{top:40px;left:360px;opacity:1}70%{top:130px;left:180px;opacity:1}to{top:160px;left:120px;opacity:0}
}

@keyframes cloudMid {
0%{top:10px;left:420px;opacity:0}20%{top:40px;left:360px;opacity:1}70%{top:130px;left:180px;opacity:1}to{top:160px;left:120px;opacity:0}
}

@-webkit-keyframes cloudRight {
0%{top:100px;left:500px;opacity:0}20%{top:120px;left:460px;opacity:1}80%{top:180px;left:340px;opacity:1}to{top:200px;left:300px;opacity:0}
}

@keyframes cloudRight {
0%{top:100px;left:500px;opacity:0}20%{top:120px;left:460px;opacity:1}80%{top:180px;left:340px;opacity:1}to{top:200px;left:300px;opacity:0}
}

:where(body.hjy-page-404) .wscn-http404 .bullshit {
  position: relative;
  float: left;
  width: 300px;
  padding: 30px 0;
  overflow: hidden;
}

:where(body.hjy-page-404) .wscn-http404 .bullshit__oops {
  font-size: 32px;
  line-height: 40px;
  color: #1482f0;
  margin-bottom: 20px;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

:where(body.hjy-page-404) .wscn-http404 .bullshit__headline, :where(body.hjy-page-404) .wscn-http404 .bullshit__oops {
  font-weight: 700;
  opacity: 0;
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

:where(body.hjy-page-404) .wscn-http404 .bullshit__headline {
  font-size: 20px;
  line-height: 24px;
  color: #222;
  margin-bottom: 10px;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

:where(body.hjy-page-404) .wscn-http404 .bullshit__info {
  font-size: 13px;
  line-height: 21px;
  color: grey;
  margin-bottom: 30px;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

:where(body.hjy-page-404) .wscn-http404 .bullshit__info, :where(body.hjy-page-404) .wscn-http404 .bullshit__return-home {
  opacity: 0;
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

:where(body.hjy-page-404) .wscn-http404 .bullshit__return-home {
  display: block;
  float: left;
  width: 110px;
  height: 36px;
  background: #1482f0;
  border-radius: 100px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 36px;
  cursor: pointer;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes slideUp {
0%{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}

@keyframes slideUp {
0%{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}

/* ================= 顶栏（top-main / top-login） ================= */

.top-main {
  line-height: 30px;
  color: hsla(0,0%,100%,.6);
  background: rgba(0,0,0,.7);
  font-size: 12px;
}

.top-main .el-badge {
  padding-right: 12px;
}

.top-main .el-badge__content.is-dot {
  width: 6px;
  height: 6px;
  top: 5px;
  right: 30px;
  border: 0;
}

.top-login {
  margin-left: 20px;
}

.top-login .btn {
  margin-left: 15px;
  color: hsla(0,0%,100%,.6);
  background: transparent;
  font-size: 12px;
  padding: 0;
  margin-right: 5px;
  border: 0;
}

.top-login .btn:hover {
  color: #fff;
}

.top-dropdown {
  position: relative;
}

.top-dropdown .icon-down {
  display: inline-block;
}

.top-dropdown .icon-up {
  display: none;
}

.top-dropdown:hover {
  background: #fff;
}

.top-dropdown:hover .icon-down {
  display: none;
}

.top-dropdown:hover .icon-up {
  color: #666;
  display: inline-block;
}

.top-dropdown:hover .usercard {
  max-height: 230px;
  opacity: 1;
}

.top-dropdown:hover .el-badge {
  background: #fff;
  z-index: 10;
}

.top-dropdown:hover .el-badge .btn {
  color: #333;
}

.top-right a {
  margin-left: 30px;
}

.top-a:hover, .top-right a:hover {
  color: #fff;
}

.usercard {
  width: 255px;
  max-height: 0;
  line-height: normal;
  background: #fff;
  -webkit-box-shadow: 0 2px 14px 0 rgba(0,0,0,.1);
  box-shadow: 0 2px 14px 0 rgba(0,0,0,.1);
  opacity: 0;
  position: absolute;
  z-index: 9;
  overflow: hidden;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: all .2s ease-out 0s;
  transition: all .2s ease-out 0s;
}

.usercard .el-link {
  font-size: 12px;
}

.usercard .line {
  width: 1px;
  height: 10px;
  background: #ddd;
  margin: 0 10px;
}

.usercard-out {
  padding: 10px 15px 0;
}

.usercard-msg {
  font-size: 12px;
  padding: 0 25px 11px;
  margin-top: -5px;
}

.usercard-msg .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
}

.usercard-msg .name {
  font-weight: 700;
  margin-bottom: 7px;
}

.usercard-msg .msg {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #666;
  margin: 12px 0 0 15px;
}

.usercard-btns {
  padding: 10px 15px;
  border-top: 1px solid #eee;
}

.usercard-btns .el-link {
  background: hsla(0,0%,66.7%,.2);
  padding: 3px 10px;
  margin-right: 4px;
  border-radius: 2px;
}

.tipbox {
  color: #f40;
  background: #ffeee7;
  padding: 4px 7px;
  font-size: 12px;
  border: 1px solid #ffaa8b;
  border-radius: 4px;
  position: absolute;
  bottom: 40px;
  left: 100px;
  z-index: 1;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.tipbox-arrow {
  border: 5px solid transparent;
  border-bottom-width: 0;
  border-top-color: #ffaa8b;
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  bottom: -5px;
  left: 20px;
}

.tipbox-arrow:after {
  content: "";
  border: 5px solid transparent;
  border-bottom-width: 0;
  border-top-color: #ffeee7;
  margin-left: -5px;
  position: absolute;
  bottom: 1px;
}

.iconRobot {
  position: relative;
}

.iconHot {
  height: 12px;
  position: absolute;
  top: 0;
  right: -12px;
  -webkit-transform: rotate(16deg);
  transform: rotate(16deg);
}

/* ================= 页面容器（app-main） ================= */

.app-main {
  min-height: calc(100vh - 100px);
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #f5f7fa;
  margin-top: 1px;
}

.fixed-header + .app-main {
  padding-top: 50px;
}

/* ================= 全局基础（reset / element-ui 覆盖 / 工具类）（接上） ================= */

.el-popup-parent--hidden .fixed-header {
  padding-right: 15px;
}

/* ================= 页脚（website-footer） ================= */

.website-footer {
  background: #0a1633;
  padding: 80px 0 0;
}

.footer {
  color: hsla(0,0%,100%,.4);
  font-size: 14px;
}

.footer-a {
  -webkit-transition: all .5s;
  transition: all .5s;
}

.footer-a:hover {
  color: #fff;
}

.footer-logo {
  width: 130px;
}

.footer-box {
  line-height: 28px;
  margin-top: 20px;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.footer-box .tips {
  margin-top: 15px;
}

.footer-box .icon {
  width: 25px;
  height: 25px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAA8FBMVEUAAABtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5Jtd5IOFDdwe5UMEjUJDzNyfJcGCy8IDTEECC50fpkLEDQEBywXHUBrdZARFzpYYX5SXHkhKEoCBSo/R2Y7Q2IdI0VkbopKU3EzO1teaIROV3VDTGovNlYlLExncY03P19HT25ia4hVX3x3gZxbZYEnL1B9h6EpMFGFkKkCACCF9xF9AAAAJnRSTlMACv0F9xXZu1Y8JvHRpnhORC0fG+3fxOmxm4qCXpRxaejIuRO9Mz7zi/UAAAQ7SURBVFjDvZjnetowFIZtIIGQ1Wa0TdI9rOFtvAcGmw1J7/9uKgK1ZMdmlLbfHwzP45fvSEdHR+IqVOePTj7efT27PW2cfj5+c/5wec3Xub3Etz82T2u1mpCpVmuc3Z/szql/a31n32dIxxdX/E6Mo/fHQrUaH9rb3fAtiqjAPFxvYbx+J2zX8SW/0cZbYSc9HFWPxr2wq5qvKxhX58Luun1Vymh/FfbRzWWZD8LYS6cvvXw7F/bV55Nilt4L++vsKg95L/yJ7vhcjt0If6RPbJKV5CkURZVIFOGmKWpTSOslAQ7i2WRiT6w4FNRqzjmfZepxEdGxRklgyoougyDpT0JRrKJk8/xJyEns2F3TlTFCACCEZR3Po0FVVE2+zAgUZ4msIMAISXo6IfZKKSd0ehlGz9ARKEoH/QrKu/rz1LxhGTACEgBIxhmIBESeZckTYRml1n7OkZwRG8gAaCgwEFozNCMAGACMR+XjckGs1C9YxthZ+gDd2ErwCoLTydg3NQAk01LLIF94AmGjEfo6INadwWIRm9oqmN7TFD4q5NHtdsqsNK7J3DSYyR0HePnnhr2YRmAF0bzpInZkpGFFtqdlVloc96rGRDORViEEIy9YPRKiHzmKrhnOPLAWasm4fKhzFwxEGCnrN10Xg7U096frdIe+7/n9njWG02L2vuG5O8ZIx5PBC2Ep9b2+/xiYAAEjHUZhAfOW55pbIIrpR16g6MtlQAZGcnE66qi5TLnmztjvkVJkSMYoclyWjRScxOzQNH5wt+zSs+SiD6PnaQpANIE1DSA9sEQGcsKxex4MHZxjaKDfl7EpaybGa2cmIEAliCEN55I7zWV9IR5lGCEZaIZnDVe5h53IThEC+nwAM0gr50QQB6nOTowxSsh3PVGfhFQCRK69eOoteUqPdXKbL2ozQ2GMdEcYLZeBRQoEfo6mOxCGABH+PIR0TM4KZc02qBfJ77urDE4I41kofVwaIZwY0tlpFuvrJBtcBPzhKvllPftNWlc9yYI0T+6KhV6Nf1OQ6XcVUCEKecuv1w5VRx2kGEmuLsmy5Pt6FUSeQbp2yCrOS+xJipR6/jwwsEfGpFzIGMNsFdN6QhPOdUZjFYYzyx70TFwOUYZZhWpllY0aiZP+WBXJCKvqVBWScisasGBW2WiNpYPC7nfqzNDLgpE8psbSak+Vq12qbb6kIIWUW7bac/wXYYPgMvtQMZghZdTadAfcQIm7mq7lUqQPIbsD0r24WirZ4A2F5A2RRD6R1BOZvZh2BRsF1c7M9rqP83kyjOwhcJ1QZLsCamVLTKowCMdh2CFAqyv1IO1P2E5pK2elpa+BHdJOqbJn2xoepD3bX+0eD+9jD++oqY4O6O2prpr7Iegpg1V7P8rN5d89eR1+Bjz8NHr4ufjwE/rhdwWH31r8v/sT9ianubzJubmlNzn/UL8Atu0t7Ed07FoAAAAASUVORK5CYII=) no-repeat 50%;
  background-size: 100% 100%;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.footer-box .icon:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAABjFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8OFDcPFjgFCS8CASYEBiwCBCoJDzMCACMMEjUIDDECABwTGTtBR2MBABnl5+rY2t+/w8ymqrcyOFYmLEwPFDf6+/u4vMaChZd3eo9ucYcYHT8KETQCACD3+Pj09fbs7fDo6ezS1dvKzdV9gJNPU29KT2oCAB7HytPEx9C6vsivs7+rr7ufo7GWmqiLj59na4NdYntHS2g3PVspLU3x8fPb3eHN0Nidoa6ZnauSlaWOkqJydotiZn87P10sMlIeJEXh4uaytsGHi5yEh5lVWXQlKEni4+cAAAr4+Pn3+PnnDisSAAAAOXRSTlMACf77BBRWBvn18du8LSYb6cLs2NK5sZyCQz4fiXlbT0relHE5IhYO4sipo3YT7s3FpWdiM+2Na2rbXAq5AAAEc0lEQVRYw7WYZ1fbMBRAHQJJoZRR6KAtBVoo3XvJkrydhCyyCCOLvfeGFuj441UMRHKwQ0Lo/QQ6xzfy03vPkjgbah11D57eu9P+vKG+oaWt9dX9rmZHLVcRjqanjQ1OZw04p8bpvNH+qLe/bE/tG1cr8zxgTG2dfY6yHHWf2ojBjvonTe5LFf2um6A09febL3Hcugsu52aXo1Q8XS2gLO4/s4/GI1AujbdsHA9fgvLp6bB09N0BlXC722oexFERDRctbz6ASmnpLc7SR6By3j00Sx6Dq3DPYcqx2+BKfGST7C64Gm+bqMQFLjK6tj7p90+mB0ZLWV4VXujZhZobWd/cXdYFWRNhcHFrcszeUsi578DM6lRc10QkKTyvSEjUhGzAZye5czaVuqKJpBZEWYJ8AahgOee3szywXN4fIW3IUDAafjw8N2gtues2lua9aTAQxhBKonAuggoSJQgFPG9tcTYZOWIa8+sihOpQcF86syhqaBkiYlFnrbvm61qS8J3siG8ZQ16CC6nJRaQYDmEpshZNqDzEibSl5AUJrbuVGRic08jvi3skN9Z0lJeo6AcZP5bJe3kXRqwkN5rJ2tSzEwnmn0ShKRIbqOYlEvoJwMCyqCBBFsmwBS6O62DfdBLzeVBwY2tfhEZchYPorEdOopAnuzdh5ah54uZeO5n/Z2X+9EmvVzhfHVX7rXnisUz0KLoZmfh10dLq4O4xMxn8KfLFQAF7ovNzmex+Ag7poVxsxlfcnBxcIygpgXIiMzMflMdFpEoSErBXyM2aM8bZzLWzrxeQYbFjZSOw5xV5WBiRZGFxwLQ8n7kewJAWFLMDr0xvIxlKqFAJCPGSFlxnJQ84U08b8whhxhFW9c0tUdAF9QAheGrVdaTA5D4zF2c31wDM78OzyDuBsAjVg/lILGGkjeCZmVkaIpbcCJW4zDMBq0vjTFTQysaiRkp4geiXjBTyRgCYzvvwTE1B0kViYiJ1wsQ2ubOBJFIGy2nSIJAxtfjY8A4kY0J2lIlJOzDjP9H4s7go+GjLC40M3iUOY0hZOtbV/B9wjVmdRlDEhEfgT5H4aEw2epKYFMKGGUr4rOvhNM2TQsZSBs4tkh6NY94GPEEzltYODa5HULBXw6KAM0dJO4mYorVTqGLKNJZxbjuTDR4I83OajUNaOaRVXOgnNOH2fntmSbH6UhORw4iOLB0Qx4aZfuJ+XxyS3blD+hXb9ULLicB12tkKPZYyPGpSnoxbWBR5u4b2WNrt7ZhKUAst5PgfcE5nLZE4XpS2+Fe8klmjqBmmcprK2uAMxJGGFMaDNwfZLyD9Fpdi2L8TkkneEHBSw5I8ffFbzH0Dl/E3NbW9cJzLLsYCkRj0esborthB9ydlsDrm840Ok3ml45hOpYPZKVXEiN9Hd0rXtmerfvdY/T72+nfUXN3Lih0tvdd6yqD0NVbkuN1d/cnrecf/OwNWfxqt/lzM0v+4vBN69XcF1d9aVHl/8tXu/qSMm5wvPW2tH/I3OW7uf/IP7aw+LCP8+m0AAAAASUVORK5CYII=) no-repeat 50%;
  background-size: 100% 100%;
}

.footer-copyright {
  padding: 100px 0 40px;
  text-align: center;
}

.footer-copyright .divide {
  padding: 0 3px;
}

.footer .right-title {
  color: #fff;
}

.page_mobile_footer .footer-box {
  font-size: .3rem;
  padding: .5rem;
  margin: 0;
  text-align: center;
}

/* ================= 布局层（website-header、布局追加区块） ================= */

.website-header {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.website-header .top-nav {
  line-height: 80px;
  padding: 10px 0;
  color: #fff;
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(transparent));
  background: linear-gradient(180deg,rgba(0,0,0,.2),transparent);
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
}

.website-header .top-nav.fixed {
  color: #333;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,.05);
  box-shadow: 0 10px 10px 0 rgba(0,0,0,.05);
}

.website-header .top-nav.fixed .menus-li-title:after {
  border-bottom-color: #2361ff;
}

.website-header .top-nav:hover {
  color: #333;
  background: #fff;
}

.website-header .top-nav:hover .menus-li-title:after {
  border-bottom-color: #2361ff;
}

.website-header .logo {
  width: 130px;
  height: 40px;
  margin-right: 60px;
}

.el-main {
  padding: 0;
}

.menus-li {
  margin-left: 70px;
}

.menus-li-title {
  font-size: 16px;
  cursor: pointer;
  position: relative;
}

.menus-li-title.active:after {
  border-bottom: 3px solid #fff;
}

.menus-li-title.active:after, .menus-li-title:hover:after {
  content: "";
  position: absolute;
  width: 50%;
  bottom: 15px;
  left: 50%;
  right: 0;
  margin-left: -25%;
  border-radius: 100px;
}

.menus-li-title:hover:after {
  border-bottom: 3px solid #2361ff;
}

.menus-dropdown {
  line-height: normal;
  background: #fff;
  -webkit-box-shadow: inset 0 4px 4px 0 rgba(0,0,0,.04);
  box-shadow: inset 0 4px 4px 0 rgba(0,0,0,.04);
  position: absolute;
  left: 0;
  right: 0;
}

.hjy-stats {
  background: url(https://h5.dhcc.wang/images/business/home_bg09.png) no-repeat;
  background-size: 100% 100%;
}

.hjy-stats .item {
  text-align: center;
  padding: 80px 0 100px;
}

.hjy-stats .number {
  font-size: 40px;
  font-weight: 700;
  color: #ff4040;
}

.hjy-stats .name {
  color: #888;
  font-size: 16px;
  margin-top: 20px;
}

.hjy-partners {
  padding-bottom: 80px;
}

.hjy-partners .items {
  margin-top: 40px;
}

.hjy-partners .item {
  width: calc(20% - 25px);
  height: 79px;
  margin-bottom: 25px;
  -webkit-transition: all .3s;
  transition: all .3s;
  background: #fff;
  -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.08);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  border: .5px solid rgba(0,0,0,.1);
  border-radius: 10px;
}

.hjy-partners .item:hover {
  -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.2);
  box-shadow: 0 10px 30px rgba(0,0,0,.2);
}

.hjy-cta {
  height: 250px;
  color: #fff;
  background: url(https://img.huajuanyun.com/202009/20201124201118.png) no-repeat;
  background-size: 100% 100%;
}

.hjy-cta .title {
  font-size: 30px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.hjy-cta .desc {
  opacity: .7;
  font-size: 18px;
}

.hjy-cta .btn {
  margin-top: 30px;
}

.hjy-cta .btn a {
  background: none;
  border: 1px solid #fff;
  color: #fff;
  padding: 10px 50px;
  border-radius: 5px;
}

.hjy-cta .btn a:hover {
  background: #fff;
  color: #222;
}

.section-tao {
  padding-bottom: 2.5rem;
}

.section-tao .image {
  margin-top: 1.5rem;
}

.page_mobile_header {
  height: 1.8rem!important;
}

.page_mobile_header .mobile_header {
  height: 1.8rem;
  background: #fff;
  padding: 0 12px;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 5;
}

.page_mobile_header .logoA {
  font-size: 0;
}

.page_mobile_header .logo {
  height: 30px;
  margin-left: 10px;
}

.page_mobile_header .handler {
  width: 50px;
  height: 36px;
  color: #999;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
  text-align: center;
  margin-left: 15px;
  position: relative;
}

.page_mobile_header .handler .iconfont {
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.page_mobile_header .mobile_menu {
  width: 100%;
  background: rgba(0,0,0,.8);
  border-top: 1px solid #f9f9f9;
  padding-top: 20px;
  position: fixed;
  left: 0;
  top: 1.8rem;
  right: 0;
  bottom: 0;
  z-index: 9;
}

.page_mobile_header .mobile_menu .el-menu-item {
  color: hsla(0,0%,100%,.8);
  font-size: 16px;
  text-align: center;
  font-weight: 700;
}

.page_mobile_header .mobile_menu .el-menu-item:focus, .page_mobile_header .mobile_menu .el-menu-itemhover {
  color: #fff;
  background: none;
  font-size: 20px;
}

.page_mobile_main .hjy-partners {
  padding-bottom: 1rem;
}

.page_mobile_main .hjy-cta {
  height: 5rem;
}

.page_mobile_main .hjy-cta .title {
  font-size: .6rem;
}

.page_mobile_main .hjy-cta .desc {
  font-size: .3rem;
}

.page_mobile_main .hjy-cta .btn {
  margin-top: 20px;
  padding: 5px 10px;
  font-size: 16px;
}

.page_mobile_main .section-title {
  padding-top: 1.2rem;
}

.page_mobile_main .section-title .title {
  font-size: .6rem;
}

.page_mobile_main .items {
  margin-top: .8rem;
  padding-left: .3rem;
}

.page_mobile_main .item {
  width: calc(50% - .3rem);
  margin-right: .3rem;
}

/* ================= 首页（home） ================= */

:where(body.hjy-page-home) .cont-swiper .image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

:where(body.hjy-page-home) .cont-swiper .el-carousel__indicators {
  bottom: 75px;
}

:where(body.hjy-page-home) .section-1 {
  background: -webkit-gradient(linear,left top,left bottom,from(#f1f5fb),to(#fff));
  background: linear-gradient(180deg,#f1f5fb,#fff);
  -webkit-box-shadow: 0 5px 33px -8px rgba(80,140,209,.29);
  box-shadow: 0 5px 33px -8px rgba(80,140,209,.29);
  border-radius: 4px;
  border: 2px solid #fff;
  margin-top: -65px;
  margin-bottom: -145px;
  position: relative;
  z-index: 3;
}

:where(body.hjy-page-home) .section-1 .item {
  padding: 30px 0;
  text-align: center;
}

:where(body.hjy-page-home) .section-1 .item .img {
  width: 65px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all .3s;
  transition: all .3s;
}

:where(body.hjy-page-home) .section-1 .item .img:hover {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
}

:where(body.hjy-page-home) .section-1 .item .title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  padding-top: 13px;
}

:where(body.hjy-page-home) .section-1 .item .desc {
  width: 90%;
  line-height: 20px;
  color: #888;
  font-size: 12px;
  padding-top: 10px;
  margin: 0 auto;
}

:where(body.hjy-page-home) .section-2 {
  padding-top: 120px;
  padding-bottom: 80px;
}

:where(body.hjy-page-home) .section-2 .box {
  height: 800px;
  background: url(https://h5.dhcc.wang/images/business/home_bg01.png) no-repeat center 100px;
  background-size: 55% auto;
}

:where(body.hjy-page-home) .section-2 .box-inner {
  height: 100%;
}

@media screen and (min-width:1920px) {

  :where(body.hjy-page-home) .section-2 .box {
    height: 1000px;
  }
}

:where(body.hjy-page-home) .section-2 .item {
  width: 280px;
  height: 200px;
  line-height: 24px;
  padding: 20px;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.06);
  box-shadow: 0 6px 20px 0 rgba(0,0,0,.06);
  border-radius: 20px;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

:where(body.hjy-page-home) .section-2 .item:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

:where(body.hjy-page-home) .section-2 .item:hover .title {
  color: #ff3734;
}

:where(body.hjy-page-home) .section-2 .item .title {
  color: #333;
  font-size: 16px;
  font-weight: 700;
}

:where(body.hjy-page-home) .section-2 .item .line {
  width: 25px;
  height: 3px;
  background: -webkit-gradient(linear,left top,right top,from(#ff7b45),to(#ff3734));
  background: linear-gradient(90deg,#ff7b45,#ff3734);
  margin: 12px auto;
}

:where(body.hjy-page-home) .section-2 .item .desc {
  color: #888;
  font-size: 12px;
  font-family: PingFangSC-Regular,PingFang SC;
  font-weight: 400;
}

:where(body.hjy-page-home) .section-3 {
  padding-bottom: 80px;
}

:where(body.hjy-page-home) .section-3 .items {
  padding-top: 50px;
}

:where(body.hjy-page-home) .section-3 .item {
  width: calc(25% - 15px);
  -webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.06);
  box-shadow: 0 6px 20px 0 rgba(0,0,0,.06);
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

:where(body.hjy-page-home) .section-3 .item:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

:where(body.hjy-page-home) .section-3 .item-top {
  height: 100px;
  padding: 20px;
}

:where(body.hjy-page-home) .section-3 .item-top .tit {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

:where(body.hjy-page-home) .section-3 .item-top .desc {
  color: hsla(0,0%,100%,.81);
  font-size: 14px;
  margin-top: 10px;
}

:where(body.hjy-page-home) .section-3 .item-box {
  padding: 10px 0;
}

:where(body.hjy-page-home) .section-3 .item-box .badge {
  width: 6px;
  height: 6px;
  background-color: #f56c6c;
  border-radius: 50%;
  margin-right: 15px;
}

:where(body.hjy-page-home) .section-3 .item-box .li {
  height: 130px;
  padding: 25px 20px 25px 15px;
  -webkit-transition: height .3s;
  transition: height .3s;
}

:where(body.hjy-page-home) .section-3 .item-box .li-title {
  font-size: 16px;
  font-weight: 700;
}

:where(body.hjy-page-home) .section-3 .item-box .li-desc {
  line-height: 22px;
  color: #888;
  font-size: 14px;
  padding-left: 21px;
  margin-top: 8px;
}

:where(body.hjy-page-home) .section-3 .item-box .li.active {
  height: 140px;
  background: url(https://www.dscmall.cn/assets/site/images/2020/1f-hover.png) no-repeat;
  background-position-x: 100%;
}

:where(body.hjy-page-home) .section-4 {
  background: url(https://img.huajuanyun.com/202009/20201126141606.png) no-repeat 50% fixed;
  background-size: 100% 100%;
  padding: 0 0 80px;
  letter-spacing: 1px;
}

:where(body.hjy-page-home) .section-4 .section-title {
  color: #fff;
}

:where(body.hjy-page-home) .section-4 .items {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

:where(body.hjy-page-home) .section-4 .items .item {
  text-align: center;
  margin-bottom: 20px;
  width: 14.2857142857%;
}

:where(body.hjy-page-home) .section-4 .items .item .number img {
  width: 96px;
  margin-bottom: 10px;
}

:where(body.hjy-page-home) .section-4 .items .item .name {
  color: #d7d1c2;
  font-weight: 700;
  line-height: 24px;
  font-size: 16px;
}

:where(body.hjy-page-home) .page_mobile .swiper .image {
  width: 100%;
}

:where(body.hjy-page-home) .page_mobile .section-1 {
  margin: .5rem;
}

:where(body.hjy-page-home) .page_mobile .section-1 .item {
  padding: .5rem 0 .6rem .4rem;
  border-bottom: 1px solid #f2f2f2;
  text-align: left;
}

:where(body.hjy-page-home) .page_mobile .section-1 .item .img {
  width: 2.2rem;
}

:where(body.hjy-page-home) .page_mobile .section-1 .item .title {
  font-size: .6rem;
  padding-left: .4rem;
}

:where(body.hjy-page-home) .page_mobile .section-1 .item .desc {
  line-height: .6rem;
  font-size: .4rem;
  margin: 0;
  padding-left: .4rem;
}

:where(body.hjy-page-home) .page_mobile .section-2 {
  padding: 0 0 2rem;
}

:where(body.hjy-page-home) .page_mobile .section-2 .box {
  height: inherit;
  background: none;
}

:where(body.hjy-page-home) .page_mobile .section-2 .section-title {
  padding: 1.5rem 0 .6rem;
}

:where(body.hjy-page-home) .page_mobile .section-2 .item {
  width: auto;
  height: auto;
  margin: 0 .5rem .5rem;
  border-radius: .3rem;
}

:where(body.hjy-page-home) .page_mobile .section-3 .section-title {
  padding-top: 1.5rem;
}

:where(body.hjy-page-home) .page_mobile .section-3 .items {
  padding-top: 1.3rem;
}

:where(body.hjy-page-home) .page_mobile .section-3 .item {
  width: auto;
  margin: 0 .5rem .5rem;
}

:where(body.hjy-page-home) .page_mobile .section-3 .item:hover {
  -webkit-transform: initial;
  transform: none;
}

:where(body.hjy-page-home) .page_mobile .section-3 .item-top {
  height: 3rem;
}

:where(body.hjy-page-home) .page_mobile .section-3 .item-top .tit {
  font-size: .6rem;
}

:where(body.hjy-page-home) .page_mobile .section-3 .item-top .desc {
  font-size: .4rem;
}

:where(body.hjy-page-home) .page_mobile .section-3 .item-box .li {
  height: inherit;
  padding: .7rem .6rem;
}

:where(body.hjy-page-home) .page_mobile .section-4 {
  padding: .5rem 0 1rem;
  text-align: center;
}

:where(body.hjy-page-home) .page_mobile .section-4 .items {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

:where(body.hjy-page-home) .page_mobile .section-4 .items .item {
  text-align: center;
  margin: 15px 10px;
}

:where(body.hjy-page-home) .page_mobile .section-4 .items .item .number img {
  width: 42px;
  margin-bottom: 10px;
}

:where(body.hjy-page-home) .page_mobile .section-4 .items .item .name {
  color: #d7d1c2;
  font-weight: 700;
  line-height: 24px;
  font-size: 13px;
}

/* ================= 产品页公共按钮（product，7 个产品页共用） ================= */

:where(body.hjy-page-product) .btns {
  margin-top: 50px;
}

:where(body.hjy-page-product) .btns.isMobile {
  margin: 1rem 0 1rem;
}

:where(body.hjy-page-product) .btns .btn {
  width: 30%;
  color: #222;
  background: #fff;
  border: none;
  padding: 15px 0;
  font-size: 1rem;
  margin-top: 1rem;
}

:where(body.hjy-page-product) .btns .btn:hover {
  -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.06);
  box-shadow: 0 3px 10px 0 rgba(0,0,0,.06);
}

:where(body.hjy-page-product) .page_mobile .btns .btn {
  width: 60%;
  font-size: 20px;
  background: #ff4040;
  color: #fff;
}

/* ================= 导购CMS（cms） ================= */

:where(body.hjy-page-cms) .section-1 {
  background: url(https://h5.dhcc.wang/images/business/cms_banner01.png) no-repeat 50%;
  background-size: cover;
  padding: 160px 0 60px;
}

:where(body.hjy-page-cms) .section-1 .left {
  color: #fff;
}

:where(body.hjy-page-cms) .section-1 .left-title {
  line-height: 62px;
  font-size: 32px;
  font-weight: 700;
}

:where(body.hjy-page-cms) .section-1 .left-desc {
  line-height: 28px;
  font-size: 18px;
  margin-top: 6px;
}

:where(body.hjy-page-cms) .section-1 .left-tags {
  line-height: 34px;
  font-size: 14px;
  margin-top: 40px;
}

:where(body.hjy-page-cms) .section-1 .right {
  text-align: center;
}

:where(body.hjy-page-cms) .section-1 .right-image {
  width: 100%;
}

:where(body.hjy-page-cms) .section-2 {
  background: #fff;
}

:where(body.hjy-page-cms) .section-2 .items {
  padding: 50px 0 80px;
}

:where(body.hjy-page-cms) .section-2 .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 30px 0;
  text-align: center;
}

:where(body.hjy-page-cms) .section-2 .item .img {
  width: 98px;
  height: 98px;
}

:where(body.hjy-page-cms) .section-2 .item .title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin: 26px 0 13px;
}

:where(body.hjy-page-cms) .section-2 .item .desc {
  width: 85%;
  line-height: 24px;
  color: #888;
  font-size: 14px;
  padding-top: 10px;
  margin: 0 auto;
}

:where(body.hjy-page-cms) .section-3 {
  padding-bottom: 80px;
}

:where(body.hjy-page-cms) .section-3 .items {
  padding-top: 60px;
}

:where(body.hjy-page-cms) .section-3 .item {
  width: calc(25% - 15px);
  text-align: center;
  background: #fff;
  -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,.06);
  box-shadow: 0 6px 10px 0 rgba(0,0,0,.06);
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

:where(body.hjy-page-cms) .section-3 .item:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

:where(body.hjy-page-cms) .section-3 .item:hover .title {
  color: #ff3734;
}

:where(body.hjy-page-cms) .section-3 .item .img {
  width: 100%;
}

:where(body.hjy-page-cms) .section-3 .item .title {
  line-height: 44px;
  color: #333;
  font-size: 15px;
}

:where(body.hjy-page-cms) .section-4 {
  background: url(https://h5.dhcc.wang/images/business/cms_activity_bg.png) no-repeat 50% fixed;
  background-size: 100% 100%;
  padding: 20px 0 100px;
}

:where(body.hjy-page-cms) .section-4 .section-title .title {
  color: #fff;
}

:where(body.hjy-page-cms) .section-4 .section-title .desc {
  color: hsla(0,0%,100%,.6);
}

:where(body.hjy-page-cms) .section-4 .box {
  padding-top: 60px;
}

:where(body.hjy-page-cms) .section-4 .items {
  margin-top: 25px;
  border: 1px solid hsla(0,0%,100%,.2);
  border-radius: 8px;
  overflow: hidden;
}

:where(body.hjy-page-cms) .section-4 .item {
  padding: 20px 35px;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

:where(body.hjy-page-cms) .section-4 .item:not(:first-child) {
  border-top: 1px solid hsla(0,0%,100%,.2);
}

:where(body.hjy-page-cms) .section-4 .item-title {
  color: #fff;
  line-height: 25px;
  font-size: 18px;
  font-weight: 700;
}

:where(body.hjy-page-cms) .section-4 .item-desc {
  line-height: 20px;
  color: hsla(0,0%,100%,.6);
  font-size: 14px;
  margin-top: 13px;
}

:where(body.hjy-page-cms) .section-4 .item.active {
  background: #fff;
}

:where(body.hjy-page-cms) .section-4 .item.active .item-title {
  color: #333;
}

:where(body.hjy-page-cms) .section-4 .item.active .item-desc {
  color: #999;
}

:where(body.hjy-page-cms) .section-4 .right {
  text-align: center;
}

:where(body.hjy-page-cms) .section-4 .right-image {
  width: 100%;
  min-height: 583px;
}

:where(body.hjy-page-cms) .page_mobile .section-1 {
  padding: 2rem .4rem 1.5rem;
}

:where(body.hjy-page-cms) .page_mobile .section-1 .left {
  padding-top: 0;
  margin-top: -1rem;
}

:where(body.hjy-page-cms) .page_mobile .section-1 .left-title {
  font-size: .6rem;
}

:where(body.hjy-page-cms) .page_mobile .section-1 .left-desc {
  font-size: .45rem;
}

:where(body.hjy-page-cms) .page_mobile .section-1 .left-tags {
  font-size: .4rem;
  margin: 1rem 0;
}

:where(body.hjy-page-cms) .page_mobile .section-2 .items {
  padding: 1.3rem 0 1.8rem;
}

:where(body.hjy-page-cms) .page_mobile .section-2 .item {
  padding: .8rem .5rem;
  margin: 0 .5rem .5rem;
  -webkit-box-shadow: 0 3px 16px 0 rgba(0,0,0,.06);
  box-shadow: 0 3px 16px 0 rgba(0,0,0,.06);
  text-align: left;
  border-radius: 5px;
}

:where(body.hjy-page-cms) .page_mobile .section-2 .item-box {
  padding-left: .5rem;
}

:where(body.hjy-page-cms) .page_mobile .section-2 .item .img {
  width: 3rem;
  height: 3rem;
}

:where(body.hjy-page-cms) .page_mobile .section-2 .item .title {
  font-size: .56rem;
  margin: 0 0 .3rem;
}

:where(body.hjy-page-cms) .page_mobile .section-2 .item .desc {
  line-height: .8rem;
  font-size: .4rem;
  padding-top: 0;
  margin: 0;
}

:where(body.hjy-page-cms) .page_mobile .section-3 {
  padding-bottom: 1rem;
}

:where(body.hjy-page-cms) .page_mobile .section-3 .items {
  padding-top: 1rem;
  padding-right: .5rem;
}

:where(body.hjy-page-cms) .page_mobile .section-3 .item {
  width: calc(50% - .5rem);
  margin-left: .5rem;
  margin-bottom: .5rem;
}

:where(body.hjy-page-cms) .page_mobile .section-3 .item .title {
  height: 2.2rem;
  line-height: .8rem;
  font-size: .5rem;
  padding: 0 .2rem;
}

:where(body.hjy-page-cms) .page_mobile .section-4 {
  background: #fff;
  padding: 0 .6rem 1rem;
}

:where(body.hjy-page-cms) .page_mobile .section-4 .section-title {
  padding-top: 1.2rem;
}

:where(body.hjy-page-cms) .page_mobile .section-4 .title {
  color: #333;
  font-size: .6rem;
}

:where(body.hjy-page-cms) .page_mobile .section-4 .tabs-item {
  color: #999;
  background: #ebedf0;
  font-size: .4rem;
  text-align: center;
  padding: .4rem 0;
  cursor: pointer;
}

:where(body.hjy-page-cms) .page_mobile .section-4 .tabs-item.active {
  color: #333;
  background: #fff;
}

:where(body.hjy-page-cms) .page_mobile .section-4 .swiperBox {
  margin-top: .6rem;
  border-radius: .2rem;
  -webkit-box-shadow: 0 2px 17px rgba(55,55,55,.1);
  box-shadow: 0 2px 17px rgba(55,55,55,.1);
  overflow: hidden;
}

:where(body.hjy-page-cms) .page_mobile .section-4 .swiperBox .swiper-slide {
  background: #fff;
}

:where(body.hjy-page-cms) .page_mobile .section-4 .swiperBox .swiper-image {
  padding: 1rem;
}

:where(body.hjy-page-cms) .page_mobile .section-4 .swiperBox .image {
  width: 100%;
}

/* ================= 机器人（robots） ================= */

:where(body.hjy-page-robots) .section-1 {
  background: url(https://h5.dhcc.wang/images/business/robot_banner01.png) no-repeat 50%;
  background-size: cover;
  padding: 160px 0 60px;
}

:where(body.hjy-page-robots) .section-1 .left {
  color: #fff;
}

:where(body.hjy-page-robots) .section-1 .left-title {
  line-height: 62px;
  font-size: 32px;
  font-weight: 700;
}

:where(body.hjy-page-robots) .section-1 .left-desc {
  line-height: 28px;
  font-size: 18px;
  margin-top: 6px;
}

:where(body.hjy-page-robots) .section-1 .left-tags {
  line-height: 34px;
  font-size: 14px;
  margin-top: 40px;
}

:where(body.hjy-page-robots) .section-1 .right {
  text-align: center;
}

:where(body.hjy-page-robots) .section-1 .right-image {
  width: 100%;
}

:where(body.hjy-page-robots) .section-2 {
  background: #fff;
}

:where(body.hjy-page-robots) .section-2 .items {
  padding: 50px 0 80px;
}

:where(body.hjy-page-robots) .section-2 .item {
  width: 33.33%;
  padding: 30px 0;
  text-align: center;
}

:where(body.hjy-page-robots) .section-2 .item .img {
  width: 120px;
  height: 68px;
}

:where(body.hjy-page-robots) .section-2 .item .title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin: 26px 0 13px;
}

:where(body.hjy-page-robots) .section-2 .item .desc {
  width: 80%;
  line-height: 24px;
  color: #888;
  font-size: 14px;
  padding-top: 10px;
  margin: 0 auto;
}

:where(body.hjy-page-robots) .section-3 {
  padding: 80px 0 150px;
}

:where(body.hjy-page-robots) .section-3 .items {
  padding-top: 60px;
}

:where(body.hjy-page-robots) .section-3 .image {
  width: 100%;
}

:where(body.hjy-page-robots) .section-3 .title {
  color: #333;
  font-size: 20px;
}

:where(body.hjy-page-robots) .section-3 .desc {
  line-height: 30px;
  font-size: 14px;
  margin-top: 40px;
}

:where(body.hjy-page-robots) .page_mobile .section-1 {
  padding: 2rem .4rem 1.5rem;
}

:where(body.hjy-page-robots) .page_mobile .section-1 .left {
  padding-top: 0;
  margin-top: -1rem;
}

:where(body.hjy-page-robots) .page_mobile .section-1 .left-title {
  font-size: .6rem;
}

:where(body.hjy-page-robots) .page_mobile .section-1 .left-desc {
  font-size: .45rem;
}

:where(body.hjy-page-robots) .page_mobile .section-1 .left-tags {
  font-size: .4rem;
  margin: 1rem 0;
}

:where(body.hjy-page-robots) .page_mobile .section-2 .title {
  font-size: .6rem;
}

:where(body.hjy-page-robots) .page_mobile .section-2 .desc {
  font-size: .4rem;
}

:where(body.hjy-page-robots) .page_mobile .section-2 .items {
  padding: 1rem 0 1.2rem;
}

:where(body.hjy-page-robots) .page_mobile .section-2 .item {
  width: 50%;
}

:where(body.hjy-page-robots) .page_mobile .section-2 .item .title {
  font-size: .4rem;
}

:where(body.hjy-page-robots) .page_mobile .section-2 .item .desc {
  font-size: .35rem;
  margin-top: .2rem;
}

:where(body.hjy-page-robots) .page_mobile .section-2 .item .img {
  width: auto;
  height: 1.3rem;
}

:where(body.hjy-page-robots) .page_mobile .section-3 {
  padding: 0 1rem 1rem;
}

:where(body.hjy-page-robots) .page_mobile .section-3 .section-title {
  padding-top: 1.5rem;
  margin-bottom: 1rem;
}

:where(body.hjy-page-robots) .page_mobile .section-3 .section-title .desc {
  line-height: .8rem;
  margin-top: .7rem;
}

:where(body.hjy-page-robots) .page_mobile .section-partner {
  height: auto;
  padding: 1.2rem 1rem;
}

:where(body.hjy-page-robots) .page_mobile .section-partner .title {
  line-height: 1rem;
  font-size: .6rem;
}

:where(body.hjy-page-robots) .page_mobile .section-partner .btn {
  width: 50%;
  height: 1.3rem;
  line-height: 1.3rem;
  font-size: .45rem;
}

/* ================= 公众号（mp） ================= */

:where(body.hjy-page-mp) .section-1 {
  background: url(https://h5.dhcc.wang/images/business/public_banner01.png) no-repeat 50%;
  background-size: cover;
  padding: 160px 0 0;
}

:where(body.hjy-page-mp) .section-1 .left {
  color: #fff;
  padding-top: 60px;
}

:where(body.hjy-page-mp) .section-1 .left-title {
  line-height: 62px;
  font-size: 32px;
  font-weight: 700;
}

:where(body.hjy-page-mp) .section-1 .left-desc {
  line-height: 28px;
  font-size: 18px;
  margin-top: 6px;
}

:where(body.hjy-page-mp) .section-1 .left-tags {
  line-height: 34px;
  font-size: 14px;
  margin-top: 40px;
}

:where(body.hjy-page-mp) .section-1 .right {
  text-align: center;
}

:where(body.hjy-page-mp) .section-1 .right-image {
  width: 100%;
}

:where(body.hjy-page-mp) .section-2 .items {
  padding: 50px 0 80px;
}

:where(body.hjy-page-mp) .section-2 .item {
  width: 33.33%;
  padding: 30px 0;
  text-align: center;
}

:where(body.hjy-page-mp) .section-2 .item .img {
  width: 120px;
  height: 68px;
}

:where(body.hjy-page-mp) .section-2 .item .title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin: 26px 0 13px;
}

:where(body.hjy-page-mp) .section-2 .item .desc {
  width: 80%;
  line-height: 24px;
  color: #888;
  font-size: 14px;
  padding-top: 10px;
  margin: 0 auto;
}

:where(body.hjy-page-mp) .section-3 {
  padding-bottom: 80px;
}

:where(body.hjy-page-mp) .section-3 .items {
  padding-top: 60px;
}

:where(body.hjy-page-mp) .section-3 .image {
  width: 100%;
}

:where(body.hjy-page-mp) .page_mobile .section-1 {
  padding: 3rem .4rem 0;
}

:where(body.hjy-page-mp) .page_mobile .section-1 .left {
  padding-top: 0;
  margin-top: -1.8rem;
}

:where(body.hjy-page-mp) .page_mobile .section-1 .left-title {
  font-size: .6rem;
}

:where(body.hjy-page-mp) .page_mobile .section-1 .left-desc {
  font-size: .45rem;
}

:where(body.hjy-page-mp) .page_mobile .section-1 .left-tags {
  font-size: .4rem;
  margin: 1rem 0;
}

:where(body.hjy-page-mp) .page_mobile .section-2 .title {
  font-size: .6rem;
}

:where(body.hjy-page-mp) .page_mobile .section-2 .desc {
  font-size: .4rem;
}

:where(body.hjy-page-mp) .page_mobile .section-2 .items {
  padding: 1rem 0 1.2rem;
}

:where(body.hjy-page-mp) .page_mobile .section-2 .item {
  width: 50%;
  padding: .5rem 0;
}

:where(body.hjy-page-mp) .page_mobile .section-2 .item .title {
  font-size: .45rem;
}

:where(body.hjy-page-mp) .page_mobile .section-2 .item .desc {
  font-size: .35rem;
  margin-top: .2rem;
}

:where(body.hjy-page-mp) .page_mobile .section-2 .item .img {
  width: auto;
  height: 1.3rem;
}

:where(body.hjy-page-mp) .page_mobile .section-3 {
  padding: 1.5rem 0;
}

:where(body.hjy-page-mp) .page_mobile .section-3 .section-title {
  padding: 0 0 1rem;
}

:where(body.hjy-page-mp) .page_mobile .section-partner {
  height: auto;
  padding: 1.2rem 1rem;
}

:where(body.hjy-page-mp) .page_mobile .section-partner .title {
  line-height: 1rem;
  font-size: .6rem;
}

:where(body.hjy-page-mp) .page_mobile .section-partner .btn {
  width: 50%;
  height: 1.3rem;
  line-height: 1.3rem;
  font-size: .45rem;
}

/* ================= 小程序（miniprogram） ================= */

:where(body.hjy-page-miniprogram) .section-1 {
  background: url(https://img.huajuanyun.com/202009/20201126140846.png) no-repeat 50%;
  background-size: cover;
  padding: 160px 0 0;
}

:where(body.hjy-page-miniprogram) .section-1 .left {
  color: #fff;
  padding-top: 60px;
}

:where(body.hjy-page-miniprogram) .section-1 .left-title {
  line-height: 62px;
  font-size: 32px;
  font-weight: 700;
}

:where(body.hjy-page-miniprogram) .section-1 .left-desc {
  line-height: 28px;
  font-size: 18px;
  margin-top: 6px;
}

:where(body.hjy-page-miniprogram) .section-1 .left-tags {
  line-height: 34px;
  font-size: 14px;
  margin-top: 40px;
}

:where(body.hjy-page-miniprogram) .section-1 .right {
  text-align: center;
}

:where(body.hjy-page-miniprogram) .section-1 .right-image, :where(body.hjy-page-miniprogram) .section-5 .image {
  width: 100%;
}

:where(body.hjy-page-miniprogram) .section-5 .items {
  padding: 80px 0;
}

:where(body.hjy-page-miniprogram) .section-5 .items-right {
  padding: 15px 0;
}

:where(body.hjy-page-miniprogram) .section-5 .item {
  width: 70%;
}

:where(body.hjy-page-miniprogram) .section-5 .item.offset {
  margin-left: 90px;
}

:where(body.hjy-page-miniprogram) .section-5 .item-title {
  font-size: 20px;
  font-weight: 700;
}

:where(body.hjy-page-miniprogram) .section-5 .item-desc {
  line-height: 22px;
  color: #888;
  font-size: 14px;
  margin-top: 15px;
}

:where(body.hjy-page-miniprogram) .section-2 .items {
  padding: 50px 0 80px;
}

:where(body.hjy-page-miniprogram) .section-2 .item {
  width: 33.33%;
  padding: 30px 0;
  text-align: center;
}

:where(body.hjy-page-miniprogram) .section-2 .item .img {
  width: 120px;
  height: 68px;
}

:where(body.hjy-page-miniprogram) .section-2 .item .title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin: 26px 0 13px;
}

:where(body.hjy-page-miniprogram) .section-2 .item .desc {
  width: 80%;
  line-height: 24px;
  color: #888;
  font-size: 14px;
  padding-top: 10px;
  margin: 0 auto;
}

:where(body.hjy-page-miniprogram) .section-3 {
  padding-bottom: 80px;
}

:where(body.hjy-page-miniprogram) .section-3 .items {
  padding-top: 60px;
}

:where(body.hjy-page-miniprogram) .section-3 .image {
  width: 100%;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-1 {
  padding: 3rem .4rem 0;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-1 .left {
  padding-top: 0;
  margin-top: -1.8rem;
  padding-right: .5rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-1 .left-title {
  font-size: .6rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-1 .left-desc {
  font-size: .45rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-1 .left-tags {
  font-size: .4rem;
  margin: 1rem 0;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-5 .items {
  padding: 1rem 0;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-5 .items-right {
  padding-top: 1rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-5 .item {
  width: auto;
  margin: 0 .5rem .8rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-5 .item-title {
  font-size: .47rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-2 .title {
  font-size: .6rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-2 .desc {
  font-size: .4rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-2 .items {
  padding: 1rem 0 1.2rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-2 .item {
  width: 50%;
  padding: .5rem 0;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-2 .item .title {
  font-size: .45rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-2 .item .desc {
  font-size: .35rem;
  margin-top: .2rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-2 .item .img {
  width: auto;
  height: 1.3rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-3 {
  padding: 1.5rem 0;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-3 .section-title {
  padding: 0 0 1rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-partner {
  height: auto;
  padding: 1.2rem 1rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-partner .title {
  line-height: 1rem;
  font-size: .6rem;
}

:where(body.hjy-page-miniprogram) .page_mobile .section-partner .btn {
  width: 50%;
  height: 1.3rem;
  line-height: 1.3rem;
  font-size: .45rem;
}

/* ================= 花推推（huatuitui） ================= */

:where(body.hjy-page-huatuitui) .section-1 {
  background: #fff url(https://img.huajuanyun.com/webSite/partner_bg2.png?3=);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 160px 0 80px;
  position: relative;
}

:where(body.hjy-page-huatuitui) .section-1 .left {
  color: #fff;
  padding-top: 20px;
}

:where(body.hjy-page-huatuitui) .section-1 .left-title {
  line-height: 62px;
  font-size: 42px;
  font-weight: 700;
}

:where(body.hjy-page-huatuitui) .section-1 .left-desc {
  line-height: 28px;
  font-size: 18px;
  margin-top: 6px;
}

:where(body.hjy-page-huatuitui) .section-1 .left-tags {
  line-height: 34px;
  font-size: 14px;
  margin-top: 40px;
}

:where(body.hjy-page-huatuitui) .section-1 .right {
  text-align: center;
}

:where(body.hjy-page-huatuitui) .section-1 .right-image {
  width: 130%;
}

:where(body.hjy-page-huatuitui) .section-2 .items {
  padding: 50px 0 80px;
}

:where(body.hjy-page-huatuitui) .section-2 .item {
  width: 33.33%;
  padding: 30px 0;
  text-align: center;
}

:where(body.hjy-page-huatuitui) .section-2 .item .img {
  width: 120px;
  height: 68px;
}

:where(body.hjy-page-huatuitui) .section-2 .item .title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin: 26px 0 13px;
}

:where(body.hjy-page-huatuitui) .section-2 .item .desc {
  width: 80%;
  line-height: 24px;
  color: #888;
  font-size: 14px;
  padding-top: 10px;
  margin: 0 auto;
}

:where(body.hjy-page-huatuitui) .section-3 {
  padding-bottom: 80px;
}

:where(body.hjy-page-huatuitui) .section-3 .items {
  padding-top: 60px;
}

:where(body.hjy-page-huatuitui) .section-3 .image {
  width: 100%;
}

:where(body.hjy-page-huatuitui) .section-4 {
  background: url(https://h5.dhcc.wang/images/business/wm_show_bg.jpg) no-repeat 50% fixed;
  background-size: 100% 100%;
  padding: 20px 0 100px;
  height: 1000px;
}

:where(body.hjy-page-huatuitui) .section-4 .section-title .title {
  color: #fff;
}

:where(body.hjy-page-huatuitui) .section-4 .section-title .desc {
  color: hsla(0,0%,100%,.6);
}

:where(body.hjy-page-huatuitui) .section-4 .box {
  padding-top: 60px;
}

:where(body.hjy-page-huatuitui) .section-4 .items {
  margin-top: 25px;
  border: 1px solid hsla(0,0%,100%,.2);
  border-radius: 8px;
  overflow: hidden;
}

:where(body.hjy-page-huatuitui) .section-4 .item {
  padding: 20px 35px;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

:where(body.hjy-page-huatuitui) .section-4 .item:not(:first-child) {
  border-top: 1px solid hsla(0,0%,100%,.2);
}

:where(body.hjy-page-huatuitui) .section-4 .item-title {
  color: #fff;
  line-height: 25px;
  font-size: 18px;
  font-weight: 700;
}

:where(body.hjy-page-huatuitui) .section-4 .item-desc {
  line-height: 20px;
  color: hsla(0,0%,100%,.6);
  font-size: 14px;
  margin-top: 13px;
}

:where(body.hjy-page-huatuitui) .section-4 .item.active {
  background: #fff;
}

:where(body.hjy-page-huatuitui) .section-4 .item.active .item-title {
  color: #333;
}

:where(body.hjy-page-huatuitui) .section-4 .item.active .item-desc {
  color: #999;
}

:where(body.hjy-page-huatuitui) .section-4 .right {
  text-align: center;
}

:where(body.hjy-page-huatuitui) .section-4 .right-image {
  width: 100%;
  min-height: 583px;
}

:where(body.hjy-page-huatuitui) .section-5 {
  padding: 100px 0;
}

:where(body.hjy-page-huatuitui) .section-5 .image {
  width: 100%;
}

:where(body.hjy-page-huatuitui) .section-5 .title {
  color: #222;
  font-size: 36px;
  font-weight: 600;
  margin-top: 80px;
  line-height: 50px;
}

:where(body.hjy-page-huatuitui) .section-5 .desc {
  line-height: 30px;
  color: #666;
  font-size: 16px;
  margin-top: 40px;
}

:where(body.hjy-page-huatuitui) .section-5 .items {
  background: #fff;
  -webkit-box-shadow: 0 10px 30px 0 rgba(73,9,9,.08);
  box-shadow: 0 10px 30px 0 rgba(73,9,9,.08);
  border-radius: 10px;
  margin-top: 50px;
}

:where(body.hjy-page-huatuitui) .section-5 .item {
  padding: 25px 0;
}

:where(body.hjy-page-huatuitui) .section-5 .item:not(:last-child) .item-box {
  border-right: 1px solid #e6e6e6;
}

:where(body.hjy-page-huatuitui) .section-5 .item-num {
  color: #fb4241;
  font-size: 54px;
  font-weight: 700;
}

:where(body.hjy-page-huatuitui) .section-5 .item-unit {
  color: #fb4241;
  font-size: 24px;
  position: relative;
  bottom: 3px;
  left: 5px;
}

:where(body.hjy-page-huatuitui) .section-5 .item-text {
  color: #888;
  font-size: 20px;
  font-weight: 400;
  margin-top: 5px;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-1 {
  padding-top: 2rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-1 .left {
  padding-top: 0;
  margin-top: -1rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-1 .left-title {
  font-size: .9rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-1 .left-desc {
  font-size: .45rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-1 .left-tags {
  font-size: .4rem;
  margin: 1rem 0;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-1 .right {
  margin-top: 1.5rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-5 {
  padding: 1.2rem .5rem;
  text-align: center;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-5 .title {
  font-size: .6rem;
  margin-top: 0;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-5 .desc {
  font-size: .4rem;
  margin-top: .2rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-5 .image {
  margin-top: 1rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-5 .item {
  width: 50%;
  border-bottom: 1px solid #e6e6e6;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-5 .item:nth-child(odd) .item-box {
  border-right: 1px solid #e6e6e6;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-5 .item-num {
  font-size: 1rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-5 .item-unit {
  font-size: .48rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-5 .item-text {
  font-size: .4rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-2 .title {
  font-size: .6rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-2 .desc {
  font-size: .4rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-2 .items {
  padding: 1rem 0 1.2rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-2 .item {
  width: 50%;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-2 .item .title {
  font-size: .4rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-2 .item .desc {
  font-size: .35rem;
  margin-top: .2rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-2 .item .img {
  width: auto;
  height: 1.3rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-4 {
  height: auto!important;
  padding: 0 .6rem 1rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-4 .section-title {
  padding-top: 1.2rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-4 .desc, :where(body.hjy-page-huatuitui) .page_mobile .section-4 .title {
  font-size: .7rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-4 .tabs {
  background: #ebedf0;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-4 .tabs-item {
  width: 20%;
  color: #222;
  font-size: .35rem;
  text-align: center;
  padding: .4rem 0;
  cursor: pointer;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-4 .tabs-item.active {
  color: #333;
  background: #fff;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-4 .swiperBox {
  padding-top: .6rem;
  border-radius: .2rem;
  -webkit-box-shadow: 0 2px 17px rgba(55,55,55,.1);
  box-shadow: 0 2px 17px rgba(55,55,55,.1);
  overflow: hidden;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-4 .swiperBox .swiper-slide {
  background: #fff;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-4 .swiperBox .swiper-image {
  padding: 1rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-4 .swiperBox .image {
  width: 100%;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-partner {
  height: auto;
  padding: 1.2rem 1rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-partner .title {
  line-height: 1rem;
  font-size: .6rem;
}

:where(body.hjy-page-huatuitui) .page_mobile .section-partner .btn {
  width: 50%;
  height: 1.3rem;
  line-height: 1.3rem;
  font-size: .45rem;
}

/* ================= 抖客CPS（dycps） ================= */

:where(body.hjy-page-dycps) .section-1 {
  background: #15151f url(https://img.huajuanyun.com/webSite/partner_bg44.jpg) no-repeat;
  background-size: cover;
  padding: 160px 0 80px;
}

:where(body.hjy-page-dycps) .section-1 .left {
  color: #fff;
  padding-top: 20px;
}

:where(body.hjy-page-dycps) .section-1 .left-title {
  line-height: 62px;
  font-size: 42px;
  font-weight: 700;
}

:where(body.hjy-page-dycps) .section-1 .left-desc {
  line-height: 28px;
  font-size: 18px;
  margin-top: 6px;
}

:where(body.hjy-page-dycps) .section-1 .left-tags {
  line-height: 34px;
  font-size: 14px;
  margin-top: 40px;
}

:where(body.hjy-page-dycps) .section-1 .right {
  text-align: center;
}

:where(body.hjy-page-dycps) .section-1 .right-image {
  width: 130%;
}

:where(body.hjy-page-dycps) .section-2 .items {
  padding: 50px 0 80px;
}

:where(body.hjy-page-dycps) .section-2 .item {
  width: 33.33%;
  padding: 30px 0;
  text-align: center;
}

:where(body.hjy-page-dycps) .section-2 .item .img {
  width: 120px;
  height: 68px;
}

:where(body.hjy-page-dycps) .section-2 .item .title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin: 26px 0 13px;
}

:where(body.hjy-page-dycps) .section-2 .item .desc {
  width: 80%;
  line-height: 24px;
  color: #888;
  font-size: 14px;
  padding-top: 10px;
  margin: 0 auto;
}

:where(body.hjy-page-dycps) .section-3 {
  padding-bottom: 80px;
}

:where(body.hjy-page-dycps) .section-3 .items {
  padding-top: 60px;
}

:where(body.hjy-page-dycps) .section-3 .image {
  width: 100%;
}

:where(body.hjy-page-dycps) .section-4 {
  background: url(https://h5.dhcc.wang/images/business/wm_show_bg.jpg) no-repeat 50% fixed;
  background-size: 100% 100%;
  padding: 20px 0 100px;
  height: 1000px;
}

:where(body.hjy-page-dycps) .section-4 .section-title .title {
  color: #fff;
}

:where(body.hjy-page-dycps) .section-4 .section-title .desc {
  color: hsla(0,0%,100%,.6);
}

:where(body.hjy-page-dycps) .section-4 .box {
  padding-top: 60px;
}

:where(body.hjy-page-dycps) .section-4 .items {
  margin-top: 25px;
  border: 1px solid hsla(0,0%,100%,.2);
  border-radius: 8px;
  overflow: hidden;
}

:where(body.hjy-page-dycps) .section-4 .item {
  padding: 15px 35px;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

:where(body.hjy-page-dycps) .section-4 .item:not(:first-child) {
  border-top: 1px solid hsla(0,0%,100%,.2);
}

:where(body.hjy-page-dycps) .section-4 .item-title {
  color: #fff;
  line-height: 25px;
  font-size: 18px;
  font-weight: 700;
}

:where(body.hjy-page-dycps) .section-4 .item-desc {
  line-height: 20px;
  color: hsla(0,0%,100%,.6);
  font-size: 14px;
  margin-top: 8px;
}

:where(body.hjy-page-dycps) .section-4 .item.active {
  background: #fff;
}

:where(body.hjy-page-dycps) .section-4 .item.active .item-title {
  color: #333;
}

:where(body.hjy-page-dycps) .section-4 .item.active .item-desc {
  color: #999;
}

:where(body.hjy-page-dycps) .section-4 .right {
  text-align: center;
}

:where(body.hjy-page-dycps) .section-4 .right-image {
  width: 100%;
  min-height: 583px;
}

:where(body.hjy-page-dycps) .section-5 {
  padding: 100px 0;
}

:where(body.hjy-page-dycps) .section-5 .image {
  width: 100%;
}

:where(body.hjy-page-dycps) .section-5 .title {
  color: #222;
  font-size: 42px;
  font-weight: 600;
  margin-top: 80px;
  line-height: 50px;
}

:where(body.hjy-page-dycps) .section-5 .title span {
  color: #4e41dd;
  font-size: 34px;
}

:where(body.hjy-page-dycps) .section-5 .desc {
  line-height: 30px;
  color: #666;
  font-size: 16px;
  margin-top: 40px;
}

:where(body.hjy-page-dycps) .section-5 .items {
  background: #fff;
  -webkit-box-shadow: 0 10px 30px 0 rgba(73,9,9,.08);
  box-shadow: 0 10px 30px 0 rgba(73,9,9,.08);
  border-radius: 10px;
  margin-top: 50px;
}

:where(body.hjy-page-dycps) .section-5 .item {
  padding: 25px 0;
}

:where(body.hjy-page-dycps) .section-5 .item:not(:last-child) .item-box {
  border-right: 1px solid #e6e6e6;
}

:where(body.hjy-page-dycps) .section-5 .item-num {
  color: #6557fa;
  font-size: 54px;
  font-weight: 700;
}

:where(body.hjy-page-dycps) .section-5 .item-unit {
  color: #4e41dd;
  font-size: 24px;
  position: relative;
  bottom: 3px;
  left: 5px;
}

:where(body.hjy-page-dycps) .section-5 .item-text {
  color: #888;
  font-size: 20px;
  font-weight: 400;
  margin-top: 5px;
}

:where(body.hjy-page-dycps) .page_mobile .section-1 {
  padding-top: 2rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-1 .left {
  padding-top: 0;
  margin-top: -1rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-1 .left-title {
  font-size: .9rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-1 .left-desc {
  font-size: .45rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-1 .left-tags {
  font-size: .4rem;
  margin: 1rem;
  margin-top: 2rem;
  text-align: left;
  line-height: 20px;
}

:where(body.hjy-page-dycps) .page_mobile .section-1 .left-tags div {
  margin-bottom: .5rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-1 .right {
  margin-top: 1.5rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-5 {
  padding: 1.2rem 1rem;
  text-align: center;
}

:where(body.hjy-page-dycps) .page_mobile .section-5 .title {
  font-size: 1.2rem;
  margin-top: 0;
}

:where(body.hjy-page-dycps) .page_mobile .section-5 .title span {
  font-size: .6rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-5 .desc {
  font-size: .4rem;
  margin-top: .2rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-5 .image {
  margin-top: 1rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-5 .item {
  width: 50%;
  border-bottom: 1px solid #e6e6e6;
}

:where(body.hjy-page-dycps) .page_mobile .section-5 .item:nth-child(odd) .item-box {
  border-right: 1px solid #e6e6e6;
}

:where(body.hjy-page-dycps) .page_mobile .section-5 .item-num {
  font-size: 1rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-5 .item-unit {
  font-size: .48rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-5 .item-text {
  font-size: .4rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-2 .title {
  font-size: .6rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-2 .desc {
  font-size: .4rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-2 .items {
  padding: 1rem 0 1.2rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-2 .item {
  width: 50%;
}

:where(body.hjy-page-dycps) .page_mobile .section-2 .item .title {
  font-size: .4rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-2 .item .desc {
  font-size: .35rem;
  margin-top: .2rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-2 .item .img {
  width: auto;
  height: 1.3rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-4 {
  height: auto!important;
  padding: 0 .6rem 1rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-4 .section-title {
  padding-top: 1.2rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-4 .desc, :where(body.hjy-page-dycps) .page_mobile .section-4 .title {
  font-size: .7rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-4 .tabs-item {
  width: 100%;
  color: #fff;
  font-size: .5rem;
  text-align: center;
  padding: .4rem 0;
  cursor: pointer;
}

:where(body.hjy-page-dycps) .page_mobile .section-4 .tabs-item.active {
  color: #333;
  background: #fff;
  border-radius: 5px;
}

:where(body.hjy-page-dycps) .page_mobile .section-4 .swiperBox {
  padding-top: .6rem;
  border-radius: .2rem;
  -webkit-box-shadow: 0 2px 17px rgba(55,55,55,.1);
  box-shadow: 0 2px 17px rgba(55,55,55,.1);
  overflow: hidden;
}

:where(body.hjy-page-dycps) .page_mobile .section-4 .swiperBox .swiper-image {
  padding: 1rem .3rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-4 .swiperBox .image {
  width: 100%;
}

:where(body.hjy-page-dycps) .page_mobile .section-partner {
  height: auto;
  padding: 1.2rem 1rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-partner .title {
  line-height: 1rem;
  font-size: .6rem;
}

:where(body.hjy-page-dycps) .page_mobile .section-partner .btn {
  width: 50%;
  height: 1.3rem;
  line-height: 1.3rem;
  font-size: .45rem;
}

/* ================= 花卷云SaaS（saasapp） ================= */

:where(body.hjy-page-saasapp) .section-1 {
  background: #fff url(https://img.huajuanyun.com/webSite/partner_bg1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 160px 0 80px;
  position: relative;
}

:where(body.hjy-page-saasapp) .section-1 .left-bg {
  position: absolute;
  top: 252px;
  left: -120px;
  width: 375px;
  height: 282px;
  background-image: url(https://static.ucloud.cn/2256426c1f33897dcbf69faf60819236.png);
  background-size: contain;
}

:where(body.hjy-page-saasapp) .section-1 .right-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 538px;
  height: 208px;
  background-image: url(https://static.ucloud.cn/3f4a4c0d70ac962f9230d2fd5083c7f7.png);
  background-size: contain;
}

:where(body.hjy-page-saasapp) .section-1 .left {
  color: #fff;
  padding-top: 20px;
}

:where(body.hjy-page-saasapp) .section-1 .left-title {
  line-height: 62px;
  font-size: 42px;
  font-weight: 700;
}

:where(body.hjy-page-saasapp) .section-1 .left-desc {
  line-height: 28px;
  font-size: 18px;
  margin-top: 6px;
}

:where(body.hjy-page-saasapp) .section-1 .left-tags {
  line-height: 34px;
  font-size: 14px;
  margin-top: 40px;
}

:where(body.hjy-page-saasapp) .section-1 .right {
  text-align: center;
}

:where(body.hjy-page-saasapp) .section-1 .right-image {
  width: 130%;
}

:where(body.hjy-page-saasapp) .section-2 .items {
  padding: 50px 0 80px;
}

:where(body.hjy-page-saasapp) .section-2 .item {
  width: 33.33%;
  padding: 30px 0;
  text-align: center;
}

:where(body.hjy-page-saasapp) .section-2 .item .img {
  width: 120px;
  height: 68px;
}

:where(body.hjy-page-saasapp) .section-2 .item .title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  margin: 26px 0 13px;
}

:where(body.hjy-page-saasapp) .section-2 .item .desc {
  width: 80%;
  line-height: 24px;
  color: #888;
  font-size: 14px;
  padding-top: 10px;
  margin: 0 auto;
}

:where(body.hjy-page-saasapp) .section-3 {
  padding-bottom: 80px;
}

:where(body.hjy-page-saasapp) .section-3 .items {
  padding-top: 60px;
}

:where(body.hjy-page-saasapp) .section-3 .image {
  width: 100%;
}

:where(body.hjy-page-saasapp) .section-4 {
  background: url(https://h5.dhcc.wang/images/business/wm_show_bg.jpg) no-repeat 50% fixed;
  background-size: 100% 100%;
  padding: 20px 0 100px;
  height: 1000px;
}

:where(body.hjy-page-saasapp) .section-4 .section-title .title {
  color: #fff;
}

:where(body.hjy-page-saasapp) .section-4 .section-title .desc {
  color: hsla(0,0%,100%,.6);
}

:where(body.hjy-page-saasapp) .section-4 .box {
  padding-top: 60px;
}

:where(body.hjy-page-saasapp) .section-4 .items {
  margin-top: 25px;
  border: 1px solid hsla(0,0%,100%,.2);
  border-radius: 8px;
  overflow: hidden;
}

:where(body.hjy-page-saasapp) .section-4 .item {
  padding: 15px 35px;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

:where(body.hjy-page-saasapp) .section-4 .item:not(:first-child) {
  border-top: 1px solid hsla(0,0%,100%,.2);
}

:where(body.hjy-page-saasapp) .section-4 .item-title {
  color: #fff;
  line-height: 25px;
  font-size: 18px;
  font-weight: 700;
}

:where(body.hjy-page-saasapp) .section-4 .item-desc {
  line-height: 20px;
  color: hsla(0,0%,100%,.6);
  font-size: 14px;
  margin-top: 8px;
}

:where(body.hjy-page-saasapp) .section-4 .item.active {
  background: #fff;
}

:where(body.hjy-page-saasapp) .section-4 .item.active .item-title {
  color: #333;
}

:where(body.hjy-page-saasapp) .section-4 .item.active .item-desc {
  color: #999;
}

:where(body.hjy-page-saasapp) .section-4 .right {
  text-align: center;
}

:where(body.hjy-page-saasapp) .section-4 .right-image {
  width: 100%;
  min-height: 583px;
}

:where(body.hjy-page-saasapp) .section-5 {
  padding: 0 0 100px;
}

:where(body.hjy-page-saasapp) .section-5 .image {
  width: 100%;
}

:where(body.hjy-page-saasapp) .section-5 .title {
  color: #222;
  font-size: 42px;
  font-weight: 600;
  margin-top: 80px;
  line-height: 50px;
}

:where(body.hjy-page-saasapp) .section-5 .title span {
  color: #ff4040;
  font-size: 26px;
}

:where(body.hjy-page-saasapp) .section-5 .desc {
  line-height: 30px;
  color: #666;
  font-size: 16px;
  margin-top: 40px;
}

:where(body.hjy-page-saasapp) .section-5 .items {
  background: #fff;
  -webkit-box-shadow: 0 10px 30px 0 rgba(73,9,9,.08);
  box-shadow: 0 10px 30px 0 rgba(73,9,9,.08);
  border-radius: 10px;
  margin-top: 50px;
}

:where(body.hjy-page-saasapp) .section-5 .item {
  padding: 25px 0;
}

:where(body.hjy-page-saasapp) .section-5 .item:not(:last-child) .item-box {
  border-right: 1px solid #e6e6e6;
}

:where(body.hjy-page-saasapp) .section-5 .item-num {
  color: #ff4040;
  font-size: 54px;
  font-weight: 700;
}

:where(body.hjy-page-saasapp) .section-5 .item-unit {
  color: #ff4040;
  font-size: 24px;
  position: relative;
  bottom: 3px;
  left: 5px;
}

:where(body.hjy-page-saasapp) .section-5 .item-text {
  color: #888;
  font-size: 20px;
  font-weight: 400;
  margin-top: 5px;
}

:where(body.hjy-page-saasapp) .page_mobile .section-1 {
  padding-top: 2rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-1 .left {
  padding-top: 0;
  margin-top: -1rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-1 .left-title {
  font-size: .9rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-1 .left-desc {
  font-size: .45rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-1 .left-tags {
  font-size: .4rem;
  margin: 1rem;
  margin-top: 2rem;
  text-align: left;
  line-height: 20px;
}

:where(body.hjy-page-saasapp) .page_mobile .section-1 .left-tags div {
  margin-bottom: .5rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-1 .right {
  margin-top: 1.5rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-5 {
  padding: 1.2rem 1rem;
  text-align: center;
}

:where(body.hjy-page-saasapp) .page_mobile .section-5 .title {
  font-size: .7rem;
  margin-top: 0;
  line-height: 22px;
}

:where(body.hjy-page-saasapp) .page_mobile .section-5 .title span {
  font-size: 14px;
  display: inline-block;
  margin-top: 10px;
}

:where(body.hjy-page-saasapp) .page_mobile .section-5 .desc {
  font-size: .4rem;
  margin-top: .2rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-5 .image {
  margin-top: 1rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-5 .item {
  width: 50%;
  border-bottom: 1px solid #e6e6e6;
}

:where(body.hjy-page-saasapp) .page_mobile .section-5 .item:nth-child(odd) .item-box {
  border-right: 1px solid #e6e6e6;
}

:where(body.hjy-page-saasapp) .page_mobile .section-5 .item-num {
  font-size: 1rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-5 .item-unit {
  font-size: .48rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-5 .item-text {
  font-size: .4rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-2 .title {
  font-size: .6rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-2 .desc {
  font-size: .4rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-2 .items {
  padding: 1rem 0 1.2rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-2 .item {
  width: 50%;
}

:where(body.hjy-page-saasapp) .page_mobile .section-2 .item .title {
  font-size: .4rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-2 .item .desc {
  font-size: .35rem;
  margin-top: .2rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-2 .item .img {
  width: auto;
  height: 1.3rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-3 {
  padding: 0 .6rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-3 .items {
  padding-top: 20px;
}

:where(body.hjy-page-saasapp) .page_mobile .section-4 {
  height: auto!important;
  padding: 0 .6rem 1rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-4 .section-title {
  padding-top: 1.2rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-4 .desc, :where(body.hjy-page-saasapp) .page_mobile .section-4 .title {
  font-size: .7rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-4 .tabs-item {
  width: 100%;
  color: #fff;
  font-size: .5rem;
  text-align: center;
  padding: .4rem 0;
  cursor: pointer;
}

:where(body.hjy-page-saasapp) .page_mobile .section-4 .tabs-item.active {
  color: #333;
  background: #fff;
  border-radius: 5px;
}

:where(body.hjy-page-saasapp) .page_mobile .section-4 .swiperBox {
  padding-top: .6rem;
  border-radius: .2rem;
  -webkit-box-shadow: 0 2px 17px rgba(55,55,55,.1);
  box-shadow: 0 2px 17px rgba(55,55,55,.1);
  overflow: hidden;
}

:where(body.hjy-page-saasapp) .page_mobile .section-4 .swiperBox .swiper-image {
  padding: 1rem .3rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-4 .swiperBox .image {
  width: 100%;
}

:where(body.hjy-page-saasapp) .page_mobile .section-partner {
  height: auto;
  padding: 1.2rem 1rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-partner .title {
  line-height: 1rem;
  font-size: .6rem;
}

:where(body.hjy-page-saasapp) .page_mobile .section-partner .btn {
  width: 50%;
  height: 1.3rem;
  line-height: 1.3rem;
  font-size: .45rem;
}

/* ================= 花卷生活APP（shareapp） ================= */

:where(body.hjy-page-shareapp) .section-1 {
  background: url(https://h5.dhcc.wang/images/business/app_banner01.png) no-repeat 50%;
  background-size: cover;
  padding: 160px 0 0;
}

:where(body.hjy-page-shareapp) .section-1 .left {
  color: #fff;
  padding-top: 60px;
}

:where(body.hjy-page-shareapp) .section-1 .left-title {
  line-height: 62px;
  font-size: 32px;
  font-weight: 700;
}

:where(body.hjy-page-shareapp) .section-1 .left-desc {
  line-height: 28px;
  font-size: 18px;
  margin-top: 6px;
}

:where(body.hjy-page-shareapp) .section-1 .left-tags {
  line-height: 34px;
  font-size: 14px;
  margin-top: 40px;
}

:where(body.hjy-page-shareapp) .section-1 .right {
  text-align: center;
}

:where(body.hjy-page-shareapp) .section-1 .right-image {
  width: 100%;
}

:where(body.hjy-page-shareapp) .section-2 {
  padding-bottom: 80px;
}

:where(body.hjy-page-shareapp) .section-2 .items {
  padding-top: 60px;
}

:where(body.hjy-page-shareapp) .section-2 .item {
  width: calc(25% - 20px);
  min-height: 370px;
  text-align: center;
  background: #fff;
  padding: 40px 30px;
  -webkit-box-shadow: 0 3px 16px 0 rgba(0,0,0,.06);
  box-shadow: 0 3px 16px 0 rgba(0,0,0,.06);
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transform: scale(.95);
  transform: scale(.95);
  -webkit-transition: all .3s;
  transition: all .3s;
}

:where(body.hjy-page-shareapp) .section-2 .item:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}

:where(body.hjy-page-shareapp) .section-2 .item:hover .title {
  color: #ff3734;
}

:where(body.hjy-page-shareapp) .section-2 .item .img {
  width: 75%;
}

:where(body.hjy-page-shareapp) .section-2 .item .title {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  padding: 30px 0 20px;
}

:where(body.hjy-page-shareapp) .section-2 .item .desc {
  line-height: 22px;
  color: #888;
  font-size: 12px;
}

:where(body.hjy-page-shareapp) .section-3 .box {
  padding: 80px 0;
}

:where(body.hjy-page-shareapp) .section-3 .image {
  width: 100%;
}

:where(body.hjy-page-shareapp) .section-3 .item {
  width: calc(50% - 40px);
  margin-bottom: 40px;
  margin-left: 40px;
  position: relative;
}

:where(body.hjy-page-shareapp) .section-3 .item-out {
  height: 84px;
  padding: 0 30px;
  cursor: pointer;
  opacity: 1;
}

:where(body.hjy-page-shareapp) .section-3 .item-inner, :where(body.hjy-page-shareapp) .section-3 .item-out {
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,.08);
  box-shadow: 0 6px 20px 0 rgba(0,0,0,.08);
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

:where(body.hjy-page-shareapp) .section-3 .item-inner {
  height: 207px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

:where(body.hjy-page-shareapp) .section-3 .item-inner.bottom {
  top: inherit;
  bottom: 0;
}

:where(body.hjy-page-shareapp) .section-3 .item-title {
  line-height: 25px;
  font-size: 18px;
  font-weight: 700;
}

:where(body.hjy-page-shareapp) .section-3 .item-desc {
  line-height: 28px;
  color: #888;
  font-size: 14px;
  padding: 0 20px;
}

:where(body.hjy-page-shareapp) .section-3 .item.active .item-out {
  opacity: 0;
}

:where(body.hjy-page-shareapp) .section-3 .item.active .item-inner {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

:where(body.hjy-page-shareapp) .section-3 .item .icon {
  width: 44px;
  height: 44px;
}

:where(body.hjy-page-shareapp) .section-3 .item .line {
  width: 34px;
  height: 2px;
  background: -webkit-gradient(linear,left top,right top,from(#ff7b45),to(#ff3734));
  background: linear-gradient(90deg,#ff7b45,#ff3734);
  margin: 15px 0;
}

:where(body.hjy-page-shareapp) .page_mobile .section-1 {
  padding: 2rem .5rem 0;
}

:where(body.hjy-page-shareapp) .page_mobile .section-1 .left {
  padding-top: 0;
  margin-top: -1rem;
}

:where(body.hjy-page-shareapp) .page_mobile .section-1 .left-title {
  font-size: .6rem;
}

:where(body.hjy-page-shareapp) .page_mobile .section-1 .left-desc {
  font-size: .45rem;
}

:where(body.hjy-page-shareapp) .page_mobile .section-1 .left-tags {
  font-size: .4rem;
  margin: 1rem 0;
}

:where(body.hjy-page-shareapp) .page_mobile .section-2 .items {
  padding-top: 1.5rem;
}

:where(body.hjy-page-shareapp) .page_mobile .section-2 .item {
  width: auto;
  min-height: 0;
  margin: 0 .2rem .2rem;
  padding: 1.2rem .8rem;
}

:where(body.hjy-page-shareapp) .page_mobile .section-2 .item .title {
  font-size: .6rem;
}

:where(body.hjy-page-shareapp) .page_mobile .section-2 .item .desc {
  max-width: 80%;
  line-height: .8rem;
  font-size: .4rem;
  margin: 0 auto;
}

:where(body.hjy-page-shareapp) .page_mobile .section-3 .box, :where(body.hjy-page-shareapp) .page_mobile .section-3 .items {
  padding-top: 1.5rem;
}

:where(body.hjy-page-shareapp) .page_mobile .section-3 .box {
  padding-bottom: 1rem;
}

:where(body.hjy-page-shareapp) .page_mobile .section-3 .item {
  width: 100%;
  margin: 0 .5rem .5rem;
}

:where(body.hjy-page-shareapp) .page_mobile .section-3 .item-title {
  font-size: .6rem;
}

:where(body.hjy-page-shareapp) .page_mobile .section-3 .item-desc {
  font-size: .4rem;
}

:where(body.hjy-page-shareapp) .page_mobile .section-partner {
  height: auto;
  padding: 1.2rem 1rem;
}

:where(body.hjy-page-shareapp) .page_mobile .section-partner .title {
  line-height: 1rem;
  font-size: .6rem;
}

:where(body.hjy-page-shareapp) .page_mobile .section-partner .btn {
  width: 50%;
  height: 1.3rem;
  line-height: 1.3rem;
  font-size: .45rem;
}

@-webkit-keyframes shake-slow {
0%{-webkit-transform:translate(0) rotate(0deg)}8%{-webkit-transform:translate(-4px,-3px) rotate(-1.5deg)}16%{-webkit-transform:translate(8px,-8px) rotate(-1.5deg)}24%{-webkit-transform:translate(-8px,-1px) rotate(2.5deg)}32%{-webkit-transform:translate(-1px) rotate(2.5deg)}40%{-webkit-transform:translate(-5px,-1px) rotate(-.5deg)}48%{-webkit-transform:translate(1px,9px) rotate(1.5deg)}56%{-webkit-transform:translate(2px,-9px) rotate(-2.5deg)}64%{-webkit-transform:translate(-9px,-4px) rotate(-3.5deg)}72%{-webkit-transform:translate(-7px,9px) rotate(2.5deg)}80%{-webkit-transform:translate(3px,7px) rotate(2.5deg)}88%{-webkit-transform:translate(-8px,3px) rotate(-1.5deg)}96%{-webkit-transform:translate(-3px,2px) rotate(-3.5deg)}98%{-webkit-transform:translate(2px,1px) rotate(-.5deg)}
}

/* ================= 关于我们（about） ================= */

:where(body.hjy-page-about) .section-1 {
  color: #fff;
  background: url(https://img.huajuanyun.com/202009/20201124192334.png) no-repeat 50%;
  background-size: cover;
  padding: 220px 0 100px;
  text-align: center;
}

:where(body.hjy-page-about) .section-1 .title {
  font-size: 34px;
  font-weight: 700;
}

:where(body.hjy-page-about) .section-1 .subtitle {
  display: inline-block;
  font-size: 24px;
  margin: 40px 0;
  padding: 15px 10px;
  border-top: 1px solid hsla(0,0%,100%,.15);
  border-bottom: 1px solid hsla(0,0%,100%,.15);
}

:where(body.hjy-page-about) .section-1 .desc {
  line-height: 30px;
  font-size: 15px;
  color: hsla(0,0%,100%,.6);
  margin-top: -10px;
}

:where(body.hjy-page-about) .section-1 .desc .items {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

:where(body.hjy-page-about) .section-1 .desc .items .item {
  text-align: center;
  margin-bottom: 20px;
  width: 14.2857142857%;
}

:where(body.hjy-page-about) .section-1 .desc .items .item .number img {
  width: 96px;
  margin-bottom: 10px;
}

:where(body.hjy-page-about) .section-1 .desc .items .item .name {
  color: #fff;
  font-weight: 700;
  line-height: 24px;
  font-size: 16px;
}

:where(body.hjy-page-about) .section-2 .items {
  padding: 100px 0;
}

:where(body.hjy-page-about) .section-2 .item {
  width: calc(50% - 30px);
  padding: 75px 20px 30px;
  text-align: center;
  background: #fff;
  border-radius: 20px;
  position: relative;
  -webkit-transition: all .3s;
  transition: all .3s;
}

:where(body.hjy-page-about) .section-2 .item:hover {
  -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,.06);
  box-shadow: 0 6px 10px 0 rgba(0,0,0,.06);
}

:where(body.hjy-page-about) .section-2 .item .img {
  width: 98px;
  height: 98px;
  position: absolute;
  left: 50%;
  top: -49px;
  margin-left: -49px;
}

:where(body.hjy-page-about) .section-2 .item .title {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

:where(body.hjy-page-about) .section-2 .item .desc {
  line-height: 26px;
  color: #999;
  font-size: 14px;
  padding: 12px 0;
}

:where(body.hjy-page-about) .section-2 .item .btn {
  display: block;
  width: 140px;
  height: 38px;
  line-height: 36px;
  color: #fd5f3c;
  font-size: 14px;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #fd5f3c;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
}

:where(body.hjy-page-about) .section-2 .item .btn:hover {
  color: #fff;
  background: #fd5f3c;
  border-color: #fff;
}

:where(body.hjy-page-about) .section-3 {
  padding-bottom: 80px;
}

:where(body.hjy-page-about) .section-3 .items {
  padding-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  width: 100%;
}

:where(body.hjy-page-about) .section-3 .item {
  position: relative;
  width: 180px;
  height: 110px;
  border-radius: 8px 24px 8px 24px;
  cursor: pointer;
  text-align: center;
}

:where(body.hjy-page-about) .section-3 .item:hover .title {
  display: none;
}

:where(body.hjy-page-about) .section-3 .item:hover .desc {
  opacity: 1;
}

:where(body.hjy-page-about) .section-3 .item .title {
  font-weight: 600;
  font-size: 48px;
  line-height: 60px;
  margin-top: 22px;
}

:where(body.hjy-page-about) .section-3 .item .desc, :where(body.hjy-page-about) .section-3 .item .title {
  font-family: PingFang SC;
  font-style: normal;
  color: #fff;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}

:where(body.hjy-page-about) .section-3 .item .desc {
  opacity: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  margin-top: 25px;
}

:where(body.hjy-page-about) .section-4 {
  color: #fff;
  background: url(https://file.qingflow.com/official-page/multiple-page/partner/partner_bg2.png) no-repeat 50% fixed;
  background-size: 100% 100%;
  padding: 20px 0 100px;
}

:where(body.hjy-page-about) .section-4 .items {
  width: 80%;
  margin: 60px auto 0;
  background: url(https://h5.dhcc.wang/images/business/about_own.png) no-repeat center 50px;
  background-size: 87% 87%;
}

:where(body.hjy-page-about) .section-4 .item {
  height: 190px;
}

:where(body.hjy-page-about) .section-4 .item:nth-child(2n) {
  text-align: right;
}

:where(body.hjy-page-about) .section-4 .item-title {
  line-height: 25px;
  font-size: 20px;
  font-weight: 700;
}

:where(body.hjy-page-about) .section-4 .item-desc {
  font-size: 14px;
  opacity: .5;
}

:where(body.hjy-page-about) .section-4 .item-line {
  display: inline-block;
  width: 32px;
  height: 4px;
  background: hsla(0,0%,100%,.5);
  margin: 15px 0;
}

:where(body.hjy-page-about) .section-5 {
  padding: 80px 0;
}

:where(body.hjy-page-about) .section-5 .left-title {
  line-height: 33px;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 24px;
}

:where(body.hjy-page-about) .section-5 .left-desc {
  line-height: 28px;
  font-size: 15px;
  margin-top: 12px;
}

:where(body.hjy-page-about) .section-5 .image {
  width: 100%;
  border-radius: 10px;
}

:where(body.hjy-page-about) .section-6 .left-title {
  line-height: 51px;
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 6px;
}

:where(body.hjy-page-about) .section-6 .left-desc {
  line-height: 28px;
  font-size: 16px;
  font-weight: 400;
  margin-top: 15px;
}

:where(body.hjy-page-about) .section-6 .image {
  width: 100%;
  height: 290px;
  -o-object-fit: cover;
  object-fit: cover;
}

:where(body.hjy-page-about) .page_mobile .section-1 {
  padding: 1.5rem 0;
}

:where(body.hjy-page-about) .page_mobile .section-1 .title {
  font-size: .7rem;
}

:where(body.hjy-page-about) .page_mobile .section-1 .subtitle {
  font-size: .5rem;
  margin: .5rem 0;
}

:where(body.hjy-page-about) .page_mobile .section-1 .desc {
  line-height: .6rem;
  font-size: .3rem;
  letter-spacing: 2px;
}

:where(body.hjy-page-about) .page_mobile .section-5 {
  padding: 1.5rem .5rem;
}

:where(body.hjy-page-about) .page_mobile .section-5 .left-title {
  line-height: .7rem;
  font-size: .6rem;
  margin-bottom: .48rem;
}

:where(body.hjy-page-about) .page_mobile .section-5 .left-desc {
  line-height: .56rem;
  font-size: .4rem;
}

:where(body.hjy-page-about) .page_mobile .section-4 {
  background: url(https://file.qingflow.com/official-page/multiple-page/partner/partner_bg2.png) no-repeat 50% fixed;
  background-size: auto 100%;
  padding: 0 0 1rem;
}

:where(body.hjy-page-about) .page_mobile .section-4 .items {
  background: none;
  margin-top: 1rem;
}

:where(body.hjy-page-about) .page_mobile .section-4 .item {
  height: 4rem;
}

:where(body.hjy-page-about) .page_mobile .section-4 .item-title {
  font-size: .5rem;
}

:where(body.hjy-page-about) .page_mobile .section-4 .item-desc {
  font-size: .4rem;
}

:where(body.hjy-page-about) .page_mobile .section-3 {
  padding-bottom: 2rem;
}

:where(body.hjy-page-about) .page_mobile .section-3 .items {
  padding: 1rem .5rem 0;
}

:where(body.hjy-page-about) .page_mobile .section-3 .item {
  width: calc(50% - .25rem);
}

:where(body.hjy-page-about) .page_mobile .section-3 .item .title {
  font-size: .7rem;
}

:where(body.hjy-page-about) .page_mobile .section-3 .item .desc {
  height: 1.8rem;
  line-height: .6rem;
  font-size: .4rem;
}

:where(body.hjy-page-about) .page_mobile .section-2 .items {
  padding: 2rem 0 0;
}

:where(body.hjy-page-about) .page_mobile .section-2 .item {
  width: auto;
  margin: 0 .5rem 2rem;
  padding: 1.5rem .5rem .8rem;
}

:where(body.hjy-page-about) .page_mobile .section-2 .item .img {
  width: 2rem;
  height: 2rem;
  top: -1rem;
  margin-left: -1rem;
}

:where(body.hjy-page-about) .page_mobile .section-6 .image {
  height: 4rem;
}

:where(body.hjy-page-about) .page_mobile .section-6 .left {
  padding: .8rem 0 1.2rem;
}

:where(body.hjy-page-about) .page_mobile .section-6 .left-title {
  line-height: 1rem;
  font-size: .6rem;
}

:where(body.hjy-page-about) .page_mobile .section-6 .left-desc {
  line-height: .58rem;
  font-size: .4rem;
}