.developer_show_banner{
    background: #191919;
    position: relative;
    padding-top: 64px;
}
.developer_api_box{
   padding-top: 49px;
   margin-bottom: 100px;
}
.developer_api_box .api_menu{
    width: 260px;
    height: 630px;
    float: left;
background: #F7F7F7;
color: #212121;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
}
.developer_api_box .api_hot_dom{
    /* width: 976px; */
    width: 77.465%;
    float: right;
}
.developer_api_box .api_menu .apiTit{
    font-size: 22px;
    border-bottom: 1px solid #ECECEC;
    padding: 6px 0 8px 36px;
    box-sizing: border-box;
}
.developer_api_box .api_menu .apiList li{
    line-height: 24px;
    height: 24px;
    padding-left: 36px;
    box-sizing: border-box;
    margin-bottom: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.developer_api_box .api_menu .apiList li:nth-of-type(1){
    margin-top: 14px;
}

.developer_api_box .api_menu .apiList li a{
    font-size: 16px;
    font-weight: 500;
    color: #212121;
}
.developer_api_box .api_hot_dom .hot_nav{
    font-weight: 400;
   color: #848484;
   font-size: 12px;
   font-family: PingFangSC-Regular, PingFang SC;
   margin-top: 5px;
   margin-bottom: 23px;
}
.developer_api_box .api_hot_dom .hot_nav a{
    font-weight: 400;
   color: #848484;
}
.developer_api_box .api_hot_dom .hot_nav em{
    font-style: normal;
}
.developer_api_box .api_hot_dom .hot_nav a:hover{
    color: #ED6827;
}
.developer_api_box .api_hot_dom .hot_nav .arrow_icon{
  margin: 0 5px;
  vertical-align: text-bottom;
}
.developer_api_box .api_hot_dom .domType .domTit{
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000000;
    margin-bottom: 14px;
    display: block;
} 
.developer_api_box .api_hot_dom .domType .domTit img{
    margin-right: 5px;
}
.developer_api_box .api_hot_dom .domType .domTypeBox{
    background: #FFFFFF;
    border: 1px solid #E0E1E1;
    padding: 20px 20px 5px;
    box-sizing: border-box;
}
.developer_api_box .api_hot_dom .domType .domTypeBox a{
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000000;
    line-height: 20px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 33.33%;
    float: left;
    display: block;
    margin-bottom: 14px;
    padding: 0 5px;
    box-sizing: border-box;
}
.developer_api_box .api_hot_dom .domType .domTypeBox a:hover,.developer_api_box .api_menu .apiList li a:hover{
    color: #ED6827;
}
.developer_api_box .api_menu .apiList li.cur a{
    color: #ED6827;
}

/* 详情页 */
.doc_con.doc_conGb{
  padding-top: 0px;
}
.doc_con.doc_conGb .help-show .left .return{
    width: auto;
}
.doc_con.doc_conGb .doc_con_main{
   width: 100%;
}
.doc_con.doc_conGb .doc_con_main .info table{
    width: 100%;
}
.doc_con.doc_conGb .doc_con_main .info{
    overflow-x: auto;
}

/* 相关文档 */
.domType .show-body .recommended{
    width: 100%;
}
@media screen and (max-width: 768px){
    .developer_api_box{
        padding-top: 35px;
    }
    .developer_api_box .api_menu{
        width: 100%;
        height: auto;
        float: none;
        margin-bottom: 30px;
    }
    .developer_api_box .api_menu .apiList li{
        width: 25%;
        float: left;
        padding-left: 0;
        text-align: center;
    }
    .developer_api_box .api_menu .apiList li:nth-of-type(1){
        margin-top: 0;
    }
    .developer_api_box .api_hot_dom{
        width: 100%;
        float: none;
    }
    .developer_api_box .api_menu .apiList{
       padding: 10px 0;
    }
    .developer_show_banner{
        padding-top: 50px;
    }

    /* 详情 */
    .doc_con.doc_conGb .help-show .left,.doc_con.doc_conGb .help-show .center{
         width: 100%;
         float: none;
    }
    .doc_con.doc_conGb .help-show .center{
        padding-left: 0;
    }
    .doc_con.doc_conGb,.doc_con.doc_conGb .help-show .container{
        width: 100%;
    }
    .doc_con.doc_conGb .help-show .container{
        max-width: 100%;
    }
    .doc_con.doc_conGb .help-show .left .left-list{
        padding-bottom: 16px;
    }
    .doc_con.doc_conGb .help-show .left .left-list li{
        width: 25%;
        float: left;
    }
    .doc_con.doc_conGb .help-show .left .left-list ul li a span{
        padding: 8px 2px;
        box-sizing: border-box;
    }
    .doc_con.doc_conGb .show-body .recommended .re_list li{
      width: 100%;
      margin-right: 0;
    }
    .doc_con.doc_conGb .show-body .recommended ul li a{
       width: 97%;
    }
    .doc_con.doc_conGb .show-body .recommended .title{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .doc_con.doc_conGb .show-body .recommended ul{
        padding-left: 0;
        width: 100%;
    }
}
@media screen and (max-width: 457px){
    .developer_api_box .api_menu .apiList li{
        width: 50%;
    }
    .developer_api_box .api_hot_dom .domType .domTypeBox a{
        width: 100%;
    }
    .doc_con.doc_conGb .help-show .left .left-list li{
        width: 50%;
    }
}