1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 |
- @charset "UTF-8";
- /* 水平间距 */
- /* 水平间距 */
- .main.data-v-5dd57b4c {
- display: flex;
- flex-direction: column;
- width: 100vw;
- height: 100vh;
- }
- .main .one.data-v-5dd57b4c {
- position: relative;
- flex-grow: 1;
- background-color: var(--f9Color);
- margin: 2vw 0 0 0;
- }
- .main .one .tabsList.data-v-5dd57b4c {
- position: relative;
- width: 100vw;
- height: 90vh;
- }
- .main .one .tabsList .pubuBox.data-v-5dd57b4c {
- padding: 2vw;
- }
- .main .one .tabsList .pubuItem.data-v-5dd57b4c {
- -webkit-column-count: 2;
- column-count: 2;
- -webkit-column-gap: 2vw;
- column-gap: 2vw;
- }
- .main .one .tabsList .list.data-v-5dd57b4c {
- box-sizing: border-box;
- border-radius: 2vw;
- overflow: hidden;
- background-color: var(--mainColor);
- -webkit-column-break-inside: avoid;
- break-inside: avoid;
- /*避免在元素内部插入分页符*/
- box-sizing: border-box;
- margin-bottom: 2vw;
- }
- .main .one .tabsList .list image.data-v-5dd57b4c {
- width: 100%;
- }
- .main .one .tabsList .title.data-v-5dd57b4c {
- padding: 2vw;
- }
- .main .one .tabsList .title .title_1.data-v-5dd57b4c {
- font-size: var(--font14Size);
- line-height: 4.5vw;
- text-overflow: -o-ellipsis-lastline;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- line-clamp: 2;
- -webkit-box-orient: vertical;
- min-height: 6vw;
- max-height: 20vw;
- }
- .main .one .tabsList .title .title_2.data-v-5dd57b4c {
- display: flex;
- justify-content: space-between;
- font-size: var(--font12Size);
- color: var(--f69Color);
- padding: 1vw 0;
- }
- .main .one .tabsList .title .title_2 .right.data-v-5dd57b4c {
- display: flex;
- align-items: center;
- }
- .main .one .tabsList .title .title_2 .right text.data-v-5dd57b4c:first-child {
- padding: 0 1vw 0 0;
- }
- .scroll-view.data-v-5dd57b4c {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- }
- .scroll-view .list-scroll-view.data-v-5dd57b4c {
- display: flex;
- flex-direction: column;
- }
- .is_bottom.data-v-5dd57b4c {
- width: 100%;
- text-align: center;
- }
- .is_bottom text.data-v-5dd57b4c {
- padding: 2vw 0;
- display: inline-block;
- color: var(--f85Color);
- font-size: var(--font14Size);
- }
|