.x-input{position:relative;width:100%;background:#f2f2f2;border-radius:.933vw}.x-input,.x-input-group__append{display:-webkit-box;display:-ms-flexbox;display:flex}.x-input-group__append{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 2.667vw;border-top-right-radius:.933vw;border-bottom-right-radius:.933vw;white-space:nowrap}.x-input .van-field__control{min-height:11.733vw}.x-input_cross{position:absolute;opacity:0;right:2vw;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:.667vw;font-size:2.4vw;color:#fff;background:#ccc;border-radius:50%}.x-input_cross.show{opacity:1}.x-input-group--prepend .x-input__inner,.x-input-group__append{border-top-left-radius:0;border-bottom-left-radius:0}.x-input-group__prepend{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.x-input__inner{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:11.733vw;line-height:1.5;-webkit-appearance:none;background-image:none;border-radius:.933vw;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;font-size:3.733vw;outline:none;padding:0 7.333vw 0 4vw;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1);-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f2f2f2;color:#282828}.x-input__inner::-webkit-input-placeholder{color:#ccc}.x-input__inner::-moz-placeholder{color:#ccc}.x-input__inner:-ms-input-placeholder{color:#ccc}.x-input__inner::-ms-input-placeholder{color:#ccc}.x-input__inner::placeholder{color:#ccc}.p-4{padding:1rem}