.content.data-v-665bd5fd { background-color: #fff; border-radius: 20rpx; margin-bottom: 15vh; overflow: hidden; padding: 50rpx; width: 625rpx; } .content .close.data-v-665bd5fd { height: 30rpx; padding: 20rpx; position: absolute; right: 20rpx; top: 20rpx; width: 30rpx; } .content .popup-title.data-v-665bd5fd { color: #333; font-size: 32rpx; font-weight: 700; text-align: center; } .content .input-content.data-v-665bd5fd { background-color: #f7f7f7; border-radius: 10rpx; height: 90rpx; margin-top: 50rpx; padding: 0 20rpx; } .content .input-content .input.data-v-665bd5fd, .content .input-content.data-v-665bd5fd { align-items: center; display: -webkit-flex; display: flex; position: relative; } .content .input-content .input.data-v-665bd5fd { flex-grow: 1; font-size: 32rpx; overflow-y: scroll; } .content .input-content .input .placeholder.data-v-665bd5fd { color: silver; left: 0; position: absolute; } .content .input-content .input .cursor.data-v-665bd5fd { animation: cursor-blinks-665bd5fd 1.5s step-start infinite; background: #1f68e9; height: 40rpx; width: 4rpx; } .content .input-content .clear.data-v-665bd5fd { flex-shrink: 0; height: 32rpx; padding: 0 10rpx 0 20rpx; width: 32rpx; } .content .input-content .input-length.data-v-665bd5fd { color: #232323; flex-shrink: 0; font-size: 26rpx; } .content .button.data-v-665bd5fd { align-items: center; background-color: #1f68e9; border-radius: 100rpx; color: #fff; display: -webkit-flex; display: flex; font-size: 30rpx; font-weight: 700; height: 80rpx; justify-content: center; margin-top: 50rpx; } @-webkit-keyframes cursor-blinks-665bd5fd { 0% { display: block; opacity: 1; } 50% { display: none; opacity: 0; } to { display: block; opacity: 1; } } @keyframes cursor-blinks-665bd5fd { 0% { display: block; opacity: 1; } 50% { display: none; opacity: 0; } to { display: block; opacity: 1; } }