.vnp-input-box[data-v-5ae95022]{padding:10px 0;border:1px solid #d8d8d8;border-radius:2px;color:#8d8d8d;font-size:15px;text-align:center}.vnp-input-box ul[data-v-5ae95022]{display:-webkit-box;display:-ms-flexbox;display:flex}.vnp-input-box li[data-v-5ae95022]{-webkit-box-flex:1;-ms-flex:1;flex:1;border-right:1px solid #eaeaea;height:28px;line-height:28px}.vnp-input-box li[data-v-5ae95022]:first-child{border-color:#a6a6a6;-webkit-box-flex:1.3;-ms-flex:1.3;flex:1.3}.vnp-input-box li[data-v-5ae95022]:last-child{border:none}.vnp-input-box li.active[data-v-5ae95022]{color:#1989fa}.vnp-input-box li.active>span[data-v-5ae95022]{height:100%;width:20px;display:inline-block;border-bottom:1px solid #1989fa}.vnp-header[data-v-f3baa786]{height:40px;padding-top:6px;position:relative}.vnp-header .vnp-btn-finish[data-v-f3baa786]{position:absolute;right:0;height:100%;padding:0 16px;color:#576b95;font-size:14px;background-color:transparent;border:none;cursor:pointer}.vnp-input-box-outer[data-v-f3baa786]{width:82%;max-width:600px;margin:0 auto;padding:10px}.vnp-keys[data-v-f3baa786]{padding:3px;background:#f2f3f5;padding-bottom:22px}.vnp-keys .vnp-keys-row[data-v-f3baa786]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vnp-keys .vnp-btn-key-wrapper[data-v-f3baa786]{-webkit-box-flex:0;-ms-flex:0 1 calc(10% - 6px);flex:0 1 calc(10% - 6px);padding:3px;-webkit-box-sizing:content-box;box-sizing:content-box}.vnp-keys .vnp-btn-key-wrapper.vnp-del-wrapper[data-v-f3baa786],.vnp-keys .vnp-btn-key-wrapper.vnp-type-wrapper[data-v-f3baa786]{-webkit-box-flex:1;-ms-flex:1;flex:1}.vnp-keys .vnp-btn-key-wrapper.vnp-type-wrapper .vnp-smaller[data-v-f3baa786]{color:#999;font-size:12px}.vnp-keys .vnp-btn-key-wrapper .vnp-btn-key[data-v-f3baa786]{padding:0;width:100%;border-radius:4px}.vnp-keys .vnp-btn-key-wrapper .vnp-btn-empty[data-v-f3baa786]{background:transparent;border:none}.vnp-keys .vnp-btn-key-wrapper .vnp-delete-icon[data-v-f3baa786]{width:18px;vertical-align:middle}