/* 首页css */
body a:hover {
    color: #0041FF;
    text-decoration: none;
}
.flex-box {
	display: -webkit-box;
	display: -ms-flexbox;
 	-ms-box-orient: horizontal;
	/*IE10中显不一行，类似于flex-direction:row功能*/
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
}

.flex-1{
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-flex:1;
	-ms-flex:1;
	flex:1;
	display: block;
}

/* 导航 */
.header {
    height: 48px;
    background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1002;
    padding-left: 16px;
    border-bottom: 1px solid #ECECEC;
}
.left-logo{
    float: left;
}
.right-nav{
    float: right;
}
.header .left-logo a:hover{
    color: #333;
    text-decoration: none;
}

.nav-bar ul li{
    float: left;
    color: #ffffff;
    line-height: 70px;
    margin:0 10px;
    font-size: 14px;
}

.nav-trigger {
    float: right;
    display: inline-block;
    text-align: center;
    height: 48px;
    line-height: 48px;
    width: 48px;
}
.header .nav-trigger em {
    display: inline-block;
    margin-top: 14px;
    height: 20px;
    width: 20px;
    background: url(../img/nav-open.png) 50% 50% no-repeat;
    background-size: 100% 100%; 
}
.header .nav-trigger.nav-trigger-active em {
    background: url(../img/nav-close.png) 50% 50% no-repeat;
    background-size: 100% 100%; 
}
.sch-bar {
    width: 79px;
    height: 28px;
    margin-top: 9px;
    border:1px solid rgba(51,51,51, .15);
    border-radius: 28px;
    float: right;
    position: relative;
    transition: width .2s ease;
}
.sch-bar-en {
    width: 95px;
}
.sch-bar.focus {
    width: 220px;
}
.sch-bar .search-btn {
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 11;
    width: 26px;
    height: 26px;
    left: 6px;
    top: 0px;
    background: url(../img/detail-search.png) 50% 50% no-repeat;
    opacity: .5;
    background-size: 100% 100%;
}
.sch-bar input {
    transition: width .3s;
    outline: none;
    background: none;
    box-sizing: border-box;
    padding: 6px 0 6px 36px;
    line-height: 16px;
    border: none;
    width: 100%;
    font-size: 12px;
    display: block;
}

.top-nav {
    padding-top: 23px;
}
.top-nav li {
    font-size: 14px;
    display: inline-block;
    margin-right: 40px;
}
.top-nav li.divi {
    margin: 0 30px;
    color: #aaa;
}

.header-language{
    float: right;
    font-size: 14px;
    margin-left: 30px;
    padding-right: 10px;
    position: relative;
    line-height: 64px;
    text-align: center;
    
  }

.header-language ul{
    position: absolute;
    margin-left: -60px;
    left: 50%;
    width: 120px;
    cursor: pointer;
    padding: 9px 9px;
    background-color: #ffffff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0,20px,0);
    transition: all .25s cubic-bezier(0.47, 0, 0.75, 0.72);
}
.header-language ul:before{
    display:block;
    position:absolute;
    left: 52px;
    top:-16px;
    content:'';
    border-width:8px 8px 8px 8px;
    border-style:solid;
    border-color:transparent transparent #F7F8FA transparent;
}
.header-language ul:after{
    content:'';
    display:block;
    position:absolute;
    left: 14px;
    top: 45px;
    width: 90px;
    height: 1px;
    background-color: rgba(0, 0, 0, .1);
}
.header-language ul li{
    line-height: 32px;
    border-radius: 4px;
}
.header-language ul li:nth-child(1){
    margin-bottom: 10px;
}
.header-language ul li:hover{
    background-color: #ecf0ff;
}

.header-language:hover span{
    color: #0041FF;
}

.header-language:hover ul{
    opacity: 1;
    transform: translate3d(0,0,0);
    visibility:visible;
}

.login-area {
    display: none;
}
.login-area a {
    font-size: 14px;
    display: inline-block;
    margin-left: 30px;
}
.login-area .login-btn {
    height: 64px;
    line-height: 64px;
    vertical-align: middle;
    color: #0041FF;
}
.login-area .reg-btn {
    background:rgba(0,65,255,1);
    border-radius:3px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 75px;
    color: #fff;
}
.login-area .reg-btn:hover {
    background-color: #0334c3;
    text-decoration: none;
}
  
.header-user{
    display: none;
    position: relative;
    margin-left: 20px;
    line-height: 64px;
    width: 123px;
    font-size: 14px;
    text-align: center;
}

