page{
  display: block;
  width: 100%;
  height:100%;
  overflow: auto;
  background: #f0f4f7;
  box-sizing: border-box;
}
.customerbtnbox{
    height: 66rpx;
}
.customerbtnbox image{
    display: block;
    width: 18rpx;
    height: 12rpx;
    position: relative;
    top:32rpx;
    margin-left: 8rpx;
}
.namebox{
    max-width: 80rpx;
}
.secondtitbox{
  display: block;
  width: 100%;
  background-color: #FFFFFF;
  height: 66rpx;
  line-height: 66rpx;
  position: fixed;
  top: 86rpx;
  left: 0;
  z-index: 98;
  /* padding: 5rpx 0; */
  box-shadow: 0px 4rpx 7rpx 0px rgba(62, 85, 255, 0.06);
}
.orderbtn{
  width: 590rpx;
  /* position: relative;
  z-index: 99; */
}
/* .orderbtn view{
  display: block;
  width: 240rpx;
  height: 56rpx;
  line-height: 56rpx;
  text-align: center;
  margin-right: 24rpx;
} */
.orderbtn view.nowordertit{
  color: #249EFB;
}
.flex-row {
    width: 100%;
    display: flex;
}
.flex-row view {
    flex:1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-row view.nowordertit{
    color: #249EFB;
}
.searchbtn{
  display: block;
  width: 110rpx;
  height: 66rpx;
  line-height: 66rpx;
  padding-left: 24rpx;
}
.searchbtn text{
    display: block;
    position: absolute;
    top: 12rpx;
    width: 1px;
    left: 0;
    height: 32rpx;
    background-color: #d4d4d4;
}
.searchbtn image{
  display: block;
  position: relative;
  top: 16rpx;
  width: 28rpx;
  height: 28rpx;
  margin-left: 8rpx;
}
.searchbtn text.caseline{
    top: 17rpx;
  }
  .searchbtn image.caseimg{
    top: 13rpx;
    width: 40rpx;
    height: 40rpx;
  }
/* 已登录 */
.companybox{
  padding-top: 160rpx;
  display: block;
  width: 100%;
  /* padding-bottom: 98rpx; */
  background: #f0f4f7;
  /* padding-bottom: calc(46px + constant(safe-area-inset-bottom)) !important; ios < 11.2 */
  /* padding-bottom: calc(46px + env(safe-area-inset-bottom)) !important; ios >= 11.2 */
}
.titbox{
  width: 100%;
  top:0;
  left: 0;
  background-color: #1598fc;
  height: 104rpx;
  padding:  0 32rpx 16rpx;
  box-sizing: content-box;
  z-index: 98;
}
.everytoptit{
  margin-right: 72rpx;
  line-height: 104rpx;
  color: rgba(255, 255, 255,0.7);
}
.titbox .everytoptit:last-child{
  margin-right: 0;
}
.everytoptit .newimg{
  display: block;
  width: 40rpx;
  height: 16rpx;
  top: 36rpx;
  right: -40rpx;
}
.noweverytoptit{
  font-size: 36rpx;
  color: #FFFFFF;
}
view.mattertitbox{
  display: block;
  width: 100%;
  background-color: #1598fc;
  padding-top: 20rpx;
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 97;
}
/* 素材库 */
.matterbox{
  display: block;
  width: 100%;
  position: relative;
  z-index: 2;
  border-radius: 16rpx 16rpx 0 0;
  /* background: #fff; */
  padding: 0 20rpx 0;
  z-index: 8;
}
.mattertitbox{
  border-bottom: 2rpx solid #F0F4F7;
  
}
.everymattertit{
  display: inline-block;
  padding-bottom: 24rpx;
  color: #B5DEFF;
}
.nowmattertit{
  position: relative;
  color:  #ffffff;
}
.nowmattertit::after{
  content: " ";
  display: block;
  width: 48rpx;
  height:6rpx;
  background: #fff;
  position: absolute;
  bottom: 10rpx;
  left: 50%;
  margin-left: -24rpx;
}
.mattertitbox text{
  display: block;
  float: right;
  width: 1px;
  background-color: #ffffff;
  height: 28rpx;
  position: relative;
  top: 12rpx;
}
.leftmattertitbox{
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
}
.rightfiltratebox{
  display: block;
  color: #ffffff;
  background-color: #1598fc;
  position: fixed;
  bottom: 200rpx;
  right: 40rpx;
  width: 60rpx;
  height: 48rpx;
  border-radius: 4rpx;
  z-index: 80;
}

/* 装修案例 */
.caselistbox{
  /* margin-top: -40rpx; */
  padding-bottom: 100rpx;
}
.leftcasebox{
  margin-right: 20rpx;
}
.leftcasebox,.rightcasebox{
  width: 345rpx;
  overflow: initial;
  
}
.everycasebox{
  width: 100%;
  box-shadow: 0 2px 8px 0 rgba(56,72,85,0.20);
  /* border-radius: 10rpx; */
  overflow: hidden;
  margin-bottom: 20rpx;
  background-color: #FFFFFF;
  /* padding: 18rpx 16rpx; */
}

.caselistbox .everycasebox .imgbox image{
  display: block;
  width: 100%;
}
.casesharenum{
  position: absolute;
  right:0;
  top: 12rpx;
  max-width: 226rpx;
  height: 44rpx;
  border-radius: 24rpx 0 0 24rpx;
  opacity: 0.7;
  background-color: rgba(0,0,0,0.3) ;
  color: #B6CADE;
  padding-left: 20rpx;
  padding-right: 8rpx;
}
.shareCount {
    margin-left: 5rpx;
    font-size: 20rpx;
}
.getClient {
    margin-left: 5rpx;
    font-size: 20rpx;
}
.clientML {
    margin-left: 25rpx;
    width: 22rpx;
    margin-top: 2rpx;
}
.caselistbox .everycasebox .imgbox .casesharenum image{
  display: block;
  width: 22rpx;
  height: 21rpx;
  margin-right:4rpx;
  position: relative;
  top: 11rpx;
}
.caselistbox .everycasebox .imgbox .casesharenum view{
  line-height: 44rpx;
}
.casehousemsgbox{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgb(56,72,85);
  opacity: 0.7;
  z-index: 2;
}
.casemsgbox{
  padding: 20rpx 10rpx 8rpx;
}
.designerbox{
  margin-top: 16rpx;
  /* margin-bottom: 16rpx; */
}
.designerbox image{
  display: block;
  width: 40rpx;
  height: 40rpx;
  margin-right: 10rpx;
  border-radius: 20rpx;
}
.casecollectbox image{
  width: 20rpx;
  height: 20rpx;
  position: relative;
  top: 18rpx;
  margin-right: 8rpx;
}
.casemsgtit {
  margin-bottom: 8rpx;
}
/* 发朋友圈 */
.sharefriendcircle{
  padding: 36rpx 0 0;
}
.everyfriendcircle{
  display: block;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0 4rpx 20rpx 0 rgba(36,158,251,0.26);
  border-radius: 10rpx;
  padding: 20rpx 20rpx 34rpx 20rpx;
  margin-bottom: 40rpx;
}
.friendbox image{
  display: block;
  width: 24rpx;
  height: 20rpx;
  margin-right: 8rpx;
  position: relative;
  top: 7rpx;
}
.iamgeBox{
  overflow: hidden;
  width: 638rpx;
  margin-top: 18rpx;
}
.iamgeBox image{
  float: left;
  width: 210rpx;
  height: 154rpx;
  margin-right: 4rpx;
  margin-bottom: 4rpx;
  max-height: 340rpx !important;
}
.iamgeBox image:nth-of-type(3n){
  margin-right: 0;
}

view.oneImg image{
  display: block;
  width: 468rpx;
}
view.fourImg image:nth-of-type(2n){
  margin-right: 50rpx;
}
.friendmsg{
  margin-top: 32rpx;
}
.friendcopytext image{
  display: block;
  width: 22rpx;
  height: 22rpx;
  margin-right: 10rpx;
  position: relative;
  top: 6rpx;
}
.friendsave image{
  display: block;
  width:24rpx;
  height: 24rpx;
  margin-right: 10rpx;
  position: relative;
  top: 5rpx;
}
.savebox text{
  float: left;
  display: block;
  width: 1px;
  height: 34rpx;
  background-color: #249efb;
  margin: 0 16rpx;
}
/* 客户好评 */
.publicpraisebox{
  padding: 24rpx 0 100rpx;
}
.leftpublicpraisebox,.rightpublicpraisebox{
  display: block;
  width: 345rpx;
}
.leftpublicpraisebox{
  margin-right: 20rpx;
}
.everypublicpraisebox{
  display: block;
  background: #FFFFFF;
  box-shadow: 0 4rpx 20rpx 0 rgba(36,158,251,0.26);
  border-radius: 10rpx;
  overflow: hidden;
  margin-bottom: 20rpx;
}
.publicimg{
  display: block;
  width:100%;
  height: auto;
  min-height: 100rpx;
}
.publicsharebox{
  display: block;
  position: absolute;
  left: 0;
  z-index: 2;
  bottom: 10rpx;
  border-radius:  0 24rpx 24rpx 0;
  opacity: 0.7;
  background: #384855;
  color: #B6CADE;
  height: 48rpx;
  padding: 0 24rpx 0 14rpx;
}
.publicsharebox image {
  display: block;
  width: 22rpx;
  height: 18rpx;
  margin-right: 6rpx;
  position: relative;
  top: 14rpx;
}
.publicsharebox view{
  line-height: 48rpx;
}
.publicpraisemsgbox{
  padding: 16rpx 16rpx 8rpx;
}
.allshare{
  color: #fff;
  border-radius: unset;
  line-height: 98rpx;
  background: #249EFB;
}
.footer{
  position: fixed;
  width: 100%;
  height:98rpx;
  background: #249EFB;
  z-index: 10;
  left:0;
  bottom: 0;
  color: #fff;
}
.allshare image{
  display: block;
  width: 46rpx;
  height: 40rpx;
  margin-right: 8rpx;
}

.caselayerbox{
  display: block;
  width: 100%;
  height: 100%;
  background: transparent;
  position: fixed;
  z-index: 99;
  left: 0;
  bottom: 0;
}
.caselayer{
  display: block;
  width: 100%;
  position: absolute;
  top: 150rpx;
  left: 0;
  background-color: #FFFFFF;
  box-shadow: 0 -4rpx 20rpx 0 rgba(36,158,251,0.23);
  border-radius: 10rpx 10rpx 0 0;
}
.casefiltratetit{
  position: absolute;
  top: 0;
  left:0;
  background: #F0F4F7;
  width: 100%;
  height: 70rpx;
  line-height: 70rpx;
}
.casefiltratetit image{
  display: block;
  width: 30rpx;
  height: 28rpx;
  position: absolute;
  top: 22rpx;
  right: 40rpx;
}
.casetypefiltrate{
  display: block;
  width: 100%;
  padding: 0 20rpx;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.plotfiltrate {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.casetypefiltratebox{
  display: block;
  height: 88rpx;
  border-bottom: 1px solid #D4E4ED;
}
.mpbox{
  display: block;
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.casetypefiltratebox image{
  display: block;
  width:12rpx;
  height: 8rpx;
  margin-left: 6rpx;
  position: relative;
  top: 40rpx;
}
.casetypefiltratebox .clickimg{
  display: none;
}
.nowfiltrate .unclickimg{
  display: none;
}
.nowfiltrate  .clickimg{
  display: block;
}
.nowfiltrate{
  color: #249EFB;
  position: relative;
  height: 88rpx;
}
.nowfiltrate::before{
  display: block;
  content: " ";
  width: 82rpx;
  height: 6rpx;
  background-color: #249EFB;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -41rpx;
}
.stylefiltrate{
  display: block;
  padding: 40rpx 20rpx 32rpx;
}
.stylefiltrate button{
  display: block;
  height:48rpx;
  line-height: 48rpx;
  background: #F0F4F7;
  border-radius: 24rpx;
  float: left;
  padding: 0 24rpx;
  margin-left: 20rpx;
  margin-bottom: 40rpx;
  font-size: 24rpx;
}
.stylefiltrate button.nowbtn{
  background: #71C4FF;
  border: 2rpx solid #249EFB;
  box-sizing: border-box;
  color: #fff;
  line-height: 44rpx;
}
.areafiltrate{
  display: block;
  padding: 40rpx 20rpx 32rpx;
}
.areafiltrate button{
  display: block;
  height:48rpx;
  line-height: 48rpx;
  background: #F0F4F7;
  border-radius: 24rpx;
  float: left;
  padding: 0 24rpx;
  margin-right: 20rpx;
  margin-bottom: 40rpx;
  font-size: 24rpx;
}
.areafiltrate button.nowbtn{
  background: #71C4FF;
  border: 2rpx solid #249EFB;
  box-sizing: border-box;
  color: #fff;
  line-height: 44rpx;
}
/* 公司活动 */
.activitybox{
  position: relative;
  z-index: 2;
  border-radius: 16rpx 16rpx 0 0;
  background: #fff;
  margin-top: 98rpx;
  padding: 24rpx 20rpx 0;
  padding-bottom: calc(46px + constant(safe-area-inset-bottom)) !important; /* ios < 11.2*/
  padding-bottom: calc(46px + env(safe-area-inset-bottom)) !important; /* ios >= 11.2*/
}
.everyactivitybox{
  background: #F0F4F7;
  border-radius: 10rpx;
  padding-top:20rpx;
  margin-bottom: 40rpx;
}
.activitytitbox{
  padding: 0 20rpx;
  
}
.activitytit{
  display: block;
  width: 400rpx;
}
.activitytitbox image{
  display: block;
  width: 40rpx;
  height: 16rpx;
  position: absolute;
  right: 8rpx;
  top: 6rpx;
}
.everynumbox{
  margin-top: 10rpx;
  margin-bottom: 20rpx;
  padding: 0 20rpx;
}
.depositbox image{
  display: block;
  width: 30rpx;
  height: 24rpx;
  position: relative;
  top: 5rpx;
  margin-right: 7rpx;
}
.everyfootbox{
  padding: 0 20rpx;
}
.everysharenumbox view{
  line-height: 56rpx;
}
.everysharenumbox image{
  display: block;
  width: 24rpx;
  height: 20rpx;
  position: relative;
  top:18rpx;
}
.otherfiltrate{
  padding-top: 24rpx;
}
.otherfiltrate button{
  display: block;
  height:48rpx;
  line-height: 48rpx;
  background: #F0F4F7;
  border-radius: 24rpx;
  float: left;
  padding: 0 24rpx;
  margin-left: 20rpx;
  margin-bottom: 40rpx;
  font-size: 24rpx;
}

.otherfiltrate  button.nowbtn{
  background: #71C4FF;
  border: 2rpx solid #249EFB;
  box-sizing: border-box;
  color: #fff;
  line-height: 44rpx;
}
.otherfiltrate{
  border-top: 1px solid #EAF0F4;
}
.topfiltrate{
  border-width: 0;
}
.topfiltrate button{
  margin-bottom: 16rpx;
}

/* .page.page-select-index{
  height: auto !important;
} */
.anchor-bar__wrp{
  position: absolute;
}
.index_list_item .index-group__title{
  display: none;
}
.thin-border-bottom:after{
  border-style: dashed;
  border-color: #D4E4ED;
}
.index-group__item{
  color: #9DB6CF;
  font-size: 28rpx;
}
.anchor-item.selected .anchor-item__inner{
  background-color: #249EFB;
}
.communitybox{
  display: block;
  padding: 24rpx 20rpx 0;
}
.communitybox button{
  display: block;
  float: left;
  background: #D4E4ED;
  height: 56rpx;
  border: 2rpx solid #9DB6CF;
  border-radius: 28rpx;
  line-height: 56rpx;
  box-sizing: border-box;
  padding: 0 32rpx;
  font-size: 24rpx;
  color: #384855;
  margin-right: 20rpx;
  position: relative;
  overflow: inherit;
}
.communitybox button .communitytext{

}
.communitybox button image{
  width:30rpx;
  height: 30rpx;
  position: relative;
  top: 12rpx;
  margin-left: 8rpx;
}
.video{
  display: block;
  width: 311rpx;
  height:380rpx;
  background-color: #384855;
  border-radius: 10px;
}
button.casecollectbox{
  background-color: #FFFFFF;
}

.speechcraftfiltratetit {
    display: block;
    width: 100%;
    height: 88rpx;
    padding: 0 40rpx;
    box-sizing: border-box;
    /* position: absolute;
    top: 24rpx;
    left: 0; */
    background: #fff;
  }
  .speechcraftfiltratetit input{
      display: block;
      width: 570rpx;
      height: 66rpx;
      background: #F0F4F7;
      position: relative;
      top: 11rpx;
      border-bottom: 1px solid #bfbfbf;
      text-align: left;
      padding-left: 40rpx;
      box-sizing: border-box;
      border-radius: 4rpx;
      border-width: 0;
  }
  .speechcraftfiltratetit view{
    position: absolute;
    top: 0;
    right: 40rpx;
    line-height: 88rpx;
    font-size: 28rpx;
  }

/* 视频 */
.videolistbox{
  display: block;
  width: 100%;
  padding: 0 0 100rpx;
  box-sizing: border-box;
}
.leftvideolistbox,.rightvideolistbox{
  display: inline-block;
  width: 325rpx;
}
.rightvideolistbox{
  margin-left: 20rpx;
}
.everyvideobox{
  display: block;
  width: 100%;
  /* border-radius: 10rpx; */
  position: relative;
  overflow: hidden;
  /* border: solid 1px #eaf0f4; */
  margin-bottom: 20rpx;
}

.everyvideobox .playImg{
  display: block;
  width: 50rpx;
  height: 50rpx;
  position: absolute;
  top: 20rpx;
  right: 22rpx;
  z-index: 2;
}
.everyvideobox .newimg{
  display: block;
  width: 60rpx;
  height: 26rpx;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.everyvideobox .layerbox{
  display: block;
  width: 100%;
  height: 280rpx;
  background-image: linear-gradient(180deg, rgba(56,72,85,0.00) 0%, rgba(56,72,85,0.66) 66%, #384855 100%);
  border-radius: 0 0 10rpx 10rpx;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.everyvideobox .layerbox .videotitle{
  display: block;
  width: 308rpx;
  position: absolute;
  top: 143rpx;
  left: 8rpx;
  font-size: 28rpx;
  color: #FFFFFF;
  line-height: 40rpx;
}
.everyvideobox .layerbox .lookbox{
  position: absolute;
  bottom:17rpx;
  right: 22rpx;
}
.everyvideobox .layerbox .lookbox image{
  float: left;
  display: block;
  width: 24rpx;
  height: 24rpx;
  position: relative;
  top: 5rpx;

}
.everyvideobox .layerbox .lookbox  view{
  display: block;
  float: left;
  font-size: 12px;
  color: #B6CADE;
  line-height: 34rpx;
}


.videolistbox{
  width: 100%;
  box-sizing: border-box;
}
.leftvideolistbox,.rightvideolistbox{
  display: inline-block;
  width: 345rpx;
}
.rightvideolistbox{
  margin-left: 20rpx;
}
.everyvideobox{
  display: block;
  width: 100%;
  /* border-radius: 10rpx; */
  position: relative;
  overflow: hidden;
  /* border: solid 1px #eaf0f4; */
  margin-bottom: 20rpx;
  background-color: #FFFFFF;
  box-shadow: 0 2px 8px 0 rgba(56,72,85,0.20);
}
.everyvideobox .videocover{
  display: block;
  width: 100%;
  height: auto;
  min-height: 180rpx;
}
.everyvideobox .playImg{
  display: block;
  width: 50rpx;
  height: 50rpx;
  position: absolute;
  top: 20rpx;
  right: 22rpx;
  z-index: 2;
}
.everyvideobox .newimg{
  display: block;
  width: 60rpx;
  height: 26rpx;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.everyvideobox .layerbox{
  display: block;
  width: 100%;
  height: 280rpx;
  background-image: linear-gradient(180deg, rgba(56,72,85,0.00) 0%, rgba(56,72,85,0.66) 66%, #384855 100%);
  border-radius: 0 0 10rpx 10rpx;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.everyvideobox .layerbox .videotitle{
  display: block;
  width: 308rpx;
  position: absolute;
  top: 143rpx;
  left: 8rpx;
  font-size: 28rpx;
  color: #FFFFFF;
  line-height: 40rpx;
}
.everyvideobox .layerbox .lookbox{
  position: absolute;
  bottom:17rpx;
  right: 22rpx;
}
.everyvideobox .layerbox .lookbox image{
  float: left;
  display: block;
  width: 24rpx;
  height: 24rpx;
  position: relative;
  top: 5rpx;

}
.everyvideobox .layerbox .lookbox  view{
  display: block;
  float: left;
  font-size: 12px;
  color: #B6CADE;
  line-height: 34rpx;
}
.contentBox {
  display: block;
  width: 100%;
  padding: 18rpx 0 8rpx;
}
.contentBox .videoTitle {
  width: 100%;
  padding: 0 20rpx;
  font-family: PingFang-SC-Medium, Source Sans Medium;
  font-size: 24rpx;
  color: #384855;
}
.contentBox .personMsgBox {
  margin-top: 12rpx;
}
.videotype{
  position: absolute;
  top: 20rpx;
  left: 22rpx;
  line-height: 50rpx;
  display: block;
  font-size: 24rpx;
  color: #fff;
}
.contentBox .personMsgBox .clickbox image{
  width: 24rpx;
  height: 24rpx;
  position: relative;
  top: 5rpx;
}

/* 图文 */
.articlebox{
  display: block;
  width: 100%;
  /* padding-top: 24rpx; */
  box-sizing: border-box;
}
.everyarticlebox{
  display: block;
  width: 100%;
  padding: 16rpx;
  box-shadow: 0 2px 8px 0 rgba(56,72,85,0.20);
  border-radius: 10rpx;
  margin-bottom: 20rpx;
  background-color: #FFFFFF;
}
.zanbox .bzan{
  display: block;
  width: 31rpx;
  height: 32rpx;
}
.everyarticlebox .leftarticlebox{
  display: block;
  float: left;
  width: 422rpx;
  height: 180rpx;
}
.articlefoot{
  margin-top: 24rpx;
  position: absolute;
  bottom: -5rpx;
  right: 0;
  width: 100%;
  padding-right: 16rpx;
}
.everyarticlebox .articlecover{
  float: left;
  display: block;
  width: 240rpx;
  height: 175rpx;
  border-radius: 10rpx 0 0 10rpx;
  margin-right: 16rpx;
}
.everyarticlebox .articlecover image {
    width: 100%;
    height: 100%;
}

.articletitle{
  font-size: 28rpx;
  color: #384855;
  line-height: 44rpx;
  min-height: 60rpx;
  max-height: 89rpx;
}
.articlemsg{
  font-size: 24rpx;
  color: #8A9AAA;
  margin-top: 6rpx;
  width: 100%;
}
.articlemsgbox{
  display: block;
  margin-top: 10rpx;
}
.hotbox{
  display: block;
  width: 50%;
  line-height: 32rpx;
}
.hotbox image{
  float: left;
  display: block;
  width: 24rpx;
  height: 24rpx;
  position: relative;
  top: 4rpx;
}
.hotbox view{
  float: left;
  margin-left: 10rpx;
  line-height: 32rpx;
  font-size: 22rpx;
  color: #CBCDEB;
}
.getcustomerbox{
  line-height: 32rpx;
}
.getcustomerbox image{
  float: left;
  display: block;
  width: 32rpx;
  height: 20rpx;
  position: relative;
  top: 6rpx;
}
.getcustomerbox view{
  float: left;
  margin-left: 10rpx;
  line-height: 32rpx;
  font-size: 22rpx;
  color: #CBCDEB;
}
.filtratebox{
  color: #fff;
    border-radius: unset;
    line-height: 98rpx;
    background: #249EFB;
    /* border-left: 1px solid #fff; */
}
.filtratebox image{
  /* position: relative;
  top: 24rpx; */
  display: block;
  margin-right: 8rpx;
  width: 38rpx;
  height: 38rpx;
}
.filtratebox .searchtext{
  /* line-height: 98rpx; */
}
.addtime{
  display: block;
  padding: 0 20rpx;
  color: #B6CADE;
  margin-top: 8rpx;
}
.van-index-anchor-wrapper{
  background-color: #f7f8fa;
}
.van-index-anchor{
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  padding:  0 5px!important;
}
.constructSitebox{
  display: block;
  width: 690rpx;
  background-color: #fff;
  border-radius: 16rpx;
  border: 1px solid #ECECEC;
  box-sizing: border-box;
  padding: 24rpx 20rpx 28rpx;
  margin: 0 auto 20rpx;
}
.coverbox{
  width: 100%;
  max-height: 450rpx;
  overflow: hidden;
}
.constructit{
  width: 400rpx;
}
.constructSitebox .casecollectbox image{
  top:11rpx;
}
.sitestep{
  display: block;
  border-top:1px solid #ECECEC;
  padding: 24rpx 10rpx;
}
.everysteps{
  text-align: center;
  position: relative;
}
.everysteps .stepnum{
  display: block;
  width: 32rpx;
  height: 32rpx;
  background: #FFFFFF;
  border: 2rpx solid #CCCCCC;
  /* background: #28A1FF; */
  border-radius: 50%;
  /* color: #fff; */
  margin: 0 auto 12rpx;
  position: relative;
  z-index: 2;
}
.everysteps::after{
  display: block;
  content:" ";
  width: 125.2rpx;
  height: 10rpx;
  background: #EEEEEE;
  position: absolute;
  top: 11rpx;
  left: -50%;
  z-index: 1;
}
.sitestep .everysteps:first-child::after{
  display: none;
}
.laststeps .stepnum{
  background-color:  #28A1FF;
  border-color: #28A1FF;
  color: #fff;
}
.laststeps::after{
  background-color:  #28A1FF;
}
.communitybox{
  display: block;
  position: absolute;
  top: 8rpx;
  left: 20rpx;
  background: #D4E4ED;
  height: 56rpx;
  border: 2rpx solid #9DB6CF;
  border-radius: 28rpx;
  line-height: 56rpx;
  box-sizing: border-box;
  padding: 0 32rpx;
  font-size: 24rpx;
  color: #384855;
  margin-right: 20rpx;
  overflow: inherit;
}
.communitybox image{
  width:30rpx;
  height: 30rpx;
  position: relative;
  top: 12rpx;
  margin-left: 8rpx;
}

.nowordertit{
    color: #249efb !important;
}
.imgtype{
    display: block;
    width: 44rpx;
    height: 44rpx;
    position: absolute;
    top: 20rpx;
    right: 20rpx;
    z-index: 2;
}

.caselistbox1 {
    display: block;
    width: 710rpx;
    height: calc(300px+76rpx);
    box-sizing: border-box;
    position: absolute;
    top: 150rpx;
    left: 20rpx;
    background: #fff;
    padding-left: 20rpx;
    overflow: hidden;
    box-shadow: 0px 4rpx 16rpx 0px rgba(36, 158, 251, 0.3);
}

.caselistbox1 .mpbox {
    display: block;
    width: 710rpx;
    height: 620rpx;
}

.customerbtnbox image.delimg {
    display: block;
    width: 24rpx;
    height: 24rpx;
    position: relative;
    top: 20rpx;
    margin-left: 8rpx;
}

.videoMsgBox {
    width: 280rpx;
    height: 44rpx;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.3);
    border-radius: 22rpx;
    position: absolute;
    bottom: 20rpx;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.videoMsgBox image {
    width: 22rpx;
    height: 21rpx;
}
.v-shareCount {
    font-size: 24rpx;
    color: #fff;
    margin-left: 10rpx;
}
.v-client {
    font-size: 24rpx;
    color: #fff;
    margin-left: 10rpx;
}
.v-margin {
    width: 24rpx !important;
    margin-left: 40rpx;
}
.articleMsgBox {
    width: 220rpx;
    height: 44rpx;
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    position: absolute;
    top: 20rpx;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 22rpx;
    font-size: 20rpx;
    display: flex;
    align-items: center;
    justify-content: center;
}
.a-icon-wh {
    width: 24rpx !important;
    margin-right: 6rpx;
}
.a-margin {
    margin-left: 20rpx;
}
.interVrStyle {
    position: absolute;
    width: 90rpx !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9;
}