:root {
  --minWidth: 1280px;
  --transition-duration: 0.4s;
  --baseGrey: #858586;
  --fontBlack: #020202;
}
#help_article {
  box-sizing: border-box;
  font-size: 14px;
  min-height: calc(100vh - 70px);
}
#help_article .outer_wrapper {
  min-width: var(--minWidth);
  width: 100%;
}
#help_article .menu_container {
  width: 378px;
  padding: 36px 16px 0px;
  position: fixed;
  top: 70px;
  max-height: calc(100vh - 70px - 88px);
  display: flex;
  flex-direction: column;
  z-index: 1;
}
#help_article .menu_container .el-tree-node__content span {
  overflow: hidden;
  text-overflow: ellipsis;
}
#help_article .menu_container .menu_title {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0;
}
#help_article .menu_container .menu_title span {
  margin-right: 16px;
}
#help_article .menu_container .menu_title i {
  cursor: pointer;
  color: var(--baseGrey);
}
#help_article .menu_container .menu_title svg {
  width: 14px;
  height: 14px;
}
#help_article .menu_container .is_current {
  color: var(--color-brand);
}
#help_article .menu_container .el-tree {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
#help_article .main_container {
  padding: 18px calc(36px + 324px) 80px 36px;
  margin-left: 378px;
  position: relative;
  width: calc(100% - 378px);
  background-color: #f6f9ff;
}
#help_article .main_container video,
#help_article .main_container img {
  max-width: 100%;
}
#help_article .main_container .main_inner {
  padding: 28px;
  background-color: #fff;
  border-radius: 6px;
  margin-top: 18px;
}
#help_article .main_container .main_position a,
#help_article .main_container .main_position em,
#help_article .main_container .main_position span:not(:nth-last-child(1)) {
  color: var(--baseGrey);
}
#help_article .main_container .main_position a:hover {
  color: var(--color-brand);
}
#help_article .main_container .main_position em {
  font-family: 'iconfont';
  font-size: 0;
  margin: 0 4px;
  font-style: normal;
}
#help_article .main_container .main_position em::before {
  content: '\e65d';
  font-size: 14px;
}
#help_article .main_container .main_title {
  font-size: 30px;
  color: var(var(--fontBlack));
}
#help_article .main_container .main_updatetime {
  margin-top: 18px;
  color: var(--baseGrey);
}
#help_article .main_container .main_others {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#help_article .main_container .main_others a:hover {
  color: var(--color-brand);
}
#help_article .main_container img {
  cursor: zoom-in;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#help_article .main_container .markdown-body a {
  color: var(--color-brand);
}
#help_article .guide_container {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding-right: 20px;
  position: fixed;
  left: calc(100% - 324px);
  top: 70px;
  width: 324px;
  padding-top: 50px;
  max-height: calc(100vh - 70px - 88px);
  display: flex;
  flex-direction: column;
  z-index: 1;
}
#help_article .guide_container .guide_title {
  padding-left: 20px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
#help_article .guide_container .guide_title span {
  margin-right: 16px;
}
#help_article .guide_container .guide_title i {
  cursor: pointer;
  color: var(--baseGrey);
}
#help_article .guide_container .guide_title svg {
  width: 14px;
  height: 14px;
}
#help_article .guide_container .el-tree {
  flex: 1;
  overflow: auto;
}
#help_article .guide_container .el-tree::before {
  content: '';
  height: 100%;
  width: 1px;
  background-color: #d8dbe3;
  top: 0;
  left: 0;
  position: absolute;
}
#help_article .guide_container .el-tree > .el-tree-node > .el-tree-node__content .el-tree-node__label {
  font-weight: 600;
}
#help_article .guide_container .el-tree-node__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#help_article .guide_container .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: transparent;
  position: relative;
}
#help_article .guide_container .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content::before {
  content: '';
  border-left: 2px solid var(--color-brand);
  top: 4px;
  left: 0;
  height: 20px;
  width: 0;
  position: absolute;
}
#help_article .guide_container .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .el-tree-node__label {
  color: var(--color-brand);
}
#help_article .menu_search .el-input__wrapper {
  background-color: var(--el-fill-color-light);
  box-shadow: -1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;
}
#help_article .menu_tree .el-tree-node__content {
  flex-direction: row-reverse;
  height: 36px;
}
#help_article .menu_tree .el-tree-node__content > span {
  flex: 1;
  padding-left: 6px;
}
#help_article .menu_tree > .el-tree-node > .el-tree-node__children {
  position: relative;
}
#help_article .menu_tree > .el-tree-node > .el-tree-node__children::before {
  border-left: 1px solid #D4DFE8;
  content: '';
  height: 100%;
  width: 0;
  top: 0;
  left: 0;
  position: absolute;
}
#help_article .menu_tree .is-penultimate > .el-tree-node__content:hover {
  background-color: transparent;
  color: var(--color-brand);
  opacity: 0.85;
}
#help_article .menu_tree .is-penultimate.el-tree-node.is-current > .el-tree-node__content {
  background-color: transparent;
  color: var(--color-brand);
  opacity: 1;
}
#help_article .menu_tree .el-tree-node__content:has(.is_current) {
  background-color: var(--el-color-primary-light-9);
  position: relative;
  transform: translateX(1px);
}
#help_article .menu_tree .el-tree-node__content:has(.is_current)::before {
  content: '';
  border-left: 2px solid var(--color-brand);
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 0;
  left: -1px;
  position: absolute;
}
#help_article .menu_tree .el-tree-node__expand-icon::before {
  content: url('/static_multi_brand/images/common/arrow-right.svg');
}
#help_article .menu_tree .el-tree-node__expand-icon svg {
  display: none;
}
footer {
  background-color: #fff !important;
}
footer .footer_bar,
footer .company-logo,
footer .friend_link,
footer .footer-container {
  display: none;
}
footer .records_bar {
  background-color: #fff;
  border-top: none;
}
footer .footer-record {
  border-top: none;
  justify-content: center;
}
@media screen and (max-width: 1280px) {
  #help_article .menu_container {
    width: 190px;
    position: absolute;
  }
  #help_article .main_container {
    margin-left: 190px;
    padding: 18px calc(36px + 180px) 80px 36px;
    width: calc(100% - 190px);
  }
  #help_article .guide_container {
    width: 180px;
    left: calc(1280px - 180px);
    position: absolute;
  }
}