index.wxss 6.6 KB
/* scanGroup/jyScan/record/index.wxss */
/* scanGroup/dahaoda/record/index.wxss */
page{
  background-color: #fff;
}
.container{
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.scanCount{
  font-weight: 500;
  font-size: 34rpx;
  color: #004487;
  padding: 32rpx 0rpx 0 32rpx;
  /* height: 100rpx; */
  /* border: 1px solid red; */
}
.recordItem{
  padding: 32rpx 22rpx 0 32rpx;
}
.recordLine{
  border-bottom: 1px solid #f4f5ee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.recordDesc{
  font-weight: 400;
  font-size: 34rpx;
  color: #333333;
}
.recordTime{
  font-weight: 400;
  font-size: 28rpx;
  color: #999999;
  margin-bottom: 32rpx;
  margin-top: 8rpx;
}
.recordButtonReceive{
  width: 144rpx;
  height: 58rpx;
  font-size: 28rpx;
  background: #004487;
  border-radius: 30rpx;
  text-align: center;
  line-height: 58rpx;
  color: #fff;
}
.recordButtonAlready{
  width: 144rpx;
  height: 58rpx;
  font-weight: 400;
  font-size: 28rpx;
  color: #999;
  border-radius: 30rpx;
  text-align: center;
  line-height: 58rpx;
}
.scrollViewRe{
  /* border:  1px solid red; */
  height: calc(100vh - 284rpx);
}
.containerScan{
  width: 630rpx;
  height: 96rpx;
  background-image: linear-gradient(180deg, #0079BC 0%, #004487 100%);
  border-radius: 48rpx;
  text-align: center;
  line-height: 96rpx;
  font-weight: 600;
  font-size: 34rpx;
  color: #FFFFFF;
  position: fixed;
  left: 50%;
  transform: translate(-50%,0);
  bottom: 88rpx;
}



.comMessBox{
  width: 658rpx;
  height: 636rpx;
  background: #FFFFFF;
  border-radius: 16rpx;
  position: relative;
  z-index: 100;
  margin-top: -250rpx;
}
.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: #004487;
  position: absolute;
  top: center;
  left: 190rpx;
  z-index: 99;
  background-color: #fff;
  width: 160rpx;
  height: 54rpx;
  border: 2rpx solid #004487;
}
.phoneTwo{
  width: 160rpx;
  height: 48rpx;
  border: 2rpx solid #004487;
  border-radius: 8rpx;
  line-height: 48rpx;
  text-align: center;
  font-size: 34rpx;
  color: #004487;
  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: 2rpx solid #004487;
  border-radius: 49rpx;
  text-align: center;
  line-height: 72rpx;
  font-weight: 500;
  font-size: 30rpx;
  color: #004487;
}
.submitButtonS{
  width: 228rpx;
  height: 72rpx;
  background: #004487;
  border-radius: 49rpx;
  text-align: center;
  line-height: 72rpx;
  font-weight: 500;
  font-size: 30rpx;
  color: white;
}
.submitButton{
  width: 228rpx;
  height: 72rpx;
  background: #b3c7db;
  border-radius: 49rpx;
  text-align: center;
  line-height: 72rpx;
  font-weight: 500;
  font-size: 30rpx;
  color: white;
}



.receive_poup{
  width: 602rpx;
  margin-top: -250rpx;
  height: 600rpx;
  /* background-image: linear-gradient(202deg, #FFACAC 0%, #FFFFFF 71%); */
  background-color: #fff;
  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/jyScan/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;
  /* top: -100rpx; */
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png");
}


.secondRedpack_poup{
  margin-top: -120rpx;
  width: 658rpx;
  height: 712rpx;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  /* background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/second_bg1.png"); */
  position: relative;
}
.secondRed_amount{
  width: 594rpx;
  height: 256rpx;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: 266rpx;
}
.secondRed_btn{
  width: 434rpx;
  height: 94rpx;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/jyScan/sencond_btn.png");
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: 46rpx;
  font-weight: 500;
  font-size: 40rpx;
  color: #AA5500;
  letter-spacing: 0;
  text-align: center;
  line-height: 94rpx;
}
.secondRed_close_poup{
  width: 60rpx;
  height: 60rpx;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: -110rpx;
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100%;
  background-image: url("https://hbrand.oss-cn-hangzhou.aliyuncs.com/cpp/dahaoda/close.png");
}