|
@@ -118,18 +118,17 @@ $waiPadding: 6.51rem;
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
|
i {
|
|
i {
|
|
- width: 4vw;
|
|
|
|
- height: 4vw;
|
|
|
|
|
|
+ width: 6vw;
|
|
|
|
+ height: 6vw;
|
|
display: block;
|
|
display: block;
|
|
position: absolute;
|
|
position: absolute;
|
|
- top: calc(4vw / -3);
|
|
|
|
|
|
+ top: calc(6vw / -6.4);
|
|
left: 50%;
|
|
left: 50%;
|
|
- margin-left: calc(4vw * -0.5);
|
|
|
|
|
|
+ margin-left: calc(6vw * -0.15);
|
|
background-image: url("@/assets/images/home/test_icon.png");
|
|
background-image: url("@/assets/images/home/test_icon.png");
|
|
background-position: center;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
background-size: 100% 100%;
|
|
- border-radius: 50%;
|
|
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
transition: all 0.5s;
|
|
transition: all 0.5s;
|
|
}
|
|
}
|
|
@@ -147,9 +146,12 @@ $waiPadding: 6.51rem;
|
|
width: calc(50% - $myPadding /2);
|
|
width: calc(50% - $myPadding /2);
|
|
}
|
|
}
|
|
|
|
|
|
- .li:nth-child(2),
|
|
|
|
|
|
+ .li:nth-child(2) {
|
|
|
|
+ width: calc((50% - $myPadding /2)/2 - $myPadding /2 + 0.05rem);
|
|
|
|
+ }
|
|
|
|
+
|
|
.li:nth-child(3) {
|
|
.li:nth-child(3) {
|
|
- width: calc((50% - $myPadding /2)/2 - $myPadding /2);
|
|
|
|
|
|
+ width: calc((50% - $myPadding /2)/2 - $myPadding /2 - 0.05rem);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|