@font-face{
  font-family: mflihei_noncmmercial regular;
  src: url("../font/mflihei_noncmmercial_regular.otf");
}

/*店铺街*/
.index-search ::-webkit-input-placeholder{
  color: #666;
  font-size: 14px;
}

.index-search{
  position: fixed;
  top: 0.426667rem;
  width: 100%;
  padding: 0 0.426667rem;
  box-sizing: border-box;
  z-index: 5;
}
.index-search .search-container{
  height: 0.853333rem;
  border-radius: 0.426667rem;
  background-color: rgba(255, 255, 255, 0.6);
  padding-left: 0.96rem;
  background-image: url("../img/seaech_deep.png");
  background-position: 0.3rem center;
  background-repeat: no-repeat;
  background-size: 0.426667rem 0.426667rem;
}
.index-search .search-container .search-input{
  width: 100%;
  height: 0.853333rem;
  border: 0;
  outline: 0;
  background-color: rgba(255, 255, 255, 0);
}
.index-banner{
  min-height: 4.666667rem;
}
.index-banner .banner-container{
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 4.666667rem;
}
.index-banner .banner-container img{
  width: 100%;
  height: 4.666667rem;
}
.index-banner .banner-container .swiper-pagination .swiper-pagination-bullet{
background-color: #FFFFFF !important;
opacity: 0.6;
width: 0.186667rem;
height: 0.186667rem;
}
.index-banner .banner-container .swiper-pagination .swiper-pagination-bullet-active{
width: 0.76rem;
  border-radius: 0.186667rem;
  background-color: #1DCE7E !important;
  opacity: 1;
}

.index-navbtns{
  margin: 0.56rem 0.426667rem;
}
.index-navbtns .com-style{
  display: inline-block;
  width: 20%;
  text-align: center;
}
.index-navbtns .com-style:not(:last-child){
  margin-right: 6.666%;
}
.index-navbtns .com-style a{
  display: block;
}
.index-navbtns .com-style a span{
  display: block;
  text-align: center;
}
.index-navbtns .com-style a img{
  width: 1.6rem;
  height: 1.466667rem;
}

