496_dongfengqichen_wxsmall/496_dongfengqichen/pages/poster/poster.wxss

/* pages/poster/poster.wxss */
image{
  display: block;
}
view{
  -webkit-overflow-scrolling: touch;
}
.main{
  height: calc(100vh - 150rpx);
  overflow: auto;
  position: relative;
}
.operationFrame{
  margin-top: 43rpx;
  width: 750rpx;
  height: 234rpx;
  background-image: url('https://www.jiyou-tech.com/2020/496_qichen/static/images/posterBg.png?v=002');
  display: flex;
  align-items: center;
  justify-content:center;
}
.operationGroup{
  width: 96rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.saveIcon{
  width: 96rpx;
  height: 96rpx;
}
.operationText{
  margin-top: 12rpx;
  line-height: 12rpx;
  font-size:12rpx;
  font-family:PingFang;
  font-weight:bold;
  color:rgba(113,112,113,1);
}
.shareBtn{
  position: absolute;
  top: 0;
  left: 0;
  width: 96rpx;
  height: 96rpx;
  margin: 0;
  padding: 0;
  opacity: 0;
}
.selectTempFrame{
  width:443rpx;
  height:817rpx;
  position: relative;
  margin: 0 auto;
  margin-top: 92rpx;
  box-sizing: border-box;
  background-color: #00548C;
}
.selectTempFrameBorder{
  border: 10rpx solid #00548C;
}
.posterChoose{
  width: 73rpx;
  height: 73rpx;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  top:0;
  z-index: 2;
}
.canvasDraw{
  width:1776rpx;
  height:3268rpx;
  position: fixed;
  top: 0;
  left: -1776rpx;
}
.lookBigPic{
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 5rpx;
}
.lookBigIcon{
  width: 41rpx;
  height: 41rpx;
}
.lookBigText{
  margin-top: 11rpx;
  font-size:18rpx;
  line-height: 18rpx;
  font-family:PingFang;
  font-weight:bold;
  color:rgba(113,112,113,1);
}
.selectPosterTip{
  width: 278rpx;
  height: 68rpx;
  margin: 0 auto;
  margin-top: 20rpx;
}
.swiperSty{
  width: 100%;
  height: 909rpx;
}
.swiperPoster{
  margin: 0 auto;
  width: 444rpx;
  height: 817rpx;
}
.leftArrow{
  position: absolute;
  top:50%;
  left: 23rpx;
  width: 28rpx;
  height: 118rpx;
  transform: translateY(-50%);
}
.rightArrow{
  position: absolute;
  width: 27rpx;
  height: 118rpx;
  top:50%;
  right: 23rpx;
  transform: translateY(-50%);
}