@charset "GBK";
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,"Microsoft YaHei",'\5b8b\4f53',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}
a{text-decoration:none;outline:0 none}
a:hover{text-decoration:underline}
img{border:0}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol{padding:0;list-style: none}
/*اه³‎¸،¶¯*/
.tese_list:after,.video_list_wrap ul:after,.live_video_box:after,.ltc_list:after,.fctb_top:after,.union_box:after,.union_box_wrap:after{content:" \200B"; display:block; height:0; clear:both; }
.tese_list,.video_list_wrap ul,.live_video_box,.fctb_top{ *zoom:1; }
body{background:#fff;font-family: "Microsoft YaHei";min-width: 1400px}
#main_body{border-bottom:5px solid #F5D93A;min-width:1400px}
.comm_wrap{width:1200px;margin:0 auto}
@font-face {
    font-family: 'fn';
    src: url('//fn.qq.com/web201806/font/fn.eot?0805');
    src:
            url('//fn.qq.com/web201806/font/fn.eot?#font-spider0805') format('embedded-opentype'),
            url('//fn.qq.com/web201806/font/fn.woff?0805') format('woff'),
            url('//fn.qq.com/web201806/font/fn.ttf?0805') format('truetype'),
            url('//fn.qq.com/web201806/font/fn.svg?0805') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'enfn';
    src: url('//fn.qq.com/web201806/font/bb.eot?0518');
    src:
            url('//fn.qq.com/web201806/font/bb.eot?#font-spider0518') format('embedded-opentype'),
            url('//fn.qq.com/web201806/font/bb.woff?0518') format('woff'),
            url('//fn.qq.com/web201806/font/bb.ttf?0518') format('truetype'),
            url('//fn.qq.com/web201806/font/bb.svg?0518') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'hyllh';
    src: url('//fn.qq.com/web201806/font/hyllh.eot?0518');
    src:
            url('//fn.qq.com/web201806/font/hyllh.eot?#font-spider0518') format('embedded-opentype'),
            url('//fn.qq.com/web201806/font/hyllh.woff?0518') format('woff'),
            url('//fn.qq.com/web201806/font/hyllh.ttf?0518') format('truetype'),
            url('//fn.qq.com/web201806/font/hyllh.svg?0518') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fzzc';
    src: url('//fn.qq.com/web201806/font/fzzc.eot?0426');
    src:
            url('//fn.qq.com/web201806/font/fzzc.eot?#font-spider?04261') format('embedded-opentype'),
            url('//fn.qq.com/web201806/font/fzzc.woff?04261') format('woff'),
            url('//fn.qq.com/web201806/font/fzzc.ttf?04261') format('truetype'),
            url('//fn.qq.com/web201806/font/fzzc.svg?04261') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*¶¥²؟*/
.fn_comm_top_box{background: #333333;font-size:21px;
    position: relative;z-index:1000}
.fn_comm_top_box .sf{font-family: 'fn','Microsoft YaHei';}
.fctb_top{width:1400px;margin:0 auto;padding:0;
    position: relative;z-index:1000}
.fctb_top,.fctb_top a{color:#DBDBDB}
.fctb_top h3{width:122px;background: url("//game.gtimg.cn/images/fn/web201806/header_logo.png") no-repeat;height:100%;height:60px;
    overflow: hidden;
    float: left;}
.fctb_top h3 a{height:100%;
    overflow: hidden;
    line-height: 300;
    display: block;}
.fctb_list{width:900px;
    float: left;margin-left:60px}
.fctb_list li{width:120px;margin:0 20px;text-align: center;line-height: 60px;height:60px;
    float: left;
    position: relative;
    background: #333333;
    }

.fctb_list li:hover a{color:#fff}

.fctb_list li.bold a,.fctb_list li.bold:hover a{color:#F0ED63}
.fctb_list li span{padding: 0 16px;border-bottom:4px solid #333333;height:54px;
    display: inline-block;}
.fctb_list li.cur span{border-bottom:4px solid #F0ED63;}
.fctb_list li:hover a,.fctb_list li a{transition: all .3s ease}

.fctb_list .fctb_sub_nav a:hover{color:#F7DC4D}
.fctb_list .fctb_sub_nav a:hover,.fctb_list li .fctb_sub_nav a,.fctb_list:hover .fctb_sub_nav,.fctb_list .fctb_sub_nav,.sub_nav_bg{transition:all .5s ease}


.fctb_list:hover .fctb_sub_nav{height:245px;opacity: 1}
/*.fctb_list:hover .sub_nav_bg{height:245px;opacity: 0.7}*/

.fctb_top .fctb_download_btn{background:#F0ED63;color:#333;float: right;height:100%;padding:0 33px 0 66px;
    position: relative;}
.fctb_top .fctb_download_btn:hover{
    text-decoration: none;background: #F5D93A;}
.fctb_download_btn,.fctb_download_btn:hover{transition: all 0.1s ease-in}

.user_center_box{position: absolute;right:0;top:0;height:60px;width:280px;font-size:14px;
    text-decoration: none;font-family: "Microsoft YaHei"}
.user_center_box .user_nologin_box{line-height: 60px;}
.user_center_box a{color:#F9CF2F;}
.user_center_box .user_login_box{padding:10px 0 0 55px;
    position: relative;}
.user_center_box .user_login_box img{
    position: absolute;left:0;width:48px;height:48px;border-radius: 100%;top:6px}
.user_center_box #user_login_box{padding-top:6px}
.user_center_box .user_login_box a:hover{
    text-decoration: none;}
.user_center_box .user_login_box a img ,.user_center_box .user_login_box a:hover img{transition: all 0.3s ease}
.user_center_box .user_login_box a:hover img{opacity: 0.8}
.user_center_box .user_login_box p{text-overflow: ellipsis;overflow:hidden;white-space: nowrap;
    line-height: 20px;color:#FEFEFE}
.user_center_box .user_login_box .d{color:#9A9A9A}
.user_center_box .ulb_btn{padding-right: 10px;
    display: inline-block;height:24px;line-height:24px;text-decoration: none;
    background: #1F1F1F;padding:0 8px;margin:2px 10px 0 0;color:#9A9A9A}
.user_center_box .ulb_btn:hover{color:#F9CF2F;}
.user_center_box .ulb_btn,.user_center_box .ulb_btn:hover{transition: all 0.3s ease}
.user_center_box .dologout{color:#9A9A9A;
    text-decoration: none;margin-left:10px}
.header_download_icon i{
    -webkit-animation:fctb 1s  ease both infinite;
    -moz-animation:fctb 1s  ease both infinite;}

.fctb_sub_nav{
    position: absolute;font-size:14px;width:140%;left:50%;margin-left:-70%;top:60px;font-family: "Microsoft YaHei";
    overflow: hidden;line-height:2.8;padding-top:10px;height:0;opacity: 0}
.fctb_sub_nav  a{display: block;color:#fff;
    position: relative;}
.fctb_sub_nav img{
    position: absolute;top:30px;left:50%;margin-left:-50px;width:100px;height:100px;
    background: #fff;width:100px;height:100px;
    display: none;}
.sub_nav_bg{background: #1D1B2D;opacity: 0;
    position: absolute;top:60px;height:0;width:100%;left:0}
@-webkit-keyframes fctb{
    0%{-webkit-transform:translateY(-1px)}
    50%{-webkit-transform:translateY(3px)}
    100%{-webkit-transform:translateY(-1px)}
}
@keyframes fctb{
    0%{transform:translateY(-1px)}
    50%{transform:translateY(3px)}
    100%{transform:translateY(-1px)}
}

.main_page #fctb_mian span,.news_page #fctb_news span,.video_page #fctb_video span{border-bottom: 4px solid #F0ED63;}


.small_screen .fctb_top{width:1300px}
.small_screen .fctb_list li{margin:0 10px}
/*µ×²؟*/
.footer_wrap_box{padding-top:151px;margin-top:-152px}
.ft_link_box{
    background: #333 url('//game.gtimg.cn/images/fn/web201806/ft_link/ft_link_bg.jpg') center bottom no-repeat;text-align: center;z-index:9;
    position: relative;height:422px}
.ft_link_box ul{width:1200px;margin:0 auto;padding:176px 0 0;}
.ft_link_box li{display: inline-block;margin:0 40px;
    position: relative;zoom:1}
.ft_link_box li p{font-family: "Microsoft YaHei";color:#FFFFFF;font-size: 16px;padding-top: 10px}
.ft_link_box li .ft_link_pop{display: none;
    position: absolute;top:116px;left:50%;margin-left:-80px;background: #fff;padding:8px}
.ft_link_box li img{width:101px;height:101px;}
.ft_link_box li .ft_link_pop img{width:145px;height:145px;}
.ft_link_box li .ft_link_pop .flp_arrow{
    position: absolute;top:-12px;left:50%;margin-left:-12px;background: url("//game.gtimg.cn/images/fn/web201806/ft_link/p_arrow.png") no-repeat;width:24px;height:12px;}
.ft_link_box li:hover .ft_link_pop{display: block;}
.ft_link_box li:hover img,.ft_link_box li img{transition: all ease-in .3s}
.ft_link_box li:hover .i{transform: rotate(20deg)}
#gfooter{ background: #333333;color:#898989;border-top:1px solid #666666;}
#gfooter a{color:#898989}
#gfooter .foot_dark{color:#898989;padding-top: 10px;
    background: #333333;width:1200px;margin:0 auto}
#gfooter .logo1{background: url("//game.gtimg.cn/images/fn/web201803/footer_epic_logo.png") no-repeat;width:42px;height:49px;}

.union_box{background: #333333;padding:60px 0 38px;}
.union_box_wrap{background: #333333;width:1280px;margin:0 auto}
.union_sp_box{
    float: left;}
.usb_01{width:178px}
.usb_center{width:230px;text-align: center}

.usb_02{width:860px;margin-left:10px}
.usb_02 .f a{padding-right:14px;}
.usb_02 .s a{padding-right:20px;}
.union_list{margin:0 auto;line-height: 42px;overflow: hidden;
    position: relative;}
.union_list_wrap{
    background: #333333;
}
.union_list a{margin:0 10px;
    display: inline-block;line-height: 42px;height:42px;text-align: center;
    vertical-align: middle;margin-bottom:10px}
.union_list img{
    vertical-align: middle;}
.union_sp_box img,.union_sp_box img:hover{transition: all .3s ease}
.union_sp_box img:hover{opacity: 0.5}

.union_box h3{font-family: 'fzzc','Microsoft YaHei';color:#CCCCCC;font-size:18px;font-weight: normal;padding-bottom: 20px;
    text-align: center;}
.usb_center h3{padding-bottom:12px}
.wegame_box{
    text-align: center;padding-bottom:50px }
.wegame_box img{
    vertical-align: middle;}
.live_box{
    text-align: center;color:#fff;
    position: relative;z-index:999;
    font-size:22px;}
.live_box .nor_status{font-family: 'hyllh','Microsoft YaHei';cursor: pointer;font-size:28px;
    position: absolute;width:100%;top:0px;left:0%;height:100%;
    vertical-align: top;transform: rotate(-1deg);vertical-align: middle;color:#333}
.live_box .lb_top{
    -webkit-animation:n 1s  ease both infinite;
    -moz-animation:n 1s  ease both infinite;}
@-webkit-keyframes n{
    0%{-webkit-transform:rotate(-1deg)}
    50%{-webkit-transform:rotate(1deg)}
    100%{-webkit-transform:rotate(-1deg)}
}
@keyframes n{
    0%{transform:rotate(-1deg)}
    50%{transform:rotate(1deg)}
    100%{transform:rotate(-1deg)}
}