/* ========================= footer ========================= */
footer{ width: 100%; height: auto; background-color: #333; padding-top: 60px; position: relative; overflow: hidden; color: #aaa; font-weight: 400; font-size: 12px; letter-spacing: normal;}
footer a{ color: #aaa; font-size: 12px;}
span.white{ color: #fff;}
.gold{ color: #6A833B;}

.f-top{ width: 100%; overflow: hidden; padding-bottom: 40px;}
.f-top > div:nth-child(1){ width: 40%;}
.f-top > div:nth-child(2){ width: 40%;}
.f-top > div:nth-child(3){ width: 20%;}

.f-top li{line-height: 30px;}
.f-top h4{ font-size: 18px; font-weight: 400; padding-bottom: 12px;}


.f-bottom{ clear: both; line-height: 52px; border-top: 1px solid #aaa; }
.f-bottom p img{ position: relative; top: 6px; padding-left: 3px;}
.f-bottom li{padding-left: 25px;}







/* =================== 1024px =================== */
@media (max-width: 1024px) {
    footer{ font-size: 12px;}
    footer a{ font-size: 12px;}
    
    .f-top{ padding-bottom: 17px;}
    
    .f-bottom{ clear: both; line-height: inherit; border-top: 1px solid #aaa; }
    .f-bottom p{ float: none; clear: both; text-align: center; padding-bottom: 100px;}
    .f-bottom p img{ width: 15px; height: 15px; top: 4px;}
    .f-bottom li{padding-left: 0; padding: 0 7.5px; }
    .f-bottom ul{ overflow: hidden; width: 232px; float: none; clear: both; position: relative; left: 0; right: 0; margin: 0 auto; padding-top: 20px;}
    
    
    .fix-bottom{ width: 100%; height: 50px; padding: 6px 15px; box-sizing: border-box; overflow: hidden; position: fixed; z-index: 1000; background-color: #fff; bottom: 0; border-top: 1px solid #eee;}
    
    .fix-bottom li{text-align: center;}
    .fix-bottom li a{ display: inline-block; width: 100%;}
    .fix-bottom li i{font-size: 17px; color: #666; padding-bottom: 8px;}
    .fix-bottom li p{font-size: 12px; color: #666; font-weight: 600;}
}

/* ========================= footer ========================= */