|
@@ -41,17 +41,40 @@
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
}
|
|
}
|
|
.main .two .list .list_1 {
|
|
.main .two .list .list_1 {
|
|
- width: 10vw;
|
|
|
|
|
|
+ width: 57vw;
|
|
|
|
+}
|
|
|
|
+.main .two .list .list_1 .name {
|
|
|
|
+ font-size: var(--font18Szie);
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ margin: 0 0 2vw 0;
|
|
|
|
+ padding: 0 2vw 0 0;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
|
+ word-break: break-all;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+}
|
|
|
|
+.main .two .list .list_1 .brief {
|
|
|
|
+ font-size: var(--font16Szie);
|
|
|
|
+ padding: 0 2vw 0 0;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ -webkit-line-clamp: 3;
|
|
|
|
+ word-break: break-all;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
}
|
|
}
|
|
.main .two .list .list_2 {
|
|
.main .two .list .list_2 {
|
|
- width: 10vw;
|
|
|
|
|
|
+ width: 35vw;
|
|
}
|
|
}
|
|
-.main .two .list .list_2 .swiper {
|
|
|
|
- height: 30vh;
|
|
|
|
|
|
+.main .two .list .list_2 swiper {
|
|
|
|
+ height: 18vh;
|
|
}
|
|
}
|
|
-.main .two .list .list_2 .image {
|
|
|
|
|
|
+.main .two .list .list_2 swiper .image {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
|
|
+ border-radius: 10px;
|
|
}
|
|
}
|
|
.scroll-view {
|
|
.scroll-view {
|
|
position: absolute;
|
|
position: absolute;
|