/* 首页css */
.wrap {background-color:#f8f9fd}
.wrap-inner .navCon { background: none #0e4484;}
.svr_block_title {font-size: 13px;margin-top: 10px;}
.svr_block_content a{border: 1px solid #2A7FE9; border-radius: 3px; padding: 3px 10px 5px; font-size: 13px; margin: 5px 8px 5px 0; color: #2A7FE9}/*00c8ff*/
.svr_block_content a:hover{text-decoration: none; color: white; background-color: #2A7FE9}
.svr_block_content {margin-top: 10px; min-height: 40px;}
.loadCon li{height: auto; background-color: #fff; width: 320px;margin-bottom: 20px;}
.loadCon li:hover {box-shadow: 0 5px 20px 0 #d5d9eb;height: auto;}
.loadCon li h2 { font-size: 20px; padding-top: 10px; padding-bottom: 5px; border-bottom: 1px solid; color: #2A7FE9}
.loadCon li:hover h2{background-color: #2A7FE9; }
.loadCon li:hover h2 a {text-decoration: none; color: #fff;}
.loadCon li h2 a{color: #2A7FE9}
.loadCon i.icon1{display: none;}
.mainCon {
    /*width: 1140px;
    margin: 58px auto 50px;*/
    width:100%;
    margin: 0 auto;
}
.part.part-center{min-height: 600px;}
.search-part{

    top:45%;
    width: 55%;
    border: 1px solid #e9ebf5;
    border-radius: 6px;
    margin: 0 auto;

    height: 44px;
    background: #fff;
    overflow: hidden;
}
.search-input{
    width: 90%;
    height: 42px;
    border: none;
    color: #7f7f7f;
    outline: none;
    font-size: 14px;
}
.search-part img {
    margin:12px;
}

/* 左侧菜单 */
.dt-menu {border: 1px solid #2A7FE9; border-radius: 8px; margin-top: 10px; } /*E2E8ED*/

.left_service_title {cursor: pointer;border: 1px solid #2A7FE9;font-size: 14px;height: 20px;line-height: 20px;padding:3px 20px;border-radius: 21px; 
    color: #2A7FE9;margin-top: 30px;
}
.left_service_dropdown {
    border: 1px solid #eee;
    position: absolute;
    width: 232px;
    border-radius: 10px;
    background-color: #f8f9fd;
    z-index: 13;
    margin-top: 3px;
    box-shadow: 0 5px 20px 0 #d5d9eb;
    border: 1px solid #2A7FE9;
    margin-left: -1px;
    padding: 10px 0;
}
.dropdown-content > ul > li {
    font-size: 14px;
    color: #2A7FE9;
    padding: 5px 43px 5px;
}
.dropdown-content > ul > li:hover {
    color: #fff;
    background-color: #2A7FE9;
}
.service_dropdown_icon{
    width: 16px;
    height: 16px;
    display: inline-block;
    float: right;
    margin-right: 20px;
    margin-top: 3px;
}

.slide_down_arrow{
    background: url(../img/down_arrow_12.png) no-repeat 0 0;
}
.slide_up_arrow{
    background: url(../img/up_arrow_12.png) no-repeat 0 0;
}

.dropdown-title {
    color: #9398a7;
    margin-left: 20px;
    margin-bottom: 10px;
}

/*改用ul*/
li.sub_menu {font-size: 14px;padding: 10px 3px;border-bottom: 1px solid #E2E8ED;}
li.sub_menu .sub_menu_content{display: none;}
li.sub_menu .sub_menu_title a{text-decoration: none;}
li.sub_menu .sub_menu_title a:hover, div.sub_menu_doc_type a{text-decoration: none;color: #2A7FE9}
li.sub_menu .sub_menu_title >i{ background: url(../img/up_arrow_12.png) no-repeat 0 0;}
li.sub_menu.active .sub_menu_title >i{ background: url(../img/down_arrow_12.png) no-repeat 0 0;}
li.sub_menu.active .sub_menu_title a{color:#2A7FE9;}
li.sub_menu.active .sub_menu_content{display: block;}
div.sub_menu_title{height: 35px;line-height: 35px;padding-left: 40px;}
div.sub_menu_title i{background: url(../img/up_arrow_12.png) no-repeat 0 0;width:16px;height:16px;float: right;margin-right:36px;margin-top: 12px;}
div.sub_menu_title.active i{background: url(../img/down_arrow_12.png) no-repeat 0 0;}
ul.sub_menu_content li .sub_menu_doc_type{height: 35px;line-height: 35px;} 
ul.sub_menu_content li.active .sub_menu_doc_type{background-color: #2A7FE9;}
ul.sub_menu_content li.active .sub_menu_doc_type a{color: #fff;}
ul.sub_menu_content li .sub_menu_doc_list{display: none;}
ul.sub_menu_content li.active .sub_menu_doc_list{display: block;}
ul.sub_menu_content li .sub_menu_doc_type a {padding-left: 40px;}
ul.sub_menu_doc_list li a{padding-left: 62px;color:#787878;}
ul.sub_menu_doc_list li a:hover{color:#2A7FE9;}
ul.sub_menu_doc_list li.active a{color:#2A7FE9;}


/* 产品说明 */
.docContent, .doc-content, .download-content{padding: 20px;border-top: 2px solid #2A7FE9; }
pre {padding-top: 20px;}
code{ border: 1px solid #ddd;background-color: #eee;padding: 1px;border-radius: 5px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace;}
.docList__title {font-size: 14px;color: #787878;border-bottom:none; padding-bottom: 0px;margin-bottom: 0; margin-left: 18px;}

/* SDK */
.docList {margin: 0;background-color: #f8f9fd;padding: 0; height: 56px; line-height: 90px; padding-bottom: 12px;}
.download-item { margin-bottom:20px; width: 25%; float: left;}
.download-item div{margin-bottom: 10px; }
.item-title {font-size: 14px; font-weight: bold;}
.item-label { font-size: 13px; color: #abb0bd;}
.item-val {font-size: 13px; margin-left: 5px;}
.btn-group a {border: 1px solid #2A7FE9; font-size: 12px;padding: 3px 10px; border-radius: 10px; text-decoration: none; margin-right: 10px;}
.btn-group a:hover {background-color: #2A7FE9; color: white; text-decoration: none;}

.os-content {padding: 5px 0;}
.os-content label {font-size: 13px; border: 1px solid #2A7FE9; padding: 3px 10px; border-radius: 10px;  margin-right: 10px;}
.os-content label:hover {background-color: #2A7FE9; color: white; cursor: pointer;}
.os-content label.active {background-color: #2A7FE9; color: white;}
.doc-item-title {font-size: 15px; font-weight: bold;}
.doc-item-content { margin-top: 10px; font-size: 14px; color: #9398a7; }
.doc-item {margin: 20px 10px;}

/*搜索结果页面*/
.search-result{
    width: 100%;
    min-height: 600px;
    background-color: #fff;
    margin-top: 36px;
}
.pagination{
    padding-top: 10px;
    float: right;
}
.result-info {
    border-top: 2px solid #2A7FE9;
}
.result-info p {
    padding-top: 10px;
    padding-left: 30px;
    font-size: 13px;}
.result-content{
    padding: 20px;    
}
.result-item {
   margin: 20px;
   border-bottom: 1px solid #eee;  
}
.item-title{
    font-size: 16px;    
}
.item-title a{color: #2A7FE9;}
.item-title a:hover{text-decoration: none;color: #2A7FE9;}
.item-content {
    font-size: 14px;
    margin: 10px 0;
}
.item-nav {
    font-size: 14px;
    color: #a2a2a2;
    margin-bottom: 5px;
}

.nav-part{
    background-color:#f7f7fa;
}


.nav-box{
    margin: 0 auto;
    text-align:center;
}

.nav-box > ul{
    background-color:#f7f7fa;
    display:inline-block;
}


.search-part-bg{
    background-color:#0e4484;
    padding-top:50px;
    padding-bottom:40px;
}



.layui-nav .layui-nav-item a {
    color: #8d8d90;
    /*color: rgba(255,255,255,.7);*/
}

.layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after {
    background-color: #0e4484;
}

.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a {
    color: #8d8d90;
}

.layui-container{

    margin-bottom:50px;
    height:600px;
    overflow: hidden;
}

.production-ul{
    height:600px;
    margin-bottom:30px;
    margin-top:30px;
    /*position: relative; */
    /* right: -35px; */
    overflow-y: auto;

}

.production-ul  li{
    float: left;
    width: 300px;
    /*height: 207px;*/
    background: #fff;
    border-bottom: 1px solid #ebecec;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    margin-right: 26px;
    padding: 0;
    margin-bottom: 20px;
}


.production-ul  li .lt{
    float: left;
    width: 45%;
    /*height: 206px;*/
    background: #00c1de;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
}

.production-ul  li:hover .lt{
    background: #0e4484;
}


.production-ul  li .lt a{
    top:40%;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    line-height: 30px;
    position: relative;
    word-wrap:break-word;
    text-decoration:none;
}


.production-ul  li .rt{
    float: right;
    padding: 10px 0;
    width: 45%;
}

.production-ul li .rt .btn1{
    padding-bottom: 12px;
    overflow: hidden;
}

.production-ul li .rt .btn1 a{
    text-decoration: none;
    /*color: #373d41;*/
    color:#2A7FE9;
}

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

.layui-layout-admin .layui-side {
    top: 60px;
    width: 200px;
    overflow-x: hidden;
}

.clear{
    clear: both;
}

.sidebar {
    position: fixed;
    float: left;
    height: 100%;
    /*background: #293653;*/
    background:#3b5182;
    width: 230px;
}


.sidebar .header {
    line-height: 70px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid rgba(69,90,135,.2)
}

.sidebar .header a {
    font-family: Helvetica,PingFangSC-Light,Microsoft YaHei;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
    margin-right: 16px
}

.sidebar .header a>img {
    margin-left: 15px;
    margin-bottom: 9px
}

.sidebar .header-inside {
    padding-top: 20px;
    padding-left: 42px;
    padding-right: 20px
}

.sidebar .header-inside.en {
    padding-left: 51px
}

.sidebar .header-inside a {
    font-family: Helvetica,PingFangSC-Light,Microsoft YaHei;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0;
    float: left
}

.sidebar .header-inside a img {
    margin-bottom: 9px
}

.sidebar .header-inside a.title {
    margin-left: 8px
}

.sidebar .header-inside a.cn {
    line-height: 42px
}

.sidebar .header-inside a.en {
    font-size: 16px;
    width: 80px
}

.sidebar .select {
    padding: 16px 20px 30px;
    font-family: Helvetica,PingFangSC-Light,Microsoft YaHei;
    font-size: 14px;
    letter-spacing: 0;
    position: relative;
    height: 57px
}

.sidebar .select .cur {
    padding: 3px 20px;
    border: 1px solid #7d819b;
    border-radius: 20px;
    color: #fff;
    text-transform: capitalize
}

.sidebar .select .cur:hover {
    cursor: pointer
}

.sidebar .select .cur.active img {
    transform: rotate3d(180,0,0,-180deg)
}

.sidebar .select .cur.active~.dropdown {
    display: block;
    height:600px;
    overflow: hidden;
}


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

.sidebar .select .dropdown {
    animation: downlist .3s;
    display: none;
    color: #9398a7;
    position: absolute;
    padding: 10px 20px;
    background: #3b5182;
    width: 160px;
    border: 1px solid #7d819b;
    border-radius: 8px;
    margin-top: 8px;
    z-index: 1
}

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

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

.sidebar .select .dropdown ul li {
    font-family: Helvetica,PingFangSC-Light,Microsoft YaHei;
    font-size: 14px;
    color: #9398a7
}

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

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

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

.sidebar .select .dropdown ul li.leaf:hover>a {
    color: #00c8ff
}

.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 {
    position: absolute;
    top: 137px;
    bottom: 60px;
    overflow: hidden;
    width: 100%;
    font-weight: 400
}

.sidebar .hierarchy>ul {
    padding-bottom: 10px
}

.sidebar .hierarchy a {
    margin: 0 8px;
    display: block;
    padding: 8px 12px;
    color: #e7e7e7
}

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

.sidebar .hierarchy .cur>a {
    color: #fff
}

.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: #293653
}
*/

.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: #2c4277;

}

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

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

.sidebar .hierarchy .leaf.cur>a {
    color: #fff
}

.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%
}



.wrapper,body,html {
    height: 100%;
    overflow-y: hidden;
}

.wrapper {
    position: relative;
    /*background-color: #f8f9fc;*/
    margin-left: 230px;
    overflow-x: hidden
}

.wrapper header {
    min-width: 850px
}

.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 .search img {
    float: left;
    display: block;
    margin: 8px
}

.wrapper header .search img:nth-child(2) {
    display: none
}

.wrapper header .search input {
    transition: width .3s;
    width: 187px;
    margin-right: 17px;
    border: none;
    outline: none;
  /*  padding: 0px 0 6px;*/
    height: 34px
}

.wrapper header .search.cur img:first-child {
    display: none
}

.wrapper header .search.cur img:nth-child(2) {
    display: block
}


.wrapper .header {
    background: #e6e8ec;
    border-radius: 6px;
    height: 65px;
    position: relative;
    z-index: 2;
    min-width: 970px
}

.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;}

.doc-center{
    position: absolute;
    left:34px;
    right: 0px;
    top:95px;
    bottom: 0px;
    /*padding: 0 50px;*/
}

.breadcrumb-bar{
 /*   background: #F6F6F6;
    border-radius: 2px;
    margin: 0rem -1rem 2rem;
    padding: 0 1rem;
    height: 0;
    min-height: 3rem;*/
    margin-bottom:20px;
}

.layui-breadcrumb a:hover{
    text-decoration:none;
}


.wrapper .doc-center .article-main {
    transition: all .3s ease;
    background: #fff;
    margin: auto;
    position: relative;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    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
}

@media screen and (max-width: 1380px) {
    .wrapper .doc-center .article .article-sidebar {
        display:none
    }

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

    .wrapper .doc-center .article .slide {
        left: 0;
        display: none
    }
}


.docContent ul{
    list-style-type: disc;
}
.docContent ul li{
    list-style-type: disc;
}

/** sdk下载 */
.sdkContent{border-top: 2px solid rgb(59, 81, 130);}
.sdkContent .module-content{margin-right: 5%; margin-bottom: 5%;}
.sdkContent .sdk-title{margin: 24px 0 24px; font-size: 20px; font-weight: 400;}
.sdkContent .media-left{display: table-cell; vertical-align: top; padding-right: 10px;}
.sdkContent .media-body{vertical-align: top;}
.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;}