.app-account-settings{padding:16px;display:flex;min-height:calc(100vh - 60px)}.app-account-settings .app-account-menu{width:220px;border-right:1px solid #f4f4f4;background-color:#fff}.app-account-settings .app-account-menu .profile{padding:16px;border-bottom:1px solid #f4f4f4}.app-account-settings .app-account-menu .profile .avatar{margin:0 auto 16px;display:block;width:96px;height:96px;border-radius:50%}.app-account-settings .app-account-menu .profile .name{font-size:16px;text-align:center}.app-account-settings .app-account-menu .menu .menu-item{position:relative;padding:10px 16px;cursor:pointer;border-bottom:1px solid #f4f4f4;display:flex;align-items:center;transition:all .15s cubic-bezier(.645,.045,.355,1)}.app-account-settings .app-account-menu .menu .menu-item .iconfont{margin-right:4px}.app-account-settings .app-account-menu .menu .menu-item:last-child{border-bottom:0 none}.app-account-settings .app-account-menu .menu .menu-item:hover{background-color:rgba(15,211,197,.1)}.app-account-settings .app-account-menu .menu .menu-item:before{content:"";position:absolute;top:50%;right:-1px;margin-top:-20px;display:block;width:3px;height:40px;transition:all .15s cubic-bezier(.645,.045,.355,1);background-color:rgba(15,211,197,0);transform:scaleY(0)}.app-account-settings .app-account-menu .menu .menu-item.active{color:#0fd3c5;background-color:rgba(15,211,197,.1)}.app-account-settings .app-account-menu .menu .menu-item.active:before{transform:scaleY(1);background-color:#0fd3c5}