1

index.html

@@ -32,6 +32,8 @@
         .pc .item .items{
             background: #fff;
             border: 1px solid #E6E6E6;
+            margin-bottom: 32px;
+            border-radius: 4px 4px 4px 4px;
         }
         .pc .header {
 
@@ -49,7 +51,7 @@
         .pc .header img{
             height: 100%;
             position: relative;
-            left: -549px;
+            left: -525px;
         }
 
         .pc .list {
@@ -58,22 +60,25 @@
             width: 1200px;
             display: flex;
             flex-flow: row wrap;
+            justify-content: left;
+        }
+
+        .pc .list .item:not(:nth-child(3n)) {
+            margin-right: 30px;
         }
 
         .pc .list .item {
             width: calc(33.333% - 20px);
-            background-color: #333;
             height: 250px;
-            margin-bottom: 32px;
-            border-radius: 4px 4px 4px 4px;
             opacity: 1;
             display: grid;
+            margin: 0 0px 32px 0;
         }
         .pc .list .item img{
             width: 100%;
-            height: auto;
-            min-height: 190px;
+            height: 190px;
             object-fit: cover;
+            display: block;
         }
 
         .pc .list .item .name {
@@ -83,27 +88,27 @@
             font-weight: 400;
             color: #333333;
             line-height: 22px;
-            background-color: #fff;
-        }
-
-        .pc .list .item:not(:nth-child(3n)) {
-            margin-right: 20px;
+            /* background-color: #fff; */
         }
 
         .mobile .header img{
             height: 26px;
+            margin-left: 16px;
         }
         .mobile .header {
             height: 30px;
-            padding: 16px;
+            padding: 16px 0;
             width: 100%;
             background: url('./image/mobile-header.png');
             background-repeat: no-repeat;
             background-size: 100% 100%;
         }
-
+        .mobile .list {
+            width: 100vw;
+        }
         .mobile .list .item {
             padding: 16px;
+            width: calc(100% - 32px);
             height: 62px;
             background: #FFFFFF;
             border-radius: 0px 0px 0px 0px;
@@ -117,6 +122,7 @@
             height: 62px;
             margin-right: 16px;
             object-fit: cover;
+            display: block;
         }
 
         .mobile .list .item .name {
@@ -229,12 +235,12 @@
             divImg.onerror = function(){  
                 this.src = "./image/bg_banner.png";  
             }
-            testa.appendChild(divImg);
-            testa.appendChild(testDv);
+            testDva.appendChild(divImg);
+            testDva.appendChild(testDv);
             testa.target = '_blank'
             testa.href = item.webSite;
-            testDva.appendChild(testa)
-            divcontent.appendChild(testDva)
+            testa.appendChild(testDva)
+            divcontent.appendChild(testa)
             listDiv.appendChild(divcontent)
         }
         function inter() {