.flex-con {display:flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;}
/*.div-tree {min-width:300px;margin-right:25px;position: absolute;margin-top:20px;} */
.div-tree {min-width:300px;margin-right:25px;position: sticky;position:-webkit-sticky;margin-top:20px;height:calc(100vh - 80px);top:110px;}
.div-tree .row {padding:0;}
.div-tree.fixed {position:fixed;z-index:1;background:#fff;top:90px;}
.div-ct {width:100%;padding-bottom:50px; /*margin-left: 325px;*/}
.div-ct h2 {/*border-bottom:solid 1px #ccc;*/}
ul.api-tree li {padding:1px 0;} 
ul.api-tree li a {background:#f0f0f0;padding:9px 10px;width:100%;display:inline-block;box-sizing:border-box;color:#000;border-left:solid 5px #c5c5c5;text-decoration:none;transition:all .25s ease;}
ul.api-tree li a:hover {border-left:solid 5px #737373;}
/* ul.api-tree li:nth-child(1) a:nth-child(1){border-left:0;}
ul.api-tree li:first-child a{border-left: solid 5px #c5c5c5;} */
ul.api-tree li a.active{ color:#229826 ; font-weight: bold;     border-left: solid 5px #229826;} 
ul.api-tree li a.active ~ ul {display:block;animation: anim .5s ease; -webkit-animation: anim .5s ease}
@keyframes anim {0%{margin-top:15px;} 100% {margin-top:0;}}
@-webkit-keyframes anim {0%{margin-top:15px;} 100% {margin-top:0;}}
ul.api-tree li a.active+.nav-links {display: block;}
ul.api-tree li > ul {display:none;}
ul.api-tree li > ul li {list-style-type:none;margin-left:20px;background:#fff;}
ul.api-tree li > ul li a {background:#fff;color:#000;position:relative;border-left:0; word-break: break-word;} ul.api-tree li > ul li a:hover {border-left:0;}
ul.api-tree li > ul li a:before{content:"";background:#ddd;width:1px;height:100%;position:absolute;left:-3px;top:1px}
ul.api-tree li > ul li a:after{content:"";background:#ddd;width:5px;height:5px;position:absolute;left:-5px;top:20px;border-radius:50%;}
ul.api-tree li > ul li a:hover:after {background:#16b14f;width:5px;height:5px;transform:scale(1.3)}
/*ul.api-tree li > ul li a:after {background:#f00;} */
ul.api-tree li > ul li a.active {border-left:0;}
ul.api-tree li > ul li a.active:after {border-right:0;background:#16b14f;width:8px;height:8px;transform:scale(1.3);top:18px;left:-6px;}
.mod-title{color:#229826;/*border-bottom:solid 1px #f3f3f3;*/}
.wrap-txt{word-wrap:break-word;width:90%;word-break: break-all;}
.api-content-main {margin:0 15px;}
@media (min-width: 1400px) {
    #api-con .container {max-width: 1350px;}
}
@media screen and (max-width:960px){
.div-tree {display:none;}
}

/*table style begin*/
.divTable{display: table;width: 100%;box-shadow:0 1px 2px 0 #ececec9c;-webkit-box-shadow:0 1px 2px 0 #ececec9c;}
.divTableRow {display: table-row;}
.divTableHeading {background-color: #868686;display: table-header-group;line-height: 45px;font-weight:600;color:#fff;}
.divTableCell, .divTableHead {display: table-cell;padding: 3px 10px;} .divTableCell {vertical-align:top;line-height:35px;border-bottom:solid 1px #ececec;}
.divTableCell:nth-child(1){width:20%;}
.divTableCell:nth-child(2){width:60%;}
/*.divTableCell:nth-child(3){width:40%;}*/
.divTableCell p {margin:0;padding-bottom:15px;} .divTableCell p > b:after{content:"";display:table;clear:both;}
.divTableCell:nth-child(4) > span {display:inline-block;width:250px;word-wrap:break-word;}
.divTableFoot {background-color: #EEE;display: table-footer-group;font-weight: bold;}
.divTableBody {display: table-row-group;background:#f8f8f8;}
.divTableBody > .divTableRow:nth-child(odd){background:#fff;}
/*table style end*/