.dropdown-ele span{
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.dropdown-ele span:after{
    content: '';
    position: absolute;
    right: -15px;
    top: 4px;
    width: 8px;
    height: 9px;
    transform: rotate(180deg);
    transition: all .4s;
    background-size: cover;
    background-image: url('../img/icon-95.png');
}

.dropdown-ele:hover span:after{
    transform: rotate(0deg);
}

.header-user ul {
    position: absolute;
    box-sizing: border-box;
    top: 68px;
    left: -3px;
    width: 123px;
    cursor: pointer;
    padding: 9px 9px;
    background-color: #ffffff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0,20px,0);
    transition: all .25s cubic-bezier(0.47, 0, 0.75, 0.72);
}
.header-user ul:before{
    display:block;
    position:absolute;
    left: 52px;
    top:-16px;
    content:'';
    border-width:8px 8px 8px 8px;
    border-style:solid;
    border-color:transparent transparent #F7F8FA transparent;
  }
.header-user ul:after{
    content:'';
    display:block;
    position:absolute;
    left: 14px;
    top: 45px;
    width: 90px;
    height: 1px;
    background-color: rgba(0, 0, 0, .1);
}
.header-user ul li{
    line-height: 32px;
    border-radius: 4px;
}
.header-user ul li:nth-child(1){
    margin-bottom: 10px;
}
.header-user ul li:hover{
    background-color: #ecf0ff;
}

.header-user:hover ul{
    opacity: 1;
    transform: translate3d(0,0,0);
    visibility:visible;
}

@media screen and (min-width: 1400px) {
    .layui-container {
        width: 1370px;
    }
}

.clear{
    clear: both;
}

.wrapper .sidebar {
    position: fixed;
    width: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.5);
    color: #000000;
    left: 0;
    bottom: 0;
    top: 49px;
    z-index: 99999;
    transition: all .3s ease;
}
.wrapper .sidebar.open {
    width: 100%;
    opacity: 1;
    visibility: visible;
}
.wrapper .sidebar .sidebar-inner {
    width: 72%;
    height: 100%;
    background-color: #fff;
}
.wrapper  .sidebar .select {
    padding: 15px 20px 15px 5px;
    font-family: Helvetica,PingFangSC-Light,Microsoft YaHei;
    font-size: 14px;
    letter-spacing: 0;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
    height: 40px
}

.wrapper .sidebar .select .cur {
    position: relative;
    background: #ffffff;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #1C1C1C;
    border-radius:4px;
    border:1px solid rgba(230,230,230,1);
    cursor: pointer;
    text-transform: capitalize
}

.wrapper .sidebar .select .cur:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    background: url(../img/select_icon.png) 0 0 no-repeat;
    right: 10px;
    top: 12px;
    transform: rotate(0deg);
    transition: transform .2s ease;
}

.wrapper .sidebar .select .cur.active:before {
    transform: rotate(-180deg)
}

.wrapper .sidebar .select .cur.active~.dropdown {
    display: block;
    /*height:100px;
    overflow: hidden;*/
}


.wrapper .sidebar .select .cur img {
    transition: transform .3s;
    transform: rotate3d(0,0,0,-180deg);
    width: 10px;
    height: 7px;
    margin-top: 6px;
    float: right
}

.wrapper .sidebar .select .dropdown {
    animation: downlist .3s;
    display: none;
    color: #ccc;
    position: absolute;
    box-sizing: border-box;
    padding: 10px 20px;
    background: #fff;  
    width: 100%;
    box-shadow:0px 6px 24px 0px rgba(0,0,0,0.05);
    border-radius:4px;
    border:1px solid rgba(233,233,233,1);
    margin-top: 3px;
    z-index: 1
}

.wrapper .sidebar .select .dropdown .dropdown-inner{
    /*position: absolute;
    overflow: scroll;
    width: 200px;
    height: 100%;
    overflow-x: hidden;*/
}

.wrapper .sidebar .select .dropdown ul {
    list-style: none
}

.wrapper .sidebar .select .dropdown ul li {
    font-family: Helvetica,PingFangSC-Light,Microsoft YaHei;
    font-size: 14px;
    color:rgba(51,51,51, .4);
}

.wrapper .sidebar .select .dropdown ul li.leaf {
    font-size: 13px;
    margin: 15px 0;
    text-indent: 10px
}

.wrapper .sidebar .select .dropdown ul li.leaf>a {
    color: #1C1C1C;
    display: block
}

.sidebar .select .dropdown ul li.leaf:hover {
    cursor: pointer
}

.sidebar .select .dropdown ul li.leaf:hover>a {
    color: #0041FF;
    text-decoration: none;
}

.sidebar .versions {
    position: absolute;
    bottom: 0;
    left: 35px
}

.sidebar .versions .cur {
    font-size: 12px;
    width: 120px
}

.sidebar .versions .dropdown {
    width: 120px;
    position: absolute;
    bottom: 57px
}

/*.sidebar .versions .dropdown::webkit-scrollbar{
    display:none
}*/

.sidebar .versions .dropdown ul {
    margin-bottom: 5px
}

.sidebar .versions .dropdown ul li {
    font-size: 12px
}

.sidebar .versions .dropdown ul li a {
    color: #fff;
    font-family: Helvetica,PingFangSC-Light,Microsoft YaHei
}

.sidebar .versions .dropdown ul li:hover {
    cursor: pointer
}

.sidebar .versions .dropdown ul li:hover a {
    color: #00c8ff
}

