1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- .main {
- height: 81.9vh;
- }
- .main .zero {
- width: 96vw;
- margin: 0 0 2vw 0;
- }
- .main .zero:last-child {
- margin: 0;
- }
- .main .two .a {
- display: flex;
- flex-direction: column;
- height: 74vh;
- }
- .main .two .a .two_1 {
- background-color: #f1f1f1;
- width: 92vw;
- padding: 2vw;
- }
- .main .two .a .two_1 input {
- font-size: 16px;
- }
- .main .two .a .two_2 {
- width: 96vw;
- flex-grow: 1;
- position: relative;
- }
- .main .two .a .two_2 .scroll-view {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- }
- .main .two .a .two_2 .scroll-view .list-scroll-view {
- display: flex;
- flex-wrap: wrap;
- align-content: flex-start;
- justify-content: space-between;
- }
- .main .two .a .two_2 .scroll-view .list-scroll-view .list {
- background-color: #ffffff;
- margin: 0 0 2vw 0;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- width: 92vw;
- padding: 2vw;
- }
- .main .two .a .two_2 .scroll-view .list-scroll-view .list .list_1 {
- width: 70vw;
- }
- .main .two .a .two_2 .scroll-view .list-scroll-view .list .list_1 .name {
- font-size: 18px;
- font-weight: bold;
- margin: 0 0 1vw 0;
- overflow: hidden;
- text-overflow: ellipsis;
- -webkit-line-clamp: 2;
- word-break: break-all;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- }
- .main .two .a .two_2 .scroll-view .list-scroll-view .list .list_1 .brief {
- margin: 0 0 1vw 0;
- font-size: 15px;
- color: #858585;
- overflow: hidden;
- text-overflow: ellipsis;
- -webkit-line-clamp: 3;
- word-break: break-all;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- }
- .main .two .a .two_2 .scroll-view .list-scroll-view .list .list_1 .other {
- font-size: 15px;
- color: #858585;
- }
- .main .two .a .two_2 .scroll-view .list-scroll-view .list .list_1 .other text {
- padding: 0 1vw 0 0;
- }
- .main .two .a .two_2 .scroll-view .list-scroll-view .list .list_2 {
- text-align: right;
- padding: 4vw 0 0 0;
- }
- .main .two .a .two_2 .scroll-view .list-scroll-view .list .list_2 .image {
- width: 100px;
- height: 100px;
- overflow: hidden;
- border-radius: 10px;
- }
|