.data-card{display:flex;width:100%;height:100%;flex-direction:column}.data-card-top{height:60px;display:flex;align-items:center}.data-card-top-left{width:60px;height:100%;margin-right:10px}.data-card-top-center{flex:1}.data-card-top-center div:first-child{font-size:20px;width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-card-top-center div:nth-child(2){font-size:12px;color:#999}.data-card-top-right{width:108px;height:42px;background-color:#2581ff;color:#fff;font-size:14px;display:flex;justify-content:center;align-items:center;border-radius:45px;cursor:pointer}.data-card-top .login-color{background-color:#deecff;color:#8eb8f1}.data-card-middle{flex:1;display:flex;justify-content:space-around;align-items:center}.data-card-middle-item{display:flex;flex-direction:column;justify-content:center}.data-card-middle-item div:first-child{font-size:16px}.data-card-middle-item div:nth-child(2) a{color:#000}.data-card-middle-item div:nth-child(2){font-size:24px;font-weight:700;text-align:center}.data-card-bottom{height:56px;background:#006cff;border-radius:4px 4px 4px 4px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:16px;cursor:pointer}