/*.sidebar .hierarchy-loading {
    display: none;
    position: absolute;
    top: 137px;
    bottom: 0;
    z-index: 1;
    width: 100%;
    background: url(data:image/gif;
    base64,R0lGODlhEgASAIABAKa4zP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAwABACwAAAAAEgASAEACJwyOoYa3D6N8rVqgLp5M2+x9XcWBTTmGTqqa6qqxFInWUMzhk76TBQAh+QQJAwABACwAAAAAEgASAEACKQyOoYa3D6NUrdHqGJ44d3B9m1ZNZGZ+YXmKnsuq44qaNqSmnZ3rllIAACH5BAkDAAEALAAAAAASABIAQAIpDI6hhrcPo2zt0cRuvG5xoHxfyE2UZJWeKrLtmZ3aWqG2OaOjvfPwUgAAIfkECQMAAQAsAAAAABIAEgBAAigMjqGGtw8jbC3SxO67bnLFhQD4bZRkap4qli37qWSF1utZh7a+41ABACH5BAkDAAEALAAAAAASABIAQAIqDI6hhrcP42pNMgoUdpfanXVgJSaaZ53Yt6kj+a6lI7tcioN5m+o7KSkAACH5BAkDAAEALAAAAAASABIAQAIoDI6hhrcPI2tOKpom3vZyvVEeBgLdKHYhGjZsW63kMp/Sqn4WnrtnAQAh+QQJAwABACwAAAAAEgASAEACKAyOocvtCCN0TB5lM6Ar92hYmChxX2l6qRhqYAui8GTOm8rhlL6/ZgEAIfkECQMAAQAsAAAAABIAEgBAAigMjqHL7QgjdEyeJY2leHOdgZF4KdYJfGTynaq7XmGctuicwZy+j2oBACH5BAkDAAEALAAAAAASABIAQAInDI6hy+0II3RMHrosUFpjbmUROJFdiXmfmoafMZoodUpyLU5sO1MFACH5BAkDAAEALAAAAAASABIAQAImDI6hy+2GDozyKZrspBf7an1aFy2fuJ1Z6I2oho2yGqc0SYN1rRUAIfkECQMAAQAsAAAAABIAEgBAAiYMjqHL7W+QVLJaAOnVd+eeccliRaXZVSH4ee0Uxg+bevUJnuIRFAAh+QQJAwABACwAAAAAEgASAEACKoyBacvtnyI4EtH6QrV6X5l9UYgt2DZ1JRqqIOm1ZUszrIuOeM6x8x4oAAAh+QQJAwABACwAAAAAEgASAEACKIwNqcftryJAMrFqG55hX/wcnlN9UQeipZiGo9vCZ0hD6TbiN7hSZwEAIfkECQMAAQAsAAAAABIAEgBAAiiMH6CL7Z+WNHK2yg5WdLsNQB12VQgJjmZJiqnriZEl1y94423aqlwBACH5BAkDAAEALAAAAAASABIAQAIrjH+gi+2+IjCSvaoo1vUFPHnfxlllBp5mk4qt98KSSKvZCHZ4HtmTrgoUAAAh+QQFAwABACwAAAAAEgASAEACKIyPAcvpr5g0csJYc8P1cgtpwDceGblQmiey69W6oOfEon2f6KirUwEAIfkECQMAAQAsAAAPAAgAAwBAAgSMj6lXACH5BAkDAAEALAAAAAASABIAQAIYjI+JwK0Po5y02glUvrz7bzXiBpbLaD4FACH5BAkDAAEALAAAAAASABIAQAImjI8By8qfojQPTldzw/VymB3aCIidN6KaGl7kSnWpC6ftt00zDRUAIfkECQMAAQAsAAAAABIAEgBAAiaMjwHLyp+iNA9WcO6aVHOneWBYZeUXouJEiu1lWit7jhCX4rMEFwAh+QQJAwABACwAAAAAEgASAEACJ4yPAcvKn6I0r1pA78zWQX51XrWBSzl+Uxia7Jm+mEujW3trubg3BQAh+QQFAwABACwAAAAAEgASAEACJwyOoYa3D6N8rVqgLp5M2+x9XcWBTTmGTqqa6qqxFInWUMzhk76TBQA7) no-repeat 50%
}*/

.sidebar .hierarchy-loading.cur {
    display: block
}

.sidebar .hierarchy {
    top: 65px;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    width: 100%;
    font-weight: 400
}

.sidebar .hierarchy>ul {
    padding-bottom: 10px;
    background-color: #f8f8f8;
}

.sidebar .hierarchy a {
    margin: 0 8px;
    display: block;
    padding: 8px 12px;
    color: #1C1C1C;
    text-decoration: none;
}

.sidebar .hierarchy li>ul {
    display: none
}

.sidebar .hierarchy .cur>a {
    color: #1C1C1C
}

.sidebar .hierarchy .cur>a .collapse {
    opacity: 1;
    transform: rotate3d(180,0,0,-180deg)
}

.sidebar .hierarchy .cur>ul {
    display: block
}

.sidebar .hierarchy .leaf.level1 {
    margin: 10px 0
}

.sidebar .hierarchy .leaf.level1>a {
    padding: 4px 12px;
    color: #e7e7e7
}

.sidebar .hierarchy .leaf.level2 .collapse {
    margin: 6px 30px 6px 6px
}

.sidebar .hierarchy .leaf.level2 .level3 {
    font-size: 12px
}

.sidebar .hierarchy .leaf.level2 .level3>a {
    padding-left: 56px
}
/*

.sidebar .hierarchy .leaf.level2.nochild {
    background: #0041FF
}
*/

.sidebar .hierarchy .leaf.level2>a {
    padding-left: 42px;
    /*color: #8592af*/
}

.sidebar .hierarchy .collapse {
    float: right;
    margin: 10px;
    transition: transform .3s;
    transform: rotate3d(0,0,0,-180deg);
    opacity: .5
}

.sidebar .hierarchy .cur {
    /*background: #1e2943*/
    /*background: #ffffff;*/

}

.sidebar .hierarchy li.nochild.cur {
    background: #ffffff;

}

.sidebar .hierarchy .cur.nochild>a {
    /*  background-color: #5d6b86;*/
    /*background-color:#4e5a6f;*/
    /*border-radius: 5px;*/
    color: #0041FF;
}

.sidebar .hierarchy .leaf {
    font-size: 14px;
    margin: 4px 0;
    overflow: hidden
}

