@charset "gb2312";
/* CSS Document BY Jackychao */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,i{margin:0;padding:0; font-style:normal !important}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;color:#333333;font-family:Microsoft YaHei}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
body {font-size:14px;color:#666;font-family:Microsoft YaHei; background:#f9f9f9}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
a, button { cursor:pointer}
a{ text-decoration:none; color:#333;}
a:hover{ color:#ff3300;/* text-decoration:underline;*/}
.header .mainnav a:hover{ text-decoration:none;}
.left,.l{float:left;}
.right,.r{float:right;}
.clear:after,.expectbox li:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear,.expectbox li{ zoom:1; clear:both}
.scale_img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
a:hover .scale_img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.gray{-webkit-filter: grayscale(100%);/*兼容google、opera*/filter: gray;/*兼容IE7-IE9，IE10不支持*/}
.red{ color:#ea0000}
.w1240{ width:1240px; margin:0 auto}
.w1200{ width:1200px; margin:0 auto}
.w1000{ width:1000px; margin:0 auto}
.ww1000{ width:1200px; margin:0 auto}
.w400{ width:400px}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mt25{ margin-top:25px}
.title{ height:30px; overflow:hidden}
.title h2{ float:left; font-size:20px; line-height:30px; color:#333; width:95px; position:relative; font-weight:bold}
.title em{ float:right; line-height:30px;}
.title em a{ color:#999}
.title em a:hover{ color:#ff3300}
.row .title h2:after{content:""; width:70px; height:3px; background:#f07800; border-right:#FFF solid 1px; position:absolute; left:95px; top:13.5px;}
.row .title h2:before{content:""; width:200px; height:1px; background:#e6e6e6; position:absolute; left:166px; top:14.5px;}

/*公共*/



/*头部开始*/
.all{ background:url(../images/bigbg.jpg)  center top no-repeat;padding-top: 60px;}
.all1{ background:url(../images/bg.jpg) 0 0 repeat-x}
.leftad{ width:340px; height:720px; position:absolute; left:0; top:0;display:block;z-index:100}
.leftad a{ width:100%; height:720px; display:block}
.rightad{ width:340px; height:720px; position:absolute; right:0; top:0;display:block;z-index:100}
.rightad a{ width:100%; height:720px; display:block}
.top1{ width:1240px; height:820px; position:absolute; left:50%; top:60px; margin-left:-620px; z-index:101}
.header{ width:1240px; margin:0 auto; height:410px; overflow:hidden;background:#f7f7f7;}
.topbar{height:40px; width:1200px; padding:0 20px;background:#f2f2f2}
.website{ height:18px; padding:11px 0; overflow:hidden;}
.website a{ font-size:14px; line-height:18px; padding-right:22px}
.scrollnews{ height:20px; margin-top:10px; padding-left:20px; border-left:#b1b1b1 solid 1px;}
#scrollDiv{width:300px;height:20px;line-height:20px;overflow:hidden}
#scrollDiv li{height:20px;padding-left:17px; line-height:20px; overflow:hidden;background:url(../images/horn.png) 0 3px no-repeat}
.toplink a{ padding:0 10px; font-size:14px}
.topbar .toplink,.topbar .toploginbox{ line-height:40px;}
.topbar .loginbtn a{ font-size:14px; margin:0 10px; display:inline-block}
.topbar a.login{ display:inline-block; width:48px; height:24px; line-height:24px; border:#f07801 1px solid; color:#f07801; text-align:center; border-radius:5px}
.topbar .toploginbox{width:250px; float:right; text-align:right;}
.r_formbox{width:290px; height:20px; margin:10px 0 0 0; float:right;}
.r_formbox .navbox_s{width:55px; height:20px; background:url(../images/ico_ui.gif) -34px -104px no-repeat; position:relative; z-index:100; float:left; text-align:left; font-size:12px} 
.navbox_s  span{ display:block; height:20px; line-height:20px;text-indent:5px; cursor:pointer}
.navbox_s.hover {background:url(../images/ui3.png) 0 -49px no-repeat;}
.navbox_s div{ position:absolute; top:20px; left:0; width:58px; border:solid 1px #d9d9d9; background:#fff;padding:5px 0;}
.navbox_s div a { display: block; line-height:22px; text-decoration:none; color:#333;text-indent:10px}
.navbox_s div a:hover { background:#1051C9; color:#fff}
.r_input_admin { width:84px; color:#ccc; font-size:12px; float:left; height:16px; background:url(../images/ico_ui.gif) 0 -81px no-repeat; border:0; line-height:16px; padding:2px 2px 2px 4px;}
.r_input_admin_mm { width:84px; color:#ccc; font-size:12px; float:left; height:16px; background:url(../images/ico_ui.gif) 0 -81px no-repeat; border:0; line-height:16px; padding:2px 2px 2px 4px; margin-left:5px;}
.r_input_admin_button { width:40px; height:20px; background:url(../images/ico_ui.gif) -50px -128px no-repeat; font-size:12px; color:#fff; cursor: pointer; border:none;float:left; margin:0 0 0 5px; *display:inline;}
.r_admin_link{ float:right; line-height:37px;}
.r_robin_hou{ height:30px; line-height:30px; width:270px; float:right;}
.r_robin_zhong{ height:37px; line-height:37px; width:270px; float:right;}
.r_admin_pic{width:24px; height:24px; padding:3px; background:url(../images/admin_pic.gif) 0 0 no-repeat; float:left; margin-top:3px; margin-right:5px;}
.r_admin_pic img{width:24px; height:24px; display:block;}
.r_admin_pic a img{ border:0;}
.r_login_link{width:226px; float:left;}
.r_login_link a{ padding:0 5px;}
.r_login_link span a{ font-weight:bold;}

.headtop{ width:1200px; height:100px; padding:0 20px; margin:0 auto; background:url(../images/headbg.jpg) center top no-repeat}
.headtop h1{ width:138px; float:left; margin-top:27px;}
.headtop h1 a{ width:138px; height:48px; background:url(../images/logo.png) 0 0 no-repeat; display:block; overflow:hidden; text-indent:-9999px}
.headtop .searchbox{ width:300px; float:right; margin:22px 0 0 0}
.formbox{ width:300px; height:32px; background:url(../images/search.png) 0 0; border:#f6ae66 solid 1px; overflow:hidden}
.formbox .searchtext{ width:270px; height:32px; background:none; border:none; float:left; line-height:32px; text-indent:10px; font-size:14px; color:#999999}
.formbox .searchtexthei{ width:270px; height:32px; background:none; border:none; float:left; line-height:32px; text-indent:10px; font-size:14px; color:#999999}
.formbox .searchbtn{ width:30px; height:32px; float:left; background:none; border:none; cursor:pointer}
.keywords{ font-size:12px; line-height:18px; padding-top:6px}
.keywords a{ padding:0 5px}
.nav{ background:#FFF; height:60px; border-bottom:#f0f0f0 solid 1px; overflow:hidden; border-top:#EE7701 solid 2px}
.nav li{ font-size:18px; line-height:60px; padding:0 32px;float:left}
.nav li.hover{background:url(../images/ico_yh.png) 3px center  no-repeat; vertical-align: middle; transition: all .1s;}
.navbox{ padding:10px 20px 0 20px; height:158px;}
.navbox dl dt{ width:75px; height:23px; float:left; margin-right:13px; background:url(../images/navdt.png) 0 0 no-repeat; font-size:12px; color:#FFF; text-indent:11px; line-height:23px; margin-top:4px}
.navbox dl dd{ width:1112px; float:left;}
.navbox dl dd a{ width:101px; display:inline-block; line-height:20px; height:20px; position:relative; padding:6px 0 5px 10px; float:left; overflow:hidden}
.navbox dl dd a:before{content:""; width:1px; height:9px; background:#acacac; position:absolute; left:0; top:10px;}
.navbox dl dd a.first:before{ display:none}
.navbox dl dt.dt1{ background-position:0 -0}
.navbox dl dt.dt2{ background-position:0 -31px}
.navbox dl dt.dt3{ background-position:0 -62px}
.navbox dl dd a i.h{ background:url(../images/ico_hot.png) 0 0 no-repeat; width:9px; height:9px; display:inline-block; margin-left:3px; vertical-align:top}
.navbox dl dd a i.n{ background:url(../images/ico_new.png) 0 0 no-repeat; width:9px; height:9px; display:inline-block; margin-left:3px; vertical-align:top}
.subnav{ background:#fff3e7; padding:8px 20px 6px 20px; border-bottom:#ffead4 solid 1px; height:23px; overflow:hidden}
.subnav dt{ width:75px; height:23px; float:left; margin-right:13px; background:url(../images/navdt.png) 0 -93px no-repeat; font-size:12px; color:#FFF; text-indent:11px; line-height:23px;} 
.subnav dd a{display:inline-block; line-height:23px; height:23px;padding:0 20px 0 10px;}
.subnav dd a i{ height:12px; padding:0 4px; background:#ff7f00; font-size:12px; font-family:"宋体"; display:inline-block; vertical-align:middle; color:#FFF; line-height:12px; margin-left:4px; border-radius:6px}
.adbox img{ width:1200px; height:80px; display:block}
.adbox2 img{ width:400px; height:140px; display:block}
.adbox3{ width:592px; height:80px; display:block}


/*首页幻灯*/
.focusBox{ margin:0 auto;  position:relative;  border:1px solid #eee; width:770px; height:280px;background:#fff; overflow:hidden;  float:left }	
.focusBox .hd{ height:8px; position:absolute; z-index:4; bottom:25px; right:22px; overflow:hidden;}	
.focusBox .hd ul{ float:right;  overflow:hidden;  }	
.focusBox .hd li{float:left;text-indent:-9999px; overflow:hidden; margin-right:6px;width:8px;height:8px;line-height:8px;text-align:center;color:#525252; background:#8f8f8f;outline:none;overflow:hidden;text-decoration:none;}	
.focusBox .hd li.on{color:#fff; background:#f3591b; width:30px;}	
.focusBox .bd li{ vertical-align:middle; position:relative}	
.focusBox .bd li img{ width:770px; height:280px; display:block;background:url(../images/loading.gif) center center no-repeat;  }
.focusBox .bd li span{ height:60px; width:770px; line-height:50px; padding-top:70px; background:url(../images/png.png) 0 0 repeat-x; text-indent:18px; position:absolute; z-index:3; left:0; bottom:0;color:#fff; font-size:28px;font-family:"微软雅黑"; z-index:2}


/*头条*/
.hotnews{ overflow:hidden; text-align:center; float:right; width:410px;}
.hotnews h2{ font-size:20px;font-weight:bold; line-height:28px; height:28px; overflow:hidden; padding:0 5px; margin-top:20px}
.hotnews h2 a{ color:#ea0000;}
.hotnews h2 a:hover,.hotnews h3 a:hover{ text-decoration:underline}
.hotnews h3{ font-size:14px; line-height:44px; color:#666666; line-height:44px; font-family:"Microsoft Yahei"; padding:0 10px; height:44px; overflow:hidden}
.hotnews h3 a{ padding:0 10px; color:#666666}

/*电竞赛事*/
.esports{ background:url(../images/esbg.jpg) center top no-repeat; margin-top:20px}
.esports .w1200{ height:368px; position:relative;}
.esbox{ position:absolute; width:1200px; height:368px; top:40px; left:0}
.estit h2{ font-size:30px; line-height:32px; color:#333333; text-align:center}
.slideGroup .slideBox{zoom:1;position:relative; height:228px; overflow-y:hidden;}
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:0; top:88px; display:block; width:60px; height:60px;background:url(../images/slideGroup.png) 0 0 no-repeat; z-index:100}
.slideGroup .sNext{ left:auto; right:5px; background:url(../images/slideGroup.png) -60px 0 no-repeat}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.slideGroup .parBd{ margin-top:30px; padding-left:5px}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup .parBd ul li{ width:280px; height:228px; float:left; margin-left:14px}
.eventbox{ width:280px; height:228px; background:#ffffff; overflow:hidden}
.s1 .eventbox{ background:url(../images/bszt.png) #ffffff -294px 0 no-repeat}
.s3 .eventbox{ background:url(../images/bszt.png) #ffffff 0 0 no-repeat;}
.s4 .eventbox{ background:url(../images/bszt.png) #ffffff -587px 0 no-repeat;}
.eventbox .topt{ line-height:22px; font-size:12px; text-align:center; color:#fff}
.s3 .topt{color:#222}
.eventbox .tt{ font-size:18px; line-height:56px; height:56px; overflow:hidden; color:#333; text-align:center}
.absbox{ width:240px; padding:0 20px; overflow:hidden}
.abs{ width:64px;}
.abs p{ font-size:14px; line-height:24px; color:#333; text-align:center; height:24px; overflow:hidden}
.absimg{ width:54px; padding:5px}
.absimg img{ width:100%; display:block}
.abs_tit{ width:112px; float:left; text-align:center}
.abs_tit h4{ font-size:36px; line-height:64px; text-align:center; color:#333; font-weight:bold}
.abs_tit .wkstime{ font-size:14px; line-height:64px; text-align:center; color:#333;}
.starting{width:78px; height:24px; margin:4px auto 0; font-size:12px; color:#222222; line-height:24px; text-align:center; border-radius:15px;}
.s1 .starting{ background:url(../images/gifbg.png) 0 0 repeat; color:#FFF}
.s3 .starting{ background:#c9c9c9;}
.s4 .starting{ background:#ff8a16; color:#FFF}
.eventbox .other{ height:40px; border-top:#f2f2f2 solid 1px; margin-top:17px;}
.eventbox .other span{ font-size:12px; color:#999999; line-height:40px}
/*.eventbox .other .left{ background:url(../images/wui.png) 0 -473px no-repeat; padding-left:20px}
.eventbox .other .right{ background:url(../images/wui.png) 0 -442px no-repeat; padding-left:20px}*/
.eventbox .other span a{ color:#999999}
.eventbox .other span a:hover{ color:#f08011}
.event_time{ font-size:14px; line-height:40px; color:#999999; text-align:center;}



/*新闻资讯*/
.news{ width:770px;}
.newstit{ height:46px; border-bottom:#e6e6e6 solid 1px;}
.newsFixed{ position:fixed; left:50%; top:0; background:#f9f9f9; width:1200px; margin-left:-600px; z-index:100}
.newstab a{ width:80px; float:left; margin-right:60px; font-size:20px; color:#666666; line-height:45px; text-align:center}
.newstab a.on{ color:#f07800; border-bottom:#f07800 solid 3px; font-weight:bold}
.newstab a:hover{ color:#f07800; }
.newstit em{ float:right; margin-top:8px}
.newstit em a{ color:#FFF; width:110px; height:30px; background:#f07800; font-size:14px; color:#ffffff; text-align:center; line-height:30px; border-radius:15px; display:block}
.newstit em a i{ width:15px; height:16px; background:url(../images/ico_em.png) 0 0 no-repeat; display:inline-block; margin-right:5px; vertical-align:middle}
.newstit em a:hover{ background:#f18519}

.newsbox{padding:13px 0 20px 0; border-bottom:#ebebeb solid 1px}
.newsbox h4{ font-size:20px; line-height:26px; font-weight:bold}
.newsbox h4 b{ font-size:18px; line-height:26px; font-weight:normal; margin-right:20px; color:#ff3300}
.newsbox h4 b a{ color:#ff3300}
.newsbox h4 b.settop{ width:54px; height:26px; background:#ff3300; color:#FFF; text-align:center; line-height:26px; display:inline-block; font-size:15px}
.newsbox dl{ height:112px; margin-top:15px; overflow:hidden}
.newsbox dl dt{ width:150px; height:112px; overflow:hidden; float:left; margin-right:20px}
.newsbox dl dt img{ width:150px; height:112px; display:block}
.newsbox dl dd{ width:600px; float:left; overflow:hidden}
.newsbox dl dd p{ font-size:15px; line-height:30px; color:#666; height:90px; overflow:hidden}
.newsbox dl dd .tags{ height:22px; overflow:hidden}
.newsbox .tags span{ float:left; padding-left:20px; color:#999999; margin-right:30px;}
.newsbox .tags .time{ background:url(../images/ico_time.png) 0 center no-repeat}
.newsbox .tags .comment_num{ background:url(../images/ico_comment_num.png) 0 center no-repeat; color:#ff3300}
.newsbox .tags .author img{ width:20px; height:20px; display:inline-block; border-radius:50%; vertical-align:middle; margin-right:6px}
.newsad{ padding:20px 0; border-bottom:#ebebeb solid 1px}
.newsad img{ width:770px; height:150px; display:block}


/*热门礼包*/
.lbpic dl{ height:60px; margin-top:16px; background:#FFF}
.lbpic dl dt{ width:100px; float:left;}
.lbpic dl dt img{ width:100px; height:60px; display:block}
.lbpic dl .lbtext{ width:200px; padding:5px 10px; float:left}
.lbpic dl .lbtext h4{ font-size:17px; line-height:30px}
.lbpic dl .lbtext p{line-height:20px; color:#999}
.lbpic dl .lbbut{ width:80px;float:left;}
.lbpic dl .lbbut a{ width:78px;height:58px; border:#dedede solid 1px; display:block; line-height:58px; text-align:center; font-size:16px; color:#333; transition:all 0.3s}
.lbpic dl .lbbut a:hover{ border:#f07800 solid 1px;color:#f07800}
.lblist dl{ background:url(../images/lblistbg.png) 114px -36px no-repeat; cursor:pointer}
.lblist dl:hover{ background:url(../images/lblistbg.png) 114px 0 no-repeat}
.lblist dl:hover dt{ color:#f07800}
.lblist dt{ width:114px; float:left; font-size:16px; line-height:36px; color:#555555; margin-right:9px;}
.lblist .lktext{ width:165px; height:36px; float:left; padding:0 20px 0 28px; overflow:hidden; font-size:15px; line-height:36px; color:#999999}
.lblist dl .lkbut{ width:64px;float:right; margin-top:5px;}
.lblist dl .lkbut a{ width:62px;height:24px; border:#dedede solid 1px; display:block; line-height:24px; border-radius:12px;background:#FFF; text-align:center; font-size:14px; color:#333; transition:all 0.3s}
.lblist dl .lkbut a:hover{ border:#f07800 solid 1px;color:#f07800}

/*热门活动*/
.hdpic{ width:412px; overflow:hidden}
.hdpic a{ width:194px; height:90px; float:left; overflow:hidden; margin:14px 12px 0 0; position:relative}
.hdpic a img{ width:194px; height:90px; display:block}
.hdpic a i{ width:30px; height:30px; background:url(../images/v.png) 0 0 no-repeat; background-size:30px 30px; position:absolute; left:82px; top:30px}

/*游久独家*/
.djbox{ margin-top:6px;}
.djpic a{ width:400px; height:90px; display:block; position:relative; overflow:hidden}
.djpic a img{ width:400px; height:90px; display:block}
.djpic a i{ width:66px; height:24px; position:absolute; top:0; right:0; line-height:24px; color:#FFF; text-align:center}
.djpic a i.dj1{ background:#e9707f}
.djpic a i.dj2{ background:#58aafe}
.djbox ul{ border:#f2f2f2 solid 1px; border-top:#000; background:#FFF; padding:12px 10px 13px 15px; height:48px;}
.djbox ul li{ line-height:24px; background:url(../images/li.png) 0 center no-repeat; padding-left:15px;}

.synews li{ font-size:16px; line-height:36px; background:url(../images/lblistbg.png) 6px -36px no-repeat; padding-left:30px; height:36px; overflow:hidden}
.synews li:hover{ background:url(../images/lblistbg.png) 6px 0 no-repeat}
.synews li a{ color:#555}
.synews li a:hover{ color:#f07801}
.multipleColumn .title ul{ float:right; width:41px; background:#f9f9f9; height:6px; margin-top:12px;overflow:hidden; zoom:1; z-index:100}
.multipleColumn .title ul li{ float:left;width:6px; height:6px; background:#cccccc; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; border-radius:50%}
.multipleColumn .title ul li.on{ width:14px; background:#f07800; border-radius:5px}
.rdbox{ width:400px; overflow:hidden}
.multipleColumn .title h2:before{content:""; width:178px; height:1px; background:#e6e6e6; position:absolute; left:166px; top:14.5px;}

/*新游期待榜*/
.syqdb dl{ height:80px; background:#FFF; margin-top:16px; border-radius:10px 0 0 10px; position:relative; width:400px;}
.syqdb dl dt{ width:80px; float:left; margin-right:20px}
.syqdb dl dt img{ width:80px; height:80px; display:block; border-radius:10px}
.syqdb dl .qdb_text{ width:200px; float:left; padding:10px 0}
.syqdb dl .qdb_text h4{ font-size:20px; line-height:30px; color:#333333}
.syqdb dl .qdb_text p a{ background:url(../images/gameico.png) 0 0 no-repeat; width:15px; height:20px; display:inline-block; overflow:hidden; text-indent:-9999px; margin-right:20px; margin-top:5px;}
.syqdb dl .qdb_text p a.az_down{  background-position:0 0}
.syqdb dl .qdb_text p a.ios_down{  background-position:-35px 0}
.syqdb dl .qdb_like{ width:98px; height:46px; padding:16px 0; float:left; border:#dedede solid 1px; text-align:center; }
.syqdb dl .qdb_like span{ font-size:24px; line-height:26px; font-family:Arial; font-weight:bold}
.syqdb dl .qdb_like p{ font-size:14px; line-height:20px; color:#999999}
.no1 .qdb_like span{ color:#f25468}
.no2 .qdb_like span{ color:#58aafe}
.no3 .qdb_like span{ color:#58aafe}
.syqdb dl b{ width:32px; height:32px; position:absolute; left:-3px; top:-3px; font-weight:normal}
.syqdb .no1 b{ background:url(../images/ico_num.jpg) 0 0 no-repeat;}
.syqdb .no2 b{background:#58aafe; color:#FFF; font-family:PingFang SC; font-style:italic;text-align:center; line-height:32px}
.syqdb .no3 b{background:#58aafe; color:#FFF; font-family:PingFang SC; font-style:italic;text-align:center; line-height:32px}
.table_qdb td{ height:44px; line-height:44px;}
.qdb_num{ width:60px; font-size:20px; color:#999999; font-family:PingFang SC;  text-indent:5px}
.qdb_num b{font-style:italic; font-weight:normal}
.qdb_name{ width:150px; font-size:16px;}
.qdb_down a{ background:url(../images/gameico.png) 0 0 no-repeat; width:15px; height:20px; display:inline-block; overflow:hidden; text-indent:-9999px; margin-right:15px; vertical-align:middle}
.qdb_down a.az_down{  background-position:0 0}
.qdb_down a.ios_down{  background-position:-35px 0}
.qdb_xw{ color:#f07800; width:130px; text-align:right}
.qdbtab{ width:120px;float:right;}
.gamecsb .qdbtab{ width:120px;float:right;}
.qdbtab li{ width:29px; line-height:30px; float:left; background:url(../images/qdb_tab.png) 0 0 no-repeat; padding-left:18px; margin-left:12px;}
.qdbtab li.on a{ color:#f37b03}
.qdbtab li.sy_ico{ background-position:0 9px}
.qdbtab li.wy_ico{ background-position:-59px 9px}
.qdbtab li.dj_ico{ background-position:-118px 9px}
.qdbtab li.on.sy_ico{ background-position:0 -21px}
.qdbtab li.on.wy_ico{ background-position:-59px -21px}
.qdbtab li.on.dj_ico{ background-position:-118px -19px}
.gameqdb .title h2:before{content:""; width:118px; height:1px; background:#e6e6e6; position:absolute; left:166px; top:14.5px;}

.wyqdb dl{ width:100%; height:212px; position:relative;}
.wyqdb dl dt{ width:160px; float:left}
.wyqdb dl dt img{ width:160px; height:212px; display:block}
.wyqdb dl dd{ width:219px; height:170px; border:#f2f2f2 solid 1px; border-left:none; background:#FFF; float:left; padding:40px 0 0 20px}
.wyqdb dl b{ width:32px; height:32px; position:absolute; left:-3px; top:-3px; font-weight:normal; background:url(../images/ico_num.jpg) 0 0 no-repeat; display:block; overflow:hidden; text-indent:-9999px}
.wyqdb dl dd h4{ font-size:24px; line-height:50px; font-weight:bold}
.wyqdb dl dd span{ font-size:16px; line-height:30px; color:#999999}
.wyqdb dl dd p{ font-size:16px; line-height:30px; color:#f07800}
.pcqdb{ width:412px; overflow:hidden}
.pcqdb a{ width:194px; height:199px; float:left; position:relative; margin-right:12px; margin-top:14px}
.pcqdb a img{ width:194px; height:130px; display:block}
.pcqdb a .qdb_tit{ border:#f2f2f2 solid 1px; border-top:none; background:#FFF; height:46px; padding:11px 20px}
.pcqdb a b{width:32px; height:32px; position:absolute; left:-3px; top:-3px; font-weight:normal;font-style:italic;background:#58aafe; color:#FFF; font-family:PingFang SC; line-height:32px; text-align:center; font-size:20px}
.qdb_tit h4{ font-size:18px; line-height:26px}
.qdb_tit p{ color:#f07800; line-height:20px}
.pcqdb a:hover h4{ color:#f07800; }

/*新游测试表*/
.gamecsb .title h2{ width:113px;}
.gamecsb .title h2:after{content:""; width:70px; height:3px; background:#f07800; border-right:#FFF solid 1px; position:absolute; left:113px; top:13.5px;}
.gamecsb .title h2:before{content:""; width:117px; height:1px; background:#e6e6e6; position:absolute; left:166px; top:14.5px;}
.csbox{height: 480px;overflow: hidden;}
.csbox table thead{ height:40px; background:#f2f2f2; line-height:40px; color:#666666;}
.csbox table thead th{text-indent:10px}
.csbox table td{ line-height:40px; color:#a1a1a1; text-indent:10px}
.csbut a{height:22px; display:inline-block; border:#76bc54 solid 1px; line-height:22px; text-align:center;; vertical-align:middle; padding:0 10px; border-radius:11px; background:#FFF; color:#76bc54; transition:all 0.3s; text-indent:0}
.csbut a:hover{ background:#76bc54; color:#FFF}
.ico_lh a,.ico_zc a{height:22px; display:inline-block; border:#76bc54 solid 1px; line-height:22px; text-align:center;; vertical-align:middle; padding:0 10px; border-radius:11px; background:#FFF; color:#76bc54; transition:all 0.3s; text-indent:0}
.ico_lh a:hover,.ico_zc a:hover{ background:#76bc54; color:#FFF}
.more{ height:34px; background:#f2f2f2; text-align:center; line-height:34px;}


/*作者联盟*/
.zzlm{ background:url(../images/zzlmbg.jpg) 0 0 no-repeat; width:400px; height:150px; position:relative}
.zzlm a{ width:100px; height:30px; position:absolute; background:#f07800; color:#FFF; text-align:center; line-height:30px; left:38px; bottom:17px; display:block; border-radius:15px; transition:all .3s}
.zzlm a:hover{ background:#f97e04}
.zzlm .zz_text{ width:240px; position:absolute; top:15px; right:0; text-align:center}
.zzlm .zz_text p{ line-height:28px; color:#666666}
.zzlm .zz_text p b{ font-size:20px; color:#4c76a8; font-weight:normal; padding:0 5px}
.zzbox{ margin-top:12px;}
.zzbox dl{ width:50%; float:left; padding:8px 0; height:56px; overflow:hidden}
.zzbox dl dt{ width:56px; float:left; margin-right:12px}
.zzbox dl dt img{ width:56px; height:56px; border-radius:50%}
.zzbox dl dd h4{ font-size:15px; line-height:20px; height:20px; overflow:hidden; color:#333}
.zzbox dl dd p{ font-size:12px; line-height:18px; height:18px; overflow:hidden; color:#bbbbbb}
.zzbox dl dd i{ font-size:12px; line-height:18px; color:#bbbbbb; background:url(../images/ico_hearts.png) 0 center no-repeat; padding-left:18px}

.title_b{ height:30px; overflow:hidden}
.title_b h2{ float:left; width:132px; height:30px; line-height:30px; font-size:28px; position:relative}
.title_b h2:after{content:""; width:113px; height:3px; background:#333333; border-right:#FFF solid 1px; position:absolute; left:132px; top:13.5px;}
.title_b h2:before{content:""; width:954px; height:1px; background:#e6e6e6; position:absolute; left:246px; top:14.5px;}


/*游戏视频*/
.video .con{ width:1216px;}
.videobox{ width:288px; float:left; margin-right:16px; background:#FFF;box-shadow:2px 5px 2px #f3f2f2; transition:all 0.3s}
.vimg{ width:288px; height:151px; display:block; overflow:hidden}
.vimg img{ width:288px; height:151px; display:block}
.vnews{ height:40px; border-bottom:#f0f0f0 solid 1px; padding:12px 17px}
.vnews li{ line-height:20px; background:url(../images/dian.png) 0 center no-repeat; padding-left:13px; height:20px; overflow:hidden}
.vnews li a{ color:#666}
.vnews li a:hover{ color:#ff3300}
.vzz{ height:50px; padding:14px 16px; overflow:hidden}
.vzz dt{ float:left; width:50px; margin-right:12px}
.vzz dt img{ width:50px; height:50px; display:block; border-radius:50%}
.zz_text{ width:155px; float:left}
.zz_text h4{ font-size:16px; line-height:24px}
.zz_text p{line-height:24px; color:#bbbbbb}
.zz_more{ width:18px; float:right; margin-top:23px}
.zz_more a{ width:18px; height:4px; background:url(../images/vmore.png) 0 0 no-repeat; display:block; overflow:hidden; text-indent:-9999px}
.videobox:hover{box-shadow:0 0 15px rgba(0, 0, 0, 0.4);}


/*新游推荐*/
.newgame .title_b{ width:1200px; margin:0 auto}
.newgame .con{ width:1206px; margin:20px auto 0; overflow:hidden}
.gamebox{ margin-right:11px; float:left; width:176px; height:244px; padding:3px 0 0 3px; transition:all 1s;position:relative; overflow:hidden;}
.gamepic{ width:176px; height:244px; float:left;overflow:hidden;}
.gamepic img{ width:176px; height:244px; display:block;}
.gamebox i{ width:50px; height:36px;  background:#58aafe; text-align:center; line-height:36px; position:absolute; top:0; left:0; font-size:24px; color:#FFF; font-family:Impact; z-index:100}
.game_png{ width:148px; height:60px; background:url(../images/png.png) 0 0 no-repeat; position:absolute; left:3px; bottom:0; padding:53px 14px 18px 14px}
.game_png h4{ font-size:18px; line-height:30px; color:#fffefe; font-weight:bold}
.game_png p{ font-size:14px; line-height:30px; color:#999999;}
.gameintro{ width:203px; height:202px; border:#f2f2f2 solid 1px;border-left:none; background:#FFF; padding:20px 30px; position:absolute; left:179px; top:3px}
.gameintro h3{ text-align:center; font-size:18px; line-height:30px}
.gameintro span{font-size:15px; line-height:24px; color:#666666; padding:10px 0;display:block}
.gameintro p{font-size:15px; line-height:24px; color:#999999; border-top:#ebebeb solid 1px;  padding-top:10px}
.gamebox.on{ width:443px}
.gamebox.mrno{ margin-right:0}




.hotvideo .picbox{ width:1214px; overflow:hidden}
.picbox a{ width:188px; height:200px; float:left; border-bottom:#eaeaea solid 1px; margin:16px 14px 0 0; position:relative;}
.picbox a img{ width:188px; height:142px; display:block}
.picbox a:after{content: "";width: 188px;height: 142px;position: absolute;left: 0; top: 0;transition: all 0.3s;}
.picbox a i{width:30px;height:36px;background:url(../images/ico_v.png) 0 0 no-repeat; position:absolute;top:53px;left:50%;margin-left:-15px; opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2);-webkit-transition:all .25s ease-out;-ms-transition:all ease-out .25s;-o-transition:all ease-out .25s;transition:all .25s ease-out}
.picbox a p{ line-height:20px;height: 20px;overflow:hidden;transition: all 0.3s; padding: 6px 10px 0 10px;}
.v_xx{ margin-top:5px; line-height:20px; color:#b7b7b7}
.v_xx .v_author{ background:url(../images/v_xx.png) 0 -30px no-repeat; padding-left:20px; width:100px; height:20px; overflow:hidden}
.v_xx .v_time{ background:url(../images/v_xx.png) 0 3px no-repeat; padding-left:20px}
.picbox a:hover i{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.picbox a:hover{background:#ffffff ;box-shadow:0 0 15px #ddd;-webkit-box-shadow:0 0 15px #ddd;-moz-box-shadow:0 0 15px #ddd; border-bottom: #ffffff solid 1px;}
.picbox a:hover .v_xx{ display:none}
.picbox a:hover p{ height:40px;}
.picbox a:hover:after{background: rgb(0,0,0,0.2);}
.vtab {height: 46px;border-bottom: #e6e6e6 solid 1px; margin-top:10px}
.vtab a{ float:left; margin-right:60px; font-size:18px; color:#666666; line-height:45px; text-align:center}
.vtab a.on{ color:#f07800; border-bottom:#f07800 solid 3px; font-weight:bold}
.vtab a:hover{ color:#f07800; }


.linkbox{ background:#383838; margin-top:120px}
.linkbox .w1200{ margin:0 auto 0;padding:50px 0 0 0;font-size:12px; color:#999999}
.sbox{ width:199px; overflow:hidden}
.stit{ height:16px; line-height:16px; background:url(../images/h3.jpg) 0 0 no-repeat; padding-left:15px}
.stit h3{ font-size:15px; color:#adadad; font-weight:bold}
.linkbox .con{ margin-top:10px}
.linkbox .con a{ padding:0 8px; line-height:30px; color:#999999}
.linkbox .con a:hover{ color:#bebebe}


.footer{ background:#2e2e2e}
.footer .w1000{ margin:0 auto; height:258px; padding:50px 0 0 0; color:#999999; font-size:12px}
.footer a{ color:#999999}
.footer a:hover{ color:#bebebe}
.footer .copyright p{ line-height:30px; text-align:center;}
.footer .tips_box{ text-align:center; padding:15px;}
.footer .safebox{ text-align:center; padding:15px 0 0 0;}
.footer .safebox a{ display:inline-block; padding:0 5px;}


/*ce_menu*/
.ce_menu{ position:fixed; z-index:9999; width:60px;top:410px;/* border-bottom:#f2f2f2 solid 1px; */left:50%; margin-left:-700px;}
.ce_menu a{width:58px;height:38px; background:#fafbfc; border:#f2f2f2 solid 1px; border-bottom:none; line-height:38px; text-align:center; font-size:14px; color:#444444; display:block; text-decoration:none}
.ce_menu .ce_1 a.active,.ce_menu .ce_1 a:hover{ background:#f07800; border:#f07800 solid 1px; border-bottom:none; color:#fff}
.ce_menu .ce_2 a.active,.ce_menu .ce_2 a:hover{ background:#f07800; border:#f07800 solid 1px; border-bottom:none; color:#fff}
.ce_menu .ce_3 a.active,.ce_menu .ce_3 a:hover{ background:#f07800; border:#f07800 solid 1px; border-bottom:none; color:#fff}
.ce_menu .ce_4 a.active,.ce_menu .ce_4 a:hover{ background:#f07800; border:#f07800 solid 1px; border-bottom:none; color:#fff}
.ce_menu .ce_5 a{ height:58px; background:url(../images/wx.jpg) 0 0 no-repeat; overflow:hidden; text-indent:-9999px}
.ce_menu .ce_6 a{ height:40px; background:#e4e4e4}
.ce_5{ width:58px; height:58px; position:relative}
.ce_5 .wxbox{ position:absolute; left:60px; top:-50px; transition: all linear 300ms;}
.ce_menu .ce_7 a{ width:68px;height:138px; background:url(../images/jbbg.png) 0 0 no-repeat; display:block; overflow:hidden; text-indent:-9999px; border:none; margin-left:-4px; margin-top:20px;}

.meiti{padding-bottom: 50px;}
.meiti-list li{width: 108px;float: left; position: relative;margin-top: 15px;}
.meiti-list li img{width: 70px; height: 70px;display: block; margin: 0 auto;}
.meiti-list li p{font-size: 14px;color: #999999; text-align:center;line-height: 34px;}
.mt-fc a{width: 26px;height: 26px;display: block;position: absolute; top: 22px;left: 36px; opacity: 0;}
.mt-fc a img{position: absolute;width: 100px;height: 100px;left: 50%; top: 36px;margin-left: 
-50px;display: none;}
.mt-fc a:hover img{display: block;}
.mt-fc a.douyin{background: url(../images/meiti/ico_douyin.png) 0 0 no-repeat;}
.mt-fc a.toutiao{background: url(../images/meiti/ico_toutiao.png) 0 0 no-repeat;}
.mt-fc a.weixin{background: url(../images/meiti/ico_wx.png) 0 0 no-repeat;}
.mt-fc a.weibo{background: url(../images/meiti/ico_wb.png) 0 0 no-repeat;}
.mt-fc a.zhihu{background: url(../images/meiti/ico_zh.png) 0 0 no-repeat;}
.mt-fc.active a.mtfc1{left: -8px; top:55px; opacity: 1;
-moz-transition: opacity .2s ease,bottom .2s ease,left .2s ease;
-webkit-transition: opacity .2s ease,bottom .2s ease,left .2s ease;
-o-transition: opacity .2s ease,bottom .2s ease,left .2s ease;
transition: opacity .2s ease,bottom .2s ease,left .2s ease;}
.mt-fc.active a.mtfc2{left: 23px; top:78px; opacity: 1;
 -moz-transition: opacity .2s ease .1s,bottom .2s ease .1s,left .2s ease .1s;
-webkit-transition: opacity .2s ease .1s,bottom .2s ease .1s,left .2s ease .1s;
-o-transition: opacity .2s ease .1s,bottom .2s ease .1s,left .2s ease .1s;}
.mt-fc.active a.mtfc3{left: 59px; top:78px; opacity: 1;
    -moz-transition: opacity .2s ease .2s,top .2s ease .2s,right .2s ease .2s;
    -webkit-transition: opacity .2s ease .2s,top .2s ease .2s,right .2s ease .2s;
    -o-transition: opacity .2s ease .2s,top .2s ease .2s,right .2s ease .2s;
    transition: opacity .2s ease .2s,top .2s ease .2s,right .2s ease .2s;}
.mt-fc.active a.mtfc4{left: 90px; top:55px; opacity: 1;
    -moz-transition: opacity .2s ease .3s,top .2s ease .3s,right .2s ease .3s;
    -webkit-transition: opacity .2s ease .3s,top .2s ease .3s,right .2s ease .3s;
    -o-transition: opacity .2s ease .3s,top .2s ease .3s,right .2s ease .3s;
    transition: opacity .2s ease .3s,top .2s ease .3s,right .2s ease .3s;}