.guide__title{display:-webkit-box;display:-ms-flexbox;display:flex;height:50px;padding:0 20px;font-weight:700;font-size:15px;color:#233040}.guide__title--step{margin-right:6px}.guide__image{height:240px;background-size:contain;background-repeat:no-repeat;background-position:50%}.guide .el-carousel__container{height:330px}.guide .el-carousel__arrow{background-color:rgba(31,45,61,.4)}.guide .el-carousel__arrow--left{left:0}.guide .el-carousel__arrow--right{right:0}.guide .el-carousel__indicator{background:#387ac6;background:rgba(56,122,198,.5);padding:0;margin:0 10px;border-radius:50%;width:22px;height:22px;line-height:22px;text-align:center;color:#fff}.guide .el-carousel__indicator.is-active{background:#387ac6;background:rgba(56,122,198,.9)}.guide .el-carousel__indicator:first-child:after{content:"1"}.guide .el-carousel__indicator:nth-child(2):after{content:"2"}.guide .el-carousel__indicator:nth-child(3):after{content:"3"}.guide .el-carousel__indicator:nth-child(4):after{content:"4"}.guide .el-carousel__button{display:none}.guide__icon{display:inline-block;padding-left:5px;cursor:pointer}.user-profile{-webkit-overflow-scrolling:touch;width:100%;height:auto!important;overflow:auto;margin-top:6px;margin-right:8px;padding-top:24px}.user-profile::-webkit-scrollbar{width:6px}.user-profile::-webkit-scrollbar-thumb{border-radius:3px;background-color:#929bad;z-index:999}.user-profile__loading{background:hsla(0,0%,100%,.4);position:absolute;z-index:1111;top:0;right:0;bottom:0;left:0}.user-profile__loading .icon{font-size:40px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.user-profile__body{border-radius:8px;-webkit-box-shadow:0 8px 24px rgba(6,68,141,.2);box-shadow:0 8px 24px rgba(6,68,141,.2);margin:0 auto;padding:32px;max-width:556px}.user-profile__body .body__title{font-size:24px;font-weight:700;color:#387ac6}.user-profile__body .body__title .user-profile__body .body__title--password{margin-top:24px;margin-bottom:24px}.user-profile__body .body__avatar{position:relative;margin-top:24px;height:160px}.user-profile__body .body__avatar.upload-area{width:160px}.user-profile__body .body__avatar.upload-area .avatar img{border-radius:50%;-o-object-fit:cover;object-fit:cover;width:160px;height:160px}.user-profile__body .body__avatar.upload-area .upload-avatar{border-radius:50%;position:absolute;right:5px;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;background-color:#ccc}.user-profile__body .body__avatar.upload-area .upload-avatar img.edit-avatar{display:block}.user-profile__body .body__avatar.upload-area .upload-avatar img.edit-avatar-active{display:none}.user-profile__body .body__avatar.upload-area .upload-avatar:hover{-webkit-box-shadow:0 8px 24px rgba(6,68,141,.2);box-shadow:0 8px 24px rgba(6,68,141,.2);cursor:pointer;background-color:#387ac6;-webkit-transition:all .3s ease;transition:all .3s ease}.user-profile__body .body__avatar.upload-area .upload-avatar:hover img.edit-avatar{display:none}.user-profile__body .body__avatar.upload-area .upload-avatar:hover img.edit-avatar-active{display:block}.user-profile__body .body__profile-form{margin-top:24px}.user-profile__body .body__profile-form .profile-form{position:relative;margin-top:16px}.user-profile__body .body__profile-form .profile-form--email input{pointer-events:none;font-weight:400!important;color:#929bad!important}.user-profile__body .body__profile-form .profile-form--password input{-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:45px}.user-profile__body .body__profile-form .profile-form.focus .label{font-weight:700;color:#387ac6!important}.user-profile__body .body__profile-form .profile-form.focus input{border-bottom:1px solid #387ac6!important}.user-profile__body .body__profile-form .profile-form.error .label{font-weight:700;color:#dd1b1b}.user-profile__body .body__profile-form .profile-form.error input{border-bottom:1px solid #dd1b1b}.user-profile__body .body__profile-form .profile-form--password-hints{margin-top:24px;font-size:24px;font-weight:700;color:#387ac6}.user-profile__body .body__profile-form .profile-form .label{width:200px;font-size:16px;color:#93a2b3}.user-profile__body .body__profile-form .profile-form input{outline:unset;width:556px;height:38px;border:none;border-bottom:1px solid #929bad;font-size:16px;font-weight:700;color:#233040}.user-profile__body .body__profile-form .profile-form .display-password{position:absolute;right:5px;bottom:34px}.user-profile__body .body__profile-form .profile-form .display-password:hover{cursor:pointer}.user-profile__body .body__button{margin-top:24px;text-align:right}.user-profile__body .body__button button{pointer-events:unset;cursor:default;width:218px;height:48px;padding:0 96px!important}.user-profile__body .body__button button.active{pointer-events:all;cursor:pointer;background-color:#387ac6!important;border-color:#387ac6!important;color:#fff!important}.user-profile__body .body__button button .el-icon-loading{font-size:24px}.user-profile__body .error-message{padding-top:5px;font-size:15px;height:15px;color:#dd1b1b}.user-profile__footer{width:556px;margin:0 auto;padding:32px;text-align:right}.user-profile__footer button{width:218px;height:48px}.user-profile__footer button:hover{-webkit-box-shadow:0 6px 20px rgba(6,68,141,.35);box-shadow:0 6px 20px rgba(6,68,141,.35);background-color:#387ac6!important;border-color:#387ac6!important;color:#fff!important}.user-profile__footer button .el-icon-loading{margin-top:-5px;font-size:24px;font-weight:700}.user-profile input[type=file]{display:none}