H5_module/promote/invite/invite.css

/* promote/invite/invite.wxss */
.bgimg{width: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.invite{position: absolute;top: 0;left: 0;width: 100%;z-index: 2;}
.logo{font-size: 28rpx;color: #fff;padding: 30rpx;align-items: center;}
.logoimg{width: 80rpx;height: 80rpx;background: #fff;border-radius: 50%;margin-right: 20rpx;}
.bot{position: absolute;bottom: 180rpx;left: 0;right: 0;text-align: center;z-index: 2;}
.bot{bottom: initial;top: 745rpx;}
.code{width: 250rpx;height: 250rpx;background: #fff;/* border-radius: 12rpx; */margin: 0 auto 45rpx;overflow: hidden;}
.code image{width: 100%;height: 100%;}
.chang{margin-top: 10rpx;padding: 20rpx 0;font-size: 24rpx;color: #fff;}

.bott{position: fixed;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 50;padding-bottom: 40rpx;}
.poster-list{margin-top: 40rpx;height: 182rpx;overflow: hidden;}
.poster-list scroll-view{white-space: nowrap;height: 222rpx;}
.poster-list .li{display: inline-block;margin-right: 17rpx;width: 123rpx;height: 172rpx;overflow: hidden;}
.poster-list .li:first-child{margin-left: 30rpx;}
.poster-list .li:last-child{margin-right: 30rpx;}
.poster-list .li image{width: 100%;}
.poster-list .li.active{border: 5rpx solid #fff;}


.share{width:110rpx !important;height: 110rpx !important;;border-radius: 50% !important;background: var(--mina);position: fixed;bottom: 30%;right: 30rpx; z-index: 50;}
.share image{width: 100%;height: 100%;}


.canvas{position: fixed;left: 9999999px;top: 0;}