.sidebar .hierarchy .leaf.cur>a {
   /* color: #0041FF;*/
}

.sidebar .hierarchy .level3 {
    position: relative
}

.sidebar .hierarchy .dot {
    position: absolute;
    left: 50px;
    top: 13px;
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%
}

.sidebar .hierarchy a:hover{
    color: #0041FF;
}



.wrapper,body,html {
    width: 100%;
}

.wrapper {
    height: calc(100vh);
    /*position: relative;*/
    /*background-color: #f8f9fc;*/
    /*margin-left: 230px;
    overflow-x: hidden*/
}

.wrapper header {

}

.wrapper header .search {
    float: left;
    width: 240px;
    margin: 17px 0 0 33px;
    height: 36px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #e9ebf5;
    position: relative
}




.wrapper .header {
    background: #e6e8ec;
    height:48px;
    position: relative;
    z-index: 2;
}

.wrapper .header .btn-group {
    float: right;
    height: 80px
}

.wrapper .header .btn-group .text {
    margin: 28px 16px 28px 6px;
    line-height: 28px;
    padding: 0 15px;
    border-radius: 20px;
    border: 1px solid #00c8ff;
    color: #00c8ff
}

.wrapper .header .btn-group .text_login a {
    color: #9398a7
}

.wrapper .header .btn-group .text_login a:hover {
    color: #00c8ff
}


.header .btn-group {
    float: right;
    height: 68px
}

.header .btn-group>div {
    float: right;
    line-height: 70px;
    font-family: Helvetica,PingFangSC-Medium,Microsoft YaHei;
    font-size: 13px;
    letter-spacing: 0
}

.header .btn-group>div.text {
    color: #9398a7;
    margin: 21px 16px 21px 6px;
    line-height: 28px;
    padding: 0 15px
}

.header .btn-group>div.text:hover {
    transition: .3s;
    background: #00c8ff;
    box-shadow: 0 1px 3px 1px #e9ebf5;
    cursor: pointer
}

.header .btn-group>div.text:hover a {
    color: #fff
}

.header .btn-group>div.text_login {
    margin: 21px 6px;
    line-height: 28px;
    padding: 0 5px;
    cursor: pointer
}

.header .btn-group>div.text_login:hover:not(.dropdown) {
    cursor: pointer
}

.header .btn-group>div.text_login:hover:not(.dropdown) a {
    color: #00c8ff
}

.header-inside .btn-group div.d-icon {
    padding: 0 19px;
    border-left: 1px solid #e9ebf5
}

.header-inside .btn-group div.d-icon>img {
    height: 22px
}

.header-inside .btn-group div.lang .lang-wrap {
    display: inline-block;
    line-height: normal;
    border-radius: 4px;
    background-color: #4d5e86
}

.header-inside .btn-group div.lang span {
    background-color: #e9eaee;
    color: #6f83b1;
    padding: 5px 8px;
    margin: 1px
}

.header-inside .btn-group div.lang .btn:last-child {
    margin-left: -2px
}

.header-inside .btn-group div.lang.enable-left .btn {
    border-radius: 4px 0 0 4px
}

.header-inside .btn-group div.lang.enable-right .btn {
    border-radius: 0 4px 4px 0
}

.header-inside .btn-group div.lang .lang-active {
    color: #fff;
    background: #4d5e86
}

.header-inside .btn-group div.info {
    padding: 0 15px 0 0;
    font-family: Helvetica,PingFangSC-Light,Microsoft YaHei
}

.header-inside .btn-group div.info span {
    color: #00c8ff
}

.header .layui-nav{position: absolute; right: 84px; top: 0; padding: 0; background: none;}
.header .layui-nav .layui-nav-item{margin: 0 20px; }
.header .layui-nav .layui-nav-item[mobile]{display: none;}

.markdown-body {
    display: block; 
    max-width: 100%;
    font-size: initial;
}

.doc-center{
    /*position: absolute;
    left:34px;
    right: 0px;*/
    position: fixed;
    top: 98px;
    overflow: auto;
    left: 0;
    right: 0px;
    bottom: 0;
}
.doc-center-inner {
    padding: 0 16px 30px;
}
.breadcrumb-bar{
    position: fixed;
    left: 0;
    right: 0;
    top: 48px;
    padding: 0 16px;
    height: 50px;
    align-items: center;
    border-bottom: 1px solid #f3f3f3;
    font-size: 14px;
}
.layui-breadcrumb {
    visibility: visible!important;
}
.layui-breadcrumb a, .layui-breadcrumb span[lay-separator] {
    display: inline-block;
}
/* .layui-breadcrumb a:last-child {
    color: #1C1C1C!important;
} */
.layui-breadcrumb a:hover{
    text-decoration:none;
    color: #0041FF !important;
}


.wrapper .doc-center .article-main {
    transition: all .3s ease;
    background: #fff;
    margin: auto;
    position: relative;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 24px 16px;

    color: #9398a7;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    font-family: Helvetica,PingFangSC-Light,Microsoft YaHei;
    /* box-shadow: 0 1px 2px 0 #e9ecf0;*/
    /* -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
     box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);*/
    border-top: 1px solid #e9ecf0;
    min-width: 520px;
    /*min-height: 400px;*/
    height:100%;
}


.wrapper .doc-main .article-main.cur {
    left: 0
}

.wrapper .doc-center .article .tabs {
    height: 28px;
    line-height: 28px
}

