a {
  color: #1f2329;
  text-decoration: none;
}
a:visited {
  color: #1f2329;
}
a:hover {
  background: none;
  border-radius: 0px;
  transition: 0.4s;
}
/* a:not([class]):hover {
  background-image: linear-gradient(rgba(114, 83, 237, 0.45) 0%, rgba(114, 83, 237, 0.45) 100%);
  background: none!important;
} */
.ul .li {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* ol,ul,li {
  list-style: none;
} */
.wrap {
  max-width: 1280px;
  margin: 0 auto;
  width: 96%;
}
.wrap:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}

[flex] {
    display: flex;
  }
  [flex][flex~="i"] {
    display: inline-flex;
  }
  [flex][flex~="wrap"] {
    flex-wrap: wrap;
  }
  [flex][flex~="no-wrap"] {
    flex-wrap: nowrap;
  }
  [flex][flex~="ja"] {
    justify-content: space-around;
  }
  [flex][flex~="jb"] {
    justify-content: space-between;
  }
  [flex][flex~="js"] {
    justify-content: start;
  } 
  [flex][flex~="jfs"] {
    justify-content: flex-start;
  }
  [flex][flex~="jc"] {
    justify-content: center;
  }
  [flex][flex~="je"] {
    justify-content: end;
  }
  [flex][flex~="jfe"] {
    justify-content: flex-end;
  }
  [flex][flex~="ais"] {
    align-items: flex-start;
  }
  [flex][flex~="aic"] {
    align-items: center;
  }
  [flex][flex~="acc"] {
    align-content: center;
  }
  [flex][flex~="aie"] {
    align-items: flex-end;
  }
  
.dark body{
  background-color: #1b1b1b;
}
.dark body.type_page{
  background-color: #fff;
}
.dark a {
  color: #888;
}
.dark a:visited {
  color: #8a8a8a;
}

/* navbar */
#navbar {
    display: flex;
    height: 4.5em;
    justify-content: start;
    z-index: 100;
    border-bottom: solid 1px #E9ECF2;
}
.dark #navbar {
  border-bottom: solid 1px #484D58!important;
  background-color: #1b1b1b;
}
#navbar ul{
    padding-inline-start: 0px;
}
#navbar h2 {
    color: #1f2329;
    display: flex;
    flex: 0 0 auto;
    font-size: 18px!important;
    white-space: nowrap;
    border-left: solid 1px #c4c4c4;
    margin: 16px 16px;
    padding-left: 10px;
}
.dark #navbar h2 {
  color: #fffc;
  border-left: solid 1px #484D58;
}
/* #navbar h2::before {
    background-color: #c4c4c4;
    flex: 0 0 auto;
    height: 18px;
    margin: 16px 16px;
    width: 1px;
} */
/* #navbar #navbar_items {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-right: 0em;
	  padding-left: 0em;
} */

#navbar #new_feature_btn > a {
  padding: 0.5em;
  font-size: 0.6em;
}

blockquote {
    border-left: 4px solid #0052D9;
}

/*帮助中心首页*/
/* page */
#page_content{
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
}
#page_content > div {
    flex-grow: 1;
    align-self: auto;
}
#page_content a {
    color: #0052D9;
}

