@charset "UTF-8"; /* 水平间距 */ /* 水平间距 */ .main.data-v-1ae5c169 { display: flex; flex-direction: column; width: 100vw; height: 100vh; } .main .one.data-v-1ae5c169 { padding: 0 0 2vw 0; } .main .one .swiper.data-v-1ae5c169 { height: 60vw; } .main .one .swiper .list .image.data-v-1ae5c169 { width: 100%; height: 100%; } .main .bottom.data-v-1ae5c169 { position: absolute; top: 55vw; left: 0; right: 0; background-color: var(--f9Color); border-radius: 20px; padding: 2vw; } .main .bottom .two .two_1.data-v-1ae5c169 { padding: 2vw; font-size: var(--font18Size); font-weight: bold; } .main .bottom .two .two_2.data-v-1ae5c169 { display: flex; justify-content: space-between; align-items: center; padding: 1vw 2vw; } .main .bottom .two .two_2 .left .left_1.data-v-1ae5c169 { font-size: var(--font12Size); } .main .bottom .two .two_2 .left .left_1 .time.data-v-1ae5c169 { font-weight: 500; margin: 0 1vw; } .main .bottom .two .two_2 .left .left_1 .text_1.data-v-1ae5c169 { padding: 1px; color: var(--mainColor); background-color: mediumseagreen; } .main .bottom .two .two_2 .left .left_1 .text_2.data-v-1ae5c169 { padding: 1px; color: var(--mainColor); background-color: red; } .main .bottom .two .two_2 .left .left_2.data-v-1ae5c169 { font-size: var(--font12Size); margin: 2vw 0; } .main .bottom .two .two_2 .left .left_2 text.data-v-1ae5c169 { margin: 0 2px 0 0; padding: 2px 3px; border: 1px solid var(--f3CColor); color: var(--f3CColor); border-radius: 5px; } .main .bottom .two .two_2 .right.data-v-1ae5c169 { display: flex; align-items: center; font-size: var(--font14Size); color: var(--f85Color); } .main .bottom .two .two_3.data-v-1ae5c169 { display: flex; justify-content: space-between; align-items: center; font-size: var(--font13Size); padding: 0 2vw; } .main .bottom .two .two_3 .right.data-v-1ae5c169 { display: flex; flex-direction: column; align-items: center; font-size: var(--font12Size); padding: 0 2vw 0 0; } .main .bottom .two .two_3 .right .iconfont.data-v-1ae5c169 { font-size: 20px; } .main .bottom .two .two_4.data-v-1ae5c169 { display: flex; justify-content: space-between; align-items: center; padding: 3vw 2vw; font-size: var(--font14Size); background-color: var(--mainColor); border-radius: 10px; margin: 1vw 0; } .main .bottom .two .two_4 .right.data-v-1ae5c169 { display: flex; align-items: center; font-size: var(--font14Size); color: var(--fF0Color); } .main .bottom .thr .thr_1.data-v-1ae5c169 { padding: 2vw 1vw; font-size: var(--font16Size); font-weight: bold; } .main .bottom .thr .thr_2.data-v-1ae5c169 { padding: 1vw 0; } .main .bottom .thr .thr_2 .text.data-v-1ae5c169 { margin: 0 5px 0 0; padding: 1vw; border-radius: 5px; font-size: var(--font12Size); color: var(--f69Color); background-color: var(--mainColor); } .main .bottom .thr .thr_2 .text .iconfont.data-v-1ae5c169 { font-size: 14px; } .main .bottom .thr .thr_3.data-v-1ae5c169 { display: flex; justify-content: space-between; padding: 1vw 0; font-size: var(--font15Size); margin: 1vw 0 0 0; } .main .bottom .thr .thr_3 .scroll-view_H.data-v-1ae5c169 { white-space: nowrap; width: 80vw; height: 5vh; } .main .bottom .thr .thr_3 .scroll-view_H .text.data-v-1ae5c169 { margin: 0 5px 0 0; padding: 1vw 2vw; border-radius: 5px; font-size: var(--font12Size); color: var(--f69Color); background-color: var(--mainColor); } .main .bottom .thr .thr_3 .scroll-view_H .text .iconfont.data-v-1ae5c169 { font-size: 14px; } .main .bottom .thr .thr_3 .scroll-view_H .text_1.data-v-1ae5c169 { margin: 0 5px 0 0; padding: 1vw 2vw; border-radius: 5px; font-size: var(--font12Size); color: var(--mainColor); background-color: var(--f3CColor); } .main .bottom .thr .thr_3 .scroll-view_H .text_1 .iconfont.data-v-1ae5c169 { font-size: 14px; } .main .bottom .thr .thr_4.data-v-1ae5c169 { position: relative; height: 82vh; } .main .bottom .thr .thr_4 .list.data-v-1ae5c169 { display: flex; justify-content: space-between; background-color: var(--mainColor); border: 1px solid var(--f5Color); padding: 2vw; margin: 2vw 2vw 0 2vw; border-radius: 10px; } .main .bottom .thr .thr_4 .list .left.data-v-1ae5c169 { padding: 2vw 0; width: 55vw; } .main .bottom .thr .thr_4 .list .left .name.data-v-1ae5c169 { padding: 2vw 0; font-size: var(--font16Size); font-weight: bold; } .main .bottom .thr .thr_4 .list .left .type.data-v-1ae5c169 { padding: 0 0 1vw 0; color: var(--f3CColor); font-size: var(--font12Size); } .main .bottom .thr .thr_4 .list .left .other.data-v-1ae5c169 { color: var(--f69Color); font-size: var(--font12Size); } .main .bottom .thr .thr_4 .list .left .other .iconfont.data-v-1ae5c169 { font-size: 14px; } .main .bottom .thr .thr_4 .list .right.data-v-1ae5c169 { width: 28vw; display: flex; flex-direction: column; justify-content: space-between; padding: 2vw 0; } .main .bottom .thr .thr_4 .list .right .money.data-v-1ae5c169 { text-align: right; color: var(--fF0Color); font-size: var(--font16Size); font-weight: bold; } .main .bottom .thr .thr_4 .list .right .money text.data-v-1ae5c169:first-child { text-decoration: line-through; color: var(--f69Color); font-size: var(--font12Size); font-weight: 400; } .main .bottom .thr .thr_4 .list .right .button button.data-v-1ae5c169 { font-size: var(--font14Size); border-radius: 40px; color: var(--mainColor); background: linear-gradient(to right, #00BFFF, #007AFF); } .popup.data-v-1ae5c169 { padding: 2vw; } .popup .one.data-v-1ae5c169 { padding: 2vw; } .popup .one .name.data-v-1ae5c169 { padding: 2vw 0; font-size: var(--font16Size); font-weight: bold; } .popup .one .cotent.data-v-1ae5c169 { display: flex; flex-wrap: wrap; margin: 5vw 0; } .popup .one .cotent .list.data-v-1ae5c169 { margin: 0 0 5vw 0; } .popup .one .cotent .list .text.data-v-1ae5c169 { margin: 0 5px 0 0; padding: 2vw 7vw; border-radius: 5px; font-size: var(--font14Size); color: var(--f69Color); background-color: var(--f9Color); } .popup .one .cotent .list .text_1.data-v-1ae5c169 { margin: 0 5px 0 0; padding: 2vw 7vw; border-radius: 5px; font-size: var(--font14Size); color: var(--mainColor); background-color: var(--f3CColor); } .popup .button.data-v-1ae5c169 { display: flex; padding: 2vw; } .popup .button button.data-v-1ae5c169 { width: 30vw; font-size: var(--font16Size); border-radius: 40px; } .popup .button button.data-v-1ae5c169:last-child { color: var(--mainColor); background: linear-gradient(to right, #00BFFF, #007AFF); } .scroll-view.data-v-1ae5c169 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .scroll-view .list-scroll-view.data-v-1ae5c169 { display: flex; flex-direction: column; } .is_bottom.data-v-1ae5c169 { width: 100%; text-align: center; } .is_bottom text.data-v-1ae5c169 { padding: 2vw 0; display: inline-block; color: var(--f85Color); font-size: var(--font14Size); }