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; }