.page-layout-container .page-content[data-v-711ba561],.page-layout-container[data-v-711ba561]{width:100%;height:100%}.personal-information-container[data-v-ffb2c7f4]{padding:2%;color:#224e96}.personal-information-container .personal-info-area[data-v-ffb2c7f4]{display:flex;font-weight:600}.personal-information-container .personal-info-area .el-form-item[data-v-ffb2c7f4]{margin-bottom:10px}.personal-information-container .personal-info-area .personal-info[data-v-ffb2c7f4]{flex:2;margin-top:2%}.personal-information-container .personal-info-area .personal-info[data-v-ffb2c7f4] .el-form-item__label{color:#224e96}.personal-information-container .personal-info-area .personal-info[data-v-ffb2c7f4] .el-form-item__content .el-input .el-input__inner{color:#224e96;background:#fafafa;border:none;border-radius:5px;font-family:YuantiRegular!important;font-weight:400}.personal-information-container .personal-info-area .personal-info[data-v-ffb2c7f4] .el-form-item__content .el-input .el-input__inner:focus{border:1px solid #224e96;border-radius:5px}.personal-information-container .personal-info-area .personal-info[data-v-ffb2c7f4] .el-form-item__content .el-input--suffix .el-select__caret{color:#224e96;font-size:13pt}.personal-information-container .personal-info-area .personal-info[data-v-ffb2c7f4] .el-form-item__content .language .el-input__inner,.personal-information-container .personal-info-area .personal-info[data-v-ffb2c7f4] .el-form-item__content .name .el-input__inner,.personal-information-container .personal-info-area .personal-info[data-v-ffb2c7f4] .el-form-item__content .timezone .el-input__inner{color:#224e96}.personal-information-container .personal-info-area .personal-info[data-v-ffb2c7f4] .el-form-item__content .email .el-input__inner{background:#f1f1f0}.personal-information-container .personal-info-area .personal-info .button-area[data-v-ffb2c7f4]{display:flex;justify-content:flex-start;align-items:center;margin-top:35px}.personal-information-container .personal-info-area .personal-info .button-area .btn[data-v-ffb2c7f4]{margin-right:2%;width:100px;padding:2% 0;text-align:center;color:#fff;background:#224e96;border-radius:25px;cursor:pointer}.personal-information-container .personal-info-area .personal-info .button-area .btn[data-v-ffb2c7f4]:hover{opacity:.8}.personal-information-container .personal-info-area .personal-info .button-area .save-btn[data-v-ffb2c7f4]{background:#cd4c3f}.personal-information-container .personal-info-area .personal-avatar[data-v-ffb2c7f4]{flex:1}.personal-information-container .personal-info-area .personal-avatar .avatar-box[data-v-ffb2c7f4]{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:20%}.personal-information-container .personal-info-area .personal-avatar .avatar-box .avatar-content[data-v-ffb2c7f4]{border:2px solid #224e96;border-radius:50px;position:relative;box-sizing:border-box;width:100px;height:100px;overflow:hidden;border-radius:100px}.personal-information-container .personal-info-area .personal-avatar .avatar-box .avatar-content .avatar-img-wrapper[data-v-ffb2c7f4]{border-radius:100px;overflow:hidden}.personal-information-container .personal-info-area .personal-avatar .avatar-box .avatar-content .avatar-img-wrapper .avatar-img[data-v-ffb2c7f4]{width:100px;height:100px;cursor:pointer}.personal-information-container .personal-info-area .personal-avatar .avatar-box .avatar-content .avatar-img-wrapper .avatar-img[data-v-ffb2c7f4] .el-upload{display:flex;justify-content:center}.personal-information-container .personal-info-area .personal-avatar .avatar-box .avatar-content .avatar-img-wrapper .avatar-img img[data-v-ffb2c7f4]{width:100%;max-width:100px;visibility:hidden}.personal-information-container .personal-info-area .personal-avatar .avatar-box .avatar-content .avatar-img-wrapper .overlay[data-v-ffb2c7f4]{background-color:#fafafa;position:absolute;left:0;right:0;height:35%;bottom:-4px;opacity:.6;pointer-events:none}.personal-information-container .personal-info-area .personal-avatar .avatar-box .avatar-content .avatar-img-wrapper .open-camera[data-v-ffb2c7f4]{position:absolute;bottom:-2px;width:100%;left:0;height:30%;display:flex;justify-content:center;align-items:flex-start;pointer-events:none}.personal-information-container .personal-info-area .personal-avatar .avatar-box .avatar-content .avatar-img-wrapper .open-camera img[data-v-ffb2c7f4]{color:#224e96;width:100%;height:100%;border:none;max-width:20px;z-index:99;cursor:pointer}.personal-information-container .personal-info-area .personal-avatar .avatar-box .avatar-content .avatar-img-wrapper .open-camera img[data-v-ffb2c7f4]:hover{opacity:.8}.personal-information-container .personal-info-area .personal-avatar .avatar-box .explain[data-v-ffb2c7f4]{margin-top:5%;font-size:.9rem;height:20px;line-height:20px;text-align:center;cursor:default}.student-profile-container[data-v-6a6856d3]{padding:2%;background-color:#fff;border-radius:10px;font-weight:600}.student-profile-container .el-form-item[data-v-6a6856d3]{margin-bottom:10px}.student-profile-container .family-avatar[data-v-6a6856d3]{display:flex;justify-content:flex-start;align-items:center}.student-profile-container .family-avatar .avatar-item[data-v-6a6856d3]{width:100px;height:20%;margin-right:1%;background:#f1f1f0;border-top-left-radius:15px;border-top-right-radius:15px;margin-top:calc(1% + 5px)}.student-profile-container .family-avatar .avatar-item .image[data-v-6a6856d3]{display:flex;width:100%;justify-content:center;padding:15% 0 15% 0;cursor:pointer}.student-profile-container .family-avatar .avatar-item .image img[data-v-6a6856d3]{border-radius:50%;width:100%;max-width:50px}.student-profile-container .family-avatar .avatar-item .name[data-v-6a6856d3]{color:#9e9e9f;text-align:center}.student-profile-container .family-avatar .avatar-item[data-v-6a6856d3]:not(.activeBgc){opacity:.5}.student-profile-container .family-avatar .avatar-item[data-v-6a6856d3]:not(.activeBgc):hover{opacity:1}.student-profile-container .family-avatar .avater-add[data-v-6a6856d3]{opacity:.8}.student-profile-container .family-avatar .avater-add[data-v-6a6856d3]:hover{opacity:1}.student-profile-container .family-avatar .activeBgc[data-v-6a6856d3]{background:#fafafa;padding-top:calc(1% - 5px);margin-top:0}.student-profile-container .family-avatar .activeBgc .image img[data-v-6a6856d3]{width:100%;max-width:60px}.student-profile-container .family-avatar .activeBgc .name[data-v-6a6856d3]{color:#224e96}.student-profile-container .student-data[data-v-6a6856d3]{background:#fafafa;padding:4%;border-radius:15px;border-top-left-radius:0;border-bottom-right-radius:0;display:flex;position:relative}.student-profile-container .student-data .stu-form[data-v-6a6856d3]{flex:2}.student-profile-container .student-data .stu-form .profile-time-zone[data-v-6a6856d3]{width:220px}.student-profile-container .student-data .stu-form .input-password[data-v-6a6856d3]{position:relative}.student-profile-container .student-data .stu-form .input-password .iconPassword[data-v-6a6856d3]{position:absolute;top:50%;right:5px;cursor:pointer;width:18px;transform:translate(-50%,-50%)}.student-profile-container .student-data .stu-avatar[data-v-6a6856d3]{flex:1;display:flex;align-items:center;margin-bottom:5%;justify-content:center}.student-profile-container .student-data .stu-avatar .avatar-box[data-v-6a6856d3]{display:flex;justify-content:center;align-items:center;flex-direction:column}.student-profile-container .student-data .stu-avatar .avatar-box .avatar-content[data-v-6a6856d3]{border-radius:50px;position:relative;box-sizing:border-box;width:100px;height:100px}.student-profile-container .student-data .stu-avatar .avatar-box .avatar-content .avatar-img-wrapper[data-v-6a6856d3]{overflow:hidden;border-radius:100px;max-width:100px;max-height:100px;border:2px solid #224e96}.student-profile-container .student-data .stu-avatar .avatar-box .avatar-content .avatar-img[data-v-6a6856d3] .el-upload{display:flex;justify-content:center}.student-profile-container .student-data .stu-avatar .avatar-box .avatar-content .avatar-img img[data-v-6a6856d3]{width:100%;max-width:120px}.student-profile-container .student-data .stu-avatar .avatar-box .avatar-content .overlay[data-v-6a6856d3]{background-color:#fafafa;position:absolute;left:0;right:0;height:35%;bottom:-4px;opacity:.6}.student-profile-container .student-data .stu-avatar .avatar-box .avatar-content .open-camera[data-v-6a6856d3]{position:absolute;bottom:-2px;width:100%;left:0;height:30%;display:flex;justify-content:center;align-items:flex-start;pointer-events:none}.student-profile-container .student-data .stu-avatar .avatar-box .avatar-content .open-camera img[data-v-6a6856d3]{color:#224e96;width:100%;height:100%;border:none;max-width:20px;z-index:99;cursor:pointer}.student-profile-container .student-data .stu-avatar .avatar-box .avatar-content .open-camera img[data-v-6a6856d3]:hover{opacity:.8}.student-profile-container .student-data .stu-avatar .avatar-box .explain[data-v-6a6856d3]{margin-top:5%;height:20px;line-height:20px;text-align:center;color:#224e96;cursor:default}.student-profile-container .student-data .stu-avatar .delete[data-v-6a6856d3],.student-profile-container .student-data .stu-avatar .gender-flag[data-v-6a6856d3]{position:absolute;color:#224e96}.student-profile-container .student-data .stu-avatar .delete[data-v-6a6856d3]{cursor:pointer}.student-profile-container .student-data .stu-avatar .delete[data-v-6a6856d3]:hover{opacity:.8}.student-profile-container .student-data .stu-avatar .gender-flag[data-v-6a6856d3]{cursor:default;color:#fff;top:0;right:50px;background:#224e96;padding:1% 3.5%;text-align:center;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.student-profile-container .student-data .stu-avatar .girl-flag[data-v-6a6856d3]{background:#cd4c3f}.student-profile-container .student-data .stu-avatar .delete[data-v-6a6856d3]{bottom:0;right:0;width:50px;border-top-left-radius:15px;background:#f4d737;padding:1.5% 3.5%;text-align:center}.student-profile-container .button-area[data-v-6a6856d3]{margin-top:35px;display:flex;justify-content:flex-start;align-items:center}.student-profile-container .button-area .btn[data-v-6a6856d3]{margin-right:2%;width:100px;padding:1.5% 0;text-align:center;color:#fff;background:#224e96;border-radius:25px;cursor:pointer}.student-profile-container .button-area .btn[data-v-6a6856d3]:hover{opacity:.8}.student-profile-container .button-area .save-btn[data-v-6a6856d3]{background:#cd4c3f}.student-profile-container .gender-box[data-v-6a6856d3]{display:flex;justify-content:flex-start;align-items:center}.student-profile-container .gender-box .gender[data-v-6a6856d3]{width:55px;height:32px;text-align:center;line-height:32px;padding:0 3%;margin-right:3%;border-radius:35px;color:#fff;opacity:.4;cursor:default}.student-profile-container .gender-box .gender[data-v-6a6856d3]:not(.opacity):hover{cursor:pointer;opacity:.6}.student-profile-container .gender-box .girl[data-v-6a6856d3]{background:#cd4c3f}.student-profile-container .gender-box .boy[data-v-6a6856d3]{background:#224e96}.student-profile-container .gender-box .opacity[data-v-6a6856d3]{opacity:1}.student-profile-container[data-v-6a6856d3] .el-form-item__content .el-textarea__inner{border:0;font-family:YuantiRegular!important;font-weight:400;color:#224e96}.student-profile-container[data-v-6a6856d3] .el-form-item__content .el-input .el-input__inner{background:#fff;border:none;border-radius:5px;font-family:YuantiRegular!important;font-weight:400;color:#224e96}.student-profile-container[data-v-6a6856d3] .el-form-item__content .el-input .el-input__inner:focus{border:1px solid #224e96;border-radius:5px}.student-profile-container[data-v-6a6856d3] .el-form-item__content .el-input--suffix .el-select__caret{color:#224e96;font-size:.9rem}.student-profile-container[data-v-6a6856d3] .el-form-item__label{color:#224e96}[data-v-6a6856d3] .el-dialog{cursor:default;border-radius:15px;background:#fff}[data-v-6a6856d3] .el-dialog .el-dialog__header{background:#224e96;border-top-left-radius:15px;border-top-right-radius:15px;color:#fff;padding:4% 8%}[data-v-6a6856d3] .el-dialog .el-dialog__header .el-dialog__title{color:#fff;font-size:1rem}[data-v-6a6856d3] .el-dialog .el-dialog__header .el-dialog__close{color:#fff}[data-v-6a6856d3] .el-dialog .el-input__inner,[data-v-6a6856d3] .el-dialog .el-textarea__inner{background:#fafafa!important;border:0}[data-v-6a6856d3] .el-dialog .el-dialog__body{padding-bottom:0}[data-v-6a6856d3] .el-dialog .el-dialog__footer{padding-top:0;padding-bottom:30px}[data-v-6a6856d3] .el-dialog .el-dialog__footer .el-button{width:30%;color:#224e96;font-size:.8rem;background:#f4d737;border:none;border-radius:35px;padding:2.5% 0}[data-v-6a6856d3] .el-dialog .el-dialog__footer .el-button:hover{opacity:.8}[data-v-6a6856d3] .innerDialog .el-dialog__body{padding:25px}[data-v-6a6856d3] .innerDialog .el-dialog__body .title{color:#224e96;font-size:.9rem}[data-v-6a6856d3] .innerDialog .el-dialog__body .el-radio-group{margin-top:5%;margin-left:2%}[data-v-6a6856d3] .innerDialog .el-dialog__body .el-radio-group .item{margin-bottom:2%;color:#224e96;font-size:.9rem}[data-v-6a6856d3] .innerDialog .el-dialog__body .inner-btn{margin-top:10%;display:flex;justify-content:center;align-items:center;font-size:.8rem}[data-v-6a6856d3] .innerDialog .el-dialog__body .inner-btn .back{padding:2% 5%;background:#224e96;color:#fff;margin-right:2%;border-radius:35px;cursor:pointer}[data-v-6a6856d3] .innerDialog .el-dialog__body .inner-btn .next{padding:2% 10%;background:#f4d737;color:#224e96;border-radius:35px;cursor:pointer}.skill-info .el-radio.item[data-v-6a6856d3]{display:inline-block;width:100%;margin:5px 0}.skill-info .inner-btn .back[data-v-6a6856d3]:hover,.skill-info .inner-btn .next[data-v-6a6856d3]:hover{opacity:.8}.profile-container[data-v-63481a82]{width:100%;height:100%}.profile-container .active[data-v-63481a82]{color:#224e96}.profile-container .nav-title[data-v-63481a82]{display:flex}.profile-container .nav-title .nav-title-item[data-v-63481a82]{cursor:default;margin-right:5%;position:relative;color:#9e9e9f;font-weight:600}.profile-container .nav-title .nav-title-item[data-v-63481a82]:not(.active){cursor:pointer}.profile-container .nav-title .nav-title-item.active[data-v-63481a82],.profile-container .nav-title .nav-title-item[data-v-63481a82]:hover{color:#224e96}.profile-container .nav-title .nav-title-item.active[data-v-63481a82]:after{position:absolute;content:"";animation:stretchAnimation .3s;background-color:#f4d737;height:7px;left:0;width:60px;bottom:-12px}.profile-container[data-v-63481a82] .page-content{background:#fff;border-radius:20px}.profile-container .content[data-v-63481a82]{width:90%;height:70vh;padding:2% 5%;background:#fff;overflow:auto}.profile-container .content[data-v-63481a82]::-webkit-scrollbar{display:none}.personal-info .el-form-item__content[data-v-63481a82]{background-color:#fafafa}