/* 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;
}