.container { display: flex; flex-direction: column; width: 100%; justify-content: center; .minetop { justify-content: space-around; display: flex; flex-direction: column; align-items: center; .taaccount-info { display: flex; flex-direction: row; justify-content: space-around; align-items: center; align-content: center; width: 100%; .item { display: flex; flex-direction: column; text { text-align: center; height: 25px; } text:nth-child(1) { color: #AAAAAA; font-size: 12px; } text:nth-child(2) { color: #000; font-size: 15px; } } } .user-info { display: flex; flex-direction: row; width: 92%; justify-content: space-between; align-items: center; align-content: center; padding-bottom: 10px; .userinfo { display: grid; width: 100%; padding-left: 15px; .userinfo-vip, .userinfo-account { display: flex; justify-content: space-between; text:nth-child(1) { width: 80%; } } text { color: #333; text-align: left; width: 100%; padding: 5px 0px; font-size: 14px; } } .icon-view { display: flex; justify-content: space-between; align-content: center; align-items: center; flex-direction: row; width: 80px; } } .button-view { display: flex; flex-direction: row; justify-content: space-between; margin: 20px 10px; width: 95%; align-items: center; align-content: center; van-button { width: 48%; box-shadow: 5px 5px 5px 5px #eee; } } } .cell-title { color: #333; font-size: 15px; padding: 5px 10px; } .loginOut-view { display: flex; flex-direction: row; width: 100%; justify-content: center; margin-top: 20px; van-button { width: 90%; } } }