#home_page  {
  max-width: 100%;
  margin-bottom: -50px;
}
#home_page .helptitle {
    /* display: flex;
    width: 100%;
    height: 50vh;
    flex-grow: 1;
    flex-direction: row;
    background: url("/static/image/pages_image/home-pageBg.png") no-repeat top center;
    background-size: auto; */
    align-items: center;
    background: url("/static/image/pages_image/home-pageBg.png") center;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 400px;
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    /* min-height: 400px; */
    /* overflow-x: hidden; */
    padding: 150px 0 184px;
    width: 100%;
    text-align: center;
}
#home_page .helptitle span{
  width: 100%;
  font-size: 2.6em;
  text-align: center;
  color: #17191c;
  /* font-size: 36px; */
  line-height: 48px;
}
#home_page .article_content{
  display: inline-flex;
  position: relative;
  left: 0;
  top: -80px;
}
#home_page .article_content .hot_article{
  width: 62%;
  background-color: #fff;
  background-image: url(https://static.distributetop.com/office-site-new/help-site-upload/img/home-hot.bfe60d1.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 64px;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(97, 132, 255, .03), 0 4px 8px 0 rgba(97, 132, 255, .04), 0 8px 28px 0 rgba(97, 132, 255, .07);
  /* flex: 1; */
  overflow: hidden;
}
#home_page .article_content .title {
  color: #17191c;
  font-size: 20px;
  font-weight: 600;
  line-height: 64px;
  padding-left: 24px;
  text-align: left;
}
#home_page .article_content .hot_article ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0px 0;
}
#home_page .article_content .hot_article a[data-v-li] {
  color: #585b66;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  line-height: 24px;
  margin: 4px 0% 4px 24px;
  overflow: hidden;
  padding-left: 16px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(49.01% - 35.5px);
  text-align: left;
}
#home_page .article_content .hot_article a:hover[data-v-li] {
  color: #0052D9;
  background: none;
}
#home_page .article_content .hot_article a[data-v-li]:before {
  background-color: #585b66;
  border-radius: 50%;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
}
#home_page .article_content .faq{
  width: 36%;
  margin-left: 2%;
  background-color: #fff;
  background-image: url(https://static.distributetop.com/office-site-new/help-site-upload/img/home-hot.bfe60d1.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 64px;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(97, 132, 255, .03), 0 4px 8px 0 rgba(97, 132, 255, .04), 0 8px 28px 0 rgba(97, 132, 255, .07);
  /* flex: 0; */
  overflow: hidden;
}
#home_page .article_content .faq ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0px 0;
}
#home_page .article_content .faq a[data-v-li] {
  color: #585b66;
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  line-height: 24px;
  margin: 4px 0% 4px 24px;
  overflow: hidden;
  padding-left: 16px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* width: calc(49.01% - 35.5px); */
  min-width: 200px;
  text-align: left;
}
#home_page .article_content .faq a:hover[data-v-li] {
  color: #0052D9;
  background: none;
}
#home_page .article_content .faq a[data-v-li]:before {
  background-color: #585b66;
  border-radius: 50%;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
}


#home_page h3 {
    width: 100%;
    text-align: center;
}
#big_btn_wrapper {
    display: flex;
    justify-content: space-evenly;
    margin: 5em 1em;
}
#home_page .big_btn a {
    padding: 3em;
    background-color: #0458A9;
    font-size: 1.3em;
    border-radius: 10px;
    transition: 0.4s;
    display: flex;
    color: white;
}
#home_page .big_btn a:hover {
    box-shadow: 6px 4px 20px #0000002e;
}
.dark #home_page .big_btn a {
    background-color: #0458A9;
    color: #0458A9;
}
.dark #home_page .big_btn a:hover {
    box-shadow: 6px 4px 20px #000000;
    background-color: #0458A9;
}

