youhuiquan/newRedEnvelo.../css/second.css

body{
	width: 100%;
	min-height: 100vh;
  background: #F9F9F9;
}
.alert-info {
  position: fixed;
  top: 3.48rem;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
}

.alert-info p {
  display: inline-block;
  height: 0.76rem;
  color: #fff;
  font-size: 0.28rem;
  line-height: 0.76rem;
  padding: 0 0.20rem;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0.1rem;
}
.redEnvelopes{
  width: 100%;
  background: #fff;
  padding-top: .52rem;
  padding-bottom:.34rem; 
  text-align: center;
}
.redEnvelopes .userImg{
  width: 1.00rem;
  height: 1.00rem;
  border-radius: 50%;
  margin: auto;
}
.redEnvelopes #count{
  font-size: .26rem;
  color: #020202;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: .20rem auto;
}
.redEnvelopes #count span{
  width: .34rem;
  height: .34rem;
  border-radius:.04rem;
  display: inline-block;
  background: #020202;
  color: #fff;
  font-size: .26rem;
  text-align: center;
  line-height: .34rem;
  margin: 0 .07rem;
}
/* .redEnvelopes #count span:last-child {
  background: #EE0000;
} */
.redEnvelopes .cashWithdrawalPrice {
  font-size: .26rem;
  color: #020202;
}
.redEnvelopes .cashWithdrawalPrice span{
  color: #DC0009;
  font-size: .36rem;
  padding-left: .10rem;
}
.redEnvelopes .cashWithdrawalPrice span span{
  font-size: .66rem;
  padding-left:.02rem;
}
.loading {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100vh;
  z-index: 99;
}
.loading img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0.6rem;
  height: 0.6rem;
}
.redEnvelopes .progressView{
  width: 6.34rem;
  height: .56rem;
  margin: auto;
  margin-top: .2rem;
  position: relative;
}
.redEnvelopes .progress{
  width: 100%;
  height: .14rem;
  background: #FFDCD3;
  border-radius: .20rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.redEnvelopes .progress .progress_bar{
  height: .14rem;
  border-radius: .20rem;
  background: rgba(252,106,37,1);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width:0%;
}
.redEnvelopes .progress .progress_bar .progress_con{
  min-width: .88rem;
  height: .56rem;
  padding: 0 .12rem;
  background:linear-gradient(90deg,rgba(252,106,37,1) 0%,rgba(250,44,54,1) 100%);
  border-radius: .28rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -0.88rem;
  margin: auto;
  color: #FFFFFF;
  font-size: .28rem;
  line-height: .56rem;
}
.redEnvelopes .progress .progressBar .bar span{
  font-size: .36rem;
}
.redEnvelopes .share{
  width: 6.98rem;
  height: .96rem;
  background:linear-gradient(151deg,rgba(154,230,80,1) 0%,rgba(114,214,62,1) 100%);
  border-radius: .12rem;
  margin-top: .38rem;
  color: #FFFFFF;
  font-size: .36rem;
  line-height: .96rem;
  border: 0;
}
.redEnvelopes .hint{
  font-size: .24rem;
  line-height: .34rem;
  color: #4D4D4D;
  margin-top: .34rem;
}
/* 他们提现了 */
.presentingFriendsList{
  background: #fff;
  margin-top: .20rem;
  display: none;
}
.presentingFriendsList .title{
  font-size: .32rem;
  line-height: .44rem;
  color: #333333;
  padding-top: .30rem;
  text-align: center;
  font-weight: bold;
}
.presentingFriendsList .list {
  padding-bottom: .24rem;
  position: relative;
}
.friendHelp .listItem:first-child::before {
  content: "";
  width: .72rem;
  height: .46rem;
  background-image: url("../img/huangguaner@2x.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: .1rem;
  top: -.02rem;
  z-index: 1;
}
.presentingFriendsList .list .listItem{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .24rem .24rem 0;
}
.presentingFriendsList .list .listItem .left{
  display: flex;
  align-items: center;
}
.presentingFriendsList .list .listItem .left .info{
  font-size: .28rem;
  line-height: .40rem;
  color: #222222;
  width: 2.30rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.presentingFriendsList .list .listItem .left img{
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: .24rem;
  z-index: 9;
}
.presentingFriendsList .list .listItem .right{
  color: #4D4D4D;
  font-size: .24rem;
  line-height: .34rem;
}
.presentingFriendsList .list .listItem .right span{
  color: #DC0009;
}
/* 好友助力团 */
.friendHelp .list .listItem .left .friendInfo .info{
  font-size: .28rem;
  line-height: .32rem;
  margin-bottom: .06rem;
}
.friendHelp .list .listItem .left .friendInfo span{
  color: #666666;
  font-size: .24rem;
  line-height: .28rem;
  margin-top: .12rem;
}
.friendHelp .list .listItem .right{
  font-size: .28rem;
  color: #262626;
}
.friendHelp .list .listItem .right span{
  color: #FA3633;
  font-size: .36rem;
  line-height: .50rem;
}
.friendHelp .list .listItem .left{
  position: relative;
}
.friendHelp .list .listItem .left .corwn{
  width: .71rem;
  height: .46rem;
  border-radius: 0;
  position: absolute;
  top: -.30rem;
}
/* 微信分享弹框 */
.share_wechat_mask{
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 99;
}
.share_wechat_mask .share_wechat_con{
  width:5.1rem;
  height: 7.16rem;
  position: absolute;
  top: 2.6rem;
  left: 0;
  right: 0;
  margin: auto;
  background: url(../img/red_share_wechat_bg.png) no-repeat;
  background-size:100%; 
}
.share_wechat_mask .share_wechat_con .share_wechat_title{
  width: 2.58rem;
  height: 0.98rem;
  margin: auto;
  margin-top: 2.88rem;
  padding-left: 0.28rem;
}
.share_wechat_mask .share_wechat_con .jiantou{
  position: absolute;
  right: -0.74rem;
  top: -1.8rem;
  width: 1.92rem;
  height: 1.6rem;
}
.share_wechat_mask .share_wechat_con p{
  color: #fff;
  font-size: 0.28rem;
  line-height: 0.4rem;
  margin-top: 0.4rem;
  text-align: center;
}
.share_wechat_mask .share_wechat_con .price{
  font-size: 0.66rem;
  position: absolute;
  color: #fff;
  top: 3.32rem;
  right: 2.7rem;
}
.share_wechat_mask .share_wechat_con .close{
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.1rem;
  margin: auto;
}
/* 分享到微信还是朋友圈 */
.shareMask{
    display: none;
    width: 100%;height: 100vh;background: rgba(0,0,0,0.5036);position: fixed;top: 0;left: 0;z-index: 99;
}
.shareMask .weixin{
    position: absolute;;bottom: 0;background: #ffffff;width: 100%;
}
.shareMask .weixin h3{
  color: #333333;font-size: 0.34rem;line-height: 0.48rem;text-align: center;padding-top: 0.28rem;
}
.shareMask .weixin h3 span{
  color: #F50F2A;
}
.shareMask .weixin .friends{
  width: 100%;overflow-x:auto;margin-top: 0.6rem;overflow-y:hidden; margin-bottom: 0.48rem;
}
.shareMask .weixin .shareFriends{
  display: none;
}
.shareMask .weixin .friends ul{
  display: flex;align-items: center; padding: 0 0.1rem;
}
.shareMask .weixin .friends ul li{
  text-align: center;
}
.shareMask .weixin .friends ul li img{
  width: 1rem;height: 1rem;border-radius: 50%;margin: auto;
}
.shareMask .weixin .friends ul li span{
  font-size: 0.28rem;line-height: 0.32rem;color: #222222;margin-top: 0.2rem;display: inline-block;
  width: 1.25rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding: 0 0.05rem;
}
.shareMask .weixins{
    background: #fff;
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    border-top: 0.02rem solid #DDDDDD;
}
.shareMask .weixins div{
    text-align: center;
}
.shareMask .weixins div img{
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    margin: auto;
    margin-top: 0.42rem;
    margin-bottom: 0.26rem;
}
.shareMask .weixins div span{
    font-size: 0.26rem;
    line-height: 0.36rem;
    color: #222;
    margin-bottom: 0.34rem;
    display: inline-block;
}
.redEnvelopes .hint a{
  color: #FA2C37;
  /* text-decoration: underline; */
  padding-left: 0.06rem;
}
.swiperAdvertisement .swiper-slide{
  width: 5.32rem;height: 1.4rem;
  background:url(https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/H5-liedou/redEnvelopes/v3-bg-advertisement.png) no-repeat;
  background-size:100%; 
border-radius:0.12rem;display: flex;align-items: center;box-sizing: border-box;
}
.swiperAdvertisement{
  width: 100%;height: 2rem;background: #fff;margin-top: 0.2rem;display: flex;align-items: center;
}
.swiperAdvertisement .swiper-slide .img{
  width: 1.04rem;height: 0.84rem;margin-right: 0.08rem;
}
.swiperAdvertisement .swiper-slide .slide-content .one{
  color: #262626;font-size: 0.28rem;line-height: 0.44rem;display: flex;align-items: center;
}
.swiperAdvertisement .swiper-slide .slide-content .one span{
  color: #F50F2A;
}
.swiperAdvertisement .swiper-slide .slide-content .one em{
  display: inline-block;width: 1.4rem;text-align: center;overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.swiperAdvertisement .swiper-slide .slide-content .two{
  color: #9B9B9B;font-size: 0.24rem;line-height: 0.34rem;margin-top: 0.08rem;
}