/* components/userNumberSync.wxss */ .component { position: fixed; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s; z-index: -100; &.active { background-color: #000000a2; z-index: 999; } .checkBox { position: fixed; bottom: -800rpx; width: 100%; height: 0rpx; background-color: #ffffff; border-radius: 5% 5% 0 0; transition: all 0.3s; z-index: -100; &.active { bottom: 0; height: 55%; z-index: 999; } .logo { width: 200rpx; height: 200rpx; margin: 50rpx auto; margin-bottom: 90rpx; image { width: 100%; } .title { text-align: center; font-weight: 600; font-size: 50rpx; color: #4b4b4b; } } .memberNotice { text-align: center; font-weight: 200; } .getPhoneNumber { width: 70%; border-radius: 20rpx; margin-top: 50rpx; } .skip { text-align: center; margin: 40rpx 0; } .userProtocolModel { text-align: center; margin-bottom: 30rpx; .textInside { position: relative; .agreeButton { position: absolute; left: 80rpx; width: 35rpx; height: 35rpx; line-height: 35rpx; border: 1px solid #464646; border-radius: 50% 50%; color: #ffffff; text-align: center; image { width: 100%; height: 100%; } &.active { border: 0px solid #464646; } } .userProtocol { text-align: center; color: #929292; text-decoration: underline; margin-bottom: 15rpx; } } } } }