.index-joinlink{
  margin: 0 0.426667rem 0.573333rem 0.426667rem;
  box-shadow:0px 8px 24px 0px rgba(0,0,0,0.08);
  border-radius: 0.213333rem;
}
.index-joinlink .joinlink{
  display: block;
  padding: 0 0.426667rem;
  height: 1.28rem;
}
.index-joinlink .joinlink .desc{
  height: 1.28rem;
  line-height: 1.28rem;
  padding-right: 0.56rem;
  background-image: url("../img/jump_join.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 0.213333rem 0.426667rem;
  font-size: 15px;
}

.index-recommend{
  margin: 0 0.426667rem;
}
.index-recommend .recommend-title{
  margin-bottom: 0.56rem;
}
.index-recommend .recommend-title span:first-child{
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 0.533333rem;
  text-align: center;
  line-height: 0.533333rem;
  border-radius: 0.133333rem;
  background-color: #FF3D3E;
  color: #fff;
}
.index-recommend .recommend-title span:last-child{
  display: inline-block;
  vertical-align: middle;
  width: 2.333333rem;
  height:0.533333rem;
  font-family:PingFangSC-Semibold;
  font-weight:600;
  color:rgba(51,51,51,1);
  line-height:0.533333rem;
  background:linear-gradient(90deg, rgba(255,59,62,1) 0%, rgba(255,190,79,1) 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font-size: 16px;

}
.recommend-store .solitary-shop{
  margin-bottom: 0.426667rem;
}
.recommend-store .facia img{
  /* width: 4.3rem; */
  width: 4.266667rem;
  height: 2.4rem;
  border-radius: 10px;
}
.recommend-store .solitary-shop div{
  display: inline-block;
  min-height: 2.3rem;
  max-width: 50%;
  vertical-align: middle;
}
.recommend-store .shop-data{
  padding-left: .25rem;
}
.recommend-store .shop-data img.shop-logo{
  width: .6rem;
  height: .6rem;
  vertical-align: middle;
}
.recommend-store .shop-name span{ font-weight: 600; }
.recommend-store span.shop-detail{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.recommend-store .shop-data p{
  margin-bottom: .15rem;
}
.recommend-store .shop-loca i{
  background: url(img/street_location.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: .32rem;
  height: .32rem;
  vertical-align: middle;
}
.recommend-store .shop-loca span{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  width: 90%;
  display: inline-block;
  vertical-align: middle;
}
.street-shop{
  padding: .4rem .3rem;
  padding-bottom: 0;
}

/*招商加盟*/
/*logo*/
.join-logo{
  position: absolute;
  left: 4%;
  top: 0.8%;
}
.join-logo img{
  width: 2.0rem;
  height: 0.65rem;
}
/*二维码*/
.join-ma{
  position: absolute;
  right: 4%;
  top: 0.5%;
}
.join-ma img{
  width: 1rem;
  height: 1rem;
}
/*底部背景*/
.foot-bk{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2.4rem;
  background-image: url("../img/foot.png");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}
.join-reg{
  position: relative;
  z-index: 1;
}

body.joinus{
  position: relative;
  background-image: url("../img/background_750_head.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.join-repeat{
  position: relative;
  top: 9.5rem;
  background-image: url("../img/repeat.png");
  background-repeat: repeat;
  background-size: 2.853333rem 2.626667rem;
}
.join-try{
  margin: 0 0.666667rem;
  /* position: relative;
  top: 9.5rem; */
}

.join-try ::-webkit-input-placeholder{
  color: #999;
}

.join-try .label-com{
  display: inline-block;
  vertical-align: middle;
  width: 14%;
  height: 1.2rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0.533333rem 0.533333rem;
}
.join-try .input-com{
  display: inline-block;
  vertical-align: middle;
  width: 86%;
  height: 1.2rem;
  border: none;
  outline: none;
  color: #999;
  font-size: 16px;
}

.join-try .j-title{
  color: #FFF100;
  margin: 0.666667rem 0;
}
.join-try .j-com{
  background-color: #fff;
  margin-bottom: 0.533333rem;
  height: 1.2rem;
}
.join-try .j-name .label-name{
  background-image: url("../img/user.png");
}
.join-try .j-phone .label-phone{
  background-image: url("../img/phone.png");
}
.join-try .j-location .label-location{
  background-image: url("../img/location.png");
}
.join-try .j-way{
  position: relative;
  margin-bottom: 1.333333rem;
}
.join-try .j-way .way-try{
  margin-left: 0.266667rem;
}
.join-try .j-way .way-join{
  margin-left: 0.8rem;
}
.join-try .j-way .way-com{
  display: inline-block;
}
.join-try .j-way .way-com .join-sys-select, .join-try .j-way .way-com .try-sys-select{
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
}
.join-try .j-way .way-com .label-com-style{
  display: inline-block;
  vertical-align: middle;
  line-height: 0.586667rem;
  height: 0.586667rem;
  /* width: 2.186667rem; */
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0.586667rem 0.586667rem;
  padding-left: 0.726667rem;
}
.join-try .j-way .way-com .label-try{
  background-image: url('../img/no_select.png');
}
.join-try .j-way .way-com .label-try.active{
  background-image: url('../img/selected.png');
}
.join-try .j-way .way-com .label-join{
  background-image: url('../img/no_select.png');
}
.join-try .j-way .way-com .label-join.active{
  background-image: url('../img/selected.png');
}

.join-try .submit-btn{
  width: 100%;
}
.join-try .submit-btn .submit{
  width: 100%;
  height: 1.306667rem;
  background-color: #FFF100;
  color: #1F4E1A;
  font-size: 18px;
  border: none;
  outline: none;
}

.join-try .join-intro{
  padding: 0.4rem 0.333333rem 0.333333rem 0.333333rem;
  background-color: #FFF100;
  border-radius: 0.133333rem;
}
.join-try .join-intro .title-one{
  font-size: 26px;
  text-align: center;
  color: #ff4d31;
  font-family: 'mflihei_noncmmercial regular';
  font-weight: normal;
  margin-bottom: 0.266667rem;
}
.join-try .join-intro .title-two{
  font-size: 24px;
  text-align: center;
  color: #ff4d31;
  font-family: 'mflihei_noncmmercial regular';
  font-weight: normal;
  margin-bottom: 0.333333rem;
}
.join-try .join-intro .desc-info{
  padding: 0.333333rem;
  color: #333;
  background-color: #fff;
  margin-bottom: 0.266667rem;
  border-radius: 0.08rem;
}
.join-try .join-intro .detail-info{
  position: relative;
  padding: 0.333333rem;
  background-color: #fff;
  border-radius: 0.08rem;
}
.join-try .join-intro .detail-info .com{
  text-align: center;
  color: #03a769;
  font-size: 18px;
}
.join-try .join-intro .detail-info .b-to-b{
  position: relative;
  top: 1.6rem;
  font-size: 14px;
  margin-bottom: 0.266667rem;
}
.join-try .join-intro .detail-info .info-container .m-img{
  min-height: 2.9rem;
  margin-bottom: 0.2rem;
}
.join-try .join-intro .detail-info .info-container .m-img img{
  width: 1.5rem;
  height: 2.9rem;
}
.join-try .join-intro .detail-info .info-container .p-img{
  min-height: 2.9rem;
  margin-bottom: 0.2rem;
}
.join-try .join-intro .detail-info .info-container .p-img img{
  width: 3.3rem;
  height: 2.9rem;
}
.join-try .join-intro .detail-info .info-container .mobile{
  text-align: center;
  width: 47%;
  margin-right: 6%;
}
.join-try .join-intro .detail-info .info-container .pc{
  width: 47%;
  text-align: center;
}
.join-try .join-intro .detail-info .info-container .mobile .m-order{
  width: 100%;
  box-sizing: border-box;
  background-color: #00cfa1;
  padding: 0.266667rem;
  border-radius: 0.133333rem;
  margin-bottom: 0.333333rem;
}
.join-try .join-intro .detail-info .info-container .mobile .m-order p{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.join-try .join-intro .detail-info .info-container .mobile .m-order p:first-child{
  font-weight: bold;
}
.join-try .join-intro .detail-info .info-container .pc .p-sys{
  width: 100%;
  box-sizing: border-box;
  background-color: #ffc600;
  padding: 0.266667rem;
  border-radius: 0.133333rem;
  margin-bottom: 0.333333rem;
}
.join-try .join-intro .detail-info .info-container .pc .p-sys p{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.join-try .join-intro .detail-info .info-container .mobile .m-info{
  text-align: left;
  min-height: 2.0rem;
  margin-bottom: 0.133333rem;
}
.join-try .join-intro .detail-info .info-container .pc .p-info{
  text-align: left;
  min-height: 2.0rem;
  margin-bottom: 0.133333rem;
}
.join-try .join-intro .detail-info .info-container .pc .p-info p:first-child{
  margin-bottom: 0.2rem;
}
.join-try .join-problem{
  margin-top: 1rem;
  padding: 0.666667rem 0.466667rem;
  background-color: #fff;
  border-radius: 0.133333rem;
}
.join-try .join-problem .problem-title{
  font-size: 26px;
  color: #ff4d31;
  text-align: center;
  font-family: 'mflihei_noncmmercial regular';
  margin-bottom: 0.666667rem;
}
.join-try .join-problem .problem-container .problem-desc{
  width: 33.3%;
  box-sizing: border-box;
  padding: 0.4rem 0.133333rem;
  text-align: center;
}
.join-try .join-problem .problem-container .problem-desc img{
  width: 0.933333rem;
  height: 0.933333rem;
}
.join-try .join-solution{
  margin-top: 1rem;
  border-top-left-radius: 0.133333rem;
  border-top-right-radius: 0.133333rem;
  padding-bottom: 0.466667rem;
  border-bottom-left-radius: 0.266667rem;
  border-bottom-right-radius: 0.266667rem;
}
.join-try .join-solution .solution-title{
  position: relative;
  background-color: #FFF100;
  border-radius: 0.133333rem;
  font-family: 'mflihei_noncmmercial regular';
  padding: 0.333333rem 0.9rem;
  margin-bottom: 1rem;
}
.join-try .join-solution .solution-title span{
  font-size: 28px;
  color: #09b362;
}
.join-try .join-solution .solution-title img{
  position: absolute;
  top: -0.3rem;
  right: 0.55rem;
  width: 4.2rem;
  height: 2.2rem;
}
.join-try .join-solution .solution-desc{
  margin: 0 0.4rem 0.666667rem 0.4rem;
}
.join-try .join-solution .solution-desc h1{
  margin-bottom: 0.133333rem;
}
.join-try .join-solution .solution-desc p{
  line-height: 24px;
}
/*店铺列表*/
/*搜索框 */
.street-shop .street-search{
  background: #F2F2F2;
  border-radius: 25px;
  padding: 0 .2rem;
  padding-top: .1rem;
  padding-bottom: .15rem;
  margin-bottom: .4rem;
}
.street-search .back-search{
  background: url("../img/street_search.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: .48rem;
  height: .48rem;
  vertical-align: middle;
}
.street-search input{
  background: #F2F2F2;
  outline: none;
  vertical-align: middle;
  margin-left: .2rem;
  color: #bbb;
  width: 70%;
}
.street-search ::-webkit-input-placeholder{
  color: #bbb
}
/* 商店 */
.street-list .solitary-shop{
  margin-bottom: .4rem;
}
.street-list .facia img{
  width: 4.266667rem;
  height: 2.4rem;
  border-radius: 10px;
}
.street-list .solitary-shop div{
  display: inline-block;
  min-height: 2.4rem;
  max-width: 50%;
  vertical-align: middle;
}
.street-list .shop-data{
  padding-left: .15rem;
}
.street-list .shop-data img.shop-logo{
  width: .6rem;
  height: .6rem;
  vertical-align: middle;
}
.street-list .shop-name span{ font-weight: 600; }
.street-list span.shop-detail{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.street-list .shop-data p{
  margin-bottom: .1rem;
}
.street-list .shop-loca i{
  background: url(../img/street_location.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: .32rem;
  height: .32rem;
  vertical-align: middle;
}
.street-list .shop-loca span{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  width: 90%;
  display: inline-block;
  vertical-align: middle;
}
.street-shop{
  padding: .4rem .3rem;
  padding-bottom: 0;
}

/*购物流程*/
.process-bg{
  background-image: url("../img/process.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 31rem;
}
.procedure{
  width: 5rem;
  position: relative;
  top: 24%;
  margin: 0 auto;
}
.procedure img{
  width: 0.26rem;
  height: 0.13rem;
  position: relative;
  top: -.05rem;
}
.procedure li{
  text-align: center;
  border-radius: 25px;
  font-weight: 600;
}
.procedure .green{
  background-color: #00BD7B;
  color:#fff;
  padding:.2rem 0;
}
.procedure .white{
  background-color: #fff;
  color:#00BD7B;
  border: 1px solid #00BD7B;
  padding:.2rem 0;
}