*{margin:0;padding:0;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;height:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Microsoft Yahei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;line-height:1.6;color:#222;font-size:14px}
div{box-sizing:border-box;flex-shrink:0}
ol,ul{list-style-type:none}
a{color:#222;text-decoration:none}
a:hover{text-decoration:underline}
a img,fieldset{border:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;outline:0}

/* 导航栏 navbar 相关 */
.navbar{height:64px;box-shadow:0 1px 0 0 rgba(0,0,0,.06);background-color:#f7f7f7;position:relative;z-index:10}
.navbar__left{position:absolute;left:0;top:0;padding-left:30px;height:64px}
.navbar__left:after{content:"";width:0;display:inline-block;height:100%;vertical-align:middle}
.navbar__right{position:absolute;right:0;top:0;padding-right:100px;height:64px;width: 390px;font-size:16px;}
.navbar__right:after{content:"";width:0;height:100%;display:inline-block;vertical-align:middle}
.logo__wrp{font-size:0;display:inline}
.logo__icon,.logo__icon__en{display:inline-block;width:240px;height:46px;background-size:contain;background-repeat:no-repeat}
.navbar .logo__icon,.navbar .logo__icon__en{width:140px;height:28px}

/* 侧边栏树形导航 TreeNavigation / sidebar */
.sidebar{position:absolute;width:340px;top:0;bottom:0;overflow:auto;background-image:linear-gradient(-90deg,rgba(0,0,0,.01),transparent);padding:40px 30px;box-sizing:border-box;z-index:1}
.sidebar a{display:block;word-break:break-word;transition:color .3s}
.TreeNavigation{padding:0;margin:0}
.TreeNavigation ul{list-style-type:none}
.TreeNavigation a:hover{color:#7B68EE}
.NavigationItem{display:block;padding-top:10px;padding-bottom:10px}
.NavigationItem span{cursor:pointer}
.NavigationLevel__children{margin-bottom:10px;margin-top:-4px}
.NavigationLevel__children .NavigationItem{padding:4px 0}
.NavigationLevel--level-0>ul>li>.NavigationItem{display:block;font-size:16px;font-weight:600;padding-left:8px;position:relative}
.NavigationLevel--level-1 li{padding-left:1em}
.NavigationLevel--level-1>.NavigationLevel__parent{font-size:16px;font-weight:600;padding-left:15px;position:relative}
.NavigationLevel--level-1>.NavigationLevel__children>li{padding-left:15px;position:relative}
.NavigationLevel--level-1>.NavigationLevel__children>li .NavigationItem>a{font-weight:500}
.NavigationToggle__icon{display:inline-block;width:12px;height:12px;position:absolute;left:0px;top:50%;margin-top:-6px;background-size:contain;background-repeat:no-repeat;transition:transform .3s;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%237f7f7f' d='M3 2.16666667L6.72972973 6 3 9.83333333 4.13513514 11 9 6 4.13513514 1z' fill-rule='evenodd'/%3e%3c/svg%3e");transform:rotate(90deg)}
.NavigationToggle__icon--closed{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23ccc' d='M3 2.16666667L6.72972973 6 3 9.83333333 4.13513514 11 9 6 4.13513514 1z' fill-rule='evenodd'/%3e%3c/svg%3e");transform:rotate(0)}
.NavigationLevel--closed ul{display:none}

/* 主体页面容器 */
.main-contontaier__bd{position:relative}
.page-inner{position:absolute;padding:0 20px 0 356px;padding-top:40px;padding-bottom:100px}
.page__wrp{max-width:1850px;min-width:860px;box-sizing:border-box}
.main-container{margin-top:0px}
.content{max-width:100%;font-size:16px;line-height:1.6;overflow:hidden;word-break:break-word}
.content br{margin:16px 0}

/* 页脚 footer */
.footer { position: relative;
  background-color: #6266ea;  color: #FFFFFF;
  padding-top: 30px;  padding-bottom: 30px;
  position: static;  margin-top: 30px;
  max-width:1850px;min-width:860px;box-sizing:border-box;
  padding:0 20px;
}
.container { padding-left: 30px;  padding-right: 20px;}
a.copyright-text {color: #FFFFFF;text-decoration: none;}

/* 响应式大屏适配（页面基础布局依赖） */
@media (min-width:1080px){
  .sidebar{position:fixed;top:80px;left:0;bottom:0}
  .fixed .main-container{margin-top:80px}
}
@media (max-width:1080px){
  .navbar{display:flex;height:56px;box-shadow:none;position:fixed;top:0;left:0;right:0}
  .navbar__left{position:static;height:auto;padding-left:16px}
  .navbar__right{display:none!important}
  .main-container{margin-top:112px!important}
  .page-inner{padding:24px 16px!important;margin:0!important;width:auto;min-width:0;max-width:none}
  .main-contontaier__bd{background-color:#fff}
  .sidebar{position:fixed;width:auto;left:0;right:0;top:112px!important;bottom:0;opacity:0;visibility:hidden;transition:opacity .2s;background-color:#fff;z-index:9;padding:12px 20px 50px}
  .sidebar.open{opacity:1;visibility:visible}
  .NavigationLevel--level-1>.NavigationLevel__children>li{padding-left:30px}
}