page{
  display: block;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.sharenumBox{
  position: fixed;
  display: block;
  width: 50%;
  height: 98rpx;
  bottom: 0;
  right: 0%;
  
  background-color: transparent;
  z-index: 10;
  
}
.sharenumBox button{
  display: block;
  width: 100%;
  height: 98rpx;
  color: transparent;
  line-height: 98rpx;
  background-color: transparent;
}
.viewBox{
  display: block;
  width:750px;
  height:100%;
  position: fixed;
  top: 0;
  left:0;
  z-index: 9999;
  background: transparent;
} 
.viewBox button{
  display: block;
  width: 100%;
  height:100%;
  color: transparent;
  line-height: 2000rpx;
  background-color: transparent;
}
.userLogin{
  display: block;
  width:750px;
  height:100%;
  color: transparent;
  background: transparent;
  line-height: 2000rpx;
}
.articleshareshow{
  position: fixed;
  display: block;
  width: 25%;
  height: 98rpx;
  bottom: 0;
  right: 25%;
  
  background-color: transparent;
  z-index: 10;
}

.coverbanner{
  display: block;
  width: 100%;
}
.casetitle{
  display:block;
  width:100%;
  padding:16rpx 24rpx 24rpx;
  font-size: 32rpx;
  color: #384855;
  line-height:44rpx;
}
.casedesc{
  display:block;
  width:100%;
  padding:40rpx 40rpx 100rpx;
  margin-bottom: 100rpx;
}
.casedesctitle{
  position:relative;
  font-size: 36rpx;
  color: #384855;
  line-height:50rpx;
}
.casedesctitle::after{
  content:' ';
  display:block;
  position:absolute;
  background: #384855;
  border-radius: 6rpx;
  width:12rpx;
  height:36rpx;
  top:7rpx;
  left:-22rpx;
}
.casedescBox{
  display:block;
  width:100%;
  padding-top:20rpx;
}
.unloginbox{
  min-height: 400rpx;
  max-height: 600rpx;
  overflow: hidden;
  position: relative;
}
.unloginlayer{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 400rpx;
  background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, #FFFFFF 69%);
  z-index: 8;
}
.articlebtn{
  display: block;
  width: 312rpx;
  height: 64rpx;
  background: #FFFFFF;
  border: 1px solid #384855;
  border-radius: 36rpx;
  position: absolute;
  bottom: 48rpx;
  left: 218rpx;
  text-align: center;
  line-height: 64rpx;
  font-size: 24rpx;
  color: #384855;
}
.articleview{
  width: auto;
  height: 64rpx;
  line-height: 64rpx;
}
.articleview image{
  width: 32rpx;
  height: 32rpx;
  position: relative;
  top: 16rpx;
  margin-left: 8rpx;
  margin-top: 0;
}
.casedescBox image{
  max-width: 100%;
}







.footer{
  display: block;
  width: 100%;
  height: 98rpx;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 11;
  background-color: #FFFFFF;
  box-shadow: 0 -4rpx 12rpx 0 rgba(0,145,255,0.15);
}
.footerview{
  width: 50%;
  height: 100%;
}
.zanbox{
  float: left;
  width: 50%;
}
.sharebox{
  float: left;
  width: 50%;
}
.zanbox image{
  display: block;
  width: 32rpx;
  height: 32rpx;
  margin:16rpx auto;
}
.zanbox view{
  width: 100%;
  text-align: center;
  margin-top: 10rpx;
  font-size: 20rpx;
  color: #384855;
}
.sharebox{
  float: left;
  width: 50%;
  height:100%;
  overflow: hidden;
  background-color: #FFFFFF;
}
.sharebox image{
  display: block;
  height: 34rpx;
  width: 37rpx;
  margin:16rpx auto 10rpx;
}
.sharebox view{
  width: 100%;
  text-align: center;
  margin-top: 10rpx;
  font-size: 20rpx;
  color: #384855;
}

.sharebtn{
  display: block;
  width: 50%;
  height: 98rpx;
  font-family: PingFang-SC-Medium, Source Han Sans CN Medium;
  font-size: 34rpx;
  background: #249efb;
  color: #fff;
  line-height: 98rpx;
  text-align: center;
}