index.wxss 6.7 KB
/* scanGroup/dahaoda/index/index.wxss */
@font-face {
  font-family: 'amount';
  src: url(https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/Alibaba-PuHuiTi-Heavy.otf);
  font-weight: normal;
  font-style: normal;
}
.container{
  width: 100vw;
  /* min-height: 100vh; */
  min-height: 1624rpx;
  height: 100%;
  background-color: #fffbf6;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% 100%;
  /* background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/dhd_bg.png"); */
  position: relative;
  overflow: hidden;
}
.fixed_btn{
  width: 80rpx;
  height: 60rpx;
  background: #EE5F3F;
  border-radius: 40rpx 0 0 40rpx;
  font-weight: 500;
  font-size: 28rpx;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 0;
  line-height: 28rpx;
  padding: 10rpx 8rpx 10rpx 22rpx;
  position: absolute;
}
.btn_1{
  right: 2rpx;
  top: 290rpx;
}
.btn_2{
  right: 2rpx;
  top: 390rpx;
}
.reward_btn{
  width: 500rpx;
  height: 168rpx;
  position: absolute;
  left: 50%;
  bottom: 320rpx;
  transform: translateX(-50%);
  background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/dhd_bt.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 40rpx;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 168rpx;
  font-weight: 600;
}
.reward_box{
  width: 594rpx;
  height: 508rpx;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 276rpx;
  background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/dhd_rp.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.reward_count{
  margin-top: 75rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 140rpx;
  color: #E6312A;
  font-family: amount;
  font-weight: 600;
  margin-left: -40rpx;
}
.money_icon{
  width: 46rpx;
  height: 46rpx;
  margin-top: 70rpx;
}
.receive_btn{
  width: 500rpx;
  height: 168rpx;
  background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/dhd_bt.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 40rpx;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 168rpx;
  font-weight: 600;
  margin: 40rpx auto 0;
}
.received_btn{
  background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/grayBTN.png");
  width: 434rpx;
  height: 94rpx;
  line-height: 94rpx;
  margin: 70rpx auto 0;
} 
.id_mes{
  position: absolute;
  bottom: 50rpx;
  text-align: center;
  width: 100%;
  font-weight: 400;
  font-size: 28rpx;
  color: #DE9869;
}

.rule {
  width: 100%;
  height: 772rpx;
  overflow-y: scroll;
}

.rule-title {
  font-weight: 400;
  font-size: 34rpx;
  color: #10111A;
  text-align: center;
  margin-top: 20rpx;
}

.rule-content {
  padding: 20rpx 48rpx 40rpx;
}




.comMessBox{
  width: 658rpx;
  height: 636rpx;
  background: #FFFFFF;
  border-radius: 16rpx;
  position: relative;
}
.height_little{
  height: 438rpx;
}
.messBoxClose{
  width: 60rpx;
  height: 60rpx;
  position: absolute;
  bottom: -124rpx;
  left: 288rpx;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png");
}
.messTitle{
  font-weight: 500;
  font-size: 34rpx;
  color: #333333;
  margin: 60rpx auto 36rpx;
  text-align: center;
}
.formBox{
  padding: 0 40rpx;
}
.red{
  color: #d04714;
  margin-right: 10rpx;
}
.inputDesc{
  display: inline-block;
  min-width: 180rpx;
  /* border: 1px solid red; */
}
.inputModel{
  display: flex;
  align-items: center;
  /* border-bottom: 1px solid #eaeaea; */
  height: 96rpx;
  font-size: 34rpx;
  line-height: 96rpx;
  margin-top: 10rpx;
  color: #333;
  position: relative;
}
.phone{
  border-radius: 8rpx;
  line-height: 48rpx;
  text-align: center;
  font-size: 34rpx;
  color: #EA2634;
  position: absolute;
  top: center;
  left: 190rpx;
  z-index: 99;
  background-color: #fff;
  width: 160rpx;
  height: 54rpx;
  border: 1px solid #EA2634;
}
.phoneTwo{
  width: 160rpx;
  height: 48rpx;
  border: 1px solid #EA2634;
  border-radius: 8rpx;
  line-height: 48rpx;
  text-align: center;
  font-size: 34rpx;
  color: #EA2634;
  position: absolute;
  top: center;
  right: 0rpx;
  z-index: 99;
  background-color: #fff;
}
.item-input{
  /* border: 1px solid red; */
}
.placeholderText{
  font-weight: 400;
  font-size: 34rpx;
  color: #C8C8CF;
}
.local{
  position: absolute;
  right: 30rpx;
  top: center;
  width: 48rpx;
  height: 48rpx;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/Estore_2.0/wpp/wanzimatou/localRed.png");
  z-index: 99;
}
.inputSelf{
  height: 60rpx;
  border-bottom: 1px solid #ededed;
  margin-left: -15rpx;
}
.addInput{
  width: 280rpx;
  overflow: hidden;    
  text-overflow:ellipsis;    
  white-space: nowrap;
  /* border:1px solid red; */
}
.btn_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20rpx;
  margin-top: 48rpx;
}
.cancelBtn{
  width: 228rpx;
  height: 72rpx;
  background: #FFFFFF;
  border: 1px solid #EA2634;
  border-radius: 49rpx;
  text-align: center;
  line-height: 72rpx;
  font-weight: 500;
  font-size: 30rpx;
  color: #EA2634;
}
.submitButtonS{
  width: 228rpx;
  height: 72rpx;
  background: #EA2634;
  border-radius: 49rpx;
  text-align: center;
  line-height: 72rpx;
  font-weight: 500;
  font-size: 30rpx;
  color: white;
}
.submitButton{
  width: 228rpx;
  height: 72rpx;
  background: #f9bec3;
  border-radius: 49rpx;
  text-align: center;
  line-height: 72rpx;
  font-weight: 500;
  font-size: 30rpx;
  color: white;
}

.receive_poup{
  width: 602rpx;
  height: 600rpx;
  background-image: linear-gradient(202deg, #FFACAC 0%, #FFFFFF 71%);
  border-radius: 40rpx;
  position: relative;
}
.success_icon{
  width: 100rpx;
  height: 100rpx;
  margin: 112rpx auto 0;
  display: block;
}
.receive_text{
  font-weight: 400;
  font-size: 34rpx;
  color: #333333;
  text-align: center;
}
.coninue_scan{
  width: 434rpx;
  height: 94rpx;
  background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/c_scan.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  text-align: center;
  line-height: 94rpx;
  font-weight: 500;
  font-size: 40rpx;
  color: #FFFFFF;
  margin: 66rpx auto 0;
}
.close_poup{
  width: 60rpx;
  height: 60rpx;
  position: absolute;
  bottom: -120rpx;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png");
}