.content { padding: 0 0 25rpx 0; .logo { position: relative; width: 500rpx; height: 120rpx; line-height: 120rpx; text-align: center; color: #838383; font-size: 50rpx; font-weight: 600; margin: auto; border-bottom: 1px solid #000; transition: all 0.3s; &.active { color: aqua; } .tinyChatICon { position: absolute; top: 15rpx; left: 30rpx; width: 60rpx; text-align: center; transition: all 0.3s; &.active { transform: scale(1.05); } image { width: 100%; } } } .introduction { position: relative; width: 600rpx; margin: 50rpx auto; padding: 0 20rpx; border: 1px dashed #747474; border-radius: 60rpx; .title { text-align: center; font-size: 45rpx; color: #585858; margin-bottom: 10rpx; margin-top: 20rpx; } .contain { width: 500rpx; font-size: 30rpx; color: #585858; text-indent: 1cm; margin: 0 auto; padding: 20rpx; font-family: Verdana, Geneva, Tahoma, sans-serif; } .notice { text-indent: 44rpx; font-size: 22rpx; color: #929292; padding: 0 50rpx; margin-top: 35rpx; } .switch { position: absolute; width: 100rpx; height: 100rpx; border-radius: 50% 50%; &.topLeft { top: 0; left: 0; transform: translate(-50%, -50%); } &.topRight { top: 0; right: 0; transform: translate(50%, -50%); } &.bottomLeft { bottom: 0; left: 0; transform: translate(-50%, 50%); } &.bottomRight { bottom: 0; right: 0; transform: translate(50%, 50%); } } } .buttons { font-size: 25rpx; .userProtocolModel { text-align: center; margin-bottom: 30rpx; .textInside { position: relative; width: 550rpx; margin: auto; .agreeButton { position: absolute; left: 0rpx; width: 30rpx; height: 30rpx; line-height: 35rpx; border: 1px solid #464646; border-radius: 50% 50%; color: #ffffff; text-align: center; &.active { border: 1px solid #07c160; background-color: #07c160; } } .userProtocol { text-align: center; color: #929292; text-decoration: underline; margin-bottom: 15rpx; } } } .getPhoneNumberBtn { display: none; } .userPhone { text-align: center; margin-bottom: 15rpx; color: #929292; } .payHistory { text-align: center; color: #929292; text-decoration: underline; margin-bottom: 15rpx; } button { border-radius: 30rpx; } } .outSide { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #00000059; .showPrivacy { position: fixed; width: 520rpx; background-color: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 60rpx 40rpx; border-radius: 20rpx; box-shadow: #00000047 2px 1px 2px 2px; .title { text-align: center; } .content { text-indent: 2em; margin: 30rpx 0; } button { width: 350rpx; &.agree { margin-bottom: 25rpx; } &.check { background-color: #ffffff00; font-size: 21rpx; text-decoration: underline; padding: 0; &::after { border: none; } } } .delete { position: absolute; top: 15rpx; right: 15rpx; width: 65rpx; height: 65rpx; } } } }