/* reset */ html { } body { margin: 0; font-family: PingFangSC-Regular, sans-serif; font-size: 1rem; } ul { list-style: none; padding: 0; margin: 0; } p { margin: 0; } h1, h2, h3, h4, h5 { margin: 0; font-weight: normal; } div{ box-sizing: border-box; } /* reset end */ /* common */ #app { /* height: 100%; */ /* overflow: hidden; */ } .text_clip { overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; } .map_container { background-color: #eee; } .ss_card { padding: 1.2rem; display: flex; justify-content: flex-start; align-items: flex-start; } .ss_card > .sc_left_container { width: 6rem; height: 6rem; flex-shrink: 0; border-radius: 0.5rem; overflow: hidden; font-size: 0; } .ss_card > .sc_right_container { width: calc(100% - 7rem); flex-grow: 1; margin-left: 1.2rem; } .ss_card > .sc_right_container > .sc_title { font-size: 1.6rem; font-weight: bold; line-height: 2.6rem; } .ss_card > .sc_right_container > .sc_info { display: flex; justify-content: space-between; align-items: center; font-size: 1.2rem; line-height: 2rem; margin-top: 0.5rem; } .ss_card > .sc_right_container > .sc_info > span:not(:first-of-type) { margin-left: 1.2rem; } .ss_card > .sc_right_container > .sc_info > .sc_star { color: #ff9c00; } .ss_card > .sc_right_container > .sc_info > .sc_star > * { display: inline-block; vertical-align: middle; } .ss_card > .sc_right_container > .sc_description { font-size: 1.3rem; line-height: 2rem; margin-top: 0.5rem; } .card_list > li { padding: 1.2rem; display: flex; justify-content: flex-start; align-items: flex-start; } .card_list > li:not(:last-child) { border-bottom: 2px solid #f8f9fd; } .card_list > li > .caid_icon { width: 4rem; height: 4rem; flex-shrink: 0; border: 1px solid #e3e5ef; box-sizing: border-box; border-radius: 0.5rem; background-color: #f4f7fc; overflow: hidden; } .card_list > li > .card_detail { margin-left: 1.7rem; width: calc(100vw - 5.7rem); } .card_list > li > .card_detail > .card_title { display: flex; justify-content: space-between; align-items: center; font-size: 1.2rem; font-weight: bold; color: #58617a; } .card_list > li > .card_detail > .card_score { height: 2rem; display: flex; justify-content: flex-start; align-items: center; margin-top: 0.5rem; } .card_list > li > .card_detail > .card_score > span { margin-left: 0.5rem; font-size: 1.2rem; } .card_list > li > .card_detail > .card_description { font-size: 1.3rem; line-height: 2rem; margin-top: 0.5rem; } .card_list > li > .card_detail > .card_images { font-size: 0; margin-top: 1.5rem; } .card_list > li > .card_detail > .card_images > li { display: inline-block; vertical-align: middle; width: calc((100vw - 5.7rem - 2.4rem - 2.6rem) / 3); height: calc((100vw - 5.7rem - 2.4rem - 2.6rem) / 3); background-color: #f4f7fc; border-radius: 0.5rem; overflow: hidden; } .card_list > li > .card_detail > .card_images > li.bigger { width: calc((100vw - 5.7rem - 2.4rem - 1.3rem) / 2); height: calc((100vw - 5.7rem - 2.4rem - 1.3rem) / 2); } .card_list > li > .card_detail > .card_images > li:not(:last-child) { margin-right: 1.3rem; } .search_header .van-nav-bar { height: 5.6rem; line-height: 5.6rem; } .search_header .van-nav-bar__title { max-width: calc(100% - 6.4rem); margin: 0 0 0 5.2rem; } .search_header .van-hairline--bottom::after { border-bottom: none; } .search_header .van-search { height: 3.2rem; background-color: #f8f9fd; padding: 0 1.5rem; border-radius: 1.6rem; overflow: hidden; margin: 1.2rem 0; } .search_header .van-search__content { background-color: transparent; } .search_header .van-search__action { font-size: 1.4rem; line-height: 3.4rem; } /* common end */ /* vant reset */ .white { background-color: #fff !important; } .van-nav-bar { height: 4.2rem; line-height: 4.2rem; } .van-nav-bar__title { font-size: 1.7rem; font-weight: bold; } .van-nav-bar__left { left: 1.6rem; font-size: 1.8rem; } .van-nav-bar__right { right: 1.6rem; font-size: 1.8rem; } .van-nav-bar .van-icon { font-size: 1.6rem; } .van-hairline--bottom::after { border-bottom: 2px solid #dfe2ec; } .van-hairline--bottom.hide_border::after { border-bottom: none; } .van-button--small { min-width: 3rem; height: 1.8rem; padding: 0 0.4rem; font-size: 1rem; line-height: 1.4rem; margin-right: 0.5rem; } .white .van-tabs__nav { background-color: #fff; } .van-tab { padding: 0 0.5rem; font-size: 1.6rem; line-height: 4rem; } .van-tabs__nav--line { padding-bottom: 1.5rem; } .van-tabs--line .van-tabs__wrap { height: 4rem; } .van-cell { padding: 1rem 1.6rem; font-size: 1.4rem; line-height: 2.4rem; } .van-cell:not(:last-child)::after { right: 1.6rem; left: 1.6rem; } .van-cell__label { font-size: 1.2rem; line-height: 1.8rem; margin-top: 0.3rem; } .search_head { width: 100%; height: 5rem; } .search_head .van-nav-bar { position: relative; z-index: 1; height: 5rem; line-height: 5rem; text-align: center; background-color: #fff; -webkit-user-select: none; user-select: none; } .search_head .van-nav-bar .van-search { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; box-sizing: border-box; padding: 1rem 1.1rem 0; background-color: #fff; } .search_head .van-nav-bar__title { max-width: 92%; margin: 0 0 0 8%; color: #323233; font-weight: 500; font-size: 1.6rem; } .search_head .van-nav-bar__left { top: 0; left: 1.5rem; } .van-search { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; box-sizing: border-box; padding: 1rem 1.1rem; background-color: #fff; } .van-search .van-cell { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 0.4rem 0.8rem 0.4rem 0; background-color: transparent; } .van-dropdown-menu { background-color: transparent; } .van-dropdown-menu__title { padding: 0 0.8rem; font-size: 1.4rem; line-height: 1.8rem; } .van-sidebar { width: 100%; } .van-sidebar-item { display: block; box-sizing: border-box; padding: 1.6rem 1.3rem 1.6rem 0.9rem; overflow: hidden; color: #323233; font-size: 1rem; line-height: 2.2rem; word-break: break-word; background-color: #fafafa; border-left: 0.3rem solid transparent; cursor: pointer; -webkit-user-select: none; user-select: none; } .van-sidebar-item { height: 4rem; padding: 1rem; box-sizing: border-box; font-size: 1.4rem; font-weight: bold; line-height: 2rem; } .van-sidebar-item--select { border-color: #fff; background-color: #fff; color: #0562f2; } .van-tree-select__item { height: 4rem; padding: 1rem 2rem; box-sizing: border-box; font-size: 1.4rem; line-height: 2rem; } .van-tree-select__item--active { color: #0562f2; } .van-tree-select__item--active .van-icon { display: none; } .van-dropdown-item__content { border-bottom-left-radius: 1.2rem; border-bottom-right-radius: 1.2rem; } .van-field__control, .van-field__control::placeholder { max-height: 9.6rem !important; } .van-field__word-limit { font-size: 1.2rem; line-height: 1.6rem; } .van-field__error-message { font-size: 1.2rem; } .van-uploader__upload { border-radius: 0.5rem; } .van-uploader__preview { margin: 0 1rem 1rem 0; } .van-uploader__upload { background-color: #d1e2fc; } .van-uploader__upload-icon { font-size: 2rem; color: #327ef4; } .van-uploader__preview-delete { font-size: 1.8rem; top: -0.9rem; right: -0.9rem; } .van-button { height: 4.4rem; line-height: 4.4rem; } .van-button--normal { padding: 0 1.5rem; } .van-button--normal { font-size: 1.4rem; } .van-list__error-text, .van-list__finished-text, .van-list__loading { font-size: 1.4rem; line-height: 5rem; } .van-image__error, .van-image__loading { font-size: 1.4rem; } .van-dropdown-item--down { z-index: 30; } .van-overlay { z-index: 999; } /* vant reset end */ .in_list { height: calc(100vh - 4.5rem); overflow: auto; }