@charset "UTF-8"; @font-face { font-family: 'BBCICON-s'; src: url("?bbc-icon/solid/fonts/BBC-Solid.eot"); src: url("?bbc-icon/solid/fonts/BBC-Solid.eot") format("embedded-opentype"), url("?bbc-icon/solid/fonts/BBC-Solid.ttf") format("truetype"), url("?bbc-icon/solid/fonts/BBC-Solid.woff") format("woff"), url("?bbc-icon/solid/fonts/BBC-Solid.svg") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'BBC-Brands'; src: url("?bbc-icon/brands/fonts/BBC-Brands.eot"); src: url("?bbc-icon/brands/fonts/BBC-Brands.eot") format("embedded-opentype"), url("?bbc-icon/brands/fonts/BBC-Brands.ttf") format("truetype"), url("?bbc-icon/brands/fonts/BBC-Brands.woff") format("woff"), url("?bbc-icon/brands/fonts/BBC-Brands.svg") format("svg"); font-weight: normal; font-style: normal; } .bs { font-family: 'BBCICON-s' !important; font-style: normal; font-weight: bold; } .bb { font-family: 'BBC-Brands' !important; font-style: normal; line-height: 1; font-weight: normal; font-variant: normal; } .bbc-phone:before { content: "\e919"; } .bbc-comments-alt:before { content: "\e927"; } .bbc-qq:before { content: "\e903"; } .bbc-envelope:before { content: "\e90f"; } .bbc-home:before { content: "\e912"; } .bbc-map-marker-alt:before { content: "\e916"; } .bbc-share-alt:before { content: "\e91e"; } .bbc-comment-alt-dots:before { content: "\e901"; } .bbc-link:before { content: "\e928"; } .foot-tool { display: none; } @media (max-width: 767.98px) { .foot-tool { list-style: none; padding-left: 0; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; -ms-flex-wrap: wrap; flex-wrap: wrap; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 998; } .foot-tool[data-foot='1'] li { width: 100%; } .foot-tool[data-foot='2'] li { width: 50%; } .foot-tool[data-foot='3'] li { width: 33.33333%; } .foot-tool[data-foot='4'] li { width: 25%; } .foot-tool li a { display: block; text-align: center; padding: 15px 10px; color: #ffffff; text-decoration: none; font-size: 16px; line-height: 1.5; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .foot-tool li a i { margin-right: 5px; font-size: 18px; vertical-align: text-bottom; line-height: 1; } .foot-tool li a:hover { background-color: rgba(0, 0, 0, 0.7); color: #fff } .foot-tool .popup_more { position: relative; } .foot-tool .popup_more:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; display: block; } }