.footer-one { background: #3c3c3c; } .footer-tow { background: #333333; color: #7c7e80; } .footer-tow .container-x_center { display: flex; flex-direction: column; row-gap: 10px; /*font-size: 1.2rem;*/ } .footer-tow .container-x_center p { font-size: inherit; line-height: 20px; text-align: center; } @media (min-width: 1025px) { .footer-tow .container-x_center { flex-direction: row; align-items: center; justify-content: space-between; padding-top: 30px; padding-bottom: 30px; font-size: 16px; } .footer-tow .container-x_center p { line-height: 0; } } .footer-one_center { padding-top: 40px; padding-bottom: 30px; } @media (min-width: 1025px) { .footer-one_center { padding-top: 50px; } } .footer-navs_links { display: none; } @media (min-width: 1025px) { .footer-navs_links { display: flex; } } .footer-navs_links { flex: 1; flex-wrap: wrap; color: #fff; row-gap: 20px; } .footer-navs_links .footer-navs_item { display: flex; flex-direction: column; margin-right: auto; } .footer-navs_links .footer-navs_item .title { font-size: 18px; } .footer-navs_links .footer-navs_link { display: flex; flex-direction: column; } .footer-navs_links .footer-navs_link .link { margin-top: 20px; font-size: 16px; color: #999; } .footer-navs_links .footer-navs_link .link:hover { color: #ddd; } .footer-navs_links .footer-navs_link:after { content: ''; display: block; clear: both; visibility: hidden; } .footer-contact { margin-left: auto; display: flex; flex-direction: column; align-items: center; width: 100%; } @media (min-width: 1025px) { .footer-contact { width: 30%; align-items: flex-end; } } .footer-contact .fot-r-tip { display: none; } @media (min-width: 1025px) { .footer-contact .fot-r-tip { display: block; } } .footer-contact .fot-r-tip { font-size: 16px; font-weight: 400; color: #ffffff80; margin-bottom: 10px; } .footer-contact .contact-head { display: flex; align-items: center; justify-content: center; } .footer-contact .contact-head .iconfont { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 1rem; background: #12b3a0; border-radius: 50%; color: #fff; margin-right: 0.8rem; } @media (min-width: 1025px) { .footer-contact .contact-head .iconfont { width: 40px; height: 40px; font-size: 1.4rem; } } .footer-contact .contact-head .tel { font-size: 1.4rem; color: #fff; font-weight: 800; } .footer-contact .footer-r_address { font-size: 14px; color: #ffffff80; line-height: 1.4; } @media (min-width: 1025px) { .footer-contact .footer-r_address { font-size: 16px; } } .footer-contact .footer-r_address { margin: 2rem 0; } .footer-contact .qrcode-img { display: flex; flex-direction: column; align-items: center; } .footer-contact .qrcode-img .img { width: 70px; height: 70px; } @media (min-width: 1025px) { .footer-contact .qrcode-img .img { width: 90px; height: 90px; } } .footer-contact .qrcode-img .img img { width: 100%; height: 100%; } .footer-contact .qrcode-img .lable { font-size: 14px; color: #fff; margin-top: 16px; } .friendship-link { width: 250px; margin-top: 20px; } .friendship-link .head { height: 48px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 4px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; color: #ffffff80; } .friendship-link .friendship-body { display: flex; flex-direction: column; border: 1px solid rgba(255, 255, 255, 0.4); border-top: 0; } .friendship-link .friendship-body .a { display: block; padding: 5px 10px; margin: 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .friendship-link .friendship-body .a:hover { background-color: #818181; color: #fff; }