510_laomengkuang_wxsmall_customer/laomenkuang_project/pages/givePage/givePage.wxss

/* pages/givePage/givePage.wxss */
page{
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #f9f6f6;
}
.all{
  height: 100%;
}
.ticketImg{
  width: 100%;
  height: 472rpx;
}
.imgView{
  width: 100%;
  height: 300rpx;
  overflow: hidden;
  border-radius:0px 0px 30rpx 30rpx;
  position: relative
}
.tooth{
  display: block;
  width: 694rpx;
  height: 10rpx;
  position: absolute;
  left: 50%;
  bottom: -4rpx;
  transform: translateX(-50%);
}
.buyNum{
  width: 100%;
  height: 190rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border-radius: 30rpx;
}
.line{
  margin-left: 94rpx;
  margin-right: 46rpx;
  width: 1rpx;
  height: 126rpx;
  background-color: rgba(204,204,204,1);
}
.chooseNum{
  display: flex;
  align-items: center;
  border: 2rpx solid #f9f6f6;
  padding: 0 20rpx;
}
.chooseNum text{
  font-size: 30rpx;
  font-weight:bold;
  color:rgba(51,51,51,1);
}
.inputNum{
  width: 70rpx;
  margin: 0 15rpx;
  text-align: center;
  background-color: #f9f6f6;
}
.subtract{
  width: 28rpx;
  height: 4rpx;
}
.textAdd{
  width: 28rpx;
  height: 28rpx;
}
.subtractView{
  width: 28rpx;
  height: 28rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
}
.ticketName{
  font-size:36rpx;
  font-family:SourceHanSansCN;
  color:rgba(51,51,51,1);
  margin-left: 96rpx;
}
.lineRig{
  margin-right: 35rpx;
}
.giveFrind{
  padding: 47rpx 41rpx 47rpx 32rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border-radius: 30rpx;
  margin: 8rpx 0;
}
.giveView{
  font-size:26rpx;
  font-family:SourceHanSansCN;
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height:30px;
}
.surplus{
  display: inline-block;
  width:34rpx;
  height:70rpx;
  font-size:36rpx;
  font-family:SourceHanSansCN;
  font-weight:bold;
  color:rgba(51,51,51,1);
}
.bigWord{
  font-size:90rpx;
  font-family:DINPro;
  font-weight:bold;
  color:rgba(235,97,0,1);
}
.smaWord{
  font-size:30rpx;
  font-family:SourceHanSansCN;
  font-weight:bold;
  color:rgba(51,51,51,1);
}


.title{
  display: inline-block;
  width: 100%;
  margin-bottom: 7rpx;
  text-align: center;
  font-size:30rpx;
  font-family:SourceHanSansCN;
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height:30rpx;
}
.timeLimit{
  height: 26rpx;
  display: flex;
  align-items: center;
  margin-top: 23rpx;
  margin-bottom: 15rpx;
}
.timeLimit image{
  width: 20rpx;
  height: 20rpx;
  margin-left: 32rpx;
  margin-right: 16rpx;
}
.timeLimit text{
  font-size:26rpx;
  font-family:SourceHanSansCN;
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height:30rpx;
}
.specify{
  font-size:22rpx;
  font-family:SourceHanSansCN;
  font-weight:400;
  color:rgba(102,102,102,1);
  line-height:30rpx;
  width: 613rpx;
  margin-left: 69rpx;
}

.giveBtn{
  width: 100%;
  height: 98rpx;
}
.shareBtn{
  width: 100%;
  height: 98rpx;
  position: absolute;
  bottom: 0;
  padding: 0;
  border-radius: 0;
}

.circleLeft{
  background-color: #f9f6f6;
  border-radius: 50%;
  width: 50rpx;
  height: 50rpx;
  position: absolute;
  left: -25rpx;
}
.circleRig{
  background-color: #f9f6f6;
  border-radius: 50%;
  width: 50rpx;
  height: 50rpx;
  position: absolute;
  right: -25rpx;
}
.botAll{
  background-color: #ffffff;
  border-radius: 30rpx;
  padding: 57rpx 0;
}

.maskView{
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.3);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}
.yesSure{
  text-align: center;
  padding: 50rpx;
  border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
}
.maskCont{
  width: 90%;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 30rpx;
  overflow: hidden;
}
.btnView{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.SureYes{
  border-radius: 0;
  width: 50%;
  margin: 0;
  background:#ffffff;
  border: none;
  border-color: transparent;
}
.SureYes::after{
  border: none
}
.SureNo{
  height: 95rpx;
  line-height: 95rpx;
  width: 50%;
  text-align: center;
  border-right: 1rpx solid rgba(0, 0, 0, 0.1);
}