496_dongfengqichen_wxsmall/496_dongfengqichen/pages/coupon/coupon.wxss

/* pages/coupon/coupon.wxss */
image{
  display: block;
}
view{
  -webkit-overflow-scrolling: touch;
}
.main{
  height: calc(100vh - 150rpx);
  overflow: auto;
  position: relative;
}
.maskWindow{
  width: 750rpx;
  height: calc(100vh - 150rpx);
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(000, 000, 000, 0.5);
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.couponBg{
  width: 750rpx;
  height: 1172rpx;
}
.prizeFrame{
  position: absolute;
  top: 672rpx;
  left: 50%;
  transform: translateX(-50%);
  width: 750rpx;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 34rpx;
}
.coupon{
  width: 627rpx;
  height: 581rpx;
}
.receiveBtn{
  width:653rpx;
  height:70rpx;
  text-align: center;
  line-height: 70rpx;
  font-size:30rpx;
  font-family:PingFang;
  font-weight:400;
  color:rgba(255,255,255,1);
  background-color: #29558D;
  border-radius: 20rpx;
  margin-top: 23rpx;
}
.getPrizeNumGroup{
  position: relative;
  width: 750rpx;
  height: 0;
}
.getPrizeNum{
  position: absolute;
  left: 0;
  top: -60rpx;
  width: 750rpx;
  height: 24rpx;
  line-height: 24rpx;
  font-size:24rpx;
  font-family:PingFang;
  font-weight:bold;
  color:rgba(248,197,109,1);
  text-align: center;
}
.btnGroup{
  padding: 90rpx 20rpx 40rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 65rpx;
}
.couponBtn{
  width: 348rpx;
  height: 65rpx;
}


.msgFrame{
  position: fixed;
  bottom: 150rpx;
  left: 0;
  width:750rpx;
  padding: 40rpx 20rpx;
  background-color: rgba(000, 000, 000, 0.5);
  box-sizing: border-box;
}
.inputGroup{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inputSty{
  width:347rpx;
  height:65rpx;
  background-color: white;
  border-radius: 20rpx;
  box-sizing: border-box;
  line-height: 65rpx;
  padding: 0 25rpx;
  font-size:24rpx;
  font-family:PingFangSC;
  font-weight:300;
}
.getPhoneFrame{
  position: absolute;
  top:0;
  right:0;
  width:347rpx;
  height:65rpx;
  border-radius: 10rpx;
  overflow: hidden;
  opacity: 0;
  z-index: 2;
}
.getPhoneBtn{
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
.selectGroup{
  width:710rpx;
  height:65rpx;
  background-color: white;
  border-radius: 20rpx;
  box-sizing: border-box;
  line-height: 65rpx;
  padding: 0 25rpx;
  margin-top: 18rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size:24rpx;
  font-family:PingFangSC;
  font-weight:300;
}
.selectIcon{
  width: 25rpx;
  height: 15rpx;
}
.codeGroup{
  width:710rpx;
  height:65rpx;
  background-color: white;
  border-radius: 20rpx;
  box-sizing: border-box;
  line-height: 65rpx;
  padding: 0 25rpx;
  margin-top: 18rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size:24rpx;
  font-family:PingFangSC;
  font-weight:300;
}
.inputCode{
  height: 100%;
  width: 500rpx;
}
.subscribeBtn{
  position: relative;
  width:710rpx;
  height:70rpx;
  margin-top: 18rpx;
}
.getUserMsgBtn{
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
}
.newImagesGroup{
  width: 627rpx;
  height: 511rpx;
  position: relative;
}
.newImages14{
  width: 100%;
  height: 100%;
}
.newImages15{
  position: absolute;
  bottom:62rpx;
  left: 50%;
  transform: translateX(-50%); 
  width: 348rpx;
  height: 65rpx;
}
.newImages16{
  position: absolute;
  top: -20rpx;
  right: -30rpx;
  width: 38rpx;
  height: 37rpx;
}