.user-dialog-inner{position:relative}.user-dialog-inner .user-avatar{display:block;width:100px;height:100px;border-radius:5px;margin:0 auto 20px}.user-dialog-inner .form-row{position:relative;margin-bottom:20px;text-align:center}.user-dialog-inner .form-row-label{position:absolute;top:0;left:0;display:block;width:100px;line-height:26px;text-align:right;-webkit-transform:translate(-100%);transform:translate(-100%)}.user-dialog-inner .form-row-main{margin-left:10px}.user-dialog-inner .form-row .el-button{min-width:120px}.user-dialog-inner .form-row .el-input__inner{width:200px;height:26px;line-height:26px;border:none;background-color:#ebebeb;color:#333}.user-dialog-inner .form-row .el-input__inner:-webkit-autofill{-webkit-text-fill-color:#333!important;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.user-dialog-inner .form-row .el-input__suffix{right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-dialog-inner .form-row .el-input__suffix .svg-icon{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.user-dialog-inner .form-row .el-input__suffix .svg-icon:hover{color:#666}.user-dialog-inner .form-row:last-of-type{margin-top:50px}.color{width:150px;border:1px solid rgba(0,0,0,.1);padding:2px;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:absolute;top:2px;left:103%}.color .one{border-radius:5px 0 0 5px}.color .one,.color .two{margin-right:10px}.color .one,.color .three,.color .two{-ms-flex-negative:0;flex-shrink:0;width:40px;height:5px;background:#ccc}.color .three{border-radius:0 5px 5px 0}.bg1{width:50px;padding:2px;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:absolute;top:3px;left:103%;overflow:hidden;-webkit-animation:bg1 .5s;animation:bg1 .5s}.bg1 .one{background:#ec3701;border-radius:5px 0 0 5px}.bg1 .one,.bg1 .two{-ms-flex-negative:0;flex-shrink:0;width:40px;height:5px;margin-right:10px}.bg1 .two{background:#f78115}.bg1 .three{-ms-flex-negative:0;flex-shrink:0;width:40px;height:5px;background:#6ba001;border-radius:0 5px 5px 0}.bg2{width:100px;padding:2px;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:absolute;top:3px;left:103%;overflow:hidden;-webkit-animation:bg2 .5s;animation:bg2 .5s}.bg2 .one{background:#ec3701;border-radius:5px 0 0 5px}.bg2 .one,.bg2 .two{-ms-flex-negative:0;flex-shrink:0;width:40px;height:5px;margin-right:10px}.bg2 .two{background:#f78115}.bg2 .three{-ms-flex-negative:0;flex-shrink:0;width:40px;height:5px;background:#6ba001;border-radius:0 5px 5px 0}.bg3{width:150px;padding:2px;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:absolute;top:3px;left:103%;overflow:hidden;-webkit-animation:bg3 .5s;animation:bg3 .5s}.bg3 .one{background:#ec3701;border-radius:5px 0 0 5px}.bg3 .one,.bg3 .two{-ms-flex-negative:0;flex-shrink:0;width:40px;height:5px;margin-right:10px}.bg3 .two{background:#f78115}.bg3 .three{-ms-flex-negative:0;flex-shrink:0;width:45px;height:5px;background:#6ba001;border-radius:0 5px 5px 0}.text{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:absolute;top:14px;left:103%;font-size:12px}.text div{margin:0 auto}@-webkit-keyframes bg1{0%{width:0}to{width:50px}}@keyframes bg1{0%{width:0}to{width:50px}}@-webkit-keyframes bg2{0%{width:50px}to{width:100px}}@keyframes bg2{0%{width:50px}to{width:100px}}@-webkit-keyframes bg3{0%{width:100px}to{width:150px}}@keyframes bg3{0%{width:100px}to{width:150px}}