210 lines
4.5 KiB
CSS
210 lines
4.5 KiB
CSS
.page-wrap[data-v-69614465] {
|
|
padding-bottom: 50px
|
|
}
|
|
|
|
.page-wrap[data-v-69614465] .el-pagination.is-background .btn-next.is-active,.page-wrap[data-v-69614465] .el-pagination.is-background .btn-prev.is-active,.page-wrap[data-v-69614465] .el-pagination.is-background .el-pager li.is-active {
|
|
background: #0062eb;
|
|
color: #fff
|
|
}
|
|
|
|
.page-wrap[data-v-69614465] .el-pager li.is-active,.page-wrap[data-v-69614465] .el-pager li:hover,.page-wrap[data-v-69614465] .el-pagination button:hover {
|
|
color: #0062eb
|
|
}
|
|
|
|
.service-result[data-v-69614465] {
|
|
position: relative;
|
|
top: -50px
|
|
}
|
|
|
|
.service-result .result-item[data-v-69614465] {
|
|
border: 1px solid rgba(51,51,51,.1);
|
|
background: #ffffffe6;
|
|
border-radius: 20px;
|
|
margin-right: 20px;
|
|
width: 385px;
|
|
margin-bottom: 20px;
|
|
padding: 20px;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.service-result .result-item[data-v-69614465]:nth-of-type(4n+4) {
|
|
margin-right: 0
|
|
}
|
|
|
|
.service-result .result-item .head[data-v-69614465] {
|
|
margin-bottom: 9px
|
|
}
|
|
|
|
.service-result .result-item .head span[data-v-69614465] {
|
|
height: 26px;
|
|
line-height: 26px;
|
|
display: inline-block;
|
|
padding: 0 8px;
|
|
background: #4079ff;
|
|
border-radius: 4px;
|
|
color: #fff;
|
|
font-size: 14px
|
|
}
|
|
|
|
.service-result .result-item .head span.green[data-v-69614465] {
|
|
background: #4dbc5c
|
|
}
|
|
|
|
.service-result .result-item .head span.yellow[data-v-69614465] {
|
|
background: #ffb340
|
|
}
|
|
|
|
.service-result .result-item h6[data-v-69614465] {
|
|
font-size: 16px;
|
|
color: #333;
|
|
line-height: 23px;
|
|
font-weight: 700;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.service-result .result-item p[data-v-69614465] {
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
color: #3339;
|
|
line-height: 20px
|
|
}
|
|
|
|
.service-result .result-item p img[data-v-69614465] {
|
|
margin-right: 3px
|
|
}
|
|
|
|
.service-result .result-item p.elli-2[data-v-69614465] {
|
|
height: 40px
|
|
}
|
|
|
|
.service-result .result-item .foot[data-v-69614465] {
|
|
padding-top: 5px
|
|
}
|
|
|
|
.service-result .result-item .foot .price[data-v-69614465] {
|
|
font-size: 18px;
|
|
color: #ff4949;
|
|
line-height: 26px;
|
|
font-weight: 700
|
|
}
|
|
|
|
.service-result .result-item .foot .btn[data-v-69614465] {
|
|
height: 36px;
|
|
line-height: 36px;
|
|
padding: 0 16px;
|
|
border-radius: 7px;
|
|
border: 1px solid #4079FF;
|
|
color: #4079ff;
|
|
font-size: 14px;
|
|
display: flex;
|
|
align-items: center;
|
|
cursor: pointer
|
|
}
|
|
|
|
.service-result .result-item .foot .btn img[data-v-69614465] {
|
|
margin-right: 4px
|
|
}
|
|
|
|
@media (max-width: 1600px) {
|
|
.service-result[data-v-69614465] {
|
|
justify-content:space-between
|
|
}
|
|
|
|
.service-result .result-item[data-v-69614465] {
|
|
border-radius: 15px;
|
|
margin-right: 0;
|
|
width: 24%
|
|
}
|
|
}
|
|
|
|
.condition-cont[data-v-69614465] {
|
|
min-height: 130px;
|
|
background: #ffffffe6;
|
|
border-radius: 20px;
|
|
position: relative;
|
|
top: -50px;
|
|
padding: 0 40px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
align-items: center
|
|
}
|
|
|
|
.condition-cont>div[data-v-69614465] {
|
|
width: 100%;
|
|
height: 36px;
|
|
line-height: 28px;
|
|
margin: 4px 0
|
|
}
|
|
|
|
.condition-cont>div p[data-v-69614465] {
|
|
color: #333;
|
|
font-size: 16px;
|
|
margin-right: 15px;
|
|
width: 80px
|
|
}
|
|
|
|
.condition-cont>div div.item[data-v-69614465] {
|
|
border-radius: 4px;
|
|
border: 1px solid rgba(51,51,51,.08);
|
|
padding: 0 8px;
|
|
color: #999;
|
|
font-size: 14px;
|
|
margin-right: 18px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.condition-cont>div div.item.more[data-v-69614465] {
|
|
color: #333
|
|
}
|
|
|
|
.condition-cont>div div.item.active[data-v-69614465] {
|
|
color: #4079ff;
|
|
border: 1px solid #4079FF
|
|
}
|
|
|
|
.condition-cont>div div.item[data-v-69614465]:hover {
|
|
color: #4079ff;
|
|
border: 1px solid #4079FF;
|
|
transition: all .3s
|
|
}
|
|
|
|
.banner-wrapper[data-v-69614465] {
|
|
background: url(/build/assets/service-C0Bq4c8A.png);
|
|
background-size: cover;
|
|
height: 380px;
|
|
width: 100%
|
|
}
|
|
|
|
.banner-wrapper[data-v-69614465] .el-input__inner {
|
|
height: 60px;
|
|
border-radius: 8px;
|
|
font-size: 14px
|
|
}
|
|
|
|
.banner-wrapper[data-v-69614465] .el-input__wrapper {
|
|
border-radius: 8px 0 0 8px;
|
|
padding: 1px 20px;
|
|
background: #fff;
|
|
border: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.banner-wrapper[data-v-69614465] .el-input-group__append {
|
|
border-radius: 0 8px 8px 0;
|
|
background: #fff;
|
|
padding: 0;
|
|
width: 128px;
|
|
border: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.banner-wrapper[data-v-69614465] .el-input-group__append .el-button--primary {
|
|
background: #4079ff;
|
|
width: 118px;
|
|
height: 52px;
|
|
color: #fff;
|
|
font-size: 20px
|
|
}
|