.main {justify-content: flex-start; width: 1200px; margin: 20px auto; gap: 20px; align-items: flex-start;}
.banner {width: 100%}
.menu {width: 200px;height: auto;display: flex;flex-direction: column;justify-content: center;gap: 20px;}
.menu .item {padding: 0 20px; height: 60px; line-height: 60px; background: #FFFFFF; text-align: center; font-size: 1.3rem;}
.menu .item.active {background-color: #00aaf1;color: #FFFFFF}
.menu .item:not(.active):hover {color: #00aaf1}

.content {min-height: 500px; flex: 1; align-content: flex-start; display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; flex-wrap: wrap;}
.content .main-item {height: auto; min-width: min(200px, 50%); flex: 1; background: #ffffff; padding: 20px; display: flex; gap: 10px; flex-direction: column;}
.content .main-item:hover {box-shadow: 0 0 0 1px #1e9fff;}
.content .main-item .base { display: flex; gap: 10px; align-items: center; flex-direction: column;}
.content .main-item .base .logo {width: 200px; height: 200px; border-radius: 5px; overflow: hidden;}
.content .main-item .base .logo img {width: 100%; height: auto; display: block; transition: all .3s;}
.content .main-item:hover .base .logo img {transform: scale(1.1)}
.content .main-item .base .name {line-height: 1.7rem; font-size: 16px; flex: 1; height: 3.4rem; overflow: hidden;}
.content .main-item .info {flex: 1; display: flex; gap: 8px; flex-direction: column; color: #a3a3a3; text-align: center}