.plv-auth-info { display: flex; color: #333; height: 50px; margin: 0; padding: 0; margin-left: 40rpx; align-items: center; border-bottom: 1px solid #f0f0f0; position: relative; } .plv-auth-info > input { padding: 0 10px; font-size: 15px; border: none; flex: 1; } .plv-auth-info > picker { width: 50%; margin-left: 10px; } .plv-auth-info > image { width: 148px; height: 36px; } .plv-auth-info .plv-info__get__msg { margin-right: 20rpx; font-size: 15px; height: 36px; line-height: 36px; text-align: center; width: 120px; border: none; background: 0 0; outline: 0; border-left: 1px solid #f0f0f0; color: #999; } .plv-auth-info .btn-disabled { border-left: none; background: #bbb; color: #fff; } .plv-auth-check { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #fff; font-size: 16px; color: #263238; } .plv-auth-check .plv-auth-check__head { height: 50px; line-height: 49px; text-align: center; background-color: #fff; border-bottom: 1px solid #cfd8dc; overflow: hidden; } .plv-auth-check .plv-auth-check__head > text:nth-child(2) { margin-left: -60px; } .plv-auth-check .plv-auth-check__head > text:nth-child(1) { float: left; width: 45px; padding-left: 15px; text-align: left; font-size: 32px; color: #90a4ae; font-weight: 800; } .plv-auth-check__code { display: flex; align-items: center; flex-direction: column; padding: 0 16px 20px 16px; } .plv-auth-check__code > input { width: 100%; height: 40px; margin-top: 40rpx; padding: 0 10px; border-radius: 4px; outline: 0; border: 1px solid #bdbdbd; } .plv-auth-check__code .plv-auth__ercode { margin-top: 40rpx; width: 140px; height: 140px; } .plv-auth-check__btn { position: absolute; bottom: 40rpx; width: 100%; padding: 0 16px; } .plv-auth-check__btn > button { height: 48px; width: 100%; line-height: 48px; text-align: center; border-radius: 24px; color: #fff; font-size: 16px; background-color: #3082FE; }