@media (min-width: 320px){
    .wrap{width: 310px;}
    .header-top i{display: none;}
    .header-top-1{display: none;}
    .logo{width: 55px; margin: 5px 0;}
    .footer-logo{display: none;}
    .footer-list{margin-bottom: 30px;}
    .footer-face{text-align: center;}
    .header-middle{top: 54px;}
}
@media (min-width: 360px){
    .wrap{width: 350px;}
}
@media (min-width: 410px){
    .wrap{width: 400px;}
    .header-top i{display: inline-block;}
}
@media (min-width: 480px){
    .wrap{width: 480px;}
}
@media (min-width: 580px){
    .wrap{width: 580px;}
}
@media (min-width: 768px){
    .wrap{width: 758px;}
    .header-top-1{float: left; display: block;}
    .header-top-2{float: right;}
    .header-middle{top: 42px;}
    .logo{width: 75px; margin: 10px 0;}
    .header-middle-2 .logo{width: 55px; margin: 5px 0;}
    .footer-list{float: left;}
    .footer-list:nth-child(2){margin: 0 30px 0 0;}
    .footer-face{float: right; width: 250px;}
    .footer-bottom p:nth-child(1){float: left;}
    .footer-bottom p:nth-child(2){float: right;}
}
@media (min-width: 970px){
    .wrap{width: 970px;}
    .footer-list:nth-child(2){margin: 0 70px 0 0;}
    .footer-face{width: 300px;}
}
@media (min-width: 1170px){
    .wrap{width: 1170px;}
    .footer-logo{float: left; display: block; width: 150px; margin-top: -10px;}
    .footer-list:nth-child(2){margin: 0 70px;}
}