.wrapper .doc-center .article .tabs .tab {
    padding: 0 5px;
    margin-right: 18px;
    float: left;
    text-align: center;
    margin-left: 2px
}

.wrapper .doc-center .article .tabs .tab a {
    display: block;
    color: #7d819b;
    font-weight: 500;
    font-family: Helvetica,PingFangSC-Medium,Microsoft YaHei
}

.wrapper .doc-center .article .tabs .tab.cur,.wrapper .doc-center .article .tabs .tab:hover {
    font-size: 14px;
    letter-spacing: 0;
    border-bottom: 2px solid #008ed4
}

.wrapper .doc-center .article .tabs .tab.cur a,.wrapper .doc-center .article .tabs .tab:hover a {
    color: #008ed4
}

.wrapper .doc-center .article .tabs .tab:hover {
    cursor: pointer
}

.wrapper .doc-center .article .article-sidebar {
    transition: all .3s ease;
    position: absolute;
    top: 38px;
    bottom: 0;
    background: #fff;
    width: 232px;
    box-shadow: 0 1px 2px 0 #e9ecf0;
    border: 1px solid #e9ecf0;
    overflow: hidden;
    opacity: 1
}

.wrapper .doc-center .article .article-sidebar.cur {
    opacity: 0
}

.wrapper .doc-center .article .article-sidebar .title {
    font-family: Helvetica,PingFangSC-Light,Microsoft YaHei;
    background: #f8f9fd;
    color: #00c8ff;
    line-height: 40px;
    height: 40px;
    margin-top: 12px;
    padding-left: 16px
}

.wrapper .doc-center .article .article-sidebar .title>a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.wrapper .doc-center .article .article-sidebar .leaf {
    line-height: 52px;
    height: 52px;
    padding-left: 20px;
    border-bottom: 1px solid #e9ebf5;
    font-family: Helvetica,PingFangSC-Light,Microsoft YaHei;
    font-size: 13px;
    letter-spacing: 0
}

.wrapper .doc-center .article .article-sidebar .leaf>a {
    color: #9398a7;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 25px;
    text-overflow: ellipsis
}

.wrapper .doc-center .article .article-sidebar .leaf>span {
    display: none;
    float: right;
    color: #00c8ff;
    margin-right: 18px
}

.wrapper .doc-center .article .article-sidebar .leaf:before {
    float: left;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    border: 2px solid #9398a7;
    vertical-align: middle;
    margin-right: 6px;
    margin-top: 26px
}

.wrapper .doc-center .article .article-sidebar .leaf:hover {
    transition: .3s;
    color: #00c8ff;
    cursor: pointer
}

.wrapper .doc-center .article .article-sidebar .leaf.cur {
    color: #00c8ff
}

.wrapper .doc-center .article .article-sidebar .leaf.cur:before {
    border: 2px solid #00c8ff
}

.wrapper .doc-center .article .article-sidebar .leaf.cur>span {
    display: block
}

.wrapper .doc-center .article .article-sidebar .leaf.cur>a {
    color: #00c8ff
}
/*
.wrapper .doc-center .article-main {
    transition: all .3s ease;
    position: absolute;
    top: 38px;
    bottom: 0;
    right: 0;
    background: #fff;
    left: 232px;
    overflow-y: auto;
    padding: 13px 0 0;
    color: #9398a7;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    font-family: Helvetica,PingFangSC-Light,Microsoft YaHei;
    box-shadow: 0 1px 2px 0 #e9ecf0;
    border: 1px solid #e9ecf0;
    min-width: 520px
}

.wrapper .doc-center .article-main.cur {
    left: 0
}*/

.wrapper .doc-center .article-main div[itemprop=articleBody]>div>* {
    margin-left: 28px;
    margin-right: 35px
}

.wrapper .doc-center .article-main * {
    border-color: #e9ebf5;
    font-style: normal
}

.wrapper .doc-center .article-main table {
    border: none
}

.wrapper .doc-center .article-main td {
    line-height: 40px;
    padding: 0 6px
}

.wrapper .doc-center .article-main h1,.wrapper .doc-center .article-main h2,.wrapper .doc-center .article-main h3,.wrapper .doc-center .article-main h4,.wrapper .doc-center .article-main h5 {
    color: #273655;
    font-weight: 400;
    margin-bottom: 18px
}

.wrapper .doc-center .article-main h1 {
    font-size: 20px
}

.wrapper .doc-center .article-main h2 {
    font-size: 18px
}

.wrapper .doc-center .article-main h3 {
    font-size: 16px
}

.wrapper .doc-center .article-main h4 {
    font-size: 14px
}

.wrapper .doc-center .article-main h5 {
    font-size: 13px
}

.wrapper .doc-center .article-main p {
    margin: 0
}

.wrapper .doc-center .article-main .headerlink {
    visibility: hidden
}

.wrapper .doc-center .article-main blockquote {
    font-size: 13px;
    border-left: none;
    padding: 0;
    margin: 0
}

.wrapper .doc-center .article-main li {
    margin-left: 20px
}

.wrapper .doc-center .article-main th {
    padding: 0 6px
}

.wrapper .doc-center .article-main em {
    font-style: italic
}

.wrapper .doc-center .article-main .note {
    margin: 12px 0;
    background: #e9ebf5
}

.wrapper .doc-center .article-main .note p {
    padding: 0 1rem .5rem
}

.wrapper .doc-center .article-main .note .admonition-title {
    background: #00c8ff;
    font-weight: 700;
    color: #fff
}

