TrustDataSpace/ibisaas/build/assets/OperationServices-DajW9UW2.css
2025-01-20 04:08:47 +08:00

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
}