| 1 |
- .web_box{background:#fafafc;padding:0 52rpx}.web_box .top{padding:54rpx 0}.web_box .top .title{font-size:48rpx;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#141414}.web_box .top .subtitle{font-size:28rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#444;padding:16rpx 0 0}.web_box .box{width:646rpx;height:872rpx;background:#fff;box-shadow:0rpx 4rpx 68rpx 0rpx rgba(0,0,0,.1);border-radius:20rpx;position:relative}.web_box .box .logo{width:107rpx;height:107rpx;margin:0 auto;z-index:9}.web_box .box .title{font-size:36rpx;font-family:PingFangSC,PingFang SC;font-weight:500;color:#222;padding:54rpx 0 24rpx}.web_box .box .subtitle{font-size:22rpx;font-family:PingFangSC,PingFang SC;font-weight:400;color:#555;padding:0 0 56rpx}.web_box .box .code-img{width:210rpx;height:210rpx;margin-bottom:66rpx}.web_box .box .code-text{width:546rpx;background:#f3f3f3;border-radius:20rpx;padding:32rpx 0}.web_box .box .code-text .text{font-size:36rpx;font-family:PingFangSC,PingFang SC;font-weight:500;color:#222;padding:0 48rpx 0 0}.web_box .box .code-text .text:nth-child(2){padding:0 0 0 48rpx;border-left:1px solid #e0e0e0}.web_box .box .code-text .copy{padding:32rpx 0 0;font-size:24rpx;font-family:PingFangSC,PingFang SC;font-weight:400;color:#0c66c2}.web_box .box::before{content:"";position:absolute;width:110rpx;height:110rpx;background:#fff;top:-40rpx;left:268rpx;border-radius:50%}.web_box .bottom{padding:28rpx 0 60rpx}.web_box .bottom .save{width:244rpx;height:112rpx;background:#e7e7e7;border-radius:56rpx;font-size:32rpx;font-family:PingFangSC,PingFang SC;font-weight:400;color:#333;padding:0;line-height:112rpx}.web_box .bottom .invite{width:364rpx;height:112rpx;background:#0c66c2;border-radius:56rpx;font-size:32rpx;font-family:PingFangSC,PingFang SC;font-weight:400;color:#fff;padding:0;line-height:112rpx}.web_box .list{font-size:24rpx;font-family:PingFangSC,PingFang SC;font-weight:400;color:rgba(51,51,51,.6);padding:0 12rpx 0 0}
|
