@charset "UTF-8"; /**************************** footer *************************/ footer{ max-width: 1280px; background: #F9F9F9; height: 70px; margin-top: 20px; border-top: 1px solid #CCCCCC; position: fixed; bottom: 0; width: 100%; } footer .footer-wrap{ margin: 0 auto; height: 100%; } footer .footer_item{ text-align: center; margin: auto 0; } footer .footer_item .unread_num { position: absolute; top: -5px; right: -3px; background: #FF4747; color: #fff; padding: 0 7px; min-width: 20px; height: 20px; line-height: 20px; font-size: 10px; border-radius: 15px; } footer .footer_item p{ font-size: 16px; color: #707070; font-weight: bold; margin:0; } footer .footer_item .active{ color: #0070CA; font-weight: bold; } footer .footer_item a{ display: inline-block; position: relative; } @media screen and (max-width: 768px){ footer .footer_item p{ font-size: 12px; } }