.wrap[data-v-ecf40bde]{min-height:calc(100vh - 110px)}.wrap .userCard[data-v-ecf40bde]{background:url(./top.MitQeXgb.png) no-repeat 50%;background-size:cover;height:160px;position:relative}.wrap .userCard[data-v-ecf40bde]:after{background:#00000080;bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}.wrap .userInfoBox[data-v-ecf40bde]{background:var(--bg-color);border-top-left-radius:20px;border-top-right-radius:20px;margin-top:-20px;padding:30px;position:relative;width:100%;z-index:10}.wrap .userInfoBox .userInfoCon[data-v-ecf40bde]{margin:0 auto;max-width:1300px;width:100%}.wrap .userInfoBox .userInfoCon .avatar[data-v-ecf40bde]{border:1px solid #ffd110;border-radius:50%;height:120px;overflow:hidden;width:120px}.wrap .userInfoBox .userInfoCon .textInfo[data-v-ecf40bde]{flex:1;max-width:700px;min-height:100%}.wrap .pagewrap[data-v-ecf40bde]{margin:20px auto 0;max-width:1300px;width:100%}.wrap .pagewrap .mainNav[data-v-ecf40bde]{margin-bottom:20px;padding:0 30px}.wrap .pagewrap .mainNav .navItem[data-v-ecf40bde]{color:var(--text-color-second);cursor:pointer;font-size:16px;margin-right:30px;padding:20px 0}.wrap .pagewrap .mainNav .navItem.acti[data-v-ecf40bde]{border-bottom:2px solid var(--border-color-reverse);color:var(--text-color-second-active);font-weight:700}@media screen and (max-width:768px){.wrap .userInfoBox[data-v-ecf40bde]{padding:20px}.wrap .userInfoBox .userInfoCon .avatar[data-v-ecf40bde]{height:60px;width:60px}.wrap .userInfoBox .userInfoCon .textInfo[data-v-ecf40bde]{height:auto}}