@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* CSS Document */
.clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}
b,em,i{font-style:normal;font-weight:normal;}
body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;
    /* font-size:14px; */
    line-height:20px;color:#333;background-color:#fff;position:relative;}
html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;}
button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;}
a{text-decoration:none;}
/* a:hover,a:focus{-webkit-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;} */
.rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
/* a:hover{color:#0d71c0;} */
.rotate360{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px;margin:0 auto;}
.h20{width:100%;height:20px;}
.hide{display:none;}
.keywords{color: #0d71c0 !important;}

/*面包屑*/
.Crumbs{margin-top: 25px;}
.Crumbs .wrap{font-size:14px; color:#666666;}
.Crumbs .wrap a{color:#333;}
/*分类*/
.classify{overflow: hidden; margin-bottom:5px;padding: 0px 0px;}
.classify a{display:block; float:left; line-height:12px; font-size:14px; color:#666666; padding:12px 30px; 
    background:#f1f1f1; border-radius:3px; margin-top:19px; margin-right:14px;}
.classify a:hover{color:#FFF; background:#0d71c0;}
.classify a:nth-child(9n){margin-right:0px;}
.classify a.on{color:#fff; background:#0d71c0;}
/* 列表样式 */
.wrap{width: 1200px; margin: 0 auto;padding: 0px 0px;}
.main_wrap{padding:20px 10px 10px; margin-top:5px; overflow: hidden; background:#FFF;}
.main_wrap .Crumbs{margin:0px;}
.main_wrap .Crumbs .wrap, .main_wrap .Crumbs .wrap a{color:#666666;}

.menu_wrap{height:100px; line-height:100px; font-size:0px;}
.menu_wrap a{position: relative; display:inline-block; font-size:16px; color:#333; margin-right:45px;}
.menu_wrap a i{display:none; width:100%; height:4px; border-radius:8px; background:#0d71c0; position: absolute; top:68px; left:0;}
.menu_wrap a:last-child{margin-right:0;}
.menu_wrap .on, .menu_wrap a:hover{color:#0d71c0;}
.menu_wrap .on i, .menu_wrap a:hover i{display:block;}


/*a_list*/
.list_l{width:810px; padding:0px; margin-bottom:51px; background:#fff;}
.list_l .list_tit{font-size:20px; color:#333; font-weight:bold;}
.list_r{width:360px;}

.list_con li{padding:30px 0; border-bottom:1px solid #f1f1f1; overflow: hidden;}
.list_con li:last-child{border-bottom:0;}
.list_con li .list_img{float:left; display:block; width:180px; height:120px;}
.list_con li img{display:block; width:100%; height:100%; border-radius:6px; transition:opacity .1s linear;}
.list_con li img:hover{opacity: 0.9; transition:opacity .1s linear;}
.list_con li .list_text{float:left; width:571px; height:120px; margin-left:19px;}
.list_con li .list_text .list_name{display:block; height:20px; line-height:20px; font-size:20px; color:#111; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list_con li .list_text .list_name:hover{color:#0d71c0;}
.list_con li .list_text .list_infor{font-size:0px;}
.list_con li .list_text .list_infor span{display:inline-block;height:14px; line-height:14px; font-size:14px; color:#999; margin-top:25px;}
.list_con li .list_text .list_infor span + span{margin-left:96px;}
.list_con li .list_text .text{width:100%; height:48px; line-height:24px; font-size:14px; color:#333; margin-top:15px; overflow: hidden;}
.list_l h3{float:left; display:block; font-size:16px; color:#333; font-weight:bold; line-height:32px; width:770px; height:32px; padding-left:20px; margin:15px 0;}
.list_l h3{background:#f5f5f5 url(../images/pic_34.png) no-repeat; vertical-align: middle;}
/*page*/
.pagingUl { padding: 0; margin: 0; list-style: none; height: 30px; }

.pagingUl li { float: left; width: 40px; height: 30px; text-align: center; margin-right: 5px; border-radius: 5px; }

.pagingUl a { display: inline-block; width: auto; height: 30px; text-align: center; line-height: 30px; color: #666; font-size: 14px; border-radius: 5px; border: 1px solid #e6e6e6;padding: 0px 15px;margin: 0px 3px; }

.pagingUl a:hover, .activP { background-color: #0d71c0 !important; color: #fff !important; }

.page-c .prv, .page-c .next, .page-c .first, .page-c .last, .page-c .prv { cursor: pointer; width: 60px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #4c4c4c; border: 1px solid #e6e6e6; margin: 0 5px; padding: 0 6px; border-radius: 5px; }

.page-c .prv:hover, .page-c .next:hover, .page-c .first:hover, .page-c .last:hover { border: 1px solid #0d71c0; color: #0d71c0; }

.page-c { display: block; float: left; margin: 30px 0; width: 100%; }

.page-c > div { display: table; text-align: center; margin: 6px auto; *width: 680px; }

.page-c > p { display: block; margin: 12px 0 0 0; font-family: '瀹嬩綋'; font-size: 14px; color: #808080; text-align: right; }

.page-c > p span { font-size: 24px; color: #0d71c0; }

.dian-c2 { display: none; margin-right: 4px; }

#page { margin: 30px auto; }
#page { margin: 20px auto; width: 100%; overflow: hidden; text-align: center; }
#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: #0d71c0; color: #fff; }
#page a:hover { background-color: #0d71c0; color: #fff; }
#page .activP { background-color: #0d71c0; color: #fff; }

/* 软件 */
.fl{float: left;}
.fr{float: right;}

.game_rank{padding:20px 20px 0 20px; background:#fff;}
.title{overflow: hidden;}
.title .name{font-size:20px; color:#222; font-weight:bold;}
.title .name i{float:left; width:6px; height:24px; background:#ff4c4c; margin-right:10px; margin-top:3px;}
.title .more{display:block; line-height:30px; font-size:15px; color:#ccc;}
.title .more i{float:left; width:16px; height:16px; background:url(../images/img.png) no-repeat; background-position:-146px 0; margin-top:7px; margin-right:8px;}
.title a:hover{color:#000;}
.game_lis{overflow: hidden;}
.game_lis li{display:flex; width:320px; border-bottom:1px solid #f2f2f2; padding:20px 0; overflow: hidden;}
.game_lis li:last-child{border-bottom:0;}
.game_lis li .num{width:21px; height:30px; color:#fff; line-height:30px; font-size:14px; text-align:center; background:url(../images/img.png) no-repeat; background-position:-292px 0; margin-top:11px;}
.game_lis li .num2{background-position:-317px 0;}
.game_lis li .num3{background-position:-342px 0;}
.game_lis li .num4{background-position:-268px 0;}
.game_lis li .game_wrap{flex:1; margin:0 2%; overflow: hidden;}

.game_lis li .game_wrap img{float:left; display:block; width:52px; height:52px; border-radius:12px; transition:opacity .1s linear;}
.game_lis li .game_wrap img:hover{opacity:0.9; transition:opacity .1s linear;}
.game_lis li .game_wrap .game_text{float:left; margin-left:24px;}
.game_lis li .game_wrap .game_tit{font-size:15px; color:#555;max-width: 134px;overflow: hidden;height: 22px;display: inline-block;}
.game_lis li .game_wrap .game_infor{font-size:12px; color:#999; margin-top:10px;}
.game_lis li .game_wrap .game_infor span{display: inline-block;}
.game_lis li .game_wrap .game_infor i{display: inline-block; margin:0 10px; vertical-align: text-bottom;}
.game_lis li .game_down{display:block; width:60px; height:28px; line-height:28px; text-align:center; color:#0d71c0; border-radius:3px; border:1px solid #b8e6bf; margin-top:12px;}
.game_lis li .game_down:hover{background: #0d71c0; color:#fff;}

/*热门攻略*/
.hot{padding:20px 20px 30px 20px; margin-top:30px; background:#fff;}
.hot_lis{border-left:1px solid #e0e0e0;}
.hot_lis li{position: relative; height:15px; margin-top:27px; font-size:0px; }
.hot_lis li a{display:inline-block; font-size:15px; line-height:15px; padding-left:20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;max-width: 320px;color: #333333}
.hot_lis li i{display:inline-block; width:16px; height:16px; background:url(../images/img.png) no-repeat; background-position:-206px 0; position: absolute; left:-9px; top:-2px; vertical-align: middle; background-color:#fff;}
.hot_lis li:hover i{width: 14px; left: -7px; background-position:0 0;}

/*热门合集*/
.hot_hj{padding:20px; padding-bottom:0px; margin-top:30px; background:#fff;}
.hot_img{margin-top:13px;}
.hot_img a{display:block; width:320px; text-align:center;}
.hot_img img{display:block; width:320px; height:160px; border-radius:6px; transition:opacity .1s linear;}
.hot_img img:hover{opacity:0.9; transition:opacity .1s linear;}
.hot_img .hot_txt{font-size:15px; color:#555; height:48px; line-height:15px; padding:15px 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}