* { margin: 0; padding: 0; } ul li, ol li { list-style: none; } @media screen and (min-width: 750px) { .latc-component-footer-mobile{ background: #7a126b; display: none; } .latc-component-footer-mobile .contact-card .copyright{ display: none; } .latc-component-footer-mobile .contact-card{ display: flex; padding: 24px 0px; align-items: center; justify-content: space-between; width: 1280px; box-sizing: border-box; height: 72px; margin: 0 auto; } .latc-component-footer-mobile .contact-item{ display: flex; align-items: center; } .latc-component-footer-mobile .wap-icon{ display: none; } .latc-component-footer-mobile .contact-icon img{ width: 24px; margin-right: 5px; } .latc-component-footer-mobile .contact-text { font-size: 16px; color: #fff; line-height: 1.4; word-break: normal; overflow-wrap: break-word; } .latc-component-footer { font-size: 12px; position: relative; width: 100%; min-height: 350px; background: url(https://pic.lenovo.ai/latc/img/footer-msk.png) no-repeat; background-color: #f7f7f7; background-size: 100%; background-position: bottom 60px left; padding-bottom: 100px; } .latc-component-footer .content { width: 1280px; margin: 0 auto; padding-top: 80px; display: flex; justify-content: space-between; } .latc-component-footer .content .item { } .latc-component-footer .content .item .title { color: #121212; font-size: 18px; font-weight: 500 } .latc-component-footer .content .item .list { margin-top: 20px } .latc-component-footer .content .item .list .sub-item { margin-top: 5px } .latc-component-footer .content .item .list .sub-item .title { color: #7c7c7c; font-size: 18px; font-weight: 400 } .latc-component-footer .content .item .list .sub-item span { color: #7c7c7c; font-size: 18px; font-weight: 400 } .latc-component-footer .copyright { border-top: 1px solid #dcdcdc; width: 100%; color: #1e0013; font-size: 18px; text-align: center; height: 60px; margin-top: 80px; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; } .latc-component-footer .bold { font-weight: 500; } .latc-component-footer a { text-decoration: none; } .latc-component-footer .footer_title_link{ color: #121212; font-size: 18px; font-weight: 500; } } @media screen and (max-width: 750px) { .latc-component-footer{ display: none; } .latc-component-footer-mobile .contact-card { width: 3.75rem; padding: .24rem .16rem; box-sizing: border-box; background: url(https://pic.lenovo.ai/latc/img/footer-msk.png) no-repeat; background-color: #f4f4f4; background-size: 100%; padding-bottom: .4rem; background-position: bottom .4rem left; position: relative; } .latc-component-footer-mobile .contact-card .copyright{ height: .32rem; background-color: #fff; width: 100%; display: flex; align-items: center; justify-content: center; font-size: .12rem; color: #000; letter-spacing: 0; font-weight: 200; position: absolute; left: 0; bottom: 0; } .latc-component-footer-mobile .contact-item { display: flex; align-items: center; } .latc-component-footer-mobile .contact-item:last-child { margin-bottom: 0; } .latc-component-footer-mobile .contact-icon { font-size: .18rem; margin-right: .05rem; color: #333; } .latc-component-footer-mobile .contact-icon img{ width: .24rem; } .latc-component-footer-mobile .contact-text { font-size: .1rem; color: #333; line-height: 1.4; word-break: normal; overflow-wrap: break-word; width: 3rem; } .latc-component-footer-mobile .pc-icon{ display: none; } }