.wrapper .doc-center .article-main .note .admonition-title:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAMAAABlApw1AAACu1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////5GGycAAAA6HRSTlMAAQMEBQYHCAkKCwwNDg8QERITFBUXGBkaGxwdHh8gISIjJCUmJygpKistLzAyMzQ1Njc4OTo7PD0/QEFCRUZHSElLTE1OT1BRU1RVVldYWVpbXF1eYGFiY2RlZmdoaWprbG1ub3BxcnN0dXZ3eHt8fn+AgYKDhIWGh4mKi4yNjo+QkZKTlJWWl5qbnJ2en6Cho6Slpqipqqusra6vsLGytLW2t7i6u7y9v8DBwsPExcbIycrLzM3Oz9DR0tPU1dbX2Nna29zd3t/g4eLj5OXm5+jp6uvs7e7v8PHy8/T19vf4+fr7/P3+IsQRHQAABppJREFUeNrtnYlbVUUYhweXBIUgBMlUSlyiRZJMDdwVLLBSFK+ilVlKmy1mi2C4BOWuiShlAlm4YWqKSq6ForlmiKSCgjeB+/0ZbfY8Ivece86Zb+Z88zzn/QO++b137rlzzpyZuYw5ODg4ODg4OFAkckD8bfp1Vip4zxHT563bdQGacbpkzcdThzxAPXuvqcv21oEOV7YveCGMaPjoafmVYIgTi1PuJxa+Y1p+FZiiYukz7aikj5i5A6xQ/81Yf/vTt0oobADLXPviUXvjB737G3Cy5zn74odl1gACFVPa2BI/MKMekDg73k96/NavXQZEfuovOf/oE4BMUQ+ZY1YJ4HNrwb2S4t8zvwmEUJUgJf+Tp0AY+eLvk9plg0iqkwXn71MBgskLFpn/ExBP5WBh8UNKQAaNbwvK//gFkMSGABH5E90gjcMCfo1cHpDI6e7Y+T8CuVT3wc2/GmRzYyDmY9cGkI97OJ7At2ALY5Dit91sT35oHIeTfzvYRROKQTHYyGj+/PPtzA/Xe/LmTwZ7ORXEl78v2M1Wrvxdq6y1mhnvhfXWan3OkT/gZ4sf2yTMq2mydYFCwBTIslrN8k3FRAAKPQBn2lvL36mGiAAstibAMQIjC8AAK/mnAh2BMxaeMbvcICQAS80L7AZKAjDIbP4XuYZPF+rP6D+cM5m/w1Wg1QPwgTkBzhlQAQLuCDP5H+a8A8P/CgHkmhH4Csj1AHiiTXSAh6AA5MvrADECxrsgGoQIZPFWzTMqsApI9gA0GVw3FdZAVACypL2GESRQa2x1yx/8Ai4h1wDAdCP5xyNMJZSXeOE8f91jRgR2AWEMLKnoTjk/rPYtMI+0QL3vpUXnSAvAs77yP0E7P6z1JZBJXKDW13eonLgADPOxBpR6flioLzCNvMAv+gJFyM1d3nu4BrlkF12B65hNrUsO/fclw6T9mFVdevljEBs6dcewn1qLV3eFnsAMvHY2N3u5FXUSrXC5ngDekoKKu27de9xEK32fjsBZtFZarEp/Ba30CO38/miNtHwl4Xccq7bOirQBaAKdWhZPwar9pYRh7Edvew0akYqXaQvkYAnM9Va9FKl4nbbAJiyBdG/Vv8aqHq4pcAyrCa/TKouwqsdqCriFCqCte3lec0oOhApkYVV/S0vgEVCjB+ZpCcQpIqB5O5ekiECBlkCa2Ht2tGvgBy2BlxTpgeNaApMVEajREkhVRAC05obGqSIQqfivEPTWEEhQvQeGqiIQofhIDCHCp9bFDmQg/u2S2B64riUQrIjAac0HmiY1BPZpClQKFUC7BjZpCuxToweWiFsnJEdAe2ruUzUEtLdnvazGOBCjKTBIjR7QXnQTooTASZ33A5dUENioI7BNBYEPJSw0ECqgd3xGggoCejtqOiggcET3Rfcx+gL6O4Jy6Ask6QqMJC/QqL92tK2busAOHwuetlAXeMeHwKvUBXydmBHuoS1wVOz+MfECs30KpNMW8L2LI7SJsoDvbxDOmiFhAmkGBIYRFqgztAPiV7rPxMYOCEgn2wOeSGMbQWupChQZ3IY1n6pAnNHN3ETnRg8Y3oq4nGYPjDIs0LWBokCZie24KykKjDIh0I3gOLDb1Jb0ufR6wNwJ1f5VXI3N8FZzGVfJFSaPNZjA1VqGt5Lf8VSsNX36Itc06TZvFavRryr97UA8W0cavZyM9TRP/mJmHhdPgzNb1svlKFfT0YIA1wGFF1usSerO86Q31kp+FnaNo8mVdxVrc4CjWAGzBtcv0ZzmtQo5Sl21fP7rRh6D3Dvm8R8s46mUaDU/a88121415fZ2najPuAaV95h1unKe0X8wPzOniHOHch7j4Smwm1LGR6rN+S925BTA21djCfdjjJutdgqk8Odn/jtti++ZwJjKBkj5GQvYou735z9aF9gQ/9ZIhodfrvT89fEMlWzJ+a/EMmRmSc1//iGGTmqDvPxHw5kABlbLyl8o5C8sGOu8X0p8YX8i8jdLZNy+xTOBDP5ddP41gUwowWuExr+UyIQzvFJc/rUhTALBq0R9/EOYJPofFPHskhHIpOHnQr+Y13djUmk/pw4z/p5YJp3w5VgnXcCJJGYLUcv+xIh/eHwrZhcRC7mPhNo5itmK/wSeJ+aqrChmP73eP2TtrcXq0YwKkW8Wmzws/0j2UEaMfrO+N3hBHFqUFMpo0vf1vKP698rFGYlBjDgxY97ILiht/vh28/iWFbMnxgczlegd9/9f6MSEMQcHBwcHBwcHivwFrqsrvCXSMYgAAAAASUVORK5CYII=) no-repeat;
    background-size: 16px;
    vertical-align: text-bottom;
    margin: 0 3px 1px 0
}

