/* pages/scout/scout.wxss */ .content{ position: absolute; bottom: 0; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; } .bg{ width: 750rpx; height: 650rpx; } .reward{ width: 602rpx; height: 548rpx; margin: 43rpx auto 0 auto; } .btn{ position: relative; text-align: center; width: 654rpx; height: 58rpx; line-height: 58rpx; font-size: 30rpx; color: #ffffff; border-radius: 15rpx; background-color: #2a558d; margin: 20rpx auto 40rpx auto; } .btn2{ width: 100%; height: 100%; position: absolute; top:0; left: 0; margin: 0; padding: 0; opacity:0; } .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.5); } .tipContent{ position: relative; width: 557rpx; height: 403rpx; border-radius: 30rpx; background-color: #ffffff; } .tipContent>.title{ width: 100%; height: 78rpx; line-height: 78rpx; color: #ffffff; font-size: 33rpx; font-weight: bold; text-align: center; border-top-left-radius: 15rpx; border-top-right-radius: 15rpx; background-color: #2a558d; } .tipContent>.txt{ width: 400rpx; height: 181rpx; margin: 70rpx auto 0 auto; } .tipContent>.txt2{ width: 371rpx; height: 233rpx; margin: 70rpx auto 0 auto; } .closeBtn { position: absolute; height: 40rpx; width: 40rpx; right:-40rpx; top:-40rpx; } /* use cross as close button */ /* .closeBtn::before { content: "\2716"; } */ .getUserMsgBtn{ position: absolute; left: 0; top: 0; opacity: 0; margin: 0; padding: 0; } .scoutbtn1{ width: 653rpx; height: 70rpx; margin: 20rpx auto 40rpx auto; } .titleImg{ width: 557rpx; height: 76rpx; } .newImagesGroup{ position: relative; width: 603rpx; height: 501rpx; } .newImages{ width: 100%; height: 100%; } .newImages33{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 67rpx; width: 347rpx; height: 62rpx; } .newImages35{ position: absolute; top: -10rpx; right: -10rpx; width: 37rpx; height: 37rpx; }