.my_sidebar{flex-shrink:0;width:320px;background-color:#fff;box-shadow:0 2px 10px 0 #f5f8fa;border-radius:10px}.my_sidebar .info .avatar-section{position:relative}.my_sidebar .info .avatar{display:block;border:6px solid #e7e7e7;border-radius:50%;width:105px;height:105px;margin:25px auto 18px}.my_sidebar .info .gender{position:absolute;top:2px;right:35%;display:block;width:26px;height:26px}.my_sidebar .info .name-row{margin-bottom:26px;text-align:center;font-size:18px}.my_sidebar .info .other-row{font-size:16px;color:#666;text-align:center}.my_sidebar .info .other-row span{margin-right:18px}.my_sidebar .info .other-row span:last-child{margin-right:0}.my_sidebar .nav{padding:20px 20px}.my_sidebar .nav li{box-sizing:border-box;margin-bottom:15px;border-radius:5px;padding:0 33px 0 72px;line-height:65px;font-size:16px;color:#595959;cursor:pointer}.my_sidebar .nav li i{visibility:hidden}.my_sidebar .nav li.active,.my_sidebar .nav li:hover{color:#508ef9;background-color:#e0ebfc}.my_sidebar .nav li.active i{visibility:visible}@media screen and (max-width:1250px){.my_sidebar{flex-shrink:0;max-width:315px}.my_sidebar .nav{padding:33px 20px}.my_sidebar .nav li{padding:0 13px 0 52px;min-width:277px}}.my-home{min-width:1100px}.my-home .container{margin:0 auto;padding:60px 0 200px;max-width:1200px;align-items:flex-start}.my-home .my-router-view{box-shadow:0 2px 10px 0 #f5f8fa;flex:1;min-height:700px;margin-left:30px}@media screen and (max-width:1250px){.my-home .container{max-width:990px}}