@font-face {
  font-family: 'Poppins';
  src: url(../resourc/Poppins-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Source Han Sans';
  src: url(../resourc/SourceHanSansCN-Regular.otf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  src: url(../resourc/Roboto.ttf) format('truetype');
}
html body{
    font-family: "Poppins" !important;
    font-size: 14pt;
}
html body.mobile{
    font-size: 12pt;
}

html[lang*='zh'] body{
    
    font-family: 'Source Han Sans' !important;
}
html[lang*='ko'] body{
    
    font-family: 'Source Han Sans K' !important;
}
html[lang*='bg'] body{
    
    font-family: 'Roboto' !important;
}

/*html body.mobile{
    font-family: "Poppins" !important;
    font-size: 14pt;
}

html[lang*='zh'] body.mobile{
    
    font-family: 'Source Han Sans' !important;
}*/
html{
width:95%;
}
body>.flex>div:first-child{
    margin-left:5%;
}
body>.flex>div.cover{
    margin:0;
}
a.xref{
    color:#4eccc0;
    text-decoration: none;
}
a.xref{
    color:#4eccc0;
    text-decoration: none;
}

.topictitle1 {
    font-size: 1.34em;
    margin-bottom: 1em;
    margin-top: 1em;
}
body.mobile .topictitle1 {
    font-size: 1.34rem;
}
body.mobile .sectiontitle {
    font-size: 1.17rem;
}

ul,ol{
          padding-inline-start: 20px;
      }
ol[level="2"],ul[level="2"],ul[level="3"]>li {
  list-style-type: none;
}

ol[level="2"]>li,ul[level="2"]>li,ul[level="3"]>li {
  position: relative;
  padding-left: 10px;
}

ol[level="2"]>li::marker {
  content: attr(data-number) "). ";
  position: absolute;
  left: -20px;
}

ul[level="2"]>li::marker {
  content:  "□";
  font-size: 10pt;
  position: absolute;
  left: -20px;
}
ul[level="3"]>li::marker {
  content:  "✦";
  position: absolute;
  left: -20px;
}
.search-container {
    position: relative;
    width: 350px;
}
.search-container .download_btn{
    display: inline-block;
    width: 20%;
    padding-left: 3px;
}
.search-container .download_btn button{
    width: 100%;
    height: 40px;
    color: #ffffff;
    background-color: #03A9F4;
    border-radius: 5px;
    border-color: #03A9F400;
}



/* Note样式优化 - 支持多种类型 */
      .note {
        position: relative !important;
        line-height: 1.5 !important;
        padding-right: 10px;
        padding-bottom: 3px;
        border-radius: 5px;
        font-weight: bold;
      }


      .note.note_note .notice_title,
      .note.note_note ul,
      .note.note_tip ul,
      .note.note_note ol,
      .note.note_tip ol,
      .note.note_note p,
      .note.note_tip p,
      .note.note_note ,
      .note.note_tip  {
        color: #307f98 !important;
      }
      .note.note_note,.note.note_note table{
        border:2px solid #307f98;
      }

      .note.note_warning .notice_title,
      .note.note_attention .notice_title ,
      .note.note_warning ul,
      .note.note_attention ul,
      .note.note_warning ol,
      .note.note_attention ol,
      .note.note_warning p,
      .note.note_attention p
      .note.note_warning ,
      .note.note_attention 
      {
        color: #c27223 !important;
      }
      .note.note_warning,
      .note.note_attention ,
      .note.note_warning table,
      .note.note_attention table 
      {
        border:2px solid #c27223;
      }
      
      .note.note_caution .notice_title,
      .note.note_caution ul,
      .note.note_caution ol,
      .note.note_caution p,
      .note.note_caution
      {
        color: #735cff !important;
      }
      .note.note_caution ,.note.note_caution table
      {
        border:2px solid #735cff;
      }

      .note.note_danger .notice_title, .note.note_danger ol, .note.note_danger ul, .note.note_danger p, .note.note_danger{
        color: #d33d3d !important;
      }
      .note.note_danger,.note.note_danger table{
        border:2px solid #d33d3d;
      }

      .note.note_success .notice_title {
        color: #52c41a !important;
      }
      .note.note_success,.note.note_success table {
        border:2px solid #52c41a;
      }

      /* 通用样式 */
      .note .notice_title {
        font-weight: 600 !important;
        margin-bottom: 8px !important;
        display: block !important;
      }
        .note.note_tip ol,.note.note_tip ul{
            color:#307f98;
        }
        .note,.note.note_tip,.note table,.note.note_tip table{
            border:2px solid #307f98;
        }
      .note p,.note ul,.note ol {
        margin: 0 ;
        color: #307f98 ;
        white-space: normal !important;
        word-wrap: break-word !important;
        line-height: 1.5 !important;
      }

      .note .noteimg {
/*        width: 7em;*/
        height: 2em;
      }
      
          
      /* 右侧该章节导航栏 */
      .ant-anchor-wrapper {
        position: -webkit-sticky;
        position: sticky;
        top: 60px;
        width: 100%;
        font-size:12pt;
        padding: 20px;
        background-color: #fff;
        box-sizing: border-box;
    }
    /* body.mobile .ant-anchor-wrapper {
      padding: 0px;
    } */
    
    .ant-anchor{
        margin: 0;
        padding: 0 20px;
        border-left: 1px solid #ccc;
        font-variant: tabular-nums;
        line-height: 1.5;
        list-style: none;
        -webkit-font-feature-settings: "tnum";
        font-feature-settings: "tnum";
       
    }
    /* body.mobile .ant-anchor {
      padding: 0px;
      border-left:0;
    } */
    .ant-anchor-link{
        position: relative;
        padding: 3px 0;
    }
    body.mobile .ant-anchor-link{
      width: 80vw;
  }
  .ant-anchor-link.ant-anchor-menu-child{
    padding-left: 15px;
}
/* body.mobile  .ant-anchor-link{
  display: none;
}body.mobile  .ant-anchor-link.ant-anchor-menu-child{
  display: block;
} */
    
    .ant-anchor-link::after {
        position: absolute;
        display: none;
        content: '';
        left: -26px;
        top: 50%;
        width: 8px;
        height: 8px;
        transform: translateY(-50%);
        background-color: #fff;
        border: 2px solid #4eccc0;
        border-radius: 8px;
    }
    .ant-anchor-link.active::after {
        display: block;
    }
    
    .ant-anchor-link.active .ant-anchor-link-title {
        color: #4eccc0;
    }
    
    .ant-anchor-link-title{
        display: block;
        padding: 3px 0;
        overflow: hidden;
        color: rgba(0,0,0,.65);
        text-decoration: none;
        -o-text-overflow: ellipsis;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    
    /* 图和表和对应的标题 */
      table{
        width: 100%;
        margin-bottom:5px;
      }
      table caption{
          font-weight: bold;
          text-align:left;
      }
      table .p,table ul,table ol{
          margin-top: 0.3em;
          margin-bottom: 0.3em;
      }
      thead{
            background-color:#efefef
       }
       table[frame='void'] tr th,table[frame='void'] tr td{
           border-width:0px;
       }
      figure{
          margin:0 auto;
          text-align:center;
      }
      figure figcaption{
      font-weight: bold;
          text-align:left;
      }
      figure img,img{
          max-width:100%;
          height:auto;
      }
      html body.mobile>div.flex{
        display: block;
      }
    .flex{
      display: flex;
    }
    .flex-col-10 {
      flex: 0 0 auto;
      width: 80%;
    }
    .flex-col-2 {
      flex: 0 0 auto;
      width: 20%;
    }
    #box {
    height: 100%;
    width: 100%;
    background: #333333;
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    z-index: 100;}

    #box img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    #box .close {
        position: fixed;
        top: 10px;
        right: 25px;
        height: 16px;
        width: 16px;
        font-size: 30px;
        color: #fff;
        z-index: 999;
        cursor: pointer;
    }
    .cover{
        width: 100%;
    }
.cover_topic{
    background-size: 100% 100%;
    width:100%;
}
.cover_topic>table{
    
    height: 140vw;
    width: 100vw;
}
.cover_tr1{
    height:45vw;
    font-size:2em;
    font-weight: bold;
    color:#4eccc0;
    vertical-align: bottom;
}
.cover_tr2{
    height:50vw;
    font-size:1em;
    font-weight: bold;
    vertical-align: top;
}
.cover_tr3{
    height:45vw;
    font-size:1em;
    font-weight: bold;
    vertical-align: top;
}
body.mobile .cover_tr1{
  font-size:1rem;
}
body.mobile .cover_tr2{

  font-size:0.5rem;
}
body.mobile .cover_tr3{

  font-size:0.5rem;
}
body.mobile .flex>.flex-col-10{
  width: 90%
}
body.mobile .flex>.flex-col-2{
  display: none;
}
#copyright div{
  font-size: 14pt;
  margin: 10px 10%;
  line-height: 150%;
}
html body.mobile #copyright div{
    font-size: 12pt;
}
#copyright div a{
  text-decoration: auto;
  color: #4eccc0;
}
#copyright div img.QRCode{
     width:60%;
}
body.mobile #copyright div img.QRCode{
    width:100%;
}
.ant-anchor-link-h1{
  display: none;
}
body.mobile article .ant-anchor-link-h1{
  display: block;
  padding-left:40px;
  margin-left: 10px;
  position: relative;
  border-left:1px solid #aaaaaa;
}
body.mobile article .ant-anchor-link-h1:not(:has(+ .ant-anchor-link-h1)){
  border:0 !important;
}
body.mobile article .ant-anchor-link-h1:not(:has(+ .ant-anchor-link-h1))::before{
  left: 0px;
}
.ant-anchor-link-h1::before {
  content: '';
  display: block;
  position: absolute;
  left: -1px;
  width: 30px;
  height: 17px;
  border-left: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
}