.g-body__foot {
    -ms-flex-negative:0;
    flex-shrink:0
}
.g-body__foot a{ color:inherit;}
.g-footer {
    color:#fff;
    background:#161616;padding:25px 25px 45px}@media screen and (min-width:768px){.g-footer{padding:25px 45px 45px}}@media screen and (min-width:568px){.g-footer__section{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}}.g-footer__section:not(:first-child){-ms-flex-align:start;align-items:flex-start;border-top:1px solid #707070;
    padding-top:30px;
    margin-top:20px
}


.g-footer a:hover {
    color:#fff
}
.icon-nav {
    list-style:none;
    margin-left:-10px
}.icon-nav__item {
    padding-left:10px;
    display:inline-block;
    vertical-align:middle
}.icon-nav__item svg {
    width:20px;
    height:20px
}/*.icon-nav a {
    padding:10px;
    display:inline-block
}*/
.footer-nav {
    font-family:'Teko',
    'Oswald',
    sans-serif;
    font-size:16px;
    line-height:1;
    text-transform:uppercase;
    list-style:none;
    display:-ms-flexbox;
    display:flex;
    margin-left:-20px
}.footer-nav__item {
    padding-left:20px
}@media screen and (max-width:567px) {.footer-nav {
        padding-top:20px
    }
}
@media screen and (max-width:567px) {.footer-info {
        display:block
    }
}.footer-info__split {
    display:-ms-flexbox;
    display:flex;-ms-flex-pack:justify;
    justify-content:space-between;-ms-flex-align:start;
    align-items:flex-start
}@media screen and (max-width:567px){.footer-info__split {
        -ms-flex-direction:column;
        flex-direction:column
    }
}.footer-info__logo {
    color:#707070}@media screen and (max-width:567px){.footer-info__logo{margin:0 0 20px}}.footer-info__logo svg{width:80px;height:65px}.footer-info__legal{color:#707070;
    font-size:12px
}@media screen and (min-width:568px){.footer-info__legal {
        padding:0 20px
    }
}@media screen and (max-width:567px){.footer-info__rating {
        padding-top:20px
    }
}.footer-info p:not(:first-child) {
    padding-top:10px
}
.footer-nav {
    font-family:'Teko',
    'Oswald',
    sans-serif;
    font-size:16px;
    line-height:1;
    text-transform:uppercase;
    list-style:none;
    display:-ms-flexbox;
    display:flex;
    margin-left:-20px
}.footer-nav__item {
    padding-left:20px
}@media screen and (max-width:567px) {.footer-nav {
        padding-top:20px
    }
}.divided-nav {
    overflow:hidden
}.divided-nav:not(:first-child) {
    padding-top:10px
}.divided-nav__list {
    list-style:none;
    margin-left:-40px
}.divided-nav__list li:first-child {
    font-weight:bold;
    color:#fff
}.divided-nav__item {
    display:inline-block;
    vertical-align:middle
}.divided-nav__item {
    margin-left:20px;
    padding-left:20px;
    border-left:1px solid currentColor
}

svg, img {
    display: block;
    max-width: 100%;
    
    height: auto;
}
.media-list{height:32px;overflow:hidden;width: auto;float: left;}
.media-list li{float:left;}
.media-list a , .media-list a span{
    display: inline-block;
    height: 32px;
    background-image:url(https://overseas-img.qq.com/images/chiji/act/a20190111official/flogo.jpg);
    background-repeat:no-repeat;
}
.media-list a span{
    width: 100%;
    height: 100%;
    opacity:0;
    transition:.2s opacity;
}
.media-list a:hover span{
    opacity:1;
}
.media-list .flogo1 a{
    background-position:0 0;
    width: 53px;
}
.media-list .flogo1 span{
    background-position:0 -32px;
}
.media-list .flogo2 a{
    background-position:-53px 0;
    width: 72px;
}
.media-list .flogo2 span{
    background-position:-53px -32px;
}
.media-list .flogo3 a{
    background-position:-135px 0;
    width: 66px;
}
.media-list .flogo3 span{
    background-position:-135px -32px;
}
.media-list .flogo4 a{
    background-position:-201px 0;
    width: 48px;
}
.media-list .flogo4 span{
    background-position:-201px -32px;
}
.media-list .flogo5 a{
    background-position:-249px 0;
    width: 54px;
}
.media-list .flogo5 span{
    background-position:-249px -32px;
}
.media-list .flogo6 a{
    background-position:-303px 0;
    width: 52px;
}
.media-list .flogo6 span{
    background-position:-303px -32px;
}
.media-list .flogo7 a{
    background-position:-355px 0;
    width: 76px;
}
.media-list .flogo7 span{
    background-position:-355px -32px;
}
.media-list .flogo8 a{
    background-position:-431px 0;
    width: 53px;
}
.media-list .flogo8 span{
    background-position:-431px -32px;
}
.media-list .flogo9 a{
    background-position:-484px 0;
    width: 46px;
}
.media-list .flogo9 span{
    background-position:-484px -32px;
}
@media screen and (max-width: 800px){
    .icon-nav{display: none;}
}