.pageContainer{ padding: 0 32rpx; } .pageTitle{ margin-top: 80rpx; font-size: 36rpx; color: #161719; margin-bottom: 18rpx; } .inputItem{ position: relative; height: 94rpx; } .inputItem::after{ content: ''; position: absolute; right: 0; bottom: 0; width: 100%; background: #E0E1E5; height: 2rpx; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index: 2; } .inputItem input{ font-size: 32rpx; color: #161719; flex: 1; height: 100%; } .inputItem.code{ margin-top: 12rpx; } .inputBox{ flex: 1; height: 100%; } .getCode{ height: 58rpx; border-radius: 42rpx; border: 2rpx solid #E73E2D; padding: 0 20rpx; font-size: 30rpx; color: #E73E2D; } .getCode.sel{ border: 2rpx solid #909297; font-size: 28rpx; color: #909297; } .submitLogin{ height: 84rpx; background: rgba(231, 62, 45, 0.5); border-radius: 48rpx; font-size: 32rpx; font-weight: bold; color: #FFFFFF; margin-top: 78rpx; } .submitLogin.sel{ background: #E73E2D; } .selectBox{ padding: 24rpx 12rpx 24rpx 24rpx; } .explainText{ font-size: 24rpx; color: #909297; } .explainText .lan{ color: rgba(0,160,233,1); } .emptyCode{ height: 100%; padding: 0 12rpx; }