.page {
    background: #F6F8F6;
    min-height: calc(100vh - 45px);
    /*height: calc(100vh - 45px);*/
}
.fixpage {
    position: fixed;

}

text,
input,
div,
p {
    font-family: PingFangSC-Regular;
}

.hide {
    display: none !important;
}

/* 头部搜索 */
.top-box {
    position: relative;
    /*transform: translateZ(0);*/
    /*z-index: 7;*/
    width: 100vw;
    height: 3.6rem;
    overflow-x: hidden;
}
.top-img {
    display: block;
    width: 100%;
}
.top-img.head-img {
    width: 100vw;
}
.top-img.full-img {

}
.hide-page-scroll {
    position: fixed;
    z-index: 3;
    top: 1.58rem;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F6F8F6;
    /*pointer-events: none;*/
    touch-action: none;
}
/* 搜索框 */
.search-box {
    position: absolute;
    z-index: 3;
    bottom: 24%;
    left: .4rem;
    right: .4rem;
    height: .8rem;
    background: #FFFFFF;
    border-radius: .24rem;

    display: flex;
    justify-content: flex-start;
    align-items: center;
}
/* 首页状态搜索框 城市 */
.search-box .city-box {
    position: relative;
    width: 1.46rem;
    height: .8rem;
    line-height: .8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.search-box .city-box:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: .32rem;
    border-right: .02rem solid rgba(204,206,204,1);
}
.search-box .city-box .city-text {
    width: .6rem;
    padding-left: .06rem;
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #1A1C1A;
    font-weight: 400;
    flex-grow: 1;
    white-space: nowrap;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-box .city-box .city-ico {
    width: .32rem;
    height: .32rem;
    margin-left: .08rem;
    margin-right: .16rem;
}

.search-box .search-content {
    flex-grow: 1;
    height: .8rem;
    padding: 0 .2rem 0 0;

    display: flex;
    justify-content: space-between;
}
.search-inputbox .input-ele {
    padding-left: .6rem;
    padding-right: .8rem;
    display: none;
    font-size: .32rem;
    color: #1A1C1A;
    letter-spacing: 0;
    /*line-height: 20px;*/
    font-weight: 500;
    border: none;
    outline: none;
    -webkit-appearance: none;
}
.search-box .search-content .search-inputbox {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .8rem;
    overflow: hidden;
    /*padding-right: 10px;*/
}
.search-box .search-content .search-inputbox .search-input {
    flex-grow: 1;
    position: relative;
}
.search-input .search-text {
    padding-left: .2rem;
    line-height: .8rem;
    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #7E807E;
    letter-spacing: 0;
    font-weight: 400;
}
.search-box .search-content .search-inputbox .search-icobox {
    width: .8rem;
    height: .8rem;
    padding: .2rem;
}
.search-icobox .search-ico {
    display: block;
    width: .4rem;
    height: .4rem;
}

.search-btn-text {
    display: none;
    white-space: nowrap;
    font-size: .28rem;
}

.search-box .search-content .search-cancel {
    width: 0;
    height: .8rem;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    line-height: .8rem;

    font-size: .32rem;
    color: #C9CBC9;
    letter-spacing: 0;
    font-weight: 500;
}

.search-list {
    height: 10rem;
    /*position: absolute;*/
    z-index: 4;
    width: 100vw;
    overflow-y: scroll;
    /*right: 0;*/
    /*left: 0;*/
    top: 1.6rem;
    padding-left: .4rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background: #F6F8F6;
}

.search-item {
    height: 0.92rem;
    line-height: .92rem;
    text-align: left;
    width: 100%;
    font-size: .32rem;
    color: #333533;
    /*letter-spacing: 0.18px;*/
    font-weight: 400;
    border-bottom: 1px solid #e2e4e2;
}

.content {
    background-color: #f9f9fa;
    /*background: linear-gradient(#F3F7F5, #F6F8F6);*/
}
.tab-scroll {

}
.content .tab {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow-x: scroll;
    padding-bottom: .3rem;
    padding-left: .2rem;
    /*padding-bottom: .3rem;*/
}
.content.padding-fixed-top {
    padding-top: 1.96rem;
}
.fitler-top {

}
.fitler-top.fixed-topfilter {
    height: 1.96rem;
    position: fixed;
    padding-top: 14px;
    /*top: 45px;*/
    z-index: 9;
    background: #fff;
}

.tab-slide {
    margin-top: -0.28rem;
    transform: translateZ(0);
    z-index: 8;
    width: 100vw;
    overflow: hidden;
}
.tab-scroll {
    width: 100vw;
    overflow-x: scroll;
    padding-bottom: .4rem;
}
.content .tab .tab-item {
    min-width: 1.24rem;
    height: .8rem;
    line-height: .8rem;
    padding: 0 .1rem;

    font-size: .28rem;
    color: #7E807E;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
}

.content .tab .active {
    font-size: .3rem;
    color: #333333;
    font-weight: 600;
    font-weight: bolder;
}

.content .tab .tap-multi-title {
    position: relative;
    display: flex;
    flex-direction: column;
    width: unset;
    height: unset;
    padding: 0 .28rem;
    padding-bottom: .04rem;
    margin-bottom: .24rem;
}

/*.content .tab .tap-multi-title:before {*/
/*    content: ' ';*/
/*    position: absolute;*/
/*    width: 0;*/
/*    right: 0;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    height: .72rem;*/
/*    !*border-right: .02rem solid #979997;*!*/
/*    opacity: .4;*/
/*}*/
.content .tab .tap-multi-title:last-child:before {
    border-right: none;
}
.content .tab .tap-multi-title.active:after {
    content: ' ';
    position: absolute;
    bottom: -0.1rem;
    left: 50%;
    transform: translateX(-50%);

    width: .24rem;
    height: .02rem;
    background-color: #24C787;
    border-radius: .08rem;
    border: .03rem solid rgba(34,199,135,1);
}
.tab-item-title {
    font-weight: bolder;
    font-weight: 600;
    /*font-size: .28rem;*/
    white-space: nowrap;
    line-height: .38rem;
    color: #333;
}
.tab-item-sub {
    margin-top: .08rem;
    line-height: .34rem;
    font-size: .22rem;
    white-space: nowrap;
    color: #7E807E;
    font-weight: normal;
}

.content .filter-box {
    position: relative;
    background-color: #f9f9fa;
    margin-top: -.3rem;
}
.content .filter-box .filter-slide {
    width: 100vw;
    height: .96rem;
    overflow: hidden;
}
.content .filter-box .filter-scroll {
    width: 100vw;
    height: 1.2rem;
    overflow-x: scroll;
}
.content .filter-box .filter {
    /*z-index: 8;*/
    /*transform: translateZ(0);*/
    padding: .16rem .24rem;
    display:  flex;
    align-items: center;
    justify-content: flex-start;
}

.content .filter-item {
    height: .64rem;
    line-height: .64rem;
    padding: 0 .16rem;
    margin-right: .16rem;
    background: #FFFFFF;
    border-radius: .08rem;
    text-align: center;

    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #7E807E;
    letter-spacing: 0;
    font-weight: 400;
    white-space: nowrap;
}

.content .filter-multi {
    display: flex;
    justify-content: center;
    align-items: center;
}

.content .filter-multi text {
    max-width: .96rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content .filter-multi .filter-ico {
    flex-shrink: 0;
    display: block;
    width: .14rem;
    height: .1rem;
    margin-left: .08rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAMAAAA8hHRZAAAAOVBMVEUAAAC6vse8vce7vsi+v8i8wMi6vca7vsa7vce7vce7vsa6v8i8wMjBwcq/v8/b29u6vsa7vce6vcZMp54lAAAAEnRSTlMA441bOiv479K+pnNBHRAH1G1k1QQWAAAAWUlEQVQY033PRw6AIABE0U+zUpT7H1YhBCmJb/kzmwEtYk8YQMaRBPRUNcxjSRK2Lm6BzCxNXAzF2dSTaq9x5+PWEldHQ5Wq6Bw5HvS8SF89A/tWy0RdN/8e4N4KfgK1uT0AAAAASUVORK5CYII=');
    background-size: contain;
    background-repeat: no-repeat;

    transform-origin: center;
    transition: all .3s;
}
.filter-multi.active .filter-ico {
    transform: rotate(180deg);
}

.filter-single.active {
    background-color: #00C372;
    color: #fff;
}

.content .filter-box .filter-detail {
    position: absolute;
    z-index: 7;
    top: .96rem;
    /*height: 100vh;*/
    left: 0;
    right: 0;
    /*background-color:rgba(0,0,0,.7);*/
}
.content .filter-box .filter-gray {
    position: absolute;
    top: 0;
    height: 100vh;
    left: 0;
    right: 0;
    /*bottom: 0;*/
    /*z-index: 3;*/
    background-color:rgba(0,0,0,.7);
}
.filter-content {
    position: relative;
    width: 100vw;
    padding: .2rem .2rem 0; /* .6rem */
    background-color: #fff;
    border-radius: 0 0 .32rem .32rem;
    box-sizing: border-box;
    /*position: absolute;*/
    /*z-index: 5;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
}
.filter-zh {
    display: flex;
    flex-direction: column;
}
.zh-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: .44rem;
}
.zh-title {
    color: #1A1C1A;
    font-size: .28rem;
}
.active .zh-title {
    color: #24C787;
}
.zh-tip {
    margin-top: .04rem;
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #979997;
    /*letter-spacing: 0.2px;*/
    font-weight: 400;
}

.filter-sx {
    /*position: relative;*/
    /*padding-bottom: .6rem;*/
}
.filter-wz {
    padding-bottom: .6rem;
}

.filter-sx .sx-slide {
    width: 100%;
    height: 6.6rem;
    overflow-x: hidden;
}

.filter-sx .sx-slide .sx-scroll {
    width: calc(100% + .2rem);
    height: 6rem;
    overflow-y: scroll;
    padding-bottom: .3rem;
}

.sx-box {
    padding: .1rem;
    margin-bottom: .1rem;
}
.sx-title {
    line-height: .4rem;
    font-family: PingFangSC-Medium;
    font-size: .28rem;
    color: #1A1C1A;
    font-weight: 500;
}
.sx-detail {
    margin-top: .24rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.sx-item {
    width: 2.18rem;
    line-height: .72rem;
    background: #F6F8F6;
    border-radius: .08rem;
    text-align: center;
    margin-right: .18rem;
    margin-bottom: .16rem;

    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #7E807E;
    text-align: center;
    /*line-height: 18p;*/
    font-weight: 400;
}
.sx-item.active {
    background: #22C77D;
    color: #FFFFFF;
}
.sx-detail .sx-item:nth-child(3n) {
    margin-right: 0;
}

.sx-btnbox {
    position: absolute;
    z-index: 3;
    height: 1.08rem;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sx-btnbox .sx-reset {
    height: 1.08rem;
    line-height: 1.08rem;
    width: 50%;
    background: #fff;
    border-radius: 0 0 0 .32rem;

    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #1A1C1A;
    text-align: center;
    font-weight: 400;
}
.sx-btnbox .sx-sure {
    height: 1.08rem;
    line-height: 1.08rem;
    width: 50%;
    background: #22C77D;
    border-radius: 0 0 .32rem 0;

    font-family: PingFangSC-Regular;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    font-weight: 400;
}

.wz-title {
    font-family: PingFangSC-Medium;
    font-size: .28rem;
    color: #1A1C1A;
    font-weight: 500;
}
.wz-tip {
    margin-top: .08rem;
    font-family: PingFangSC-Regular;
    font-size: .24rem;
    color: #B1B1B1;
    font-weight: 400;
}
.wz-detail {
    margin-top: .32rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.wz-item {
    width: 2.18rem;
    line-height: .72rem;
    background: #F6F8F6;
    border-radius: .08rem;
    text-align: center;
    margin-right: .18rem;
    margin-bottom: .16rem;

    font-family: PingFangSC-Regular;
    font-size: .28rem;
    color: #7E807E;
    text-align: center;
    /*line-height: 18p;*/
    font-weight: 400;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.08rem;
}
.wz-item.active {
    background: #22C77D;
    color: #FFFFFF;
}

/* 装修公司列表数据 */
.page-company-list {
    margin-top: .2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0 .2rem;
}

.page-company-list .page-company-item.company-zxb {
    width: 7.1rem;
    background: #ffefd5;
    border-radius: .18rem;
    padding-bottom: .04rem;
    overflow: hidden;
}

.page-company-list .page-company-item.company-zxb .company-zxb-ico {
    display: block;
    width: 7.1rem;
    height: .48rem;
    font-size: 0;
}

.page-company-list .company-content {
    width: 7.02rem;
    margin: 0 .04rem;
    background: #FFFFFF;
    border-radius: .16rem;
    padding: .2rem
}
.page-company-list .page-company-item {
    margin-bottom: .24rem;
}

.company-content .company-info {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;

}

.company-content .company-info .company-icobox {
    flex-shrink: 0;
    position: relative;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: .08rem;
    margin-right: .16rem;
    overflow: hidden;
}

.company-icobox .company-ico {
    display: block;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: .08rem;
    overflow: hidden;
}

.company-ico-label {
    position: absolute;
    left: .2rem;
    top: 0;
    width: .6rem;
}

.company-icobox .company-ico-text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 .2rem;
    width: 1.9rem;
    height: 1.9rem;
    line-height: 1.9rem;
    font-family: PingFangSC-Semibold;
    font-size: .24rem;
    color: #FFFFFF;
    /*line-height: 20px;*/
    font-weight: bolder;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.company-content .company-info .company-detail {
    width: 4.56rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.company-detail .company-name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    /*height: .4rem;*/
    line-height: .4rem;
}
.company-content p.company-shortname {
    font-family: PingFangSC-Semibold;
    font-size: .32rem;
    color: #1A1C1A;
    font-weight: 600;
}
.company-shortname {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    margin-right: .08rem;
    font-family: PingFangSC-Semibold;
    font-size: .32rem;
    color: #1A1C1A;
    font-weight: 600;
}
.top-flag {
    flex-shrink: 0;
    /*height: .3rem;*/
    /*width: .3rem;*/
    margin-right: .08rem;
}
.company-detail .company-rate {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: .3rem;
    line-height: .3rem;
    margin-top: .16rem;
}

.evaluation__box {
  display: flex;
  align-items: center;
    margin-right: .16rem;
}
.evaluation__box-num {
  font-size: .22rem;
  color: #FA5A25;
  font-weight: 600;
  margin-left: .08rem;
}

.evaluation__wrapper {
  display: flex;
  align-items: center;
  margin: 0.1rem 0;
}
.evaluation__wrapper--item {
  flex-shrink: 0;
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.04rem;
  background-image: url("https://pic.t8tcdn.com/osf/project/owner/common/20220525/ef90b8c0aa73a1e7033c71745a408f0d.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.evaluation__wrapper--item.half {
  background-image: url("https://pic.t8tcdn.com/osf/project/owner/common/20220525/e3d28489133723fdbde439ad37da0b24.png");
}
.evaluation__wrapper--item.empty {
  background-image: url("https://pic.t8tcdn.com/osf/project/owner/common/20220525/37e6a4fb75cbf7136092987c7b7680c4.png");
}

.info-number {
    font-family: PingFangSC-Regular;
    font-size: .22rem;
    color: #111;
    letter-spacing: 0;
    font-weight: 400;
    margin-right: .16rem;
    white-space: nowrap;
}

.company-consult {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .16rem;
}
.company-consult .text-item {
    font-family: PingFangSC-Regular;
    font-size: .22rem;
    color: #7E807E;
    /*letter-spacing: 0.092rem;*/
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
}

.company-tag {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: .1rem;
    flex-wrap: wrap;
}
.company-tag .tag-item {
    height: .32rem;
    padding: 0 .08rem;
    margin-right: .16rem;
    white-space: nowrap;
    border: .01rem solid rgba(230,230,230,1);
    border-radius: .02rem;
    line-height: .32rem;
    margin-top: 0.08rem;

    font-family: PingFangSC-Regular;
    font-size: .2rem;
    /*color: #7E807E;*/
    font-weight: 400;
    text-align: center;
}

.company-content .company-flag {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

    margin: .2rem .2rem 0;
    /*padding-top: .2rem;*/
    padding-bottom: .06rem;
    border-top: .01rem solid #EBECF5;
}

.company-content .company-flag .flag-item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: .2rem;
}
.flag-ico {
    flex-shrink: 0;
    width: .96rem;
    height: .32rem;
    border-radius: .04rem;
    margin-right: .16rem;
}
.flag-text {
    /*height: .32rem;*/
    line-height: .32rem;
    font-family: PingFangSC-Regular;
    font-size: .22rem;
    /*color: #1A1C1A;*/
    /*letter-spacing: 0.46px;*/
    font-weight: 400;
    white-space: pre-line;
    word-break: break-all;
}

.empty-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1.2rem;
    padding-bottom: .4rem;
}
.empty-list .empty-ico {
    display: block;
    width: 2rem;
    height: 2rem;
}
.empty-list .empty-text {
    margin-top: .42rem;
    font-size: .28rem;
    color: #979997;
    text-align: center;
    line-height: .44rem;
    font-weight: 400;
}

.del-input {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .8rem;
    height: .8rem;
    padding: .2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.del-ico {
    display: block;
    width: .4rem;
    height: .4rem;
}

.end-line {
    width: 100vw;
    line-height: .5rem;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: .22rem;
    color: #979997;
}