﻿.cont_L{width: 823px; float: left; margin-right: 37px;}
.cont_R{width: 340px; float: right;}
.clear{ clear: both;}

/*新闻列表*/
.title_top{ height: 48px; line-height: 48px; font-size: 24px; font-weight: bold; width: 100%;}
.title_top  .mue{ float: right;display: block; width: 50px;height: 30px; font-size: 14px; color: #99b898;text-align: center; line-height: 30px; }
.title_top  .mue i{ display: inline-block; background: url(../images/ico-img3.png) no-repeat ; width: 10px; height: 4px; background-position: 0 0 ; margin: -3px 0px 0px 5px; vertical-align: middle;}
.title_top  .mue:hover{ color: #05c300;}
.news_list{ width: 100%;}
.news_list ul{ padding-top: 17px;}
.news_list ul li{ width: 100%; height: 140px; padding-bottom: 50px;}
.news_list ul li .img{ width: 250px; height: 140px; float: left; overflow: hidden; border-radius: 5px;}
.news_list ul li .img img{ width: 100%; height: 100%;}
.news_list ul li .tex{ width: 558px; float:left; padding-left: 15px; height: 100%;}
.news_list ul li .tex .tite{ color: #2e2e2e; height: 20px; line-height: 20px; font-size: 18px; font-weight: bold; width: 100%; overflow: hidden; padding-top: 5px;}
.news_list ul li .tex .tite a{color: #2e2e2e;}
.news_list ul li .tex .text{ line-height: 24px; color: #858585; font-size: 15px; max-height: 48px; width: 100%; overflow: hidden; padding-top: 20px;}
.news_list ul li .tex .bottm{padding-top: 13px; height: 26px; line-height: 26px; font-size: 12px; color: #9e9e9e; width: 100%; overflow: hidden;}
.news_list ul li .tex .bottm .name{padding-right: 70px;}
.news_list ul li .tex .bottm i{  display: inline-block;vertical-align: middle;background: url(../images/ico-img3.png) no-repeat; margin: -4px 10px 0px 0px;}
.news_list ul li .tex .bottm .name img{ height:26px;width:26px;margin: -4px 10px 0px 0px; display: inline-block;vertical-align: middle; border-radius: 50%;}
.news_list ul li .tex .bottm .time i{height:14px;width:14px;background-position: 0 -4px;}
.news_list ul li .tex .tite a:hover{color: #05c300;}
.news_list ul li .img:hover{opacity:0.8;filter: alpha(opacity=80)}
/*page*/
.page-c{width:100%;float:left;}
#page{display:table;margin:0px auto 30px;}
#page li{display: inline-block;}
#page a,#page span{display: inline-block;width: auto;padding:0 10px;height: 30px;text-align: center;line-height: 30px;color: #666;font-size: 14px;border-radius: 5px;border: 1px solid #e6e6e6;margin: 0 5px;}
#page span{background-color: #52cc66!important;color: #fff!important;}
#page a:hover{background-color: #52cc66!important;color: #fff!important;}
#page .activP{background-color:#52cc66!important;color:#fff!important}
#page .a_list{ display: inline-block;}
#page .pag_p{  display: inline-block;color: #52cc66; height: 32px; line-height: 32px; padding-left: 10px;}
#page .pag_lst{font-size: 14px;  padding: 0 10px;}
/*右侧的部分*/
/*右侧的共同头部*/
.top_tile{ height: 24px; width: 100%; line-height: 24px; }
.top_tile span{ font-size: 24px; font-weight: bold; float: left;}
.top_tile  a{ float: right;display: block; width: 50px;height: 24px; font-size: 14px; color: #99b898;text-align: center; }
.top_tile  a i{ display: inline-block; background: url(../images/ico-img3.png) no-repeat ; width: 10px; height: 4px; background-position: 0 0 ; margin: -3px 0px 0px 5px; vertical-align: middle; opacity: 0.8;filter: alpha(opacity=80) }
.top_tile  a:hover{ color: #05c300;}
.top_tile  a:hover i{opacity: 1;filter: alpha(opacity=100) }

.MR_1 { width: 340px;  display:table;padding-bottom: 20px; background: #ebecf2; margin-bottom: 53px;}
.MR_1 .bt { float: left; width: 318px; height: 40px; line-height: 40px; color: #2e2e2e; font-size: 20px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; margin: 20px 0 10px 20px; }
.MR_1 .img { display: block; float: left; overflow: hidden; margin: 0 20px 0 20px; }
.MR_1 .img img{ width: 110px }
.MR_1 .img, .Min_1 .Min1_R .MR_1 .img img { width: 110px; height: 110px; border-radius: 24px; }
.MR_1 .info_r { display: block; width: 188px; height: 110px; float: left; }
.MR_1 .info_r li { width: 100%; height: 20px; overflow: hidden; float: left; margin: 4px auto; }
.MR_1 .info_r li p, .Min_1 .Min1_R .MR_1 .info_r li span { display: block; float: left; }
.MR_1 .info_r li p { float: left; font-size: 12px; color: #9e9e9e; width: 40px; height: 20px; line-height: 20px; }
.MR_1 .info_r li span { display: block; float: left; font-size: 12px; color: #9d97be; overflow: hidden; width: 140px; height: 20px; }
.MR_1 .jianjie { width: 305px; float: left; margin: 20px 0 0 20px; height: 62px; overflow: hidden; }
.MR_1 .jianjie span { font-size: 12px; color: #9d97be; width: 40px; line-height: 20px; float: left; }
.MR_1 .jianjie p { float: left; width: 284px; height: 62px; overflow: hidden; font-size: 12px; color: #525252; line-height: 22px; }


 .downl { float: left; width: 300px; height: 232px; margin: 7px 0 0 20px; }
 .downl .btn { float: left; width: 300px; height: 60px; border-radius: 4px; margin-top: 17px; box-shadow: 0px 5px 20px 1px rgba(0, 0, 0, 0.1); position: relative; }
.downl .btn p { width: 199px; height: 36px; line-height: 36px; text-align: center; float: left; border-right: 1px solid #fff; color: #fff; font-size: 16px; font-weight: bold; margin: 12px 0; }
.downl .btn p .bj{ display: inline-block; background: url(../images/ico-img3.png) no-repeat; vertical-align: middle; margin-right: 24px; margin-top: -20px;} 
.downl .btn p .an{height:32px;width:29px;background-position: 0 -207px;}
.downl .btn p .iphone{height:32px;width:27px;background-position: 0 -244px;}
.downl .btn p .pc{height:25px;width:28px;background-position: 0 -283px;}
.downl .btn p span{ width:81px ;  text-align: left; display: inline-block; line-height: 18px;}
 .downl .btn p span i{ font-weight: normal;}
 .downl .btn .sp { display: block; float: left; margin: 17px 0 0 38px; background: url(../images/ico-img3.png) no-repeat; height: 24px; width: 24px; background-position: 0 -143px; }
 .downl .btn:hover .ewmwrap { display: block; }
 .downl .btn .ewmwrap { display: none; position: absolute; z-index: 9; right: 0; top: 50px; width: 220px; height: 260px; background: url(../images/bg-ewm.png) no-repeat; }
 .downl .btn .ewmwrap img { display: block; width: 180px; height: 180px; margin: 30px 21px 0; }
 .downl .btn .ewmwrap p { text-align: center; font-size: 14px; color: #05c300; width: 100%; height: 24px; line-height: 24px; }

 .downl .az_btn { background: #29cc96; }
 .downl .ios_btn { background: #4595e6; }
 .downl .pc_btn { background: #f2ae24; }
 .downl .pc_btn .sp { background-position: 0 -116px; }
 .downl .zq_btn { width: 140px; background: #f26179; }
  .downl .gray_color { background: #e6e7ed; }
/*热门专题*/
.MR_2{width: 100%; margin-bottom: 40px;}
.MR_2 .net{ width: 360px; padding-top: 10px;}
.MR_2 .net a{ display: block; float: left; width: 160px; color: #525252; margin: 20px 20px 0 0;}
.MR_2 .net a img{ width: 100%; height: 92px;}
.MR_2 .net a span{ display: block; text-align: center; width: 100%; font-size: 14px; height: 14px; line-height: 14px; padding-top: 9px; overflow: hidden;}
.MR_2 .net a:hover{color: #05c300;}
.MR_2 .net a:hover img{opacity: 0.8;filter: alpha(opacity=80)}
/*火爆手游*/
.MR_3{ width:100%; margin-bottom: 40px;}
.MR_3 .net{ width: 360px; padding-top: 4px;}
.MR_3 .net a{ display: block; float: left; width:94px; color: #525252; margin: 26px 26px 0 0;}
.MR_3 .net a img{ width: 100%; height: 94px; border-radius: 15px;}
.MR_3 .net a span{ display: block; text-align: center; width: 100%; font-size: 14px; height: 14px; line-height: 14px; padding-top: 15px; overflow: hidden;}
.MR_3 .net a:hover{color: #05c300;}
.MR_3 .net a:hover img{opacity:0.8;filter: alpha(opacity=80)}
/*相关版本*/
.MR_4{ width:100%; padding-bottom: 40px;}
.MR_4 .top_tile{padding-top: 12px;}
.MR_4 ul li{height: 32px; line-height: 32px; margin-top: 22px; margin-bottom: 4px; padding-right: 72px; width: 268px; position: relative; color: #333333; font-size: 14px; overflow: hidden;}
.MR_4 ul li .xz{ display: block; position: absolute; right: 0px; top:0px; width: 72px; height: 32px; text-align: center; background: #f2f2f2; color: #333333; border-radius: 5px;}
.MR_4 ul li .xgclass{height: 32px; line-height: 32px; margin-top: 22px; margin-bottom: 4px; padding-right: 72px; width: 268px; position: relative; color: #333333; font-size: 14px; overflow: hidden;}
.MR_4 ul li .xz:hover{background: #05c300;color: #fff;}
.MR_4 ul li .xgclass:hover{color: #05c300;}
.MR_4 ul li:hover {color: #05c300;}


/*下载页面*/
/*八分钟帝国版本大全*/
.download_list{ padding: 20px 0 40px 0;}
.download_list li{ height: 58px; border-bottom: 1px solid #f0f1f7; line-height: 58px; font-size: 15px;color: #858585;}
.download_list li p{ float: left; padding-right: 10px; height: 100%; overflow: hidden;}
.download_list li .name{ width: 235px; color: #333333;}
.download_list li .name a{color: #333333;}
.download_list li .pin{ width: 226px;}
.download_list li .bg{ width: 241px; }
.download_list li span{color: #333333;}
.download_list li i{ display: inline-block; vertical-align: middle; background: url(../images/ico-img3.png) no-repeat; margin: -3px 10px 0px 4px;}
.download_list li .an{height:20px;width:18px;background-position: 0 -86px;}
.download_list li .iphone{height:20px;width:17px;background-position: 0 -42px;}
.download_list li .pc{height:15px;width:17px;background-position: 0 -66px;}
.download_list li .btn{ display: block; float:right; width: 88px; height: 32px; text-align: center; line-height: 32px; color: #333333; font-size: 14px; background: #f2f2f2; border-radius: 5px; margin-top: 12px;}
.download_list li .btn:hover{background: #05c300; color: #fff;}
.download_list li .name a:hover{color: #05c300;}
/*八分钟帝国同类游戏推荐*/
.download_warp{ width:900px; padding: 8px 0 100px 0;}
.download_warp li{ width: 223px; height: 80px;  float: left; margin: 30px 77px 0 0;}
.download_warp li .img{ float: left; width: 80px; height: 80px; overflow: hidden; border-radius: 15px;}
.download_warp li .img img{ width: 100%; height: 100%;}
.download_warp li  .text{ float: left; padding-left: 19px; width: 124px; }
.download_warp li  .text .name{ font-size: 16px; height: 16px; line-height: 16px; font-weight: bold; color: #333333; width: 100%; overflow: hidden; padding-top: 5px; display: block;}
.download_warp li  .text .p_span{ height: 14px; padding-top: 12px; line-height: 14px; font-size: 14px; color: #9e9e9e; overflow: hidden;}
.download_warp li  .text .p_span i{ display: inline-block; height: 6px; width: 1px; background: #9d97be; vertical-align: middle; margin: -3px 5px 0 5px;}
.download_warp li  .text .name:hover{ color: #05c300;}


/*新闻详情页*/
.news_info{  width:100%;}
.news_info .warp_top{}
.news_info .warp_top h1{ line-height: 55px; text-align:center; max-height: 110px; color: #2e2e2e; font-size: 32px; width: 100%; overflow: hidden;}
.news_info .warp_top .bott{ padding-top: 17px; height: 26px; line-height: 26px; font-size: 12px; width:584px; margin: 0 auto; padding-left: 70px; margin-bottom: 33px;}
.news_info .warp_top .bott p{float: left; color: #525252; height: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_info .warp_top .bott .name{ width: 142px;}
.news_info .warp_top .bott .name img{ width: 26px; height: 26px; border-radius: 50%; margin-right: 10px; display: inline-block; margin-top: -1px;}
.news_info .warp_top .bott .time{ width: 158px;}
.news_info .warp_top .bott  i{display: inline-block;vertical-align: middle;background: url(../images/ico-img3.png) no-repeat; margin: -4px 8px 0px 0px;}
.news_info .warp_top .bott .time i{ width: 158px;height:14px;width:14px;background-position: 0 -4px;}
.news_info .warp_top .bott .laiyuan{ width: 140px;}
.news_info .warp_top .bott .laiyuan a{color: #9d97be; text-decoration: underline;}
.news_info .warp_top .bott .pl{ width: 110px;}
.news_info .warp_top .bott .pl a{color: #525252; font-weight: bold;}
.news_info .warp_top .bott .pl i{height:14px;width:16px;background-position: 0 -18px;}
.news_info .warp_top .tiao{ background:url(../images/lin_bg.png) repeat-x; height: 5px; width: 100%;}
.news_info_center{padding-top: 9px;font-size: 16px;}
.news_info_center span{color: #525252; font-size: 16px; }
.news_info_center p{ font-size: 16px; width: 100%; text-indent:2em; color: #525252; line-height: 36px;}
.news_info_center h3{ font-size: 18px; font-weight: bold}
.news_info_center table ,
.news_info_center video,
.news_info_center iframe,
.news_info_center embed,
.news_info_center img{max-width: 100%; margin: 0 auto; margin-bottom: 30px;}
.news_info_center h3{margin-top: 10px;margin-bottom: 10px;}

/*相关文章*/
.warp_new {}
.warp_new .top_tile{ padding-top: 20px;}
.warp_new .net{ width: 100%; padding-top: 30px;}
.warp_new .net a{ padding: 0 80px 0 20px; width: 723px; font-size: 15px; height: 36px; line-height: 36px; position: relative; display: block; color: #2e2e2e; overflow: hidden;}
.warp_new .net a i{ display: block;  background: #cccccc; width: 3px; height: 3px; position: absolute; left: 2px; top:15px;}
.warp_new .net a span{ position: absolute; right: 0px; top:0px; height: 100%; width: 80px; text-align: center; color: #9e9e9e; font-size: 12px;}
.warp_new .net a:hover{color: #05c300;}
.warp_new .net a:hover i{background: #05c300;}
/*网友评论*/
#plpost{padding-bottom: 40px;}
#plpost .top_tile{ padding-top: 50px; padding-bottom: 29px;} 
#plpost  .Comments_wrap{min-height: 125px; width: 100%; background: #edeff5;}

.atitle{margin-left:40px}
.atitle a{ height: 24px; line-height: 24px; margin: 6px 15px 0; font-size: 14px; color: #525252; font-weight: bold; border-bottom: 2px solid #fff;}
.atitle a.on{ color: #05c300; font-weight: bold; border-bottom: 2px solid #05c300;}
.atitle a:hover{ color: #05c300;}
.news_info_center img{max-width:720px;}
.news_info_center table img{margin-bottom: 0;margin-top: 10px;}

.cont_L{ width:795px; margin-right: 0px;}










