@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; } }