|
|
@@ -157,6 +157,7 @@
|
|
|
|
|
|
.wrapfirstI {
|
|
|
width: 25%;
|
|
|
+ height: calc(100% * 161 / 128);
|
|
|
}
|
|
|
|
|
|
.wrapItem {
|
|
|
@@ -169,17 +170,20 @@
|
|
|
flex-shrink: 0;
|
|
|
z-index: 1;
|
|
|
margin-bottom: 18px;
|
|
|
+ // height: calc(100% * 0.5);
|
|
|
|
|
|
.item {
|
|
|
position: relative;
|
|
|
margin-bottom: 15px;
|
|
|
width: 100%;
|
|
|
- height: 144px;
|
|
|
background-color: #edeff2;
|
|
|
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4);
|
|
|
|
|
|
img {
|
|
|
- position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ // height: 100%;
|
|
|
+ height: calc(100% * 161 / 128);
|
|
|
+ // position: absolute;
|
|
|
}
|
|
|
|
|
|
&::before {
|
|
|
@@ -255,7 +259,8 @@
|
|
|
z-index: 3;
|
|
|
display: block;
|
|
|
width: 100%;
|
|
|
- height: 170px;
|
|
|
+ line-height: 1;
|
|
|
+ // height: calc(100% * 161 / 128 - 20px);
|
|
|
background-color: #edeff2;
|
|
|
background-image: url('./image/icon_default.svg');
|
|
|
background-repeat: no-repeat;
|
mo