.topbox{
    display: block;
    width: 100%;
    background-color: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
  }
  .leftindexbox{
    position: absolute;
    left: 8px;
    width: 70px;
    border: 1px solid #d1cfcf;
    padding: 4px 0;
    height: 28px;
    border-radius: 18px;
    box-sizing: border-box;
  }
  .leftindexbox .leftgoto{
    display: block;
    width: 8px;
    height: 14px;
    float: left;
    margin-left: 11px;
    transform: rotateY(180deg);
    position: relative;
    top: 2px;
    z-index: 9;
  }
  .gotoindex{
    display: block;
    width: 16px;
    height: 16px;
    float: right;
    position: relative;
    right: 10px;
    top: 1px;
  }
  .leftindexbox text{
    position: absolute;
    height: 14px;
    width: 1px;
    left: 30px;
    top: 6px;
    background-color: #d1cfcf;
  }
  .gotoidxbox{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 28px;
    z-index: 9;
  }
.casetitbox{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 8rpx 0 0 20rpx;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
}
.everysiftbox{
    display: block;
    width: 100%;
    position: relative;
    line-height: 44rpx;
    padding: 10rpx 0 10rpx 80rpx;

}
.everysiftbox .leftextbox{
    display: block;
    width: 80rpx;
    position: absolute;
    top: 10rpx;
    left: 0;
}
.rightsiftbox{
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.rightsiftbox view{
    display: inline-block;
    padding: 0 16rpx;
    height: 44rpx;
    margin-right: 12rpx;
    border-radius: 22rpx;
}
.rightsiftbox view.nowtitbox{
    background: #D4E4ED;
    color: #249EFB;
}
.scrolltitbox{
    box-shadow: 0 6rpx 12rpx 0 rgba(36,158,251,0.41)
}
.caselistbox{
    display: block;
    padding: 340rpx 20rpx 140rpx;
}

.everycasebox{
    width: 345rpx;
    box-shadow: 0 4rpx 20rpx 0 rgba(36,158,251,0.26);
    border-radius: 10rpx;
    overflow: hidden;
    margin-bottom: 20rpx;
}
.caselistbox .everycasebox:nth-of-type(2n-1){
  margin-right: 20rpx;
}
.caselistbox .everycasebox .imgbox{
  height: 260rpx;
}
.caselistbox .everycasebox .imgbox image{
  display: block;
  width: 100%;
  height:100%;
}
.casemsgbox{
    padding: 20rpx 10rpx 30rpx;
}


.layercommunity{
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99;
  background-color: rgba(56, 72, 85, 0.5);
}
.communitybox{
  display: block;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99;
  padding-top: 48rpx;
  padding-bottom: 16px;
}
mp-index-list{
  display: block;
  width: 100%;
  height: 620rpx;
  position: relative;
}
.communitytitle{
  display: block;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.maintitle{
    text-align: center;
}
.interVrStyle {
    position: absolute;
    width: 90rpx !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}