|
@@ -652,13 +652,13 @@ export default {
|
|
|
padding-top: 12px;
|
|
|
}
|
|
|
.three {
|
|
|
- padding-left: calc(100vw * (40 / 1920));
|
|
|
+ padding-left: calc(100vw * (30 / 1920));
|
|
|
}
|
|
|
.five {
|
|
|
display: flex;
|
|
|
justify-content: space-evenly;
|
|
|
color: #2e8aecff;
|
|
|
- padding-top: 3px;
|
|
|
+ padding-top: calc(100vh * (20 / 1080));
|
|
|
&:hover {
|
|
|
cursor: pointer;
|
|
|
}
|
|
@@ -667,15 +667,15 @@ export default {
|
|
|
display: flex;
|
|
|
padding-top: calc(100vh * (10 / 1080));
|
|
|
.four1 {
|
|
|
- width: calc(100vw * (75 / 1920));
|
|
|
+ width: calc(100vw * (60 / 1920));
|
|
|
}
|
|
|
.four2 {
|
|
|
width: calc(100vw * (250 / 1920));
|
|
|
- height: calc(100vh * (50 / 1080));
|
|
|
+ height: calc(100vh * (55 / 1080));
|
|
|
// background: salmon;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
word-break: break-all;
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
@@ -757,13 +757,13 @@ export default {
|
|
|
padding-top: 12px;
|
|
|
}
|
|
|
.three {
|
|
|
- padding-left: calc(100vw * (40 / 1920));
|
|
|
+ padding-left: calc(100vw * (30 / 1920));
|
|
|
}
|
|
|
.five {
|
|
|
display: flex;
|
|
|
justify-content: space-evenly;
|
|
|
color: #2e8aecff;
|
|
|
- padding-top: 3px;
|
|
|
+ padding-top: calc(100vh * (20 / 1080));
|
|
|
&:hover {
|
|
|
cursor: pointer;
|
|
|
}
|
|
@@ -772,15 +772,15 @@ export default {
|
|
|
display: flex;
|
|
|
padding-top: calc(100vh * (10 / 1080));
|
|
|
.four1 {
|
|
|
- width: calc(100vw * (75 / 1920));
|
|
|
+ width: calc(100vw * (60 / 1920));
|
|
|
}
|
|
|
.four2 {
|
|
|
width: calc(100vw * (250 / 1920));
|
|
|
- height: calc(100vh * (50 / 1080));
|
|
|
+ height: calc(100vh * (55 / 1080));
|
|
|
// background: salmon;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
word-break: break-all;
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|