.userInfo.app-container.layout-main{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.userInfo.app-container.layout-main .main-container{height:calc(100% - 62px)}.userInfo.app-container.layout-main .user-profile-container{width:1200px;margin:20px auto;padding:0 20px}.userInfo.app-container.layout-main .user-header{background-color:#c8b99d;border-radius:8px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;color:#333;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.userInfo.app-container.layout-main .avatar-container{position:relative;margin-right:20px}.userInfo.app-container.layout-main .avatar{position:relative;border:3px solid #fff}.userInfo.app-container.layout-main .badge{bottom:0;right:0;width:24px;height:24px;background-color:#409eff;color:#fff;font-size:12px}.userInfo.app-container.layout-main .badge,.userInfo.app-container.layout-main .graduation-cap{position:absolute;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:2px solid #fff}.userInfo.app-container.layout-main .graduation-cap{top:-5px;right:-5px;width:28px;height:28px;background-color:gold;color:#333}.userInfo.app-container.layout-main .user-info{-webkit-box-flex:1;-ms-flex:1;flex:1}.userInfo.app-container.layout-main .username{margin:0 0 10px 0;font-size:24px;font-weight:600}.userInfo.app-container.layout-main .education,.userInfo.app-container.layout-main .student-id{margin:5px 0;font-size:14px;opacity:.9}.userInfo.app-container.layout-main .form-card{border-radius:8px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.08);box-shadow:0 2px 12px rgba(0,0,0,.08)}.userInfo.app-container.layout-main .form-header{padding-bottom:10px}.userInfo.app-container.layout-main .form-header h3{margin:0;font-size:18px;color:#333}.userInfo.app-container.layout-main .info-form{margin-top:20px}.userInfo.app-container.layout-main .el-form-item{margin-bottom:20px}.userInfo.app-container.layout-main .el-form-item .el-cascader{width:100%}.userInfo.app-container.layout-main .el-form-item .el-button{width:220px}.userInfo.app-container.layout-main .el-form-item__label{color:#666;font-weight:500}.userInfo.app-container.layout-main .el-form-item__label.no-required:after{content:""}.userInfo.app-container.layout-main .form-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px}.userInfo.app-container.layout-main .el-button--primary{background-color:#409eff;border-color:#409eff;padding:10px 20px;font-size:14px}@media screen and (max-width:900px){.user-profile-container{width:calc(100% - 40px);margin:20px auto;padding:0 20px}}