diff --git a/css/libCss/common.css b/css/libCss/common.css
index 4288bbe..0646c23 100644
--- a/css/libCss/common.css
+++ b/css/libCss/common.css
@@ -327,9 +327,115 @@ section{
     padding-left: 24px;
     color: #888990;
 }
+/*API详情----------------------------------------*/
+.list-detail-wrap{
+    height: 581px;
+    overflow-y: scroll;
+}
+.list-detail-title{
+    font-size: 20px;
+    margin: 24px 0 12px 0;
+    color: #000;
+}
+.list-detail-des{
+    font-size: 13px;
+    color: #626c72;
+}
+/*url*/
+.list-detail-url{
+    font-weight: 500;
+    background-color: #f6f6f6;
+    height: 44px;
+    line-height: 44px;
+    color: #626c72;
+    font-size:14px ;
+}
+.list-detail-url li:nth-of-type(1){
+    padding-left: 24px;
+    width: 200px;
+}
+.list-detail-url li:nth-of-type(2){
+    padding-left: 24px;
+}
+.list-detail-url-wrap{
+    background-color: #fff;
+    color: #888990;
+    font-size: 12px;
+}
+.list-detail-url-wrap li{
+    height: 40px;
+    line-height: 40px;
+    border-bottom: 1px solid #e5e5e5;
+}
+.list-detail-url-wrap li div:nth-of-type(1){
+    width: 200px;
+    padding-left: 24px;
+    border-right: 1px solid #e5e5e5;
+}
+.list-detail-url-wrap li div:nth-of-type(2){
+    padding-left: 24px;
+}
+/*请求参数*/
+.list-detail-parameter{
+    height: 44px;
+    line-height: 44px;
+    background-color: #f6f6f6;
+    font-size: 14px;
+    color: #626c72;
+    font-weight: 500;
+}
+.list-detail-parameter li{
+    padding-left: 24px;
+}
 
-
-
+.list-detail-parameter li:nth-of-type(1),.list-detail-parameter li:nth-of-type(2),.list-detail-parameter li:nth-of-type(3){
+    width: 200px;
+}
+.list-detail-parameter-wrap li{
+    height: 40px;
+    line-height: 40px;
+    background-color: #fff;
+    color: #888990;
+    font-size: 12px;
+    border-bottom: 1px solid #e5e5e5;
+}
+.list-detail-parameter-wrap li div:nth-of-type(1) ,.list-detail-parameter-wrap li div:nth-of-type(2),.list-detail-parameter-wrap li div:nth-of-type(3){
+    width: 200px;
+    border-right: 1px solid #e5e5e5;
+    padding-left: 24px;
+}
+.list-detail-parameter-wrap li div:nth-of-type(4) {
+    padding-left: 24px;
+}
+/*请求类型*/
+.list-detail-type{
+    height: 44px;
+    line-height: 44px;
+    background-color: #f6f6f6;
+    color: #626c72;
+    font-weight: 500;
+}
+.list-detail-type li{
+    padding-left: 24px;
+}
+.list-detail-type li:nth-of-type(1),.list-detail-type li:nth-of-type(2){
+    width: 200px;
+}
+.list-detail-type-wrap li{
+    height: 40px;
+    line-height: 40px;
+    background-color: #fff;
+    font-size: 12px;
+    border-bottom:  1px solid #e5e5e5;
+    color: #888990;
+}
+.list-detail-type-wrap li div{
+    padding-left: 24px;
+}
+.list-detail-type-wrap li div:nth-of-type(1),.list-detail-type-wrap li div:nth-of-type(2){
+    border-right: 1px solid #e5e5e5;
+    width: 200px;
+}
 
 
 
diff --git a/index.html b/index.html
index 115ab10..9c030ae 100644
--- a/index.html
+++ b/index.html
@@ -166,276 +166,361 @@
 
                 <!--API别表-->
                 <div class="link-con-1 ">
-                    <ul class="list-con-title">
-                        <li class="float-left">名称</li>
-                        <li class="float-left">描述</li>
-                    </ul>
-                    <ul class="list-con-wrap">
-                        <li>
-                            <div class="float-left">
-                                <span data-id="1">名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                        <li>
-                            <div class="float-left">
-                                <span>名称名称名称名称名称</span>
-                            </div>
-                            <div class="float-left">名称名称名称名称名称</div>
-                        </li>
-                    </ul>
+                    <div class="list-main-wrap display-none" id="list-main-wrap">
+                        <ul class="list-con-title">
+                            <li class="float-left">名称</li>
+                            <li class="float-left">描述</li>
+                        </ul>
+                        <ul class="list-con-wrap">
+                            <li>
+                                <div class="float-left">
+                                    <span data-id="1">名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">
+                                    <span>名称名称名称名称名称</span>
+                                </div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                        </ul>
+                    </div>
+
+                    <div class="list-detail-wrap" id="list-detail-wrap">
+                        <div class="list-detail-title">
+                            名称名称名称名称名称名称名称（名称名称名称名称名称名称名称名称）
+                        </div>
+                        <div class="list-detail-des">
+                            名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称
+                        </div>
+                        <div class="list-detail-title">
+                            请求url
+                        </div>
+                        <ul class="list-detail-url">
+                            <li class="float-left">环境</li>
+                            <li class="float-left">HTTPS请求地址</li>
+                        </ul>
+                        <ul class="list-detail-url-wrap">
+                            <li>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                        </ul>
+                        <div class="list-detail-title">
+                            请求参数
+                        </div>
+                        <ul class="list-detail-parameter">
+                            <li class="float-left">参数名称</li>
+                            <li class="float-left">必选</li>
+                            <li class="float-left">类型</li>
+                            <li class="float-left">说明</li>
+                        </ul>
+                        <ul class="list-detail-parameter-wrap">
+                            <li>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+
+                        </ul>
+
+                        <div class="list-detail-title">
+                            请求类型
+                        </div>
+                        <ul class="list-detail-type">
+                            <li class="float-left">参数名称</li>
+                            <li class="float-left">类型</li>
+                            <li class="float-left">说明</li>
+                        </ul>
+                        <ul class="list-detail-type-wrap">
+                            <li>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+                            <li>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                                <div class="float-left">名称名称名称名称名称</div>
+                            </li>
+
+                        </ul>
+
+                    </div>
                 </div>
             </div>
         </div>