.index-user-wrap{width:300px;background:linear-gradient(-125deg,#57bdbf,#2f9de2)}.index-user-wrap>div{height:100%}.index-user-wrap>div img{border-radius:50%}.index-user-wrap>div .button{margin-top:24px;width:168px;height:32px;border-radius:18px;line-height:32px;font-size:14px;text-align:center;color:#fff;background-color:#00cc7e;cursor:pointer;transition:background-color .3s ease}.index-user-wrap>div .button:hover{background-color:#00b36e}.index-user-wrap>.login{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px 0 50px 0}.index-user-wrap>.login>.ivu-btn{width:168px;border-radius:18px}.index-user-wrap>.login>.info{text-align:center}.index-user-wrap>.login>.info>.nickname{max-width:150px;color:#111;font-size:16px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.index-user-wrap>.no-login{display:flex;flex-direction:column;align-items:center;padding:24px 0}.index-user-wrap>.no-login>.top{color:#333;font-size:14px;width:160px;text-align:center;line-height:20px}.index-user-wrap>.no-login>.info{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.index-user-wrap>.no-login>.footer{color:#999;font-size:12px}