.wrapper .doc-center .article-main .focus {
    padding: 12px 12px 12px 0;
    background: #eef9ff;
    margin-left: -28px;
    margin-right: -35px;
    text-indent: 28px
}

.wrapper .doc-center .article-main table {
    margin: 22px 0
}

.wrapper .doc-center .article-main table thead tr {
    background: #f8f9fd;
    color: #273655
}

.wrapper .doc-center .article .slide {
    transition: all .3s ease;
    position: absolute;
    top: 45%;
    left: 232px;
    height: 34px;
    width: 15px;
    z-index: 2;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAiBAMAAAByyp6RAAAAGFBMVEUAx/8Axf8AxP8VyP8Wyf9q3P/U9f////+l5seDAAAAAnRSTlNJ424rirYAAABBSURBVBjTY2BUAgFFBgYhMENJgAFCKynQhmEKZSinB0EYZmVGYIZyejJECiSAyoBLwRUjtCu50sypYAY8WGABBQBm/ycpFqfSVwAAAABJRU5ErkJggg==) no-repeat;
    opacity: .7
}

.wrapper .doc-center .article .slide:hover {
    cursor: pointer;
    opacity: 1
}

.wrapper .doc-center .article .slide.cur {
    left: 0;
    opacity: 1;
    transform: rotate3d(0,180,0,-180deg)
}

.wrapper .doc-center .article.notab .article-main,.wrapper .doc-center .article.notab .article-sidebar {
    top: 1px
}

.docContent, .doc-content, .download-content {
    /*padding: 20px 0;*/
    font-size: initial;
}

.docContent ul{
    list-style-type: disc;
}
.docContent ul li{
    list-style-type: disc;
}
.docContent:focus{
    outline: none;
}
.subTitle {
    border-bottom: 1px solid #ECEFF3;
    font-size: 0;
}
.subTitle span {
    border-radius: 0;
    height: 50px;
    line-height: 50px;
    border: none;
    margin: 0 16px;
    font-size: 14px;
    background: none;
    display: inline-block;
    color: #1c1c1c;
    position: relative;
    border-radius:5px 5px 0px 0px;
}

.subTitle span.cur:hover, .subTitle span.cur{
    opacity: 1;
    color: #0041FF;
}

.subTitle span.cur:after {
    content: "";
    display: block;
    height: 3px;
    width: 15px;
    background: #0041FF;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px;

}

/** sdk下载 */
.sdk-module-container {margin-bottom: 20px;}
.sdkContent{border-top: 2px solid rgb(13, 190, 158);}
.sdkContent .module-content{margin-right: 5%; margin-bottom: 10px;}
.sdkContent .sdk-title{margin: 24px 0 24px; font-size: 20px; font-weight: 400;}
.sdkContent .media-heading-os {font-size: 14px;margin-left: 10px;}
.sdkContent .media-left{vertical-align: top; padding-right: 10px;display: inline-block;}
.sdkContent .media-left img{width: 150px;}
.sdkContent .media-body{vertical-align: top;display: inline-block;}
.sdkContent .media-body .media-heading{color: #203c84; margin-bottom: 6px;font-size: 18px; line-height: 24px; font-weight: 500;}
.sdkContent .media-body .media-desc{color: #4f4f4f;font-size: 14px;}
.sdkContent .media-body .module-card-buttons{margin-top: 10px;}
.sdkContent .media-body .btn-seperate{text-align: center; border: 1px solid #e2e2e2;background-color: #eeeeee; color: #000000;font-size: 14px; margin-bottom: 5px;}
.sdkContent .media-body .btn-seperate a{text-decoration: none;}
.sdkContent .media-body .btn-seperate:hover{color: #ffffff; background-color: #007aff;}
.layui-table td a:hover{color:#11be9d}
.sdkContent img.two-dimensional-code{width: 100px;}

.scroll-beauty::-webkit-scrollbar {
    width: 6px
}

.scroll-beauty::-webkit-scrollbar-thumb {
    background-color: #eee;
    border-radius: 10px
}

.scroll-beauty::-webkit-scrollbar-thumb:hover {
    background-color: #c7c7c7
}

.el-scrollbar .el-scrollbar__wrap {overflow-x: hidden;}

#leftMenu .el-tree {
    color: #1C1C1C;
    background: none;
}
#leftMenu .el-tree-node {
    white-space: normal;
}
#leftMenu .el-tree>.el-tree-node{
    min-width: 100%;
    /* display: inline-block; */
}

#leftMenu .el-tree-node__content {
    position: relative;
    line-height: 1.2;
    height: auto;
    padding: 11px 30px 11px 0;
}
#leftMenu .el-tree>.el-tree-node>.el-tree-node__content {
    padding-left: 20px !important; 
}
/* #leftMenu .el-tree-node__label {
    font-size: 12px;
}
*/
/* #leftMenu .el-tree>.el-tree-node>.el-tree-node__content .el-tree-node__label {
    font-size: 16px;
}  */