.function{
  display: block;
}
.function .indexTitle{
  color: #17191c;
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
  margin: 70px 0 0px;
  text-align: left;
}
.function_ds{
  display: inline-block;
  width: 100%;
}
.function_ds li{
  float: left;
  background: #fff;
  border: 1px solid #e9ecf2;
  border-radius: 8px;
  flex: 1;
  /* max-width: calc(33.33333% - 26.66667px); */
  min-width: 31.8%;
  margin-right: 2%;
  margin-top: 2em;
  margin-bottom: 0em;
  list-style: none;
}
.function_ds li:nth-child(3n+3) {
  margin-right: 0%;
}
.function_ds li>ul {
  padding: 12px 24px;
}
.function .title {
  align-items: center;
  align-self: stretch;
  background: #F4F7FE;
  display: flex;
  gap: 8px;
  line-height: 32px;
  padding: 12px 24px;
}
.function .title svg {
  width: 20px;
  height: 20px;
  color: #0052D9!important;
}
.function .title svg currentColor {
  fill: #0052D9;
}
.function .title .iconfont {
  line-height: 32px;
  font-size: 20px;
  color: #0052D9!important;
}
.function .title span{
  font-size: 18px;
  font-weight: 600;
  color: #000;
}
.function li ul a[data-v-li] {
  align-items: center;
  color: #585b66!important;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 2px 0;
  position: relative;
}
.function li ul a[data-v-li]:hover {
  color: #0052D9!important;
}
.function li>a[data-v-more]:last-child {
  align-items: center;
  align-self: stretch;
  border-top: 1px solid #e9ecf2;
  color: #0052D9;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  gap: 6px;
  line-height: 24px;
  padding: 12px 24px;
}
.function li .iconfont {
  padding-left: 5px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  #home_page {
    margin-bottom: -60px;
  }
  #home_page .helptitle{
    max-width: 100%;
    background-size: 100% 250px;
    padding: 100px 0 154px;
  }
  #home_page .helptitle span {
    font-size: 2.2em;
  }
  #home_page .article_content .hot_article ul{
    padding:0px 0;
  }
  #home_page .article_content .hot_article a[data-v-li] {
    margin: 4px 1.5% 4px 16px;
    min-width: 100px;
  }
  #home_page .article_content .faq ul{
    padding:0px 0;
  }
  #home_page .article_content .faq a[data-v-li]{
    margin: 4px 1.5% 4px 16px;
    min-width: 100px;
  }
  .function_ds li{
    min-width: 31.7%;
  }
}
@media screen and (max-width: 820px) {
  #home_page .helptitle{
    background: url("/static/image/home-pageBg_mobile.jpg") center;
    padding: 40px 0 104px;
    background-size: auto 400px;
  }
  #home_page .article_content .faq ul{
    display: grid;
  }
  .function .indexTitle{
    font-size: 20px;
    font-style: normal;
    margin: 56px 0 0px;
  }
}
@media screen and (max-width: 640px) {
  #home_page .helptitle span {
    font-size: 1.8em;
  }
  #home_page .article_content .title{
    font-size: 18px;
  }
  #home_page .article_content{
    display: block;
    width: 100%;
  }
  #home_page .article_content .hot_article{
    width: 100%;
    margin-bottom: 20px;
  }
  #home_page .article_content .hot_article a[data-v-li] {
    margin: 4px 16px;
    min-width: -webkit-fill-available;
  }
  #home_page .article_content .faq{
    width: 100%;
    margin-left: 0%;;
  }
  .function .title{
    padding: 12px 20px;
  }
  .function_ds li>ul{
    padding: 0 24px;
  }
  .function_ds li{
    min-width: 48%;
    margin-top: 1em;
  }
  .function_ds li:nth-child(2n+2) {
    margin-right: 0%;
  }
  .function_ds li:nth-child(3), 
  .function_ds li:nth-child(9) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 320px) {
  #home_page{
    display: block;
    margin-bottom: -60px;
  }
  #home_page .article_content {
    display: block;
    width: 100%;
  }
  #home_page .article_content .hot_article a[data-v-li] {
    white-space:initial;
  }
}
/*帮助中心首页*/


#menu {
    background: url("/static/image/theme_default/zhankai.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 2rem;
    min-width: 2rem;
    transition: 0.2s;
    cursor: pointer;
    position: sticky;
    top: 0em;
    z-index: 99;
    margin-left: 0em;
    color: #ff0000;
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    /* border:solid 1px #D7DBE3;
    background-color: #fff; */
}
#menu:hover {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 2rem;
    min-width: 2rem;
    /* -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); */
    /* border:solid 1px #D7DBE3;
    background-color: #0052D9; */
}

/* sidebar */
#sidebar ul .active_parent > a{
    background-color: #F5F7FA;
    border-radius: 4px;
    transition: 0s;
}
#sidebar li span .icon{
    color: #0052D9;
    background: url("/static/image/theme_default/indicator2.svg") no-repeat left;
}

#sidebar .active > a{
    background-color: #EEF1FF;
    border-radius: 4px;
    color: #0052D9;
    transition: 0s;
}
#sidebar li > a > .label {
    padding: 10px;
    display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
