.r-input{position:relative}
.r-input-inner{border-bottom:1px solid #f2f2f4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:15px;position:relative}
.r-input-mode-default .r-input-inner{padding-top:15px;padding-bottom:15px}
.r-input-mode-to-top .r-input-inner{height:46px}
.r-input-mode-to-top{margin-top:20px}
.r-input-mode-to-top.r-input-error-at-placeholder.r-input-error .r-input-inner,.r-input-mode-to-top.r-input.r-input-focused .r-input-inner,.r-input-mode-to-top.r-input:not(.r-input-empty) .r-input-inner{padding-top:20px}
.r-input-mode-to-top.r-input-error-at-placeholder.r-input-error .r-input-label,.r-input-mode-to-top.r-input.r-input-focused .r-input-label,.r-input-mode-to-top.r-input:not(.r-input-empty) .r-input-label{position:absolute;top:5px;font-size:12px;color:#bdbdbd}
.r-input-mode-to-top.r-input:not(.r-input-focused) .r-input-input::-webkit-input-placeholder{color:transparent}
.r-input-mode-to-top .r-input-prepend{display:none}
.r-input-mode-to-top.r-input.r-input-focused .r-input-prepend,.r-input-mode-to-top.r-input:not(.r-input-empty) .r-input-prepend{display:block}
.r-input-mode-to-top .r-input-label{font-size:16px;color:#bdbdbd;position:absolute}
.r-input-mode-to-top .r-input-input{font-size:16px;line-height:21px;color:#181c48}
.r-input-mode-default .r-input-label{font-size:14px;color:#333;line-height:20px}
.r-input-mode-default.r-input-text-left .r-input-label{margin-right:23px}
.r-input-mode-default .r-input-input{font-size:14px;line-height:20px;color:#333}
.r-input-show-edit .r-input-input{font-size:35px;line-height:40px;font-weight:600}
.r-input-show-edit .r-input-error-tip{padding-top:5px;line-height:17px}
.r-input-show-edit .r-input-inner{padding-top:0;padding-bottom:0}
.r-input-label-right .r-input-label{text-align:right;padding-right:10px}
.r-input-label-top{padding-top:14px}
.r-input-label-top .r-input-label{position:absolute;top:0;z-index:1}
.r-input-label{line-height:1;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:10px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.r-input-append,.r-input-prepend{font-size:16px;color:#acb4c0;position:relative}
.r-input-prepend{padding-right:5px}
.r-input-append{padding-left:5px}
.r-input-content{-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}
.r-input-input{outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0);border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;background-color:transparent;min-height:20px;word-break:break-all;letter-spacing:0;font-family:"PingFangSC-Regular PingFang SC",arial,sans-serif;z-index:2}
.r-input-input[disabled],.r-input-input[readonly]{color:#999}
.r-input-input::-webkit-input-placeholder{color:#c8c7cc}
.r-input-input::-moz-placeholder{color:#c8c7cc}
.r-input-input:-ms-input-placeholder{color:#c8c7cc}
.r-input-input::-ms-input-placeholder{color:#c8c7cc}
.r-input-input::placeholder{color:#c8c7cc}
.r-input .input-edit{position:absolute;top:0;left:0;width:auto!important;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.r-input .input-edit .placeholder{letter-spacing:0;opacity:0;font-family:"PingFangSC-Regular PingFang SC",arial,sans-serif}
.r-input .input-edit .edit-icon{font-size:15px;color:#212121;margin-left:7px;position:relative;top:-5px}
.r-input-text-right .r-input-input{text-align:right}
.r-input-text-right.r-input-show-clear .r-input-input{padding-right:20px}
.r-input-text-center .r-input-input{text-align:center}
.r-input-show-clear .r-input-input{padding-right:20px}
.r-input-unit{font-size:14px;line-height:1;color:#333;padding-left:5px;white-space:nowrap}
.r-input-clear{position:absolute;top:0;right:0;height:100%;line-height:1;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2;font-size:15px;color:#c8c7cc;cursor:pointer}
.r-input-error .r-input-inner{border-color:#fa5050}
.r-input-error.r-input-mode-default .r-input-inner{margin-bottom:20px}
.r-input-error-tip{position:absolute;left:0;top:100%;width:100%;line-height:17px;padding-top:4px;font-size:12px;color:#fa5050;z-index:1}
.r-input-error-tip2{position:absolute;left:0;top:50%;width:100%;line-height:1px;font-size:12px;color:#fa5050;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-sizing:border-box;box-sizing:border-box}
.r-input-text-right .r-input-error-tip2{text-align:right}
.r-input-error-at-placeholder.r-input-error input::-webkit-input-placeholder{color:transparent}
.r-input-error-at-placeholder.r-input-error input::-moz-placeholder{color:transparent}
.r-input-error-at-placeholder.r-input-error input:-ms-input-placeholder{color:transparent}
.r-input-error-at-placeholder.r-input-error input::-ms-input-placeholder{color:transparent}
.r-input-error-at-placeholder.r-input-error input,.r-input-error-at-placeholder.r-input-error input::placeholder{color:transparent}
.r-input-hidden{display:none}
.r-input-email-panel{padding:5px 15px}
.r-input-email-panel--item{line-height:30px;font-size:14px;color:#333}
.r-input-email-panel--item font{color:#4084e8}