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{
  width: 750rpx;
  height: 285rpx;
  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: 19rpx;
  line-height: 24rpx;
  font-size:24rpx;
  font-family:PingFangSC;
  font-weight:300;
  color:rgba(51,84,128,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: 60rpx;
  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: 22rpx;
  bottom: 10rpx;
  width: 80rpx;
  height: 80rpx;
}
.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;
}
.posterBottom{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.titleText{
  width: 682rpx;
  margin: 0 auto;
  margin-top: 78rpx;
  margin-bottom: 28rpx;
  line-height: 39rpx;
  font-size:39rpx;
  font-family:PingFangSC;
  font-weight:bold;
  color:rgba(0,77,149,1);
}
.lineSty{
  width: 682rpx;
  height:2rpx;
  background-color: #B6B6B6;
  margin: 0 auto;
  margin-bottom: 30rpx;
}
.closeXieyi{
  position: absolute;
  right: 48rpx;
  top: 38rpx;
  width: 42rpx;
  height: 42rpx;
}
.selectFrame{
  position: relative;
  width: 611rpx;
  height: 81rpx;
  margin: 0 auto;
}
.newImages17{
  width: 100%;
  height: 100%;
}
.maskSelect{
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
}
.shareGroup{
  position: relative;
  width: 462rpx;
  height: 585rpx;
  margin: 0 auto;
  margin-top: 65rpx;
}
.newImages19{
  width: 100%;
  height: 100%;
}
.posterShareImg{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 184rpx;
  width: 415rpx;
  height: 336rpx;
}
.newImages20{
  width: 687rpx;
  height: 83rpx;
  margin: 0 auto;
  margin-top: 42rpx;
}
.shareSelect{
  width: 96rpx;
  height: 138rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 75rpx;
  padding-bottom: 85rpx;
  position: relative;
  margin: 0 auto;
}
.newImages21{
  width: 96rpx;
  height: 138rpx;
}
.shareBtn2{
  position: absolute;
  left: 0;
  top: 42%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  opacity: 0;
}