.setting-menu-div{display:flex;align-items:center;justify-content:flex-start;gap:20px}.setting-menu-item{padding-top:4px;width:120px;height:40px;color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;background-color:var(--el-color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer}.setting-menu-item.active{background-color:#d38b45}@media screen and (max-width:500px){.setting-menu-div{gap:5px;font-size:12px}}.userInfoContainer .userInfoBody{position:relative;padding:0 40px;width:100%;min-height:calc(var(--vh, 100vh) - 140px);color:#000;display:flex;align-items:center;justify-content:center;background-image:url(../img/page_bg.2844d933.png);background-repeat:no-repeat;background-size:cover}.userInfoContainer .body-div{width:100%}.userInfoContainer .body-div,.userInfoContainer .userInfo-div{position:relative;height:calc(var(--vh, 100vh) - 220px);overflow:hidden}.userInfoContainer .userInfo-div{padding:0 30px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;background-color:#fff}.userInfoContainer .userInfo-setting-div{display:flex;align-items:flex-start;justify-content:flex-start;gap:100px}.userInfoContainer .info-div{padding:30px 0;height:calc(var(--vh, 100vh) - 360px);overflow-y:auto}.userInfoContainer .info-item{height:50px;display:flex;align-items:center;justify-content:flex-start}.userInfoContainer .info-title{width:120px}.userInfoContainer .info-content{flex:1}.userInfoContainer .info-input{min-width:200px;height:40px}.userInfoContainer .edit-icon{position:relative;top:2px;margin-left:20px;color:var(--el-color-primary);cursor:pointer}.userInfoContainer .button-div{height:100px;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(0,0,0,.1)}.userInfoContainer .save-button{width:120px;height:50px;border:0}.userInfoContainer .userAvatarPicture-div{padding:30px 0}.userInfoContainer .userAvatar-div{margin-top:20px;display:flex;align-items:flex-start;justify-content:flex-start;gap:30px}.userInfoContainer .change-title{font-size:18px}.userInfoContainer .upload-title{margin-top:30px}.userInfoContainer .upload-button{margin-top:5px}.userInfoContainer .upload-tips{margin-top:20px;color:rgba(0,0,0,.5);font-size:12px}.userInfoContainer .avatar-image-div{position:relative;width:120px;aspect-ratio:1/1;background-color:#f1f2f3;border-radius:50%;overflow:hidden}.userInfoContainer .user-avatar-image,.userInfoContainer .user-photo-image{position:absolute;left:0;top:0;width:100%;height:100%}.userInfoContainer .picture-image-div{position:relative;width:120px;aspect-ratio:3/4;background-color:#f1f2f3}.changePhoneDialog .form-div{margin-bottom:20px;display:flex;align-items:center;justify-content:flex-start}.changePhoneDialog .form-title{width:90px}.changePhoneDialog .form-content{flex:1}.changePhoneDialog .form-input{height:40px}.changePhoneDialog .sendCheckCode-button{margin-left:10px;width:80px;height:40px;font-size:12px}.changePhoneDialog .button-div{margin-top:30px;display:flex;align-items:center;justify-content:center}.changePhoneDialog .save-button{width:80px;height:40px}.changePhoneDialog .area-select{margin-right:10px;width:100px;height:40px}.changePhoneDialog .area-select .el-select__wrapper{height:100%}@media screen and (max-width:900px){.userInfoContainer .userInfo-setting-div{gap:20px}}@media screen and (max-width:760px){.userInfoContainer .userInfoBody{padding:0 20px}.userInfoContainer .userInfo-setting-div{flex-direction:column;gap:0}.userInfoContainer .info-div{padding-bottom:0;height:auto}.userInfoContainer .body-div{padding:20px 0;height:auto;overflow-y:auto}.userInfoContainer .userInfo-div{height:auto}.userInfoContainer .userAvatarPicture-div{padding:0 0 20px}}@media screen and (max-width:500px){.userInfoContainer .info-title{width:80px}}