#sidebar li > a:hover,
#sidebar li.active_parent > a:hover{
    background-color: #F0F5FE;
    border-radius: 4px;
    transition: 0s;
    /* background-color:#F0F5FE; */
}
#navbar .active > a, #navbar .active_parent > a{
    background-color: #f1f1f1;
    border-radius: 4px;
    color: #0052D9;
    transition: 0s;
}
#navbar li > a:hover,
#navbar .sub_items > a:hover{
    background-color: #E9ECF2;
    border-radius: 4px;
    transition: 0s;
}
.dark #sidebar li > a:hover,
.dark #sidebar li.active_parent > a:hover,
.dark #navbar li > a:hover,
.dark #navbar .sub_items > a:hover {
  color: #fff;
  background-color: #2d2d2d;
}

#sidebar .sub_indicator {
    transition: transform 0.4s linear;
    background: url("/static/image/theme_default/indicator2.svg") no-repeat right;
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: center;
    align-self: center;
    height: 1.25rem;
    width: 1.25rem;
    padding-right: 5px;
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: 0.2s;
}
#sidebar .sub_indicator_collapsed {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* article */
#article {
    display: flex;
    margin: 0;
    justify-content: space-evenly;
}
#article_head{
  margin-bottom: 0em!important;
}
#article_info {
  display: none!important;
}
#article_content h2 {
  color: #000;
  font-size: 1.6em;
  line-height: 1.3em;
  font-style: normal;
}
.dark #article_content h2{
  color: #D1D1D1;
}
.dark #article_content h3{
  color: #D1D1D1;
}
.dark #article_content h4{
  color: #D1D1D1;
}
/* add numbers for titles */
#article_content h2 span{
  display: none;
}
#article_content h3 {
  color: #17191c;
  font-size: 1.2em;
}
#article_content h4 {
  color: #17191c;
  font-size: 1.2em;
}
/* #article_content li {
  list-style: disc;
} */
/* #article_content strong {
  color: #dd0000;
} */

#article .toc-list-item a{
  color: #888;
}
#article .toc-list-item.is-active-li a{
  color: #515254;
}
.dark #article .toc-list-item.is-active-li a{
  color: #fff;
}
#article #toc a.node-name--H3{
  display: -webkit-box;
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

/* article content */
#content_body {
    max-width: 100em;
    width: 96%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 2em;
    margin: auto;
}
#content_body h1 {
    border-bottom: 1px solid #e9ecf2;
    display: block;
    font-size: 34px;
    font-style:inherit;
    color: #000;
    line-height: 48px;
    margin-bottom: 0px;
    margin-top: 36px;
    padding-bottom: 20px;
    width: 100%;
    text-align: left;
}
#content_body a, #content_body a:visited {
    color: #0052D9;
    padding: 0.1em;
    font-size: 1em;
}
#content_body a:hover {
    background-color: #f5f7fa;
    padding: 0.1em;
    border-radius: 0.2em;
    font-size: 1em;
}
.dark #content_body h1 {
  border-bottom: 1px solid #484D58;
  color: #D1D1D1;
}

/* wrapper */
.type_doc #wrapper {
    margin-top: 0em;
}

#toc_content>.toc-list {
	overflow: hidden;
	position: relative
}
#toc_content>.toc-list li {
	list-style: none
}
#toc_content > .toc-list li a:hover.toc-link{
  background: none;
  border-radius: 0px;
  transition: 0.4s;
}
.toc-list {
	margin: 0;
	padding-left: 0px;
}
#toc_content > .toc-list > .toc-list-item {
    border-left: 2px solid #ddd;
    padding: 0.1em 0.1em;
    line-height: 1.2em;
}
#toc_content > .toc-list > .toc-list-item li a:hover {
  background: none;
  border-radius: 0px;
  transition: 0.4s;
}
.is-active-link {
	font-weight: 700;
}
#toc a.node-name--H1{
  display: none!important;
}
.toc-link::before {
	content: ' ';
	display: inline-block;
	height: inherit;
	left: 0;
	margin-top: -1px;
    padding-left: 6px;
    margin-left: -2px;
}
.is-active-link::before {
	border-left: 2px solid #0052D9;
}

/**/
.video-item {
    display: block;
    width: 100%;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    position: relative;
    vertical-align: middle;
}
.video-item video {
  display: block;
  max-width: 100%;
  height: 100vh;
  border-radius: .5rem;
}
.video-item .video-img {
  display:inline-block;
  max-width: 100%;
  height: auto;
  text-align: center;
}


