/* pages/share/share.wxss */
canvas{
     position: fixed; 
   top: 100000px;   
}
image{
  width: 100%;
}
.img_box .imgs{
  width: 508rpx;
  height: auto;
  box-shadow: 0 0 6rpx 6rpx #ccc;
  border-radius: 10rpx;
  margin: 0 auto;
}
.page{
  text-align: center;
  color: #999;
  margin:16rpx 0;
  font-size:24rpx;
}
.tips{
  text-align: center;
  color: #666666;
  font-size: 28rpx;
}
.btn{
  width: 508rpx;
  height: 96rpx;
  line-height: 96rpx;
  text-align: center;
  color: #fff;
  background: #C63E3A;
  border-radius: 48rpx;
  font-size: 32rpx;
  margin: 70rpx auto;
}
.swiper image{
  width: 100%;
  /* margin: 10rpx auto; */
  display: block;
  box-shadow: 0 0 6rpx 6rpx #eeeeee;
  border-radius: 10rpx;
  min-height: 200px
}
swiper-item{
  padding: 10px;
  box-sizing: border-box
}
.share-box{
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.4);
  z-index: 1001;
}
.share-box .box{
  width: 100vw;
  height: 360rpx;
  position: absolute;
  bottom: 0;
  background: #fff;
  font-size: 0;
  text-align: center;
}

.whitebox{
  width: 100vw;
  height: calc(100vh - 360rpx);
  position: absolute;
  bottom: 360rpx;
  font-size: 0;
  text-align: center;
}
.share-box .name{
  line-height: 120rpx;
  font-size: 30rpx;
}
.share-box .item{
  display: inline-block;
  width: 50%;
  font-size: 30rpx;
  padding:30rpx 0;
  line-height:inherit;
  vertical-align:middle;
  background:transparent;
  border:none;

}
.share-box .item:after{
  border:none
}
share-box .tips{
  color: #999999;
  text-align: center;
  font-size: 28rpx;
}
.share-box .title{
  padding: 40rpx;
  color: #333333;
  font-size: 36rpx;
  text-align: center;
}
.share-box .btn{
  width: 220rpx;
  height: 80rpx;
  line-height: 80rpx;
  margin: 50rpx auto;
  text-align: center;
  color: #C63E3A;
  font-size: 30rpx;
  border:1px solid #e8e8e8;
  border-radius: 40rpx;
  background: #fff
}
.savebtn{
  position: fixed;
  left: calc(50% - 254rpx);
  bottom: 20rpx;
  margin: 0
}
.container{
  padding-bottom:240rpx;
}