/********** 全局 **********/
html{overflow-y:scroll;}
body{padding:0;margin:0;font:12px/18px microsoft yahei,arial; background:#F5F6F8; color:#5f5f5f; min-width:1000px}
div, dl, dt, dd, ul, h1, h2, h3, p , button{padding:0;margin:0;}
input,button{font-family:microsoft yahei;}
li{list-style:none;}
img{display:block;border:0;}
a{color:#4c4743;text-decoration:none;cursor:pointer; font-family:microsoft yahei,arial;}
a:hover{color:red;text-decoration:underline;}
textarea{ font-family:microsoft yahei,arial;}
th,h1, h2, h3{color:#5F5F5F}
.fl{float:left;}
.fr{float:right;}
.hidden{ display:none}
.clearfix:after{height:0; display:block; visibility:hidden;content:".";clear:both;}
.clearfix{display:block;zoom:1}
/********** 顶部和导航 **********/
.header{width:100%;background:#0c0f14;line-height:36px;height:36px;border-bottom:1px solid #222;color:#B8BCBF;font-size:14px;overflow:hidden;}
.header .view{width:1200px;margin:0 auto;}
.header .view p{float:left;}
.header .view span{float:right;position:relative;}
.header .view a{color:#B8BCBF;}
.header .view em{font-style:normal;font-size:12px;margin:0 5px;color:#aaa;}
.head{ height:90px; background-color:#02050A}
.head .cen_main{width:1200px; margin:0 auto}
.head h1,.head .hlog{ float:left; padding-top:10px;}
.head .logo{ float:left; padding-top:10px; float:left}
.head .search,.foot .search{float:right; padding:24px 0 0 10px;}
.head .search input,.foot .search input{width:280px; height:42px; line-height:42px;border:none; float:left; padding:0 10px; }
.head .search input.gray,.foot .search input.gray{color:#999}
.head .search button,.foot .search button{ float:left; border:none; cursor:pointer; width:80px; background-color:#D6231C; color:#fff; line-height:42px; height:42px; font-size:14px}
.head .search div.clearfix{ padding-bottom:0}
.head .search a{ color:#9A9A9A;}
.head .search a:hover{ color:red;text-decoration:underline;}
.head .search .headtag{display:none;}
.head .log{ float:right; padding-top:30px;margin-top:5px;}
.head .log a{width:92px; height:42px; display:inline-block; color:#fff; font-size:14px; text-align:center; line-height:37px; float:left; margin-left:20px; border-radius:2px}
.head .log a:hover{ text-decoration:none}
.head .log a.login{ background-color:#D7241D;display:none;}
.head .log a.registration{ background-color:#A7A3A2;display:none;}
.head .log a.login i{width:16px; height:16px; display:inline-block; vertical-align:middle; background:url(../img/all_bg.png) no-repeat -77px 0; margin-right:5px }
.nav{ height:48px; border-top:3px solid #D5241C; background-color:#0C0F14; box-shadow:0 0 2px 2px rgba(0,0,0,0.2);overflow:hidden;}
.nav .cen_main{width:1200px; margin:0 auto}
.nav a{ float:left; height:48px; padding:0 20px;display:inline-block;text-align:center; line-height:48px; border-right:1px solid #181B20; font-size:18px; color:#B8BCBF;}
.nav a.azmenu{display:none;float:right;background:url(../img/azapp.png) 10px center no-repeat;padding:0 20px 0 36px;border-right:0;}
.nav a.azmenu:hover{background:url(../img/azapp.png) #D6231C 10px center no-repeat;}
.nav .four{}
.nav .luntan{display:none; float:left; height:48px; display:inline-block;text-align:center; line-height:48px; border-right:0; font-size:16px; color:white;font-weight:bolder}
.nav a.current{ background-color:#D6231C; color:#fff}
.nav a:hover{color:#fff;background:#D5241C;text-decoration: none;}
.nav a.app{width:146px; background-color:#000; color:#fff; border-right:none}
.main{width:1200px; margin:20px auto; position:relative}
.back_top{width:52px; height:52px; position:fixed; bottom:60px; right:100px; background-color:#A2A2A2; text-align:center; display:none}
.back_top i{width:25px; height:25px; display:inline-block; background:url(../img/all_bg.png) no-repeat -234px 0; margin-top:12px}
/********** 新游 **********/
.new_area{border:1px solid #FDCDCB; position:relative; background-color:#fff}
.new_area i{width:70px; height:70px; display:inline-block; background:url(../img/all_bg.png) no-repeat 0 0; position:absolute; top:0; left:0; z-index:1}
.new_area ul{ padding:32px 0 20px}
.new_area ul li{float:left;margin:0 0 0 39px;width:106px;}
.new_area ul li a{ display:block}
.new_area ul li a:hover{ text-decoration:none}
.new_area ul li a img{width:104px; height:104px; border-radius:6px}
.new_area ul li a p{ font-size:14px; height:20px; font-weight:bold; color:#333; text-align:center; margin-top:3px; overflow:hidden;}
.new_area ul li a p.gray{ color:#989898; font-weight:normal; font-size:12px}
.new_area .area_nav{ border-top:1px solid #EBEDEC; height:35px; font-size:14px; overflow: hidden;}
.new_area .area_nav .til{width:84px; height:35px; line-height:35px; border-right:1px solid #EBEDEC; text-align:center; position:relative; display:inline-block; position:relative; color:#FF8000; float:left; margin-right:10px}
.new_area .area_nav .til .SA{position:absolute; top:9px; right:8px;}
.new_area .area_nav .til .SA em,.new_area .area_nav .til .SA u{ height:14px; width:18px; color:#EBEDEC; position:absolute; font:16px/16px simsun; overflow:hidden; }
.new_area .area_nav .til .SA em{ z-index:1; font-style:normal; }
.new_area .area_nav .til .SA u{ color:#fff; top:0; left:-1px; z-index:2; }
.new_area .area_nav a{ float:left; margin-left:10px; height:35px; line-height:32px; color:#333}
.new_area .area_nav a:hover{color:red;}
.new_area .area_nav a.hot{ color:#D6241C}
/*热门专区*/
.new_area .area_nav1{ border-top:1px solid #EBEDEC; height:35px; font-size:14px;overflow:hidden;}
.new_area .area_nav1 .til{width:84px; height:35px; line-height:35px; border-right:1px solid #EBEDEC; text-align:center; position:relative; display:inline-block; position:relative; color:#D6241C; float:left; margin-right:10px}
.new_area .area_nav1 .til .SA{position:absolute; top:9px; right:8px;}
.new_area .area_nav1 .til .SA em,.new_area .area_nav1 .til .SA u{ height:14px; width:18px; color:#EBEDEC; position:absolute; font:16px/16px simsun; overflow:hidden; }
.new_area .area_nav1 .til .SA em{ z-index:1; font-style:normal; }
.new_area .area_nav1 .til .SA u{ color:#fff; top:0; left:-1px; z-index:2; }
.new_area .area_nav1 a{ float:left; margin-left:10px; height:35px; line-height:32px; color:#333}
.new_area .area_nav1 a:hover{color:red;}
.new_area .area_nav1 a.hot{ color:#D6241C}
/********** 主题新闻 **********/
.main_news{ border:1px solid #E8EDF0; border-bottom-width:3px; margin-top:10px; background-color:#fff}
.news_lef{ float:left; width:800px; padding:20px;padding-top:2px;padding-bottom:2px;}
.lef_banner{width:800px; margin-bottom:20px;margin-top:15px;}
.lef_banner h2{font-size:30px;margin-bottom:15px;color:#333;display:none;height:32px;line-height:32px;overflow:hidden;}
.lef_banner h2.current{display:block}
.lef_banner .slideshow{position:relative; width:100%; z-index:1}
.lef_banner .slideshow .box{width:100%; overflow:hidden;}
.lef_banner .slideshow .slider{height:330px; position:relative}
.lef_banner .slideshow .slider li{width:100%; height:330px; text-align:center; opacity:0;filter:alpha(opacity=0); position:absolute; top:0; left:0;overflow:hidden;}
.lef_banner .slideshow .slider li img{width:100%; min-height:330px;height:auto;}
.lef_banner .slideshow .up_down{ width:37px; height:60px; line-height:60px; position:absolute; top:130px; z-index:2; color:#fff; display:inline-block; font-family:"宋体"; font-size:50px; background:rgba(0,0,0,0.6)}
.lef_banner .slideshow .up_down:hover{ background:#D3251E; text-decoration:none}
.lef_banner .slideshow .up{ left:0; padding-right:18px; text-align:right}
.lef_banner .slideshow .down{ right:0; padding-left:18px}
.lef_banner .slideshow .page_text{ border:1px solid #F4F4F4; padding:20px 10px; border-top:none}
.lef_banner .slideshow .page_text p{ line-height:24px; display:none; font-size:14px}
.lef_banner .slideshow .page_text p.current{ display:block}
.lef_banner a{color:#333;text-decoration:none;cursor:pointer; font-family:microsoft yahei,arial;}
.lef_banner a:hover{color:red;text-decoration:none;}
.news_list{width:100%;}
.news_list ul li{ line-height:25px; font-size:16px}
.news_list ul li i{ color:#D3D3D3; display:inline-block; line-height:25px; vertical-align:middle; font-style:normal; font-size:14px}
.news_list ul li a{ color:#333; display:inline-block; height:25px; line-height:25px; max-width:80%; overflow:hidden; vertical-align:middle}
.news_list ul li a:hover{color:red;}
.news_list ul li span{ display:inline-block; vertical-align:middle}
.news_list ul li .red{ color:#F6AB9E; margin:0 5px}
.news_list ul li .green{ color:#A4DFB4; margin:0 5px}
.two_column{width:800px;}
.two_column ul{ float:left; padding-right:10px; width:390px}
.two_column ul li a{max-width:300px}
.plan{ border-bottom:3px solid #333; color:#333; font-size:20px; margin-top:30px; line-height:40px}
.plan ul{ margin-left:30px; display:inline-block; vertical-align:middle}
.plan ul li{ float:left; height:35px}
.plan ul li a{ display:inline-block; padding:0 15px; line-height:35px; font-size:16px; color:#333; font-weight:normal}
.plan ul li.current a{ background-color:#333; color:#fff}
.plan ul li a:hover{ text-decoration:none}
.plan_content ul{ margin-left:-22px}
.plan_content ul li{width:252px; height:150px; float:left; margin:22px 0 0 22px}
.plan_content .more{ display:block; height:50px; line-height:50px; font-size:20px; font-weight:bold; text-align:center; color:#CBCBCB; background-color:#FAFAFA; margin-top:20px}
.plan_content .more:hover{ text-decoration:underline;color:red;}
.plan_content .more span{ margin:0 5px}
.masking{width:100%; height:100%; position:relative}
.masking a{ color:#fff; font-size:14px}
.masking img{width:100%; height:100%}
.masking .yc{
position:absolute;
left:0;
top:0;
font-style:normal;
background:#ff5500;
padding: 0 5px;
border-radius: 0 4px 4px 4px;
}
.masking p{line-height:32px; background:rgba(0,0,0,0.6); position:absolute; bottom:0; left:0; width:92%; padding:0 4%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.video_li .masking p{
white-space: normal;
padding:5px 4% 0 4%;
line-height:20px;
height:43px;
}
.video_li .masking p .v_icon{
width: 36px;
height: 36px;
display: inline-block;
background: url(../img/all_bg.png) no-repeat -95px 0;
vertical-align: middle;
margin-right: 5px;
float: left;
}
.news_rig div.xw .masking p span{
width:auto;
}
.news_rig div.xw_li li i{
background: #333;
width: 3px;
height: 3px;
}
.news_rig{ float:left; width:316px; border-left:2px solid #E8EDF0; padding:20px}
.news_rig h2{ font-size:20px; color:#333}
.news_rig h2 a{ float:right; font-size:14px; font-weight:normal; color:#555}
.news_rig h2 a:hover{color:red;}
.news_rig .package{ padding:20px 0 15px}
.news_rig .package dl{ padding-bottom:17px}
.news_rig .package dl dt{ float:left; width:120px; height:72px;}
.news_rig .package dl dt img{width:100%; height:100%;border-radius: 6px;}
.news_rig .package dl dd{ float:left; width:180px; padding-left:10px}
.news_rig .package dl dd h3{ font-size:16px}
.news_rig .package dl dd h3 a{display: block;color:#333; width:100%; height:22px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_rig .package dl dd h3 a:hover{color:red;}
.news_rig .package dl dd p{height:48px;line-height:16px;color:#666;font-size:12px;margin-top:2px;overflow:hidden;}
.news_rig .package dl dd p strong{ font-weight:normal; color:#D6241C}
.news_rig .week_inventory{width:100%; height:193px; margin:15px 0}
.news_rig .week_inventory .masking p{white-space:normal; padding:10px 4%}
.news_rig .week_inventory .masking p i{width:36px; height:36px; display:inline-block; background:url(../img/all_bg.png) no-repeat -95px 0; vertical-align:middle; margin-right:5px; float:left}
.news_rig .week_inventory .masking p span{ float:left; width:240px; display:inline-block; line-height:20px}
.news_rig .news_list li i{width:16px; height:16px; display:inline-block; background:url(../img/all_bg.png) no-repeat -134px 0; vertical-align:middle; margin-right:5px}
.news_rig .news_list li a{max-width:290px}
/********** 游戏 **********/
.games_til{ margin:5px 0 20px;}
.games_til .games_lef,.games_til .games_rig{ float:left}
.games_til .games_lef span,.games_til .games_rig span{width:472px; float:left; height:8px; _overflow:hidden; display:inline-block; margin-top:42px}
.games_til .games_lef span{background:url(../img/red_line.png) repeat-x}
.games_til .games_rig span{background:url(../img/black_line.png) repeat-x}
.games_til .games_lef strong,.games_til .games_rig strong{ font-size:50px; float:left; display:inline-block; line-height:52px}
.games_til .games_lef strong{ color:#D9241D; margin-left:5px}
.games_til .games_rig strong{ color:#333; margin-right:5px}
.games_til i{ display:inline-block; float:left; margin:0 10px; background:url(../img/all_bg.png) no-repeat}
.games_til i.wl_game{width:25px; height:25px; background-position:-152px 0; margin-top:27px}
.games_til i.dj_game{width:25px; height:28px; background-position:-179px 0; margin-top:24px}
.games_til i.zx_game{width:25px; height:25px; background-position:-207px 0; margin-top:27px}
.games_nav{ text-align: center}
.games_nav a{ color:#555; font-size:16px}
.games_nav a:hover{color:red;}
.games_box{ border:1px solid #E8EDF0; border-bottom-width:3px; background-color:#fff; margin-top:15px}
.games_box h3{ font-size:20px; color:#333}
.games_box h3 span{margin:0 15px 0 0;cursor:pointer;}
.games_box h3 span.cur{color:#D9241D;}
.games_box h3 a{ font-size:14px; color:#666; float:right; font-weight:normal}
.games_box h3 a:hover{color:red;}
.games_box .lef{ float:left; width:440px; padding:20px}
.games_box .lef .til_game{ padding-bottom:20px; margin-bottom:10px; border-bottom:1px solid #F6F8F7}
.games_box .lef .til_game .til_pic{display:block;width:440px; height:265px;overflow:hidden;}
.games_box .lef .til_game img{display:block;width:440px; height:auto;}
.games_box .lef .til_game h4{ margin:10px 0 8px; font-size:16px;}
.games_box .lef .til_game h4 a,.games_box .mid .recommend h4 a{ color:#333}
.games_box .lef .til_game h4 a:hover{color:red;}
.games_box .mid .recommend h4 a:hover{color:red;}
.games_box .lef .news_list{margin-top:10px}
.games_box .lef .news_list li{ line-height:30px}
.games_box .lef .border{ border-bottom:1px solid #F6F8F7;padding-bottom:12px;}
.games_box .mid{ float:left; width:198px; border:1px solid #E8EDF0; background-color:#FCFCFC; padding: 30px 0;margin-top: 25px;}
.games_box .mid h3{ text-align:center;}
.games_box .mid .recommend{width:158px; margin:20px auto 0; text-align: center}
.games_box .mid .recommend img{width:158px; height:158px; border-radius:30px; margin-top:5px}
.games_box .mid .recommend h4{ margin:5px 0; font-size:16px; width:100%; height:25px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; line-height:25px; color:#333}
.games_box .mid .recommend p{ line-height:16px; text-align:left}
.games_box .mid .border{ border-bottom:1px solid #F6F8F7;padding-bottom:12px; margin-bottom:20px}
.games_box .rig{ float:left; width:438px; padding:20px}
.games_box .rig .boutique{ margin:15px 0 0 -38px; padding-bottom:15px}
.games_box .rig .boutique li{ margin:0 0 15px 38px; float:left; width:80px}
.games_box .rig .boutique li img{width:100%; height:80px; border-radius:10px}
.games_box .rig .boutique li a{ color:#333}
.games_box .rig .boutique li a:hover{color:red;}
.games_box .rig .boutique li p{width:100%; height:25px; line-height:25px;overflow:hidden; text-align:center; font-size:14px}
.games_box .rig .boutique li p.time{height:14px; line-height:14px;font-size:12px;}
.games_box .lef-rig_pic{ margin:15px 0 20px;}
.games_box .lef-rig_pic dt{ float:left}
.games_box .lef-rig_pic img{display:block;width:162px;height:98px;border-radius: 6px;}
.games_box .lef-rig_pic dd{ float:left; padding-left:10px; width:262px}
.games_box .lef-rig_pic dd h4{ font-size:16px; line-height:22px; margin:0}
.games_box .lef-rig_pic dd h4 a{color:#333;}
.games_box .lef-rig_pic dd h4 a:hover{color:red;}
.games_box .score{ padding:0 15px; height:20px; line-height:20px; border-radius:50px; background-color:#F64D46; text-align:center; display:inline-block; color:#fff; font-size:12px; font-weight:normal; margin-left:5px; vertical-align:middle }
.games_box .lef-rig_pic dd h4 .score{vertical-align:top}
.games_box .lef-rig_pic dd h4 span strong{ font-size:14px}
.games_box .lef-rig_pic dd p{ color:#666; line-height:16px; margin-top:10px}
.games_box .rig .news_list{ border-top:1px solid #F6F8F7; padding-top:10px}
.games_box .rig .news_list li{ line-height:32px;}
.information_frontier .mid{ padding-bottom:11px}
.information_frontier .news_list{ margin:0 0 20px}
.information_frontier .bot_list{ margin-bottom:0}
.information_frontier .lef-rig_pic{ margin-bottom:10px}
.information_frontier .mid h3{ text-align:left}
.information_frontier .mid ul li{ border-bottom:1px solid #E8EDF0; width:180px; padding-bottom:15px; margin-top:15px}
.information_frontier .mid ul li img{width:100%; height:108px; margin-bottom:10px;border-radius: 6px;}
.information_frontier .mid ul li p{ line-height:16px}
.information_frontier .mid ul li a{ color:#333}
.information_frontier .mid ul li a:hover{color:red;}
.information_frontier .rig .news_list{ border:none; padding:0}
.information_frontier .rig .news_list li{ line-height:30px}
/********** 游戏专区 **********/
.area_game{border:1px solid #E8EDF0; border-bottom-width:3px; background-color:#fff; margin-top:10px; padding:19px}
.area_game h3{ font-size:20px; color:#333; margin-bottom:15px}
.area_game h3 span{cursor:pointer;margin-right:15px;}
.area_game h3 span.cur{color:#D6231C;}
.area_game h3 a{ font-size:14px; color:#666; float:right; font-weight:normal}
.area_game h3 a:hover{color:red}
.area_game .hot_area{ float:left; width:438px}
.area_game .area_list{ border:1px solid #E8EDF0}
.area_game .area_list .area_nav{ background-color:#FAFAFA; width:120px; border-right:1px solid #E8EDF0; float:left; position:relative; height:327px}
.area_game .area_list .area_nav div{width:120px; position:absolute; top:0; right:-1px}
.area_game .area_list .area_nav a{ height:40px; line-height:40px; border-bottom:1px solid #E8EDF0; display:block; color:#333; font-size:14px; padding:0 0px ;text-align:center}
.area_game .area_list .area_nav a.current{ background-color:#fff; color:#F66901}
.area_game .area_list .area_nav a.last{ border-bottom:none}
.area_game .area_list .area_info{width:290px; float:left; padding:20px 0 0 20px}
.info_box dl dt{ float:left}
.info_box dl dt img{width:160px; height:90px;display: block;border-radius: 6px;}
.info_box dl dd{width:108px; float:left; padding-left:15px}
.info_box dl dd h4{ font-size:16px; margin:0 0 15px; color:#333}
.info_box dl dd a{width:112px; height:37px; border:1px solid #F7C8C8; display:inline-block; text-align:center; line-height:37px; font-weight:bold; font-size:16px; color:#DA4944}
.info_box dl dd a:hover{ text-decoration:none;color:blue}
.info_box .info_nav{ margin-left:-20px; padding-bottom:13px}
.info_box .info_nav a{ float:left; margin:10px 0 0 20px; color:#555; font-size:14px}
.info_box .info_nav a:hover{color:red;}
.info_box .news_list{ padding-top:10px; border-top:1px solid #F5F7F8;}
.info_box .news_list li{ line-height:34px}
.info_box .news_list li a{max-width:95%}
.area_game .new_game{ float:left; width:680px; padding-left:40px}
.area_game .new_game ul{ margin:-10px 0 0 -40px}
.area_game .new_game ul li{ float:left; width:80px; margin:30px 0 0 40px}
.area_game .new_game ul li img{display:block;border-radius:10px; width:80px; height:80px}
.area_game .new_game ul li p{ text-align:center; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#555; font-size:14px}
.area_game .new_game ul li:hover p{color:red;}
.area_game .new_game ul li .download{width:68px; height:24px; border:1px solid #ddd; line-height:24px; text-align:center; display:inline-block; color:#555; margin:8px 0 0 5px; font-size:14px}
.area_game .new_game ul li .download:hover{ text-decoration:underline;color:red}
/********** 游戏排行 **********/
.game_rank{border:1px solid #E8EDF0; border-bottom-width:3px; background-color:#fff; margin-top:10px;}
.game_rank h3{ height:50px; line-height:55px; border-bottom:2px solid #E8EDF0; padding:0 20px; font-size:20px; color:#333; position:relative}
.rank_box{width:298px; float:left; border-right:1px solid #E8EDF0}
.rank_box:last-child{border-right:none;}
.rank_box .rank_list{ padding:15px 20px}
.rank_list .rank_loop{ padding:4px 0; margin-bottom:5px}
.rank_list .rank_loop .def span{width:17px; height:17px; display:inline-block; line-height:17px; text-align:center; float:left; background-color:#EBEEF4; border-radius:4px; font-size:12px; color:#999; margin-top:2px}
.rank_list .rank_loop .def span.first_three,.rank_list .rank_loop .def span.first_three1,.rank_list .rank_loop .def span.first_three2,.rank_list .rank_loop .def span.first_three3{ background-color:#DA3932; color:#fff}
.rank_list .rank_loop .def h5{width:230px; float:left; height:20px; line-height:20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 5px; font-size:14px; font-weight:normal}
.rank_list .rank_loop .def small{ float:left; color:#666}
.rank_list .rank_loop .glide{ display:none}
.rank_list .rank_loop dt{ float:left}
.rank_list .rank_loop dt img{border-radius:10px; width:80px; height:80px}
.rank_list .rank_loop dd{ float:left; width:165px; padding-left:10px}
.rank_list .rank_loop dd h5{ margin:0; width:100%; height:20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rank_list .rank_loop dd h5 a{ color:#333; font-size:14px; font-weight:normal; }
.rank_list .rank_loop dd h5 a:hover{color:red;}
.rank_list .rank_loop dd p{ color:#666; font-size:12px; margin:2px 0 10px}
.rank_list .rank_loop dd .download{width:68px; height:25px; border:1px solid #F7C8C8; display:inline-block; text-align:center; line-height:25px; font-size:14px; color:#DA4944}
.rank_list .rank_loop dd .download:hover{ text-decoration:underline;color:red}
.game_rank .open{width:295px; float:left;}
.game_rank .open h3 div{ position:absolute; bottom:-2px; left:0; width:100%}
.game_rank .open h3 div a{width:50%; display:inline-block; text-align:center; color:#333; float:left; line-height:53px; height:48px}
.game_rank .open h3 div a:hover{ text-decoration:none}
.game_rank .open h3 div a.current{ color:#D6241C; border-bottom:2px solid #D6241C}
.game_rank .open .open_list{ padding:10px 20px 0}
.game_rank .open .open_list li{ padding:7px 0; color:#333;}
.game_rank .open .open_list li .state{ color:#666; width:80px; display:inline-block; vertical-align:middle; margin:-2px 5px 0}
.game_rank .open .open_list li .name{width:80px; height:20px; vertical-align:middle; display:inline-block;overflow:hidden; margin-top:-2px; color:#333; font-size:14px}
.game_rank .open .open_list li .name:hover{color:red;}
.game_rank .open .open_list li .receive{ padding:0 5px; border:1px solid #F7C8C8; display:inline-block; color:#DF6663; vertical-align:middle; margin-top:-2px}
.game_rank .open .open_list li .receive:hover{text-decoration:underline;color:red}
.game_rank .open .open_list li .open_state{ color:#999}
.game_rank .open .open_list li .green{ color:#93DAA7}
.game_rank .open .submit{width:258px; height:48px; display:block; border:1px solid #F7C8C8; line-height:48px; text-align:center; color:#DA4944; font-size:20px; font-weight:bold; margin:15px auto 0}
.game_rank .open .submit:hover{ text-decoration:none}
/********** 上镜图片 **********/
.photogenic,.links{border:1px solid #E8EDF0; border-bottom-width:3px; background-color:#fff; margin-top:10px; padding:20px;margin-bottom:10px}
.photogenic h3{font-size:20px; color:#333; margin-bottom:15px}
.photogenic h3 a{ font-size:14px; color:#666; font-weight:normal; margin-left:20px; font-size:16px}
.photogenic h3 a.fr{ float:right}
.photogenic h3 a.fr:hover{color:red}
.photogenic .pic_list{ width:100%; height:427px; overflow:hidden; margin-top:10px; position:relative}
.photogenic .pic_list li{ float:left; position: absolute; overflow:hidden;width:286px; height:209px; font-size:32px; line-height:180px;}
.photogenic .pic_list li a{ float:left; width:100%; height:100%; text-align:center; color:#fff; overflow:hidden;}
.photogenic .pic_list li a img{ float:left; width:100%; height:100%;}
.photogenic .pic_list li.bot_pic_1{left:0; top:0px; height:426px;}
.photogenic .pic_list li.bot_pic_2{left:295px; top:0px;}
.photogenic .pic_list li.bot_pic_3{left:295px; top:219px;}
.photogenic .pic_list li.bot_pic_4{ left:590px; top:0; height:426px;}
.photogenic .pic_list li.bot_pic_5{left:885px; top:0;}
.photogenic .pic_list li.bot_pic_6{left:885px; top:219px;}
/********** 友情链接 **********/
.link_point{ border:1px solid #F7C8C8; position:relative; padding:2px 5px; color:#F7C8C8; font-size:14px; display:inline-block; font-weight:normal; margin-left:15px}
.link_point .SA{position:absolute; top:1px; left:-9px;}
.link_point .SA em,.link_point .SA span{ height:16px; width:9px; color:#F7C8C8; position:absolute; font:16px/21px simsun; overflow:hidden; }
.link_point .SA em{ z-index:99; font-style:normal; }
.link_point .SA span{ color:#fff;top:0; left:2px; z-index:999; }
.links_list{ padding-top:10px; color:#CECECE; line-height:25px; text-indent:-0.8em}
.links_list a{margin:0 10px; font-size:14px; color:#333;}
.links_list a:hover{color:red}
/********** 底部 **********/
.foot{ background-color:#171414}
.foot_main{width:1200px; margin:0 auto; padding:20px 0}
.foot .search{ float: none; margin:0 auto; padding:0}
.foot_main table{ border:none; border-collapse:collapse; width:100%;color:#999; margin-top:10px; font-size: 14px;}
.foot_main table th,.foot_main table td{ padding-bottom:10px; text-align:center}
.foot_main table th{ font-size:16px;color:#999}
.foot_main table a{ color:#666}
.foot_main table a:hover{color:red}
.foot_main .foot_bottom{border-top:1px solid #221F1F; margin-top:2px; padding-top:2px; color:#555; text-align:center; font-size:14px}
.foot_main .foot_bottom p{ line-height:30px}
.foot_main .foot_bottom a{ color:#555}
.foot_main .foot_bottom a:hover{color:red}
/********** 分页 **********/
.pager{clear: both;margin:20px 5px;line-height: 36px;text-align: center;color: #676767;font-size: 16px;}
.pager ul {list-style: none;margin: 0;padding: 0; }
.pager li{height:32px;font: 14px/32px "Microsoft Yahei";display: inline-block;background:#F5F7F8;border: 1px solid #c5c5c5;margin: 0 5px;color: #333;}
.pager li a,.pager li span{color: #999; display:inline-block; padding: 0 15px; cursor:pointer}
.pager li .current ,.pager li .cur{background: #D6241C;color:white}
li.thisclass {background: #D6241C;}
li.thisclass a{color:white}
.pager li .current a,.pager li.current span,.pager li .cur a,.pager li.cur span{color:#fff;}
div.lef_content{margin-bottom:30px}
.pagination{text-align: center;margin-top:10px;margin-bottom:10px;font-size:14px;}
.pagination a{display:inline-block;margin:0 5px;}
.tags{margin:10px 0;line-height:24px;font-size:15px;overflow:hidden;}
.tags a{color:#D6231C;margin:0 10px 0 0;}
.lef_content .tags{margin:10px 20px;}
/*aibox*/
.aibox .new_game{width:820px;padding:0;}
.aibox .new_game ul{margin: -10px 0 0 -30px;}
.aibox .new_game ul li{margin: 30px 0 8px 40px;}
.aibox h3{border-bottom: 1px solid #eee;margin:0;padding-bottom: 15px;}
.aibox .rank_box{float:right;padding:0 0 0 20px;border:0;border-left: 1px solid #E8EDF0;}
.aibox .rank_box .rank_list{padding:15px 0 0 0;}
/*syzt*/
.sy-zt {
object-fit: cover;
overflow: hidden;
padding: 5px;
background: white;
margin-top:10px;
}
.sy-zt .btitle {
margin: 0 auto;
}
.btitle {
height: 50px;
border-bottom: 1px solid #E5E5E5;
line-height: 36px;
background: white;
position:relative;
}
.btitle h3, .btitle h4 {
float: left;
font-size: 20px;
height: 50px;
line-height: 56px;
font-weight: bold;
color: #333;
border-bottom: 1px solid #F7C8C8;
}
.btitle .more{
float: right;
margin-left: 20px;
color:#666;
font-size: 14px;
}
.zt_more {
float: right;
margin-left: 15px;
height: 0px;
border: 1px solid white;
color:#999;
}
.nexttab {
float: right;
width: 98px;
}
.nexttab .prev, .nexttab .next {
float: left;
margin-left: 10px;
width: 39px;
height: 39px;
display: inline-block;
background: url(../img/m.png) no-repeat 0 -81px;
cursor: pointer;
}
.nexttab .next {
background-position: -39px -81px;
}
.sy-zt .bd {
padding-top: 20px;
background: white;
padding: 13px 0;
margin:auto;
}
.tempWrap {
width: 100%;
}
.syzt li {
float: left;
width: 216px;
height: 140px;
margin-right: 20px;
position: relative;
_display: inline;
}
.syzt li img {
width: 100%;
height: 140px;
}
.syzt li i {
display: none;
}
.syzt li i, .syzt li b, .syzt li em {
display: block;
font-style: normal;
text-decoration: none;
position: absolute;
bottom: 0;
width: 100%;
height: 140px;
line-height: 36px;
color: #fff;
left: 0;
}
.syzt a b {
height: 30px;
background-color: black;
opacity: 0.7;
}
.syzt a em {
height: 30px;
text-align: center;
font-size: 14px;
line-height: 30px;
}
.syzt a:hover {
text-decoration: none;
}
.syzt a:hover i {
display: block;
}
.syzt a:hover b {
display: none;
}
.syzt a:hover em {
display: block;
border: 4px solid #D9241D;
width: 208px;
height: 132px;
font-size: 24px;
font-weight: bold;
line-height: 60px;
overflow: hidden;
cursor: pointer;
text-align: center;
white-space: nowrap;
}
.good-netgame li i, .nexttab a:hover, .game-rec li i, .syzt li i {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
a:hover, .submit:hover, .newbox dt a:hover i, .hot-list li.on i, .hothd li, .video-list li a:hover i {
-webkit-transition: all linear .218s;
-moz-transition: all linear .218s;
transition: all linear .218s;
}
.newbox dt i, .good-netgame li i, .game-rec li i, .video-list li i, .syzt li i {
background: #000;
display:none;
}
.v_l {
background: url(../img/video_l.png) no-repeat center center;
padding: 0 8px;
margin: 0 5px;
height:11px;
display:inline-block;
background-size: 100%;
}
.arrow4 p .v_l{
height:14px;
padding:0 10px;
}
.area_game .new_soft ul li {
float: left;
width: 80px;
margin: 30px 0 0 40px;
}
.area_game .new_soft ul li img {
display: block;
border-radius: 10px;
width: 80px;
height: 80px;
}
.area_game .new_soft ul li p {
text-align: center;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #555;
font-size: 14px;
}
.area_game .new_soft ul li .download {
width: 68px;
height: 24px;
border: 1px solid #ddd;
line-height: 24px;
text-align: center;
display: inline-block;
color: #555;
margin: 8px 0 0 5px;
font-size: 14px;
}
.area_game .new_soft ul {
margin: -10px 0 0 -40px;
}
/*company*/
.Lef_4 { width: 100%; height: auto; margin: 30px 0 30px;}
.Lef_4 #lkbq{margin-left: 20px;}
.Lef_4 .btwrap > p{margin-right:15px;}
.Lef_4 .Tab-top p{ margin: 0 15px 0 0;}
.Lef_4 .Lef4_cent {width: 100%; margin-top: 15px; }
.Lef_4 .Lef4_cent .Lef4lis { display: none; }
.Lef_4 .Lef4_cent .Lef4lis.show{display:block;}
.Lef_4 .Lef4_cent .Lef4_top {border-bottom: 1px dashed #dfd9ff;padding: 0 3px 10px 3px;overflow:hidden;}
.Lef_4 .Lef4_cent .Lef4_top .img { float: left; margin-right: 18px; }
.Lef_4 .Lef4_cent .Lef4_top .img, .Lef_4 .Lef4_cent .Lef4_top .img img { width: 230px; height: 130px; border-radius: 12px; }
.Lef_4 .Lef4_cent .Lef4_top .info {width: 100%; overflow:hidden;}
.Lef_4 .Lef4_cent .Lef4_top .info .bt { display: block; font-size: 24px; font-weight: bold; color: #2e2e2e; width: 100%; height: 46px; line-height: 46px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Lef_4 .Lef4_cent .Lef4_top .info .time {overflow: hidden;}
.Lef_4 .Lef4_cent .Lef4_top .info .time i { display: block; float: left; background: url(../img/ico-img3.png) no-repeat; height: 10px; width: 12px; background-position: 0 -9px; margin: 13px 5px 0 0; }
.Lef_4 .Lef4_cent .Lef4_top .info .time span { font-size: 14px; color: #9d97be; margin-right: 28px; height: 30px; line-height: 36px; }
.Lef_4 .Lef4_cent .Lef4_top .info .time .bt{float:left;font-size:18px;width:auto;height:30px;line-height:30px;margin:0 25px 0 0;}
.Lef_4 .Lef4_cent .Lef4_top .info .time .bt:hover{color:#7cc666;}
.Lef_4 .Lef4_cent .Lef4_top .info .time .mr{float:right;font-size:14px;line-height:30px;color:#666;}
.Lef_4 .Lef4_cent .Lef4_top .info .time .mr:hover{color:#7cc666;}
.Lef_4 .Lef4_cent .Lef4_top .info .miaoshu { display: block; width: 100%; line-height: 24px; font-size: 14px; color: #888; overflow: hidden; margin-top: 5px; }
.Lef_4 .Lef4_cent .Left_lis { width: 100%; margin-top: 20px; overflow: hidden; }
.Lef_4 .Lef4_cent .Left_lis ul { width: 104%; display: block; }
.Lef_4 .Lef4_cent .Left_lis ul li { display: block; float: left; margin: 0 20px 20px 0; width: 270px; height: 90px; }
.Lef_4 .Lef4_cent .Left_lis ul li .img { float: left; overflow: hidden; margin-right: 10px; }
.Lef_4 .Lef4_cent .Left_lis ul li .img:hover { opacity: 0.88; }
.Lef_4 .Lef4_cent .Left_lis ul li .img, .Lef_4 .Lef4_cent .Left_lis ul li .img img { width: 90px; height: 90px; border-radius: 13px; }
.Lef_4 .Lef4_cent .Left_lis ul li .name { display: block; float: left; width: 170px; height: 25px; line-height: 25px; overflow: hidden; color: #525252; font-size: 16px; white-space:nowrap;text-overflow:ellipsis;}
.Lef_4 .Lef4_cent .Left_lis ul li .name:hover { color: #7cc666; }
.Lef_4 .Lef4_cent .Left_lis ul li .bq { color: #9d97be; width: 170px; display: block; float: left; height: 18px; line-height: 18px; margin-top: 14px; font-size: 13px; }
.Lef_4 .Lef4_cent .Left_lis ul li .bq a{color:#666;}
.Lef_4 .Lef4_cent .Left_lis ul li .bq a:hover{color:#7cc666;}
.Lef_4 .Lef4_cent .Left_lis ul li .bq i{width:1px;height:12px;background:#dbdbdb;display:inline-block;margin:0 8px;}
.Lef_4 .Lef4_cent .Left_lis ul li .bq em{color:#f08620;font-weight:bold;font-size:14px;font-family: Georgia;}
.Tab-top{
display: block;
float: left;
margin-left: 30px;
margin-top:18px;
}
.Tab-top p{
height: 24px;
line-height: 24px;
display: block;
float: left;
margin: 0 15px 0;
font-size: 15px;
color: #525252;
font-weight: bold;
border-bottom: 2px solid #fff;
cursor: pointer;
}
.Tab-top p.on{
color: #7cc666;
font-weight: bold;
}
.main_company{
border: 1px solid #eee;
width:1160px;
background:#FFF;
padding:0px 20px;
margin:10px 0 10px;
}
.main_company .btitle h3{
border:none;
}
.btwrap > h2{
height: 22px;
line-height: 20px;
display: block;
float: left;
font-size: 18px;
font-weight: bold;
color: #2e2e2e;
margin-right: 10px;
border-left: 5px solid #7cc666;
padding: 0 0 0 10px;
}
.main_company .Lef4_cent{
clear:both;
}
.tm .tim{font-style:normal;text-align:center;display:block;}
.clearfix2 {
overflow: hidden;
height: 130px;
width: 1200px;
}
.sy-zt img {
object-fit: cover;
}
.con_art img {
object-fit: cover;
}