.footer { padding: 0px 0 0; } .footer .foot { background: #bd1a2d; padding: 28px 0; } .footer .foot .panel { background: #a91728; color: #fff; margin-left: 4px; font-size: 14px; height: 142px; padding: 25px 35px; line-height: 46px; } .footer .foot .panel.contant { line-height: 30px; } .footer .foot .erwei { padding: 19px 15px 11px 15px; line-height: 32px; } .footer .foot .erwei p { display: inline-block; text-align: center; padding: 0 5px; } .footer .foot .erwei p img { display: block; } .footer .foot .panel.footnav { text-align: justify; width: 220px; line-height: 44px; } .footer .foot .panel.footnav a { color: #fff; display: inline-block; margin: 0; } .footer .foot .panel.footnav span { display: inline-block; width: 100%; } .footer .cx { width: 31.5%; padding-top: 25px; height: 142px; vertical-align: middle; } .footer .copyright { background: #dabb85; font-size: 14px; line-height: 36px; padding: 10px 0; } .footer .copyright .container { text-align: justify; font-size: 0; line-height: 0; } .footer .copyright p { display: inline-block; font-size: 14px; line-height: 32px; margin-right: 33px; color: #404040; } .footer .copyright p a { color: #404040; margin: 0; } .footer .copyright p a:hover { color: #404040; } .footer .copyright p.m-hide { margin-right: 0; } @media screen and (max-width: 1200px) { .footer .copyright p { margin-right: 0; } } .footer .copyright span { display: inline-block; width: 100%; height: 0; font-size: 0; } @media screen and (max-width: 768px) { .footer .fl { float: left; } } @media screen and (max-width: 768px) { .footer .foot { padding: 3% 0; } } @media screen and (max-width: 368px) { .footer .foot { padding: 1% 0; } .footer .foot .cx { height: auto; padding-top: 7%; width: auto; } .footer .foot .erwei { background: 0 0; padding: 3% 0 0; height: auto; } .footer .copyright p { line-height: 22px; } }