body {
    /* height: 3000px; */
    background-color:rgba(135, 207, 235, 0.468);
}
/* #region 头部 */
header {
    height: 200px;
    padding: 0 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
h1 {
    font-size: 50px;
}
.log {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 900;
}
/* #endregion */

/* 版心 */
.main {
    width: 80vw;
    /* height: 3000px; */
    margin: 0 auto;
}

/* #region 顶部导航*/
nav>ul {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}
.top-nav {
    font-size: 20px;
}
/* #endregion */

/* #region 状态栏 */
.all-state {
    display: flex;
}
.state {
    height: 40px;
    width: 50%;
    display: flex;
    justify-content: flex-start;
    column-gap: 40px;
    align-items: center;
}
.state>div {
    margin: 0 20px;
    display: flex;
    align-items: center;
}
/* 状态logo */
.state-logo {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: green;
}
.normal-logo {
    background-color: green;
}
.warn-logo {
    background-color: orange;
}
.err-logo {
    background-color: red;
}
/* #endregion 状态栏结束*/

/* #region 内容区 */
#content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 50px;
}
.car {
    width: 550px;
    /* height: 300px; */
    margin-top: 50px;
    border-radius: 20px;
    transition: 0.3s;
}
.car:hover {
    transform: scale(1.1);
    box-shadow: 0 0 20px;
}
.car-info {
    /* height: 150px; */
    display: flex;
    flex-direction: column;
}
.car-info>.name{
    /* flex-grow: 2; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
}
.account, .date {
    flex-grow: 1;
    display: flex;
    justify-content: center;
}
.account div {
    margin: 0 10px;
}
.car-menu {
    height: 50px;
    display: flex;
    padding: 10px;
}
.car-menu>.btn {
    margin: 0 20px;
}
.car-member {
    /* height: 100px; */
    display: flex;
    justify-content: space-evenly;
    padding: 10px;
    flex-wrap: wrap;
    height: 220px;
}
.member {
    border: 1px solid purple;
    border-radius: 20px;
    padding: 8px;
    width: 200px;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}



/* #endregion */