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;
  background-image: url('https://www.jiyou-tech.com/2020/496_qichen/static/images/posterBg.jpg?v=002');
}
.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;
  background-color: black;
}
.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%);
}
.imgGroup{
  position: relative;
  width: 100%;
  height: 100%;
}
.userMsg{
  position: absolute;
  left: 50rpx;
  top: 538rpx;
  display: flex;
  align-items: center;
}
.userHead{
  width: 48rpx;
  height: 48rpx;
  border-radius: 50%;
  overflow: hidden;
}
.userNickName{
  margin-left: 6rpx;
  line-height: 28rpx;
  font-size:28rpx;
  font-family:NissanBrand;
  font-weight:400;
  color:rgba(255,255,255,1);
}
.userQrCode{
  position: absolute;
  right: 57rpx;
  bottom: 39rpx;
  width: 105rpx;
  height: 105rpx;
}
.userNumber{
  position: absolute;
  left: 50rpx;
  top: 598rpx;
  width: 333rpx;
  height: 74rpx;
}
.posterNum{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.numberGroup{
  width: 100%;
  height: 100%;
  position: relative;
}
.numberNum{
  width: 32rpx;
  height: 40rpx;
  position: absolute;
}
.numberNum1{
  left: 120rpx;
  top: 4rpx;
}
.numberNum2{
  left: 155rpx;
  top: 4rpx;
}
.numberNum3{
  left: 188rpx;
  top: 4rpx;
}
.numberNum4{
  left: 223rpx;
  top: 4rpx;
}