body{background: #fff;}

/* 公共子集 */
.y_common_fbox{width:100%;max-width: 7.5rem;margin: 0 auto;    }
.y_common_zbox{width: 100%;padding: 0 0.15rem;margin: 0 auto;}
.y_common_flex{ display: flex;  display: -webkit-flex;display: -ms-flexbox;}
.y_common_line{width: 0.8rem;height: 0.04rem;background: #2d68ea;margin: 0 auto;margin-top: 0.14rem;}
.y_common_title{width: 100%;font-size: 0.36rem;font-weight: 500;color: #272727;text-align: center;}
.y_common_title2 {margin-top: 0.1rem;font-size: 0.24rem;color: #666666;text-align: center;}

/* 返回 */
.y_csxq_back {background-color: #fff;margin-bottom: 0.02rem;}
.y_csxq_back .y_common_zbox{ justify-content: start;align-items: center;height: 0.88rem;}
.y_csxq_back .y_back {width:1rem;display:inline-block;}
.y_csxq_back .y_back>*{vertical-align: middle;}
.y_csxq_back .y_back img{width: 0.17rem;height: 0.31rem;margin-right: 0.1rem;}
.y_csxq_back .y_back span{font-size: 0.3rem;color: #E63429;}
.y_csxq_back .y_csname {width: calc(100% - 1.8rem);text-align: center;white-space: nowrap;}
.y_csxq_back .y_csname span{font-size: 0.34rem;color: #222222;display: inline-block;vertical-align: middle;}
.y_csxq_back .y_csname .y_txt{max-width: 3rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.y_csxq_back .y_csname .y_txt2{width: 1.32rem;}

/*top  */
.y_top {}
.y_top .y_info{width: 100%;;height: 7.72rem; background: #E63429;padding-top: 0.67rem;}
.y_top .y_info>p{text-align: left;margin-left: 0.5rem;;}
.y_top .y_info .y_txt1{font-size: 0.62rem;color: #fff;font-weight: 500;}
.y_top .y_info .y_txt2{font-size: 0.72rem;color: #fff;font-weight:bold;line-height: 0.82rem;}
.y_top .y_info .y_txt2 span{font-size: 0.72rem;color: #fffb97;font-weight:bold;}
.y_top .y_info .y_lineg {width: 5.9rem;height: 0.03rem;margin: 0 auto;background: linear-gradient(to right,E63429,#fff,#E63429);margin-top: 0.1rem;}
.y_top .y_info .y_content {width: 100%;height: 5.2rem;padding-top: 0.15rem;justify-content: start;}
.y_top .y_info .y_content .y_picbg{background: url(/static/theme/image/special/mr_02.png) no-repeat;width:3.75rem;height: 5rem;background-size: 100% 100%;background-position: 0 0;}
.y_top .y_info .y_content .y_zh {list-style: none;width: 3.5rem;padding-top: 0.32rem;}
.y_top .y_info .y_content .y_zh li{margin-bottom: 0.27rem;;justify-content: start;align-items: baseline;height: 0.7rem;}
.y_top .y_info .y_content .y_zh li:nth-child(2n){padding-left: 0.9rem;}
.y_top .y_info .y_content .y_zh  img{width: 0.23rem;height: 0.23rem;margin-right: 0.06rem;}
.y_top .y_info .y_content .y_zh .y_box {height: 0.7rem;}
.y_top .y_info .y_content .y_zh .y_txt3{font-size: 0.26rem;color: #fff;font-weight: 500;}
.y_top .y_info .y_content .y_zh .y_txt4{font-size: 0.2rem;color: #fff;}

.y_top .y_common_zbox{padding: 0 0.2rem; position: relative;height: 7.4rem;}
.y_top .banner-r {display: flex;align-items: center;justify-content: center;position: absolute;top: -1rem;border-radius: 0.08rem;overflow: hidden;box-shadow:0.01rem 0.06rem 0.1rem 0.03rem rgb(0 0 0 / 10%);}
.y_top .banner-r .banner-form {display: flex;align-items: center;flex-direction: column;width: 7.1rem;background: #FFFFFF;border-radius: 0.08rem;padding: 0.4rem 0;position: relative;}
.y_top .banner-r .banner-form-title {font-size: 0.54rem;color: #366AFD;}
.y_top .banner-r .help-num {font-size: 0.36rem;color: #666666;margin: 0.1rem 0 0.2rem;}
.y_top .banner-r input::-webkit-input-placeholder,
.y_top .banner-r textarea::-webkit-input-placeholder {/* WebKit browsers */font-size: 0.36rem;color: #ABABAB;}
.y_top .banner-r input:-moz-placeholder,
.y_top .banner-r textarea:-moz-placeholder {/* Mozilla Firefox 4 to 18 */font-size: 0.36rem;color: #ABABAB;}
.y_top .banner-r input::-moz-placeholder,
.y_top .banner-r textarea::-moz-placeholder {/* Mozilla Firefox 19+ */font-size: 0.36rem;color: #ABABAB;}
.y_top .banner-r input:-ms-input-placeholder,
.y_top .banner-r textarea:-ms-input-placeholder {/* Internet Explorer 10+ */font-size: 0.36rem;color: #ABABAB;}
.y_top .banner-r .banner-form-item input {width: 6.34rem;height: 0.98rem;background: #F9FCFF;border: 0.01rem solid #CCCCCC;border-radius: 0.08rem;padding: 0 0.36rem;margin-bottom: 0.4rem;font-size: 0.36rem;color: #000;}
.y_top .banner-r .banner-form-item {position: relative;}
.y_top .banner-r .banner-form-item .send-code {position: absolute;right: 0;top: 0;width: 2.4rem;height:0.98rem;background: #F9FCFF;border: 0.01rem solid #CCCCCC;border-radius: 0 0.08rem 0.08rem 0;font-size: 0.36rem;color: #366AFD;cursor: pointer;}
.y_top .banner-form-sub {width: 6.34rem;height: 1.16rem;background: #E63429;border-radius: 0.08rem;font-size: 0.4rem;text-align: center;line-height: 1.16rem;color: #FFFFFF;transition: all 0.3s;cursor: pointer;}
.y_top .banner-form-sub:hover {transform: translateY(-0.05rem);box-shadow: 0 0.05rem 0.08rem #cfdcff;}
.y_top .banner-form-swiper {margin-top:0.1rem;height: 0.5rem;width: 100%;overflow: hidden;}
.y_top .banner-form-swiper p{width: 100%;text-align: center;font-size: 0.26rem;color: #666666;height: 0.5rem;line-height: 0.5rem;}
.y_top .banner-form-swiper .swiper-slide {height: 0.5rem;width: 100%;text-align: center;font-size: 0.26rem;color: #666666;}

/* 优势 */
.y_youshi .section-item {display: flex;align-items: center;flex-direction: column;padding:0.3rem 0 0;}
.y_youshi .section-item > h3 {font-size: 0.36rem;font-weight: 500;color: #272727;}
.y_youshi .section-item > span {margin-top: 0.1rem;font-size: 0.24rem;color: #666666;}
.y_youshi .advantage-service {padding-bottom: 0.4rem;background: #fff;}
.y_youshi .advantage-service-ul {margin-top: 0.6rem;display: flex;justify-content: space-around;flex-wrap:wrap ;}
.y_youshi .advantage-service-ul > li {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 3.3rem;margin-bottom: 0.7rem;transition: all .1s linear;}
.y_youshi .advantage-service-ul>li:hover{transform: translateY(-0.1rem);}
.y_youshi .advantage-service-ul > li:last-child {margin-right: unset;}
.y_youshi .advantage-service-ul .advantage-service-title {margin-top: 0.15rem;font-size: 0.26rem;font-weight: 600;color: #020405;}
.y_youshi .advantage-service-ul .advantage-service-tips {margin-top: 0.1rem;font-size: 0.22rem;color: #666666;}
.y_youshi .advantage-service-ul img {width: 0.56rem;height: auto;}

/* 流程 */
.y_liuc {background: #fafafa;padding-top: 0.15rem;padding-bottom: 0.4rem;}
.y_liuc .y_common_zbox{padding: 0 0.2rem;}
.y_liuc .y_cont{list-style: none;align-items: center;justify-content: space-between;margin-top: 0.6rem;}
.y_liuc .y_cont .y_info {width: 1.33rem;text-align: center;}
.y_liuc .y_cont .y_txt1{font-size: 0.26rem;color:#595959;width: 100%;font-weight: 500;width: 0.56rem;height: 0.56rem;border-radius: 50%;background: #ffffff;margin: 0 auto;;line-height: 0.56rem;text-align: center;}
.y_liuc .y_cont .y_line{width: 1.33rem;height: 0.01rem;background: url(/static/theme/image/special/bcline_03.png) no-repeat;background-position: 0 0;background-size: 100% 100%;margin: 0.27rem 0 0.15rem 0;}
.y_liuc .y_cont .y_txt2{font-size: 0.24rem;color:#E63429;font-weight: 500;line-height: 0.3rem;}
.y_liuc .y_cont .y_jt{width: 0.14rem;height: 0.24rem;background: url(/static/theme/image/special/bcjt_03.png) no-repeat;background-position: 0 0;background-size: 100% 100%;margin: 0 0.2rem;}
.y_liuc .y_bwx{font-size: 0.24rem;color:#fff;width: 1.98rem;height: 0.5rem;border-radius:0.06rem ;line-height: 0.5rem;text-align: center;margin: 0 auto;margin-top: 0.56rem;background: #366afd;display: block;}

/* 用户评价 */
.y_pingjia {padding-bottom: 0.6rem;}
.y_pingjia .y_common_title{margin-top: 0.3rem;}
.y_pingjia .user-evaluation {width: 100%;height:auto;background: #FFFFFF;}
.y_pingjia .user-evaluation-ul {width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;margin-top: 0.6rem;}
.y_pingjia .user-evaluation-ul .animation {animation: popanimate 2s ease-in forwards;}
.y_pingjia .user-evaluation-ul .animation:nth-child(4) {animation: popanimate2 2s ease-in forwards;}
.y_pingjia .user-evaluation-ul .animation:nth-child(3n) {animation: popanimate2 2s ease-in forwards;}
.y_pingjia .user-evaluation-ul li {display: flex;margin-right:0.5rem;width: 3.16rem;height: auto;background: #FFFFFF;box-shadow: 0.03rem 0.05rem 0 rgba(56, 98, 160, 0.15);border-radius: 0.5rem;padding:0.1rem;margin-bottom: 0.34rem;}
.y_pingjia .user-evaluation-ul li:nth-child(3) {margin-left:0.65rem;margin-right:0.5rem;}
.y_pingjia .user-evaluation-ul li:nth-child(4) {margin-right:0;}
.y_pingjia .user-evaluation-ul li img {width: 0.76rem;height: 0.76rem;border-radius: 50%;}
.y_pingjia .user-evaluation-ul li .user-info {margin-left: 0.15rem;}
.y_pingjia .user-evaluation-ul li .evaluation-title {font-size: 0.16rem;color: #000000;}
.y_pingjia .user-evaluation-ul li .evaluation-info {margin-top: 0.03rem;font-size: 0.14rem;color: #ABABAB;line-height: 0.24rem;}

  @keyframes popanimate {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    20% {
      transform: scale(0.9);
    }
    35% {
      transform: scale(1.03);
    }
    55% {
      transform: scale(0.9);
    }
    70% {
      transform: scale(1.03);
    }
    90% {
      transform: scale(0.9);
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes popanimate2 {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    20% {
      transform: scale(1.03);
    }
    35% {
      transform: scale(0.9);
    }
    55% {
      transform: scale(1.03);
    }
    70% {
      transform: scale(0.9);
    }
    90% {
      transform: scale(1.03);
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }


/* guanjia  */
.y_guanjia {overflow: hidden;padding-bottom: 0.4rem;    background-color: #fafafa;}
.y_guanjia .purchasing-housekeeper {padding-top: 0.4rem;padding-bottom: 0.4rem;}
.y_guanjia .purchasing-housekeeper-swiper {width: 100%;margin-top: 0.6rem;position: relative;-webkit-user-select: none;user-select: none;}
 
.y_guanjia .ph-Swiper .swiper-slide {position: relative;width: 2.34rem !important;/* height: 3.3rem; */height: auto;margin-right: 0.2rem;}
 
.y_guanjia .ph-Swiper .purchasing-housekeeper-avatar {height: 100%;width: 100%;z-index: -1;overflow: hidden;}
.y_guanjia .ph-Swiper .purchasing-housekeeper-avatar img {width: 100%;height: 100%;transition: all 0.1s linear;}
.y_guanjia .ph-Swiper .swiper-slide:hover .purchasing-housekeeper-avatar img{transform: scale(1.05);}
.y_guanjia .ph-Swiper .purchasing-housekeeper-info {position: absolute;top: 1.34rem;left: 50%;transform: translateX(-50%);width: 2.18rem;height:auto;background: #FFFFFF;border-radius:0.08rem;display: flex;flex-direction: column;align-items: center;padding-top: 0.3rem;padding-bottom: 0.3rem;}
.y_guanjia .ph-Swiper .purchasing-housekeeper-info span {font-size: 0.2rem;font-weight: 500;color: #020405;}
.y_guanjia .ph-Swiper .purchasing-housekeeper-info p {margin-top: 0.03rem;font-size: 0.14rem;color: #ABABAB;}
.y_guanjia .ph-Swiper .purchasing-housekeeper-info .purchasing-housekeeper-btn {font-size:0.2rem;color: #FFFFFF;width:1.46rem;height: 0.34rem;background: #e63429;border-radius: 0.08rem;margin-top: 0.2rem;line-height: 0.34rem;text-align: center;cursor: pointer;transition: all .1s linear;}
.y_guanjia .ph-Swiper .service-data,.ph-Swiper .reputation-data {font-size: 0.14rem;color: #666666;margin-top: 0.15rem;}
.y_guanjia .ph-Swiper .service-data::before,.ph-Swiper .reputation-data::before {content: '';display: inline-block;width:0.16rem;height: 0.14rem;vertical-align: middle;background: url('/static/theme/image/special/c45@2x.png') 0 0 no-repeat;background-size: 100% 100%;margin-right: 0.1rem;}
.y_guanjia .ph-Swiper .reputation-data {margin-top: 0.02rem;}
.y_guanjia .ph-Swiper .reputation-data::before {width: 0.14rem !important;height: 0.16rem !important;margin-right: 0.12rem;background: url('/static/theme/image/special/c46@2x.png') 0 0 no-repeat;background-size: 100% 100%;}