.phone{
    width: 50%;
    height:15%;
    display: flex;
    background:#0054e9;
    justify-content: center;
    align-items: center;

    margin: auto;
    margin-top: 5%;
    margin-bottom: 5%;
}
.top{
    width: 50%;
    height:15%;
    background: #0054e9;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: 2%;
    margin-bottom: 2%;
}
.xiaojun{
    display: flex;
    width: 100%;
    justify-content: center; /* 水平居中 */
    align-items: center;
}
.kai{
    color: #fff;
    align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  display: flex;        /* 启用 Flexbox */
  height: 100%; 
}
.zhang{
  display: flex;
  justify-content: space-around; /* 按钮之间的间距均匀分布 */
  align-items: center; /* 如果需要垂直居中 */
  width: 100%;
}