/* pages/guessSecondPoster/guessSecondPoster.wxss */
image{
  display: block;
}
view{
  -webkit-overflow-scrolling: touch;
}
.main{
  height: calc(100vh - 120rpx);
  overflow: auto;
  position: relative;
}
.selectGroup{
  position: relative;
  margin: 50rpx auto 70rpx;
  width: 611rpx;
  height: 71rpx;
}
.selectImg{
  width: 100%;
  height: 100%;
}
.selectMask{
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  opacity: 0;
}
.canvasDraw{
  width:1776rpx;
  height:3268rpx;
  position: fixed;
  top: 0;
  left: -1776rpx;
  background-color: black;
}
.posterGroup{
  position: relative;
  width: 395rpx;
  height: 750rpx;
  margin: 0 auto;
}
.posterImg{
  width: 100%;
  height:100%;
}
.posterCode{
  position: absolute;
  right: 30rpx;
  bottom: 21rpx;
  width: 68rpx;
  height: 68rpx;
}
.bottomGroup{
  position: relative;
  margin-top: 35rpx;
  width: 750rpx;
  height: 200rpx;
}
.bottomImg{
  position: absolute;
  left: 0;
  top: 0;
  width: 750rpx;
  height: 370rpx;
}
.saveGroup{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.saveIcon{
  width: 95rpx;
  height: 96rpx;
  margin-top: 30rpx;
  margin-bottom: 15rpx;
}
.saveBtn{
  width: 267rpx;
  height: 54rpx;
}
.posterText{
  position: absolute;
  left: 70rpx;
  top: 520rpx;
  line-height: 14rpx;
  font-size:14rpx;
  font-family:MHeiPRC;
  font-weight:500;
  color:rgba(255,255,255,1);
}
.linkShareImg{
  width: 462rpx;
  height: 640rpx;
  margin: 0 auto;
}
.linkShareGroup{
  position: relative;
  width: 750rpx;
  height: 464rpx;
  margin-top: 44rpx;
}
.linkShareBg{
  width: 100%;
  height: 100%;
}
.linkShareBtn{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 123rpx;
  width: 268rpx;
  height: 168rpx;
}
.shareBtn{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 123rpx;
  margin: 0;
  padding: 0;
  opacity: 0;
  width: 268rpx;
  height: 168rpx;
}