[data-v-181b8aad]:root{--bar-width:224px}.base-input[data-v-181b8aad]{position:relative;display:flex;align-items:center}.base-input .search-icon[data-v-181b8aad]{position:relative;left:16px;color:#b0b7c3;font-size:24px;z-index:2}.base-input .clean-icon[data-v-181b8aad]{position:absolute;cursor:pointer;right:16px;color:#b0b7c3;font-size:20px;z-index:5}.base-input.has-search-icon .input-element[data-v-181b8aad]{padding-left:52px}.base-input.has-clean-icon .input-element[data-v-181b8aad]{padding-right:50px}.base-input.has-vip-icon .clean-icon[data-v-181b8aad]{right:36px}.base-input.has-vip-icon .input-element[data-v-181b8aad]{padding-right:68px}.base-input .input-element[data-v-181b8aad]{padding:0 16px;width:100%;height:100%;background:#f7f8fa;box-sizing:border-box;border-radius:14px;position:absolute;left:-1px;border:1px solid rgba(252,161,102,0);box-shadow:0 0 0 4px rgba(254,232,217,0);transition:.2s ease-in-out;transition-property:background,box-shadow,border-color}.base-input .input-element[data-v-181b8aad]::-moz-placeholder{font-size:14px}.base-input .input-element[data-v-181b8aad]::placeholder{font-size:14px}.base-input .input-element[data-v-181b8aad]:focus,.base-input .input-element[data-v-181b8aad]:hover{background:#fff;box-shadow:0 0 0 4px #fee8d9}.base-input .input-element[data-v-181b8aad]:hover{border-color:#fca166}.base-input .input-element[data-v-181b8aad]:focus{border-color:#fa6300}.base-input .vip-triangle-div[data-v-181b8aad]{width:0;height:0;border-width:18px 18px 16px 20px;border-style:solid;border-top-right-radius:14px;position:absolute;top:1px;right:2px;z-index:3}.base-input .vip-triangle-div.vip-triangle-profession[data-v-181b8aad]{border-color:#fff3eb #fff3eb transparent transparent}.base-input .vip-triangle-div.vip-triangle-business[data-v-181b8aad]{border-color:#e5f6ef #e5f6ef transparent transparent}.base-input .vip-triangle-div.vip-triangle-enterprise[data-v-181b8aad]{border-color:#edecf9 #edecf9 transparent transparent}.base-input .vip-triangle-div.vip-triangle-customized[data-v-181b8aad]{border-color:#ebf2ff #ebf2ff transparent transparent}.base-input .vip-triangle-div .vip-icon[data-v-181b8aad]{width:16px;height:16px;position:absolute;cursor:pointer;bottom:-2px;left:-2px}