.user-info-container{padding:.75rem .5rem}.user-info-container .header{margin-bottom:.5rem;text-align:center}.user-info-container .header .title{font-family:SYMedium;font-size:.45rem}.user-info-container .content .avatar-section{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:5rem;width:5rem;-ms-flex-align:center;align-items:center;background-color:#ddd;border-radius:50%;margin:0 auto;position:relative}.user-info-container .content .avatar-section .avatar-section-icon{border-radius:50%;height:5rem;width:5rem}.user-info-container .content .avatar-section .avatar-section-camera-icon{bottom:-.25rem;display:block;height:2.25rem;position:absolute;right:-.25rem;width:2.25rem}.user-info-container .content .info-section{border:.05rem solid #f4f5f9;border-radius:.4rem .4rem .4rem .4rem;margin:2rem .5rem 1.1rem}.user-info-container .content .info-section .at-input__title{color:#000;font-family:SYMedium;font-size:.8rem}.user-info-container .content .info-section .at-input::after{border-bottom-width:0}.user-info-container .content .sex-section{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 .5rem}.user-info-container .content .sex-section .sex-section-top{-webkit-flex:1;-ms-flex:1;flex:1;font-family:SYMedium;font-size:.8rem;margin-bottom:.5rem;margin-left:.8rem;text-align:left}.user-info-container .content .sex-section .sex-section-content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:start;-ms-flex-pack:start;-webkit-align-items:center;justify-content:start;-ms-flex-align:center;align-items:center;width:100%}.user-info-container .content .sex-section .sex-section-content .sex-section-item-woman{border-radius:.4rem .4rem .4rem .4rem;display:-webkit-flex;display:-ms-flexbox;display:flex;height:2.4rem;-webkit-justify-content:space-evenly;width:5.7rem;-ms-flex-pack:space-evenly;-webkit-align-items:center;justify-content:space-evenly;-ms-flex-align:center;align-items:center;color:#333;font-size:.7rem}.user-info-container .content .sex-section .sex-section-content .sex-section-item{border-radius:0 0 0 0;height:1rem;-webkit-justify-content:center;width:2.7rem;-ms-flex-pack:center;justify-content:center}.user-info-container .content .sex-section .sex-section-content .sex-section-item{background:#f7f7f7;border-radius:.4rem .4rem .4rem .4rem;display:-webkit-flex;display:-ms-flexbox;display:flex;height:2.4rem;-webkit-justify-content:space-evenly;width:5.7rem;-ms-flex-pack:space-evenly;-webkit-align-items:center;justify-content:space-evenly;-ms-flex-align:center;align-items:center;color:#333;font-size:.7rem;margin-left:.6rem}.user-info-container .content .sex-section .sex-section-content .sex-section-item-active{background:#fff1f6!important}.user-info-container .content .sex-section .sex-section-content .sex-section-item-icon{display:block;height:1rem;margin-right:.3rem;width:1rem}.user-info-container .content .footer{display:-webkit-flex;display:-ms-flexbox;display:flex;height:2.25rem;-webkit-justify-content:space-evenly;width:90%;-ms-flex-pack:space-evenly;-webkit-align-items:center;justify-content:space-evenly;-ms-flex-align:center;align-items:center;bottom:3.75rem;gap:.55rem;left:50%;position:fixed;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.user-info-container .content .footer .footer-item{background:#333;border-radius:.4rem .4rem .4rem .4rem;color:#ffc44e;display:grid;font-family:SYMedium;font-size:.9rem;font-size:36rpx;height:2.25rem;place-items:center}.user-info-container .content .footer .save{-webkit-flex:0.7;-ms-flex:0.7;flex:0.7}.user-info-container .content .footer .logout{-webkit-flex:0.3;-ms-flex:0.3;flex:0.3}@-webkit-keyframes rainbow{0%{background-position:200% 0}100%{background-position:0 0}}@keyframes rainbow{0%{background-position:200% 0}100%{background-position:0 0}}.rainbow-button{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 .8rem;position:relative;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;background:transparent;border:none;border-radius:0 0 .6rem .6rem;color:#333;font-size:.7rem;font-weight:600;justify-content:center;overflow:hidden;padding:.3rem .4rem;text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease}.rainbow-button::after{-webkit-animation:rainbow 3s linear infinite;animation:rainbow 3s linear infinite;background:-webkit-gradient(linear,left top,right top,from(red),color-stop(#ff7f00),color-stop(#ff0),color-stop(#0f0),color-stop(#00f),color-stop(indigo),color-stop(#8b00ff),to(red));background:-webkit-linear-gradient(left,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8b00ff,red);background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8b00ff,red);background-size:200% 100%;border:none;border-radius:0;bottom:0;content:"";height:.1rem;left:0;position:absolute;right:0;top:75%;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.custom-navbar{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;z-index:9}.custom-navbar .nav-icon{height:1.2rem;margin-left:1.3rem;width:1.2rem}.custom-navbar .nav-logo-icon{height:1.3rem;margin-left:.8rem;width:4.55rem}.custom-navbar .nav-title{color:#333;-webkit-flex:0.6;-ms-flex:0.6;flex:0.6;font-family:SYMedium;font-size:.75rem;font-weight:700;margin-left:.4rem;text-align:center}.text-center{text-align:center}