/*footer*/
footer{background-color:#323232;color:#fff;overflow:hidden;}
footer .note{display:flex;width:95%;margin:0 auto;align-items:flex-start;padding:15px 0;justify-content:center;font-family:SHanSanB;}
footer .note a{width:81px;margin-right:10px;flex:none;}
footer .note span{font-size:14px;}
footer .note a:last-child{display:none;width:220px;}
footer .footer_beian{font-size:12px;color:#fff;text-align:center;margin-bottom:10px;font-family:SHanSanB;    display: flex; align-items: center;justify-content: center;}
footer .footer_beian a{color:#fff;display:inline-block;}
footer img{width:auto;}
footer img.pc{height:56px;}
footer img.mb{display:none;}
.footer__copyright{font-size:14px;padding:20px 0;text-align:center;border-bottom:1px solid #777;}

@media (max-width: 760px){
    .footer__copyright{font-size:12px;}
    footer .note a{width:47px;}
    footer .note a img{width:47px;height:47px;}
    footer .note span{font-size:12px;}
    footer img.pc{display:none;}
    footer img.mb{display:block;margin:auto;height:40px;}
    footer .footer_beian{font-size:12px;color:#fff;text-align:center;margin-bottom:10px;font-family:SHanSanB;display: inherit;}

}

@media (min-width: 760px) {
    footer .note span{font-size:12px;}
    footer .note a{width:60px;}
    footer .note a img{width:60px;height:60px;}
}

@media (min-width: 980px) {
    footer .note span{margin-right: 10px;}
    footer .note a:last-child{display: block;}
}