/*nav css*/
.topbar{position:relative;height:80px;z-index:10;}
.navigator{height: 80px;color: #adadad;float: left}
.logo{float:left;width:155px;height:80px;background:url(//overseas-img.qq.com/images/chiji/act/a20190111official/logo.png) no-repeat center 8px #252525;position: relative;}
.navigator-opt{height:80px;margin-left:40px;position: relative;float:left;padding:0 15px;}
.navigator-opt a{display:inline-block;line-height:80px;color:#adadad;font-size:16px;font-weight:bold;}
.navigator-opt a:hover{color:#fff;text-decoration:none;}
.navigator-sub{position:absolute;top:80px;left:-50%;transform:translate(-10%,0);display:none;opacity:0;transition:all 0.3s 0s ease-in-out;background:#161616;border-top:2px solid #252525;max-width: 200px;min-width: 100%;box-shadow: 0 2px 4px rgba(0,0,0,0.3);text-align: right;}
.navigator-opt:hover .navigator-sub{display:block;opacity:1;}
.navigator-sub a{padding:5px 20px 0;display:block;white-space: nowrap;font-size:16px;line-height:25px;}
.navigator-sub-opt a{font-weight:normal;}
.navigator-sub-opt a:hover{text-decoration:none;background: rgba(255,255,255,0.1);color:#fff;}

.icon-arrowdown{color:#adadad;font-size:14px;transform:rotate(90deg);font-style:normal;display:inline-block}
.icon-link{width:8px;height:8px;display:inline-block;background:url(//overseas-img.qq.com/images/chiji/act/a20190111official/icons/icon_link.png) no-repeat;}
.icon-global{width:22px;height:22px;display:inline-block;background:url(//overseas-img.qq.com/images/chiji/act/a20190111official/icons/icon_global.png) no-repeat;}
.icon-user{width:18px;height:18px;display:inline-block;background:url(//overseas-img.qq.com/images/chiji/act/a20190111official/icons/icon_user.png) no-repeat;vertical-align: middle;margin-top:-4px;}

.header-nav{float:right;height:80px;}
.header-nav-opt{float:right;padding-right:50px;height:80px;position: relative;}
.nav-buynow{padding:0;}
.header-nav-opt:hover .navigator-sub{display:block;opacity: 1;}
.header-nav-opt a{margin-top:26px;display:block;font-size:16px;}
.header-nav-opt a:hover{color:#fff;text-decoration:none;}
.header-nav-opt .buynow-link{display:block;width:121px;background:#f2a900;height:80px;font-size:16px;color:#fff;line-height:80px;font-weight:bold;text-align:center;margin:0;}
.buynow-link .icon-arrowdown{color:#fff;}
.header-nav .navigator-sub{top:80px;padding-bottom:5px}
.header-nav .navigator-sub a{margin:0;}

/*footer css*/
.footer{max-width:1813px;padding:25px 45px 45px;color:#707070;height:200px;}
.footer a{color:#707070;}
.footer-section{width:100%}
.footer-info{border-top:1px solid #707070;margin-top:20px;}
.media-list{height:32px;overflow:hidden;}
.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;
}
.footer-info-left{float:left;margin-top:30px;}
.footer-logo{float:left;width:82px;height:65px;}
.footer-legal{overflow:hidden;line-height:20px;font-size:12px;margin-bottom:10px;}
.footer-legal p{padding-left:24px;}
.legal-list{height:20px;}
.legal-list li{float:left;padding:0 24px;line-height:20px;border-right:1px solid #707070}
.footer-info-right{float:right;margin-top:30px;}