body {
    overflow-y:hidden;max-width:100%
}
#root .api_center >.api_centerP{
    box-sizing:border-box;padding:0 24px
}
@media (max-width:768px){
    #root .api_center>.api_centerP>.apiCenterB{flex-direction:column}
    #root .api_center >.api_centerP{
        padding:unset;
    }
}
#root .api_center>.api_centerP>.apiCenterB #root-component{width:100%;max-width:100%}
@media (max-width:768px){
    #root .api_center>.api_centerP>.apiCenterB #root-component{margin-top:24px;margin-left:0;padding: 0 24px}
}
#root .banner-inner{margin:0 auto;width:100%;max-width:1280px}
#root .api-container h1{
    font-family:'PingFangSC-Medium';color:#0B0E17;font-size:375%;line-height:84px;margin-bottom:.8rem;font-weight:400
}
@media (max-width:768px) {
    #root .api-container h1 {
        margin-bottom: unset;
        font-weight: unset;
    }
}


#root .api-container .p1{font-size:18px;line-height:30px;color:#52545A}
.root-container{position:relative;width:100%;display:flex;flex-direction:row;box-sizing:border-box}
@media (max-width:1280px){
    .root-container{flex-direction:column}
}
.root-container .api_centerR{flex:1;margin:0 !important}
.root-container #root-code-container{overflow:hidden}
.root-container .code-container{background-color:#4F556B;box-sizing:border-box;padding:20px;border-radius:4px;overflow:hidden;margin-bottom:auto;margin-left:30px;width:600px;max-width:600px}
@media (max-width:1480px){
    .root-container .code-container{width:100%;max-width:480px}
}
@media (max-width:1280px){
    .root-container .code-container{max-width:100%;margin-left:0;margin-top:40px}
}
.root-container .code-container .code-title{font-size:16px;color:#ffffff;font-weight:500;line-height:1.5;margin-bottom:10px}
.root-container .code-container .nav-tabs{display:flex;flex-wrap:wrap;margin:0 -10px}
.root-container .code-container .nav-tabs-item{padding:0 10px 16px;box-sizing:border-box}
.root-container .code-container .nav-tabs .nav-text{background-color:#30343F;font-size:14px;color:#ffffff;line-height:24px;text-align:center;border-radius:4px;padding:0 14px;cursor:pointer}
.root-container .code-container .nav-tabs .nav-text.is-active{background-color:#ffffff;color:#333333}
.root-container .code-container .nav-tabs .nav-text.is-error{color:#e53935}
.root-container .code-container .nav-tabs .nav-text.is-default{color:#00aa13}
.root-container .code-container .request-code{padding:16px 12px;background-color:#30343F;font-size:1.5}
.root-container .code-container .request-code-title{font-size:14px;color:#999999;margin-bottom:10px}
.root-container .code-container .request-code-doc{padding:10px 12px;background-color:#4F556B;font-size:14px;color:#ffffff}
.root-container .code-container .request-code-container{margin-top:16px}
.root-container .code-container .request-code-container pre[class*=language-]{
    border:none;box-shadow:none;border-radius:4px;background-color:#262626;margin:0;tab-size:2}
.root-container .code-container .request-sample{margin-bottom:24px}