|
|
@@ -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() {
|
