minixyz/pages/handOutBonus/handOutBonus.wxss

/* pages/handOutBonus/handOutBonus.wxss */
.common_box {
  background: #fdfaf3;
  padding: 0 30rpx;
  height: 100vh;
}
.balance_header {
  padding-left: 30rpx;
  padding-top: 20rpx;
  padding-bottom: 10rpx;
  height: 48rpx;
  line-height: 48rpx;
  font-size: 36rpx;
  font-weight: bold;
  color: #333;
}
.balance_cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 112rpx;
  padding-left: 30rpx;
  font-size: 30rpx;
  background: #fff;
}
.right_cell {
  display: flex;
  align-items: center;
  padding-right: 30rpx;
}
.wid160 {
  width: 160rpx;
}
.balance_input {
  text-align: right;
  padding-right: 20rpx;
  width: 300rpx;
}
.icon_pin {
  position: relative;
  top: 2rpx;
  margin-left: 4rpx;
  width: 30rpx;
  height: 30rpx;
}
.bonus_cell_type {
  font-size: 24rpx;
  padding: 20rpx 0 20rpx 20rpx;
}
.message_input {
  width: 520rpx;
}
.bonus_total {
  margin-top: 60rpx;
  text-align: center;
  font-weight: bold;
  font-size: 90rpx;
}
.fixed_box {
  position: fixed;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.wx_share {
  width: 80rpx;
  height: 80rpx;
}
.wx_share_box {
  position: relative;
  width: 160rpx;
  margin: auto;
}
.wx_share_btn {
  position: absolute;
  opacity:0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.validate_share {
  width: 60rpx;
  height: 60rpx;
}
.real_share_box {
  position: fixed;
  z-index: -1;
  opacity: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,.6);
}
.real_share_box.show_popup {
  z-index: 500;
  opacity: 1;
}
.real_share_bg {
  position: fixed;
  z-index: 501;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 200rpx;
  background: #fff;
  text-align: center;
  transition: all 0.3s;
  transform: translateY(110%);
}
.show_animation {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.share_btn {
  margin: 50rpx auto;
  width: 350rpx;
  height: 78rpx;
  line-height: 80rpx;
  background: #DCDCDC;
  border-radius: 6rpx;
  font-size: 34rpx;
  color: #fff;
  text-align: center;
  letter-spacing: 0.5px;
}
.share_btn.can_share{
  background: #2b2b2b;
}