@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap);.doc-index{display:flex}.doc-index .left-box{padding:10px;width:200px}.doc-index .left-box .area{width:200px;height:calc(100vh - 81px)}.doc-index .left-box p{color:#999;font-size:12px;margin:10px 0}.doc-index .left-box a{display:block;padding:10px;transition:background .2s,color .2s;text-decoration:none;color:#333;font-size:14px}.doc-index .left-box a.router-link-active{color:#2cad66;background:#dff3e8}.doc-index .right-box{padding:10px;width:calc(100% - 220px);box-sizing:border-box}.iconfont{overflow:hidden}.iconfont .icon{float:left;margin-right:20px;height:120px;width:120px;box-sizing:border-box;text-align:center;border:1px solid #eee;padding:20px;border-radius:4px;margin-bottom:20px}.iconfont .icon span{font-size:30px;color:#888}.iconfont .icon p{font-size:12px}.doc-detail{height:calc(100vh - 81px);width:100%}.doc-detail h2{color:#2cad66;margin:20px 0}.doc-detail section{width:100%}.doc-detail section.code>div{width:80%}.doc-detail .example-item{background:#eee;padding:15px;margin-bottom:20px;border-radius:10px;width:80%;box-sizing:border-box}.doc-detail .example-item .sh-radio-group{padding:5px 0}.doc-detail .example-item h2{margin-top:0}.doc-detail .example-item .option-label{font-size:14px;display:inline-block;width:100px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.doc-detail pre{font-family:inherit;margin:0;background:#272822;border-radius:10px;box-sizing:border-box;padding:0 20px;max-height:300px}.doc-detail pre code{font-family:Source Code Pro,monospace;color:#fff;font-size:14px}.doc-detail pre code .key-imp,.doc-detail pre code .mark,.doc-detail pre code .sig{color:#f92672}.doc-detail pre code .attr-value,.doc-detail pre code .obj-key{color:#e6db74}.doc-detail pre code .attr-name,.doc-detail pre code .func{color:#a6e22e}.doc-detail pre code .key{color:#66d9ef}.doc-detail table{border-spacing:0;background:#000;width:100%;box-sizing:border-box;font-size:14px;margin:10px 0}.doc-detail table td,.doc-detail table th{background:#fff;padding:5px 10px;border-bottom:1px solid #ddd;text-align:left;color:#666}.doc-detail table th{white-space:nowrap;color:#333}.doc-detail table td:first-of-type{white-space:nowrap}