.left-nav{height: calc(100vh - 68px);bottom:0;z-index:9;width:360px;background: #f8f8f8;border-right:1px solid #ebebeb;position:fixed;overflow-y: auto;}
.left-nav .btcr{position:absolute;bottom:20px;right:0;width: 100%}
.right-nav{top:68px;bottom:20%;z-index:9;position:fixed;}
.right-nav h2{display: block;margin-bottom: 10px}
.right-nav-list li a{line-height: 32px;color: #666;border-left:5px solid transparent;padding-left:20px;outline:none}
.right-nav-list li a.cur,.right-nav-list li a:hover{color:#050000;border-left:5px solid #FFE300;}

.right-wrap{margin:0 0 0 380px;position:relative;padding:50px 60px;min-height:1000px}

/*左栏分类*/
.two-tree-y-2{margin:20px 70px 0 65px}
.two-tree-y-2 .tree-2-y ul li{display: block;}
.two-tree-y-2 .tree-2-y ul li.nav-head{border-bottom: 1px solid #DDD;color:#606060;height: 50px;line-height: 50px;margin-bottom: 20px;text-indent: 15px}
.two-tree-y-2 .tree-2-y ul li.nav-one{line-height:40px;height:40px;}
.two-tree-y-2 .tree-2-y ul li.nav-one:last-child{border-bottom:0 solid #008BFF}
.two-tree-y-2 .tree-2-y ul li em{float: right;margin-top:12px;color:#ccc}
.two-tree-y-2 .tree-2-y ul li a{font-size:15px;font-weight:400;color:#606060;cursor: pointer;display: block}
.two-tree-y-2 .tree-2-y ul li ul{padding:0;}
.two-tree-y-2 .tree-2-y ul li ul li{display: block;line-height:30px;margin:8px 0;}
.two-tree-y-2 .tree-2-y ul li ul li a{padding-left:15px;position:relative;}
/*.two-tree-y-2 .tree-2-y ul li ul li a:before {content:'';position:absolute;left:0;background:#878787;width:5px;height:5px;top:16px;border-radius:50%}
.two-tree-y-2 .tree-2-y ul li ul li a.active:before {content:'';position:absolute;left:0;background:#FFEA00;width:5px;height:5px;top:16px;border-radius:50%}
.two-tree-y-2 .tree-2-y ul li ul li:hover a:before {content:'';position:absolute;left:0;background:#FFEA00;width:5px;height:5px;top:16px;border-radius:50%}
*/
.two-tree-y-2 .tree-2-y ul li a:hover,.two-tree-y-2 .tree-2-y ul li.active a,.two-tree-y-2 .tree-2-y ul li ul li a.active,.two-tree-y-2 .tree-2-y ul li ul li a.active b,.two-tree-y-2 .tree-2-y ul li a.active{color: #393939;position:relative;font-weight:600}
/*.two-tree-y-2 .tree-2-y ul li a.active i{color:#FFE300;}*/
/*.two-tree-y-2 .tree-2-y ul li a.active:before{content:'';position:absolute;bottom:10px;left:18px;background:#FFEA00;width:80px;height:9px;z-index: -1}*/

/*.two-tree-y-2 .tree-2-y ul li a:hover*/{color:#FFEA00;}
/*float:left;width:50%;*/

.doccon{padding-right:50px}
.doccon .post h1{font-size:28px;font-weight:600;margin:0 0 30px 0;display: block;padding-bottom:15px;border-bottom: 1px solid #EBEBEB}
.doccon .post h2{font-size:22px;color:#303030;font-weight:600;display: block;margin:10px 0 20px 0;padding-bottom:15px;border-bottom: 1px solid #EBEBEB}
.doccon .post h2 span{font-weight: 400;font-size:14px;opacity: 1}
/*.doccon .post:hover h2 span{opacity: 1}*/
.doccon .post strong{font-size:18px;margin:20px 0 12px 0;color:#4A4A4A;display: block;}
.doccon .post hr{margin:10px 0;height:1px}
.doccon .post table{margin:20px 0}
.doccon .post table th{border-bottom:1px solid #EFEFEF;font-size:15px;}
.doccon .post table th, .doccon .post table td{padding:10px 20px;font-size:15px;}
.doccon .post table tr.ue-table-interlace-color-single{background:#daf0fd}
.doccon .post p{font-size:15px;line-height:26px;margin:10px 0;word-wrap: break-word;}
.doccon .post img{margin:0 auto;max-width: 100%;border-radius:12px;position:relative}
.doccon .post img:before{border:6px solid #008BFF;content:'';position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px;background:#456BED;width:100%;height:100%;border-radius:12px;z-index: 9}
.doccon .post .text-right{text-align:right}
.doccon .post ul li{position:relative;font-size:16px;padding-left:50px;margin-bottom: 5px}
.doccon .post ul li p{line-height:24px;}
.doccon .post ul li:before{content:'';position:absolute;top:10px;left:30px;background:#456BED;width:6px;height:6px;border-radius:50%}
.doccon .post ol{padding:10px 0 0 0}
.doccon .post ol.list-paddingleft-2{position:relative}
.doccon .post ol li{padding:0;position:relative}
.doccon .post ol li p{line-height:26px;font-size:16px;color:#929CBF}
.doccon .post a.button{border-bottom: 0;}
.doccon .post pre code table{margin:0;}
.doccon .post pre code td.hljs-ln-numbers {
text-align: center;
color: #ccc;
border-right: 1px solid #ccc;
vertical-align: top;
padding-left: 0.5em;
padding-right: 0.8em;
padding-top:0.1em;
padding-bottom:0.1em;
}

.doccon .post pre code td.hljs-ln-code {
 padding-left: 1em;
 padding-top:0.1em;
 padding-bottom:0.1em;
}
.hljs{border-radius: 6px;padding:0.8em 0.5em;}

/* 手机开始 */
@media screen and (max-width:768px){
.left-nav{top:0;bottom:none;width:auto;position:relative;height:auto;background: none}
.right-wrap{margin:0;padding:20px;}
.doccon{padding-right:0px}

/*左栏分类*/
.two-tree-y-2{margin:20px 0 20px 0}
.two-tree-y-2 .tree-2-y{position:absolute;border-radius:12px;box-shadow:0 15px 36px -12px rgba(0,0,0,.09);padding:10px 20px;z-index:9;right:10px;left:10px;top:54px;background: #1F1F1F}
.two-tree-y-2 .tree-2-y:after{position: absolute;top: -8px;left:24px;display:inline-block;border-right:9px solid transparent;border-bottom:9px solid #1F1F1F;border-left:9px solid transparent;content: ''; }
.two-tree-y-2 .tree-2-y ul li.nav-head{padding: 0;}
.two-tree-y-2 .tree-2-y ul li{border-bottom:0px solid #f8f8f8;padding:0;}
.two-tree-y-2 .tree-2-y ul li a{height: 32px;line-height: 32px; font-weight:bold;}
/*.two-tree-y-2 .tree-2-y ul li ul li{width:33%;float:left;}*/
.two-tree-y-2 .button{border:0px;padding:0 20px;background: #1F1F1F;height:46px;line-height:46px;border-radius:12px;margin-left: 10px}
.two-tree-y-2 .button.border-white:hover, .two-tree-y-2 .button.border-white:focus, .two-tree-y-2 .button.bg-white:hover, .two-tree-y-2 .button.bg-white:focus{color: #393939;border-color: #FFF;background-color: #FFF;}

}

/* 手机开始