page{ padding-bottom: 88rpx; position: relative; } .text1{ position: absolute; bottom: 648rpx; left: 225rpx; font-size:24rpx; font-family:PingFang SC; font-weight:400; color:rgba(152,152,152,1); } .text2{ position: absolute; bottom: 560rpx; left: 225rpx; font-size:24rpx; font-family:PingFang SC; font-weight:400; color:rgba(152,152,152,1); } .text3{ position: absolute; bottom: 480rpx; left: 225rpx; font-size:24rpx; font-family:PingFang SC; font-weight:400; color:rgba(152,152,152,1); } .btn{ width: 100%; display: flex; align-items: center; justify-content: center; height: 88rpx; background: #10D6BB; font-size:36rpx; font-family:PingFang SC; font-weight:500; color:rgba(255,255,255,1); position: fixed; bottom: 0rpx; left: 0rpx; } .back{ width: 100%; height: 100%; position: fixed; top: 0rpx; left: 0rpx; right: 0rpx; bottom: 0rpx; z-index: 9999; background: #666666; opacity: 0.5; } .model{ display: flex; justify-content: center; width: 100%; position: fixed; z-index: 9999; top: 8%; left: 0%; } .over{ position: fixed; bottom: 10%; z-index: 99999; } .content{ width: 582rpx; height: 624rpx; background: white; z-index: 99999; margin-top: 240rpx; position: relative; } .content .view1{ display: flex; align-items: center; width: 100%; justify-content: space-around; } .content .view2{ display: flex; align-items: center; padding-left: 73rpx; padding-top: 14rpx; } .content .view2 view:nth-of-type(1){ width:10rpx; height:10rpx; background:rgba(24,213,185,1); opacity:0.85; border-radius:50%; } .content .view2 view:nth-of-type(2){ font-size:30rpx; font-family:PingFang SC; font-weight:500; color:rgba(24,213,185,1); padding-left: 10rpx; } .content .text{ font-size:24rpx; font-family:PingFang SC; font-weight:400; color:rgba(152,152,152,1); padding-left: 93rpx; padding-top: 10rpx; } .content .view1 view{ width: 218rpx; height: 228rpx; /* background: #EFEFEF; */ display: flex; align-items: center; justify-content: center; margin-top: -15rpx; } .content .bottom{ width: 100%; display: flex; position: absolute; bottom: 0rpx; left: 0rpx; height: 88rpx; justify-content: space-between; align-items: flex-end; } .content .bottom view:nth-of-type(1){ width: 260rpx; height: 97%; display: flex; align-items: center; justify-content: center; color: #10D6BB; box-shadow:0px 0px 3rpx 0px rgba(92,178,160,1); } .content .bottom view:nth-of-type(2){ width: 322rpx; height: 100%; display: flex; align-items: center; justify-content: center; background: #10D6BB; color: white; }