diff --git a/css/libCss/common.css b/css/libCss/common.css
index 17a6ddf..0646c23 100644
--- a/css/libCss/common.css
+++ b/css/libCss/common.css
@@ -280,4 +280,169 @@ section{
     font-size: 14px;
     float: left;
 }
-/*API别表----------------------------------------*/
\ No newline at end of file
+/*API别表----------------------------------------*/
+.list-con-title{
+    height: 44px;
+    line-height: 44px;
+    background-color: #f6f6f6;
+    width: 1092px;
+}
+.list-con-title li{
+    padding-left: 24px;
+    color: #1f2b3d;
+    font-size: 14px;
+
+}
+.list-con-title li:nth-of-type(1){
+    width: 658px;
+}
+.list-con-title li:nth-of-type(2){
+    width: 434px;
+}
+.list-con-wrap{
+    width: 1092px;
+    height: 537px;
+    overflow-y: scroll;
+}
+
+.list-con-wrap li{
+    height: 40px;
+    line-height: 40px;
+    background-color: #fff;
+    border-bottom: 1px solid #e5e5e5;
+    font-size: 14px;
+}
+
+.list-con-wrap li div:nth-of-type(1){
+    width: 658px;
+    padding-left: 24px;
+    border-right: 1px solid #e5e5e5;
+    color: #108ee9;
+}
+.list-con-wrap li div:nth-of-type(1) span{
+    cursor: pointer;
+}
+.list-con-wrap li div:nth-of-type(2){
+    width: 434px;
+    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 8cea2cf..9c030ae 100644
--- a/index.html
+++ b/index.html
@@ -50,7 +50,7 @@
                 <span>API  列表</span>
             </div>
             <div class="link-con" id="link-con">
-                <div class="link-con-1">
+                <div class="link-con-1 display-none">
                     <div class="link-con-left float-left">
                         <div class="link-con-left-wrap marginright32 boder-raduis5">
                             <div class="link-con-title border-bottom1">
@@ -165,7 +165,363 @@
 
 
                 <!--API别表-->
-                <div class="link-con-1 display-none">display-none</div>
+                <div class="link-con-1 ">
+                    <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>
     </section>