/* 底部信息栏 */ .root { flex: 1; height: 242px; display: flex; background-color: #13151A; color: white; text-align: center; justify-content: space-between; align-items: center; flex-direction: row; } .Container { flex: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; padding: 0 255px; gap: 23px; } .contactUs { font-size: 40px; font-weight: normal; } .item { display: flex; justify-content: start; align-items: center; flex-direction: row; } .locationIcon { object-fit: contain; width: 19px; height: 25px; } .leftFont { font-size: 24px; font-weight: normal; margin-left: 14px; } .bottomContainer { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; width: 100%; } .email { object-fit: contain; width: 26px; height: 18px; } .rightFont { margin-left: 8px; font-size: 16px; font-weight: normal; } .code { width: 109px; height: 109px; } .weixinContainer { display: flex; justify-content: start; align-items: center; flex-direction: row; position: relative; } .popContainer { position: absolute; bottom: 50px; right: 0px; background-color: white; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transition: opacity 0.3s ease; display: flex; justify-content: center; align-items: center; } .weixinContainer:hover .popContainer { opacity: 1; visibility: visible; }