код HTML { ширина: 100%; высота: 100%; фон-цвет: #f2f2f2; } #корень { обивка: 0; } .страница не Найдена { граница-радиус: 8 Пикс; Макс-ширина: 1200px; мин-ширина: 570px; ширина: 100%; мин-высота: 386px; высота: с Calc(100vh - 597px); дисплей: гибкий; кабель Flex-направление: колонка; обосновывать-содержание: центр; выравнивать-элементы: Центр; фон-цвет: #FFF; маржа: авто до 40 px; }.контейнер { маржа-слева: авто; маржа-слева: авто; обивка-слева: 0; обивка-направо: 0; ширина: 760px}.контейнер:после,.контейнер:до { содержания: ""; дисплей: стол}.контейнер:после { ясно: оба}@медиа (мин-ширина: 760px) { .контейнер { подкладка-слева:в 20px; обивка-направо: 20 пикселей; ширина: авто }}@медиа (мин-ширина: 1020px в) { .контейнер { обивка налево:15px; обивка-направо: 15px; ширина: авто }}@медиа (мин-ширина: 1260px) { .контейнер { подкладка-слева:0; обивка-направо: 0; маржа-слева: авто; маржа-справа: авто; ширина: 1200px }} .сайт-футер { ясно: оба; фон-цвет: #e8e8e8; обивка-топ: 30 пикселей; маржа-верх: 30 пикселей } .сайт-футер дл { обивка: 0 0 25 пикселей 0 } .сайт-футер ДТ { шрифт-размер: 16px и; цвет: #333; линия-высота: 28px; маржа-дно: 5 пикселей } .сайт-футер ДД { шрифт-размер: 13px; цвет: #999; линия-высота: 18px; маржа-слева: 0 } .сайт-футер ДД а { цвет: #999 } .сайт-футер ДД а:зависать { текст-отделка: нет; цвет: #ф90 } .сайт-футер .СФ-siteIntro { поплавок: слева; ширина: 50% } .сайт-футер .СФ-siteIntro дл { обивка-направо: до 40 px } .сайт-футер .СФ-MultiLanguageSite { поплавок: слева; ширина: 50% } .сайт-футер .СФ-seoKeyword { поплавок: слева; ширина: 50% } .сайт-футер .СФ-seoKeyword дл { обивка: 0 до 40 px 0 0 } .сайт-футер .СФ-скачать-приложение, { обивка: значение 10px 0 40 пикселей; поплавок: слева } .сайт-футер .СФ-скачать-приложение { позиция: относительная; дисплей: встроенный блок; обивка: значение 10px 0 0 30 пикселей; маржа-справа: значение 10px; линия-высота: 30 пикселей; фон-цвет: #a4c739; цвет: #FFF; начертание шрифта: 700; размер шрифта: 16px и; граница-радиус: 3 пиксела } .сайт-футер .СФ-загрузить приложение с:до { содержания: "; позиция: абсолютная; топ: в 4px; кол-во: 6px; ширина: 20 пикселей; высота: 21px; переполнение: скрытый; фон-изображение: URL-адрес(//ae01.alicdn.com/kf/H907757fdad184e31a1b58bd6507666deo.png); фон-повторить: не повторять } .сайт-футер .СФ-скачать-приложение а:зависать { текст-отделка: нет } .сайт-футер .СФ-скачать приложение на.мобильный-ссылка { цвет фона: #8c8c8c } .сайт-футер .СФ-скачать приложение на.мобильный-связь:до { фон-изображение: URL-адрес(//ae01.alicdn.com/kf/H6dea52a7c0df4bd4846cec6add0060acM.png); слева: 7px } .сайт-футер .СФ-скачать приложение на.компания Huawei-ссылка { цвет фона: #191919; обивка-слева: 34px; } .сайт-футер .СФ-скачать приложение на.компания Huawei-связь:до { фон-изображение: URL-адрес(//ae01.alicdn.com/kf/Sd7cfb8345479453ba8323296a3692735L/40x40.png); слева: 7px; фон-размер: содержать; топ: 5 пикселей; } .сайт-футер .СФ-alibabaGroup { поплавок: слева; ширина: 50% } .сайт-футер .СФ-alibabaGroup дл { обивка-дно: 0 } .сайт-футер .clearfix:после { видимость: скрытый; дисплей: блок; высота: 0; шрифт-размер: 0; содержание: "0020"; ясно: оба } .сайт-футер .clearfix { Zoom:от 1;} .футер-копирайт { фон-цвет: #333; цвет: #FFF; шрифт-размер: 14px; линия-высота: 18px; обивка: 8 Пикс. 0 } .футер-копирайт .контейнер { непрозрачность: .6; линия-высота: 20 пикселей; } .футер-копирайт, а { цвет: #FFF; маржа: 0 2 пикселя } .футер-копирайт в img{ вертикального выравнивания: середине; } @медиа(Макс-ширина:1019px) { .сайт-футер .СФ-siteIntro, .сайт-футер .СФ-siteIntro, .сайт-футер .СФ-seoKeyword, .сайт-футер .СФ-скачать приложение { ширина: 100% } .сайт-футер .СФ-seoKeyword дл .сайт-футер .СФ-siteIntro дл { обивка-направо: 0 } .сайт-футер .СФ-alibabaGroup дл .сайт-футер .СФ-seoKeyword дл { обивка-дно: 25 пикселей } }