#leftMenu .el-tree-node.is-current > .el-tree-node__content {
    color: #fff;
    background-color: #3F444C;
}

#leftMenu .el-tree-node__expand-icon {
    position: absolute;
    right: 20px;
}
#leftMenu .left-menu-icon {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background: url(../img/select_icon.png) 50% 50% no-repeat;
}

#leftMenu .left-menu-icon.el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg); 
}
#leftMenu .el-tree-node.is-current > .el-tree-node__content  .left-menu-icon.el-tree-node__expand-icon {
    background: url(../img/select_icon_whitle.png) 50% 50% no-repeat;
}

#leftMenu .left-menu-icon.el-tree-node__expand-icon.is-leaf {
    display: none;
}


.right-tree {
    padding: 20px 0;
    overflow: auto;
}

#treeNav .el-tree {
    color: #1C1C1C;
    border-left: 4px solid #ECEFF3;
}

#treeNav .el-tree-node {
    white-space: normal;
    word-break: break-all;
}

#treeNav .el-tree > .el-tree-node {
    min-width: 100%;
}

#treeNav .el-tree-node__content {
    line-height: 1.2;
    height: auto;
    padding: 7px 10px 7px 0;
    position: relative;
}

#treeNav .el-tree>.el-tree-node>.el-tree-node__content {
    position: relative;
    padding-left: 10px !important; 
}
#treeNav .el-tree .el-tree-node__content:hover {
    background: none!important;
    color: #0041FF;
}
#treeNav .el-tree-node.is-current>.el-tree-node__content {
    color: #0041FF;
}
#treeNav .el-tree-node.is-current>.el-tree-node__content::before, #treeNav .el-tree .el-tree-node__content:hover::before {
    left: -4px;
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -7px;
    height: 14px;
    width: 4px;
    background: #0041FF;
}
#treeNav .el-tree-node>.el-tree-node__children {
    overflow: unset;
}
/* #treeNav .el-tree .el-tree-node__content:hover::before {
    background: rgba(0, 64, 255, 0.6);
} */
#treeNav .el-tree-node__expand-icon {
    display: none;
}
#treeNav .right-nav-arrow-down.is-left + span {
    vertical-align: middle;
}
#treeNav .right-nav-arrow-down + span:after {
    display: inline-block;
    vertical-align: middle;
    content: "";
    width: 14px;
    height: 14px;
    margin: -2px 3px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    background: url(../img/select_icon.png) 50% 50% no-repeat;
}

#treeNav .right-nav-arrow-down.el-tree-node__expand-icon.expanded + span:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg); 
}
#treeNav .right-nav-arrow-down.el-tree-node__expand-icon.is-leaf,#treeNav .right-nav-arrow-down.el-tree-node__expand-icon.is-leaf + span:after {
    display: none;
}

/* markdown数字标签会转成html的ol li， 存在不显示数字编号的问题， 下面的css修复此问题 */
ol li{
 list-style-type: decimal;
}

.side-menu {
    background-color:#fff;
    right: 0;
    overflow-x: hidden;
    position: fixed;
    top: 48px;
    bottom: 0;
    transition: .2s;
    width: 0;
    opacity: 0;
    z-index: 100000;
}
.side-menu.side-menu-opened {
    width: 100%;
    opacity: 1;
  }
  .side-menu .side-nav {
    background: #fff;
  }
  .side-menu .side-nav-title {
    background: #F7F8FA;
    height: 30px;
    color: #7A7A7A;
    font-size: 12px;
    line-height: 30px;
    padding-left: 16px;
  }
.side-menu .nav-language  ul li {
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding-left: 26px;
}
.side-menu .nav-language  ul li  a {
    display: block;
    border-bottom: 1px solid #ECECEC; 
}
.side-menu .nav-language  ul li:last-child a {
    border-bottom: none;
}
  .side-nav>li>em, .side-nav>li>a {
    position: relative;
    padding: 0 16px;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    vertical-align: middle;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    color: #000;
  }
  
  .side-nav>li>em i {
    display: inline-block;
    width: 12px;
    height: 7px;
    position: absolute;
    right: 20px;
    top: 22px;
    margin-left: 5px;
    vertical-align: middle;
    transition: all .3s ease;
    background: url(../img/arrow-down.png) 0 0 no-repeat;
    background-size: 100% 100%;
  }

  .side-nav>li.side-nav-opened>em i {
    transform: rotateZ(180deg);
  }

  .side-nav-sub {
    position: relative;
    display: none;
  }
  .side-nav .side-nav-opened .side-nav-sub {
    display: block;
  }
  .side-nav-sub>li>a {
    width: 100%;
    display: inline-block;

  }
  .side-nav-sub>li>.router-link-active {
    color: #11BE9D;
  }
  .side-nav>li>em:before, .side-nav>li>a:after, .side-nav-sub:after{
    content: ""; 
    position: absolute; 
    bottom: 0px; 
    left: 0px; 
    right: 0px; 
    border-bottom: 1px solid #ECECEC; 
  }