/* back to top button */
/* #to_top_wrapper {
} */
#to_top {
    background: url("/static/image/theme_default/jiantou2-2.svg") no-repeat top;
    background-size: 2em;
    background-repeat: no-repeat;
    background-position: center;
    align-self: flex-end;
    /* position: sticky; */
    position: fixed;
    bottom: 6em;
    right: 2em;
    /* margin: 0em; */
    height: 3rem;
    width: 3rem;
    cursor: pointer;
    transition: 0.4s;
    z-index: 97;
    padding: 2px;
    color: #B4BDDD!important;
    background-color: #fff;
    box-shadow: 8px 8px 20px rgba(0,0,0,0.13);
}
#to_top:hover {
    color: #fff;
    background: #0052D9 url("/static/image/theme_default/jiantou2.svg") no-repeat top;
    background-size: 2em!important;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 8px 8px 20px rgba(0,0,0,0.24);
}
#to_top:active {
    color: #fff;
    background-color: #0052D9;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.05);
}
/* #to_top svg.icon{
    color: #ff0000!important;
} */

/*search 顶部搜索*/
#navbar #nav_plugins li a {
  padding: 5px 10px!important;
}
.dark #search {
  background-color: #2d2d2d!important;
  border:solid 1px #333!important;
}
#search {
  border-radius: 4px!important;
  background-color: #fff!important;
  border:solid 1px #cfd1d8;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
}
#search:hover{
  border:solid 1px #9b9ea9;
}
#search:focus{
  border:solid 1px #0052D9;
}
#search .icon {
  transition: transform 0.4s linear;
  background: url("/static/image/search/search.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  align-self: center;
  min-height: 1.2rem!important;
  min-width: 1.2rem!important;
  transition: 0.2s;
}
#search .placeholder {
  padding: 0 0 0 0.4em!important;
  color: #9B9EA9!important;
}
#search_hints {
  display: none;
}

#search_wrapper {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
}
.dark #search_wrapper {
  background-color: transparent;
}
#search_wrapper input{
  outline: none;
  border: 1px solid #cfd1d8!important;
}
#search_wrapper input:hover{
  outline: none;
  border: 1px solid #9b9ea9!important;
}
#search_wrapper input:focus{
  color: #1a2035!important;
  outline: none;
  border: 1px solid #0052D9!important;
}
#search_wrapper .close {
  background: url("/static/image/theme_default/cancel.svg")!important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 4px!important;
  min-height: 2.5rem;
  min-width: 2.5rem;
  z-index: 100;
  position: fixed;
  top: 3em;
  right: 3em;
  cursor: pointer;
}
#search_title {
  margin: 1em;
}
#search_wrapper #search_title > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#search_wrapper input {
  height: 40px!important;
  width: 60%;
  border: none;
  border-radius: 4px!important;
  margin: 0;
  text-align: center;
  color: #9B9EA9!important;
  font-size: 1em!important;
  display: inline-block;
  box-shadow: 0 0 12px 0 #e8e8e8;
}
.dark #search_wrapper input {
  box-shadow: 0 0 12px 0 #000000;
  background-color: black;
  color: white;
}

/* 上一页下一页*/
#previous_next {
    min-height: 3em;
    margin-top: 2em;
    display: flex;
    border-top: 1px solid #E9ECF2;
    padding: 1em 0em 1em 0em;
    transition: 0.4s;
    display: flex;
    justify-content: space-between;
}
#previous_next > div {
    margin: 0em;
}
#previous_next a{
    padding: 0em 0em 0em 0em;
    border-radius: 5px;
    display: flex;
    align-items: center;
    background-color: #fff;
    justify-content: flex-start;
}
#previous_next a:hover {
  color: #0052D9;
  background-color: #fff;
}
#previous_next #previous a > .label{
    flex-grow: 1;
    text-align: center;
    padding-right: 0em!important;
}
#previous_next #previous a > .icon{
    transition: transform 0.4s linear;
    background: url("/static/image/theme_default/jiantou.svg");
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 2rem;
    min-width: 2rem;
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    padding-right: 2em;
    padding: 0;
}
#previous_next #previous a > .icon:hover{
  background: url("/static/image/theme_default/jiantou_on.svg");
  background-size: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 2rem;
  min-width: 2rem;
  padding-right: 2em;
  padding: 0;
}
#previous_next #next a {
    justify-content: flex-end;
}
#previous_next #next a > .label{
    flex-grow: 1;
    text-align: center;
    padding-left: 2.5em;
}
#previous_next #next a > .icon{
    transition: transform 0.4s linear;
    background: url("/static/image/theme_default/jiantou.svg");
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 2rem;
    min-width: 2rem;
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    padding-left: 2em;
    padding: 0;
}
#previous_next #next a > .icon:hover{
  background: url("/static/image/theme_default/jiantou_on.svg");
  background-size: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 2rem;
  min-width: 2rem;
  padding-right: 2em;
  padding: 0;
}
/**/
.dark #previous_next a {
  background: none;
}
.dark #previous_next #previous a > .icon {
  background: url("/static/image/theme_default/jiantou_dark.svg");
  background-size: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 2rem;
  min-width: 2rem;
}
.dark #previous_next #previous a > .icon:hover{
  background: url("/static/image/theme_default/jiantou_on.svg");
  background-size: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 2rem;
  min-width: 2rem;
}
.dark #previous_next #next a > .icon{
  background: url("/static/image/theme_default/jiantou_dark.svg");
  background-size: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 2rem;
  min-width: 2rem;
}
.dark #previous_next #next a > .icon:hover{
  background: url("/static/image/theme_default/jiantou_on.svg");
  background-size: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 2rem;
  min-width: 2rem;
}
@media screen and (max-width: 820px) {
  #previous_next {
    flex-direction: unset;
  }
}


/*面包屑导航*/
.breadcrumb{
  display: inline-block;
  padding-top: 10px;
}
.breadcrumb ul {
  display: contents;
}
.breadcrumb ul li {
  float: left;
  list-style-type: none;
}
.breadcrumb ul li a{
  display: block;
  float: left;
  height: auto;
  background:#fff;
  text-align: left;
  padding: 0px 0px 0 0px;
  position: relative;
  margin: 0 10px 0 7px;
  font-size: 0.8em;
  text-decoration: none;
  color: #A1A4AE!important;
}
.breadcrumb ul li a:hover {
  background-color: #fff!important;
  padding: 0px 0px 0 0px;
  border-radius: 0em;
  font-size: 0.8em;
}
.breadcrumb ul li a:visited {
  color: #A1A4AE!important;
  font-size: 0.8em;
}
.breadcrumb ul li:last-child a{
  color: #17191C!important;
}
.breadcrumb ul li a:after{
  content:" ";
  border-top:6px solid #fff;
  border-bottom: 6px solid #fff;
  border-left: 6px solid #A1A4AE;
  position: absolute;
  right: -10px;
  top: 11px;
  z-index: 5;
  color: #A1A4AE;
}
.breadcrumb ul li:last-child a:after{
  border-bottom: 0px solid #fff;
  border-left: 0px solid #A1A4AE;
}
.breadcrumb ul li a:hover {
  background: #0052D9;
}
.breadcrumb ul li a:hover:after {
  border-left-color: #0052D9;
}
.breadcrumb ul li a:hover:before {
  border-top-color: #0052D9;
  border-bottom-color: #0052D9;
}

/* footer */
#page_footer {
    min-height: 1em;
    margin-top: 5em;
    display: flex;
    padding: 0em;
    transition: 0.4s;
    background-color: #20222E;
}
#footer{
  padding: 15px 0 30px;
  flex-direction:row;
}
#footer a, #footer a:visited{
    color: #76777F;
    display: flex;
    padding: 0.2em;
    font-size: 0.9em;
}
#footer a:hover {
    color: #B1B1B6;
    border-radius: 0.1em;
    padding: 0.2em;
    background-color: transparent;
}
#footer a:not([class]):hover{
    background-color: transparent;
    /* background-image: linear-gradient(rgba(114, 83, 237, 0.45) 0%, rgba(114, 83, 237, 0.45) 100%); */
    background-image:none;
}
#footer_top > ul > li > a{
  margin: 0;
}

.blur {
  -webkit-filter: blur(9px);
  filter: blur(9px);
}
.pointer {
  cursor: pointer;
}
.dark #search {
  background-color: #2D2D2D!important;
}
#search {
  border-radius: 0.5em;
  background-color: #f1f1f1;
  border: solid 1px #ededed!important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
}
#search:hover {
  border: solid 1px #9B9EA9!important;
}

#search .icon {
  transition: transform 0.4s linear;
  background: url("/static/image/search/search.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  align-self: center;
  min-height: 1.8rem;
  min-width: 1.8rem;
  transition: 0.2s;
}
#search .placeholder {
  padding: 0 1em;
  color: #a5a5a5;
}
#search_hints {
  display: none;
}

#search_wrapper {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.73);
  z-index: 100;
}
.dark #search_wrapper {
  background-color: transparent;
}
#search_wrapper input:focus{
  outline: none;
  border: 1px solid #0052D9;
}
#search_wrapper .close {
  background: url("/static/image/search/close.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0.5em;
  min-height: 2.5rem;
  min-width: 2.5rem;
  z-index: 100;
  position: fixed;
  top: 3em;
  right: 3em;
  cursor: pointer;
}
#search_title {
  margin: 1em;
}
#search_wrapper #search_title > div {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#search_wrapper input {
  height: 60px;
  width: 60%;
  border: none;
  border-radius: 0.5em;
  margin: 0;
  text-align: center;
  color: #222222;
  font-size: 1.2em;
  display: inline-block;
  box-shadow: 0 0 12px 0 #e8e8e8;
}
.dark #search_wrapper input {
  box-shadow: 0 0 12px 0 #000000;
  background-color: black;
  color: white!important;
}
#search_wrapper > div {
  display: flex;
  height: 100%;
}
#search_wrapper #search_content {
  display: flex;
  flex-direction: column;
  width: 75%;
  height: 100%;
  background-color: white;
  margin: auto;
  padding: 0;
  border-radius: 0.5em;
}
.dark #search_wrapper #search_content {
  background-color: #2D2D2D!important;
}

#search_result {
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow: auto;
}
#search_result h1 {
  font-size: 1.2em!important;
  text-align: left!important;
  font-weight: 600;
}
#search_result_name {
  overflow-y: auto;
  min-width: max-content;
}
#search_result_content {
  overflow-y: auto;
  flex-grow: 1;
}
#search_result ul {
  padding-left: 0;
  list-style: none;
}
#search_result li {
  box-shadow: 0 0 0px #e0e0e0!important;
  list-style: none;
  padding: 0em!important;
  margin: 1em 1em 2em 1em!important;
  border-radius: 0.5em;
  transition: 0.4s!important;
  background-color: #fff!important;
}
#search_result li div {display:-webkit-box;text-overflow:ellipsis;text-overflow:-o-ellipsis-lastline;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.dark #search_result h1 {
  color: #fffc!important;
}
.dark #search_result li {
  background-color: #2d2d2d!important;
  box-shadow: 0 0 2px #000000;
}
#search_result #search_result_name li {
  margin: 1em 1em 1em 0!important;
  padding: 0.5em!important;
  background: #0052D9!important;
  color: white;
  border-radius: 0;
}
.dark #search_result #search_result_name li {
  background: #1b4c33;
}
#search_result #search_result_name li:hover {
  margin-right: 0;
}
#search_result li:hover {
  box-shadow: 0px 5px 14px #868686;
}
.dark #search_result li:hover{
  box-shadow: 0px 5px 14px #1d1d1d;
}

#search_result code {
  background-color: #0052D9!important;
  color: white;
  border-radius: 0.2em;
  padding: 0.2em!important;
}
#search_result .loading_hint {
  color: red;
}
#search_curr_result {
  margin-top: 0;
  padding-bottom: 3em;
  border: 1px solid #0052D9!important;;
  border-radius: 5px;
}
#search_others_result {
  padding-bottom: 3em;
  border: 1px solid #DDDDDD!important;
  border-radius: 5px;
}
.dark #search_curr_result {
  border: 1px solid #1b4c33;
}
.dark #search_others_result {
  border: 1px solid #696969!important;
}
#search_curr_result:first-child,
#search_others_result:first-child {
  border-radius: 5px;
}
#search_result .hint {
  height: 2em;
  color: white;
  font-size: 1.5em;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  border-top: none;
  box-shadow: 0 6px 7px rgba(0, 82, 217, 0.38);
  background: #0052D9!important;
}
.dark #search_result .hint {
  background: #0052D9!important;
}
#search_curr_result > .hint {
  background-color: #0052D9;
}
#search_curr_result  .searching {
  background-color: #ff9800;
}
.search_highlight {
  background-color: #FFEB3B;
  border-radius: 0.2em;
  padding: 0.1em;

}
.dark .search_highlight{
  color: #1b1b1b;
}
.selected_highlight {
  background-color: #ff9823;
}

/**/
#search_ctrl_btn {
  position: fixed;
  top: 5em!important;
  right: 1em;
  display: flex;
  flex-direction: row;
  z-index: 999;
  user-select: none;
}
#search_ctrl_btn > div {
  border-radius: 0.2em;
  min-width: 5em;
  min-height: 2em;
  background-color: #f0f5fe!important;
  margin: 0.2em;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.2em;
  cursor: pointer;
  box-shadow: 0 0 0px 0 rgb(0, 0, 0, 0.06)!important;
  transition: 0.4s;
  color: #333!important;
}
#search_ctrl_btn > div:hover {
  box-shadow: 0 0 0px 0 rgb(0, 0, 0, 0.2)!important;
}
#search_ctrl_btn > .previous .icon {
  background-image: url("/static/image/theme_default/jiantou.svg")!important;
  -ms-transform: rotate(0deg)!important;
  -moz-transform: rotate(0deg)!important;
  -webkit-transform: rotate(0deg)!important;
  transform: rotate(0deg)!important;
  background-size: 1.2em!important;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 1.2em!important;
  min-width: 1.2em!important;
  height: 1.2em!important;
  width: 1.2em!important;
}
#search_ctrl_btn > .previous:hover .icon {
  background-image: url("/static/image/theme_default/jiantou_on.svg")!important;
}
#search_ctrl_btn > .next .icon {
  background-image: url("/static/image/theme_default/jiantou.svg")!important;
  -ms-transform: rotate(180deg)!important;
  -moz-transform: rotate(180deg)!important;
  -webkit-transform: rotate(180deg)!important;
  transform: rotate(180deg)!important;
  background-size: 1.2em!important;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 1.2em!important;
  min-width: 1.2em!important;
  height: 1.2em!important;
  width: 1.2em!important;
}
#search_ctrl_btn > .next:hover .icon {
  background-image: url("/static/image/theme_default/jiantou_on.svg")!important;
}
#remove_search > .icon {
  background-image: url("/static/image/theme_default/cancel.svg")!important;
  background-size: 2em;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  width: 1.5em;
}
@media screen and (max-width: 1280px) {
  #content_body h1{
    font-size: 30px;
  }
}
@media screen and (max-width: 900px) {
  #navbar{
    display: block;
    height: auto;
    z-index: 89;
    box-shadow: 0px 0px 5px 0px #dfecf7;
  }
  #navbar_menu_btn{
    width: 0.5em;
    height: 0.5em;
  }
  #search_wrapper #search_content {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
  #search_wrapper input {
      font-size: 0.8em;
  }
  #search_wrapper .close {
      top: 1.5em;
      right: 1em;
  }
  #search_result li {
      margin: 0;
  }
  #search_result #search_result_name li {
      font-size: 0.8em;
  }
  #search_curr_result > .hint {
      font-size: 1.2em;
  }
  #search_result .hint {
      font-size: 1.2em;
  }

  #footer ul{
    display: inline-block;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  #footer{
    padding: 0px 0 0px;
  }
  #footer ul{
    text-align: left;
  }
}
@media screen and (max-width: 540px) {
  #footer ul{
    display: inline-block;
    text-align: left;
    width: 98%;
    padding-left: 1%;
    line-height: 1.5;
  }
}