496_dongfengqichen_wxsmall/496_dongfengqichen/pages/scout/share/share.wxss

/* pages/scout/share/share.wxss */
.posterBox{
  margin: 55rpx 0 0 0;
  width: 100%;
  height: 864rpx;
}
.posterBox>swiper{
  height: 100%;
}
.posterContent{
  width: 450rpx;
  height: 825rpx;
  margin: 39rpx 16rpx 0 16rpx;
}
.posterContent>.selectFrame{
  position: absolute;
  width: 450rpx;
  height: 825rpx;
  border: 9rpx solid #2a558d;
  box-sizing: border-box;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.posterContent>.selectFrame>.ok{
  position: absolute;
  top: -45rpx;
  left: 50%;
  transform: translateX(-50%);
  width: 72rpx;
  height: 73rpx;
}
.posterContent>.posterItem{
  border: none;
}
.posterContent>.posterItem>.poster{
  width: 100%;
  height: 100%;
}
.posterBox>.arrowBtn{
  position: absolute;
  width: 27rpx;
  height: 118rpx;
  top: 37%;
  transform: translateY(-37%);
}
.enlarge{
  width: 41rpx;
  height: 41rpx;
  margin: 3rpx auto;
}
.enlargeTxt{
  text-align: center;
  font-size: 17rpx;
  color: #717071;
  margin: 15rpx 0;
}
.tip{
  width: 278rpx;
  height: 68rpx;
  margin: 0 auto;
}
.bottomBox{
  position: relative;
  width: 100%;
  height: 234rpx;
  margin-top: 45rpx;
  background-color: #000000;
}
.btnBox{
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.btnBox>.btnItem{
  display: inline-block;
  width: 96rpx;
  margin: 0 27rpx;
}
.btnBox>.btnItem>.btn{
  width: 96rpx;
  height: 96rpx;
}
.btnBox>.btnItem>.btnTxt{
  font-size: 12rpx;
  margin-top: 12rpx;
}