/* *************************页脚************************* */ .layout__footer { width: 100%; min-width: 1200px; padding: 30px 0; background-color: var(--text-sub1-color); color: var(--bg-default-color); font-size: 12px; line-height: 18px; position: relative; } .layout__footer a, .layout__footer a:active, .layout__footer a:focus, .layout__footer a:hover, .layout__footer a:visited { color: var(--bg-default-color); } .layout__footer .module__contact, .layout__footer .module__univ, .layout__footer .module__link { width: 1200px; margin-bottom: 20px; } .layout__footer .module__contact { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; } /* 关于我们 */ .layout__footer .module__contact .about { width: 313px; text-align: justify; } /* 公司地址 */ .layout__footer .module__contact .address { width: 237px; } .layout__footer .module__contact .address div[class^="addr-detail-"] { display: block; } .layout__footer .module__contact .address .addr { text-align: justify; } .layout__footer .module__contact .address .tab-list { display: flex; justify-content: space-between; height: 20px; margin-bottom: 10px; } .layout__footer .module__contact .address .tab-list .tab-item { height: 18px; line-height: 12px; margin-top: 2px; position: relative; /* transition: all 0.15s; */ } .layout__footer .module__contact .address .tab-list .active { height: 20px; font-size: 14px; line-height: 14px; margin-top: 0; /* transition: all 0.15s; */ } .layout__footer .module__contact .address .tab-list .active::after { position: absolute; content: " "; width: 16px; height: 2px; left: calc(50% - 8px); bottom: 0; background: var(--bg-default-color); border-radius: 2px; } .layout__footer .module__contact .address .place-list { display: flex; justify-content: flex-start; align-items: flex-start; height: 18px; margin-bottom: 5px; } .layout__footer .module__contact .address .place-list .place-item { height: 12px; line-height: 12px; margin-right: 20px; font-weight: 400; position: relative; } .layout__footer .module__contact .address .place-list .active { height: 12px; font-size: 12px; line-height: 12px; font-weight: 500; } .layout__footer .module__contact .address .place-list .active::after { position: absolute; content: " "; width: 100%; height: 2px; left: 0; bottom: -6px; background: var(--bg-default-color); border-radius: 2px; } /* 联系我们 */ .layout__footer .module__contact .contact { width: 202px; } .layout__footer .module__contact .contact .content p { height: 18px; line-height: 18px; /* white-space: nowrap; */ } .layout__footer .module__contact .contact .icon-list { margin-top: 13px; display: flex; justify-content: flex-start; align-items: center; height: 24px; } .layout__footer .module__contact .contact .icon-list a { position: relative; display: inline-block; width: 24px; height: 24px; margin: 6px; } .layout__footer .module__contact .contact .icon-list a:first-child { margin-left: 0; } .layout__footer .module__contact .contact .icon-list img { width: 24px; height: 24px; } .layout__footer .module__contact .contact .icon-item { position: relative; width: 24px; height: 24px; margin: 6px; } .layout__footer .module__contact .qrcode-box { position: absolute; width: 175px; height: 186px; /* right: 75px; */ background: var(--bg-default-color); /* box-shadow: 0px 0px 11px 0px var(--border-default-color); */ border: 1px solid var(--border-default-color); border-radius: 4px; padding: 13px; display: none; animation-name: animate__popactive; animation-duration: 0.1s; animation-fill-mode: both; color: var(--text-main-color); } .layout__footer .module__contact .qrcode-box img { display: block; width: 137px !important; height: 137px !important; margin: 0 auto 4px; } .layout__footer .module__contact .text { display: inline-block; width: 100%; text-align: center; height: 14px; font-size: 14px; line-height: 14px; } .layout__footer .module__contact .arrow-box { position: absolute; width: 15px; height: 15px; transform: rotate(135deg); -webkit-transform: rotate(135deg); background: var(--bg-default-color); border-width: 1px; border-style: solid; border-color: transparent; border-top-color: var(--border-default-color); border-right-color: var(--border-default-color); border-top-right-radius: 5px; display: none; animation-name: animate__popactive; animation-duration: 0.1s; animation-fill-mode: both; } .layout__footer .module__contact .qrcode-wechat { right: 0; bottom: 40px; } .layout__footer .module__contact .qrcode-weapp { left: 0; bottom: 40px; } .layout__footer .module__contact .qrcode-douyin { right: 0; bottom: 40px; } .layout__footer .module__contact .qrcode-video { left: 0; bottom: 40px; } .layout__footer .module__contact .icon-item .arrow-box { top: -24px; } .layout__footer .module__contact .icon-item:nth-child(3) .arrow-box, .layout__footer .module__contact .icon-item:nth-child(6) .arrow-box { left: 9px; } .layout__footer .module__contact .icon-item:nth-child(2):hover .qrcode-wechat, .layout__footer .module__contact .icon-item:nth-child(2):hover .arrow-box { display: block; } .layout__footer .module__contact .icon-item:nth-child(3):hover .qrcode-weapp, .layout__footer .module__contact .icon-item:nth-child(3):hover .arrow-box { display: block; } .layout__footer .module__contact .icon-item:nth-child(5):hover .qrcode-douyin, .layout__footer .module__contact .icon-item:nth-child(5):hover .arrow-box { display: block; } .layout__footer .module__contact .icon-item:nth-child(6):hover .qrcode-video, .layout__footer .module__contact .icon-item:nth-child(6):hover .arrow-box { display: block; } /* app二维码 */ .layout__footer .module__contact .qrcode { width: 110px; } .layout__footer .module__contact .qrcode .app { width: 110px; height: 110px; margin-bottom: 6px; } .layout__footer .module__contact .qrcode .text { height: 18px; line-height: 18px; font-size: 12px; } /* 热门大学 */ .layout__footer .module__univ .title { display: flex; justify-content: space-between; align-items: center; } .layout__footer .module__univ .title .toggle-btn { height: 12px; font-size: 12px; line-height: 12px; font-weight: 400; } .layout__footer .module__univ .content, .layout__footer .module__link .content { width: 1200px; text-align: justify; } .layout__footer .link { margin-right: 16px; } .layout__footer .title { font-size: 16px; line-height: 16px; margin-bottom: 10px; font-weight: 600; /* user-select: none; */ }