.page.data-v-26552c00 { z-index: 2000; } .phones.data-v-26552c00 { position: absolute; padding-left: 20rpx; left: 1%; top: 1%; color: #999999; line-height: 92rpx; } .ruleInputs.data-v-26552c00 { min-width: 0!important; min-height: 0!important; padding: 0!important; } .pop.data-v-26552c00 { visibility: hidden; } .pop .uni-input-placeholder.data-v-26552c00 { display: none; } .pop--show.data-v-26552c00 { visibility: visible; } .pop--show .uni-input-placeholder.data-v-26552c00 { display: block; } .pop__mask.data-v-26552c00 { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none; } .pop__mask--hide.data-v-26552c00 { background: 0 0; } .pop__container.data-v-26552c00 { position: fixed; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transform-origin: center; transform-origin: center; transition: all 0.3s ease; opacity: 0; } .pop--show .pop__container.data-v-26552c00 { opacity: 1; } .pop--show .pop__mask.data-v-26552c00 { display: block; } .pop--left .pop__container.data-v-26552c00 { left: 0; top: 50%; -webkit-transform: translate3d(-100%, -50%, 0); transform: translate3d(-100%, -50%, 0); } .pop--show.pop--left .pop__container.data-v-26552c00 { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .pop--right .pop__container.data-v-26552c00 { right: 0; top: 50%; left: auto; -webkit-transform: translate3d(100%, -50%, 0); transform: translate3d(100%, -50%, 0); } .pop--show.pop--right .pop__container.data-v-26552c00 { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .pop--bottom .pop__container.data-v-26552c00 { top: auto; left: 50%; -webkit-transform: translate3d(-50%, 100%, 0); transform: translate3d(-50%, 100%, 0); } .pop--show.pop--bottom .pop__container.data-v-26552c00 { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .pop--top .pop__container.data-v-26552c00 { top: 0; left: 50%; -webkit-transform: translate3d(-50%, -100%, 0); transform: translate3d(-50%, -100%, 0); } .pop--show.pop--top .pop__container.data-v-26552c00 { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .show.data-v-26552c00 { width: 600rpx; background: #ffffff; border-radius: 20rpx; overflow: hidden; } .show > image.data-v-26552c00 { width: 600rpx; height: 112rpx; } .showTitle.data-v-26552c00 { font-size: 36rpx; color: #333333; } .showTitle2.data-v-26552c00 { margin-top: 16rpx; font-size: 24rpx; color: #999999; } .showPackage.data-v-26552c00 { padding: 0 50rpx 50rpx 50rpx; } .userNameInput.data-v-26552c00 { margin-top: 50rpx; position: relative; width: 500rpx; height: 90rpx; background: #f8f8f8; border-radius: 10rpx; } .userNameInput > input.data-v-26552c00 { height: 90rpx; margin-left: 30rpx; font-size: 28rpx; color: #333333; } .userSmsInput.data-v-26552c00 { width: 500rpx; height: 90rpx; background: #f8f8f8; border-radius: 10rpx; margin-top: 20rpx; position: relative; } .userSmsInput > input.data-v-26552c00 { vertical-align: middle; display: inline-block; height: 90rpx; width: 200rpx; margin-left: 30rpx; font-size: 28rpx; color: #333333; } .getSms.data-v-26552c00 { vertical-align: middle; display: inline-block; width: 150rpx; height: 58rpx; background: #ff4444; border-radius: 6rpx; text-align: center; } .getSms > ._span.data-v-26552c00 { line-height: 58rpx; font-size: 24rpx; color: #ffffff; } .showSubmitButton.data-v-26552c00 { margin: 40rpx auto 0 auto; width: 292rpx; height: 74rpx; background: #ff4444; border-radius: 37rpx; text-align: center; } .showSubmitButton > ._span.data-v-26552c00 { line-height: 74rpx; font-size: 28rpx; color: #ffffff; }