/* 重置 */
div,p,dl,ul,ol,li{margin:0;padding:0; list-style:none;}
body, button, input, select, textarea {font: 12px/1.5 tahoma,arial,"微软雅黑";}
strong,em,b,i{ font-size:12px; font-weight:normal; font-style:normal; color:#b5b5b5;}
h2{ font-size:20px; font-family:"Microsoft YaHei";}
h6{ font-size:12px; margin:0px; padding:0px;}
a{ color:#565656; font-weight:normal; text-decoration:none;}
a:hover{ color:#0091ff;}
.clearfix:after { clear: both; content: "."; display: block;  height: 0;  overflow: hidden; visibility: hidden;}

/* 公共样式 */
.sub{ margin:0 0 12px;}
.f-mt12{ margin:12px 0 0;}
.f-mb12{ padding:12px 0 0;}
.f-spa19{ padding:0 19px;}
.png_bg{ background:url(/skin/library/images/icon.png) no-repeat;} 
.img{ display:block; padding:3px; margin:0 0 4px; border:1px solid #eeeeee;}
.more{ position:absolute; right:11px; color:#999999;} 
.m-box{ width:960px; margin:0 auto;}
.m-box .pull-left{ width:672px; overflow:hidden; margin:0;}
.m-box .pull-right{ width:273px; overflow:hidden; margin:0;}
.m-box-1{ border:1px solid #DCDCDC; border-top:3px solid #0091FF;}
.m-box-2{ border:1px solid #DCDCDC;}
.m-list li{ background:url(/skin/library/images/icon.png) no-repeat; display: inline; float: left; }
.m-list2 li{ display: block; float: none; padding:0 0 6px; margin: 0;}
.m-list2 li:after{ clear: both; content: ".";  display: block;  height: 0;  overflow: hidden; visibility: hidden;}
.m-list2 li a{ display:block; float:left; padding:0 0 0 13px; height:20px; line-height:20px; overflow:hidden; background:url(/skin/library/images/icon.png) no-repeat -352px 3px;}
.m-list2 li span { color: #999999; float: right; font-weight:normal;}
.u-title{ position:relative; height:32px; line-height:30px; margin:0 0 15px; background:url(/skin/library/images/icon.png) repeat-x 0 -184px; }
.u-title span{ padding:0 0 0 13px; font-size:14px; font-weight:bold; color:#565656;}
.u-title2{ height:29px; line-height:30px; margin:0 0 15px; border-bottom:1px solid #e9e9e9; }
.u-title2 span{ display:block; width:80px; height:28px; line-height:28px; margin:0 0 0 10px; text-align:center; font-size:14px; font-weight:bold; color:#565656; border-left:1px solid #e9e9e9;  border-right:1px solid #e9e9e9; border-top:2px solid #0091FF; background-color:#fff;}
.u-title3 { height: 32px; line-height: 25px; margin:11px 0 15px; position: relative;}
.u-title3 span { font-weight: bold; padding: 0 0 0 13px;}
.u-title3 .tabnav { position: absolute; right: 0; top: -1px; }
.u-title3 .tabnav i { float: left; margin-right: 3px; padding: 0 10px; border-bottom:none; cursor: pointer; font-size: 14px;}
.u-title4 { margin:0 0 10px; height:37px; line-height:37px; border-bottom:1px solid #eaeaea; background:url(/skin/library/images/icon.png) no-repeat -337px -291px;}
.u-title4 span{ padding:0 0 0 28px; font-size:16px; font-weight:bold;}
.tabnav{ height: 39px; margin:0; }
.tabnav i{ cursor: pointer; display: block; float: left; height: 29px; line-height: 32px; text-align: center; font-size: 12px; color:#565656;}
.tabnav i.hover{ line-height:25px; background-color:#fff; border-top:3px solid #0091FF; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; font-weight:bold;}
.m-rank { padding: 0 15px;}
.m-rank ul li.first{ position:relative; border-bottom: 1px dashed #CCCCCC; margin-bottom: 15px; padding-bottom: 15px; height:auto;}
.m-rank ul li.first img{ float:left; width:102px; height:78px; padding:3px; margin-right:12px; border:1px solid #EEEEEE;}
.m-rank ul li.first h5 { margin:0px; height: 20px; overflow: hidden; }
.m-rank ul li.first h5 a{ font-size:12px; font-weight:bold; }
.m-rank ul li.first p { color: #999999; margin-top: 8px; font-weight:normal;}
.m-rank ul li.first p span{ color:#565656;}
.m-rank ul li { height: 16px; line-height: 16px; margin-top: 10px; overflow: hidden;}
.m-rank ul li.first em { margin-top: 32px;}
.m-rank ul li em { float: left; margin-right: 12px;	margin-top: 1px; overflow: hidden; width: 14px;	height: 13px; line-height: 13px; text-align: center; background:url(/skin/library/images/icon.png) no-repeat 0 0; color: #FFFFFF; font-size: 10px; }
.m-rank ul li span.points{ float: right; font-family: Arial; padding-left: 10px;}
.m-js p{ font-weight:normal; line-height:26px; font-size:14px;}
.m-js p strong{ font-weight:bold; color:#F00;}
.m-js h3{ padding:0 0 0 31px; background:url(/skin/library/images/titlebg4.png) no-repeat 0 5px; color:#0091ff; font-size:18px; font-weight:bold; font-family:"Microsoft YaHei";}
.m-fenye .tspage{ position:relative;}
.g-footer{ margin:16px 0 0; line-height:26px; border-top:1px solid #cccccc; text-align:center;}
.show_adv{ width: 960px; margin: 7px auto 0; text-align: center;}
.keyText{ width:625px; margin:0 auto 12px; padding:10px; border:1px solid #f9b67d; color:#ff7500; background-color:#fef4eb;}
.keyText a{ font-weight:bold;}
.m-header{ width:960px; margin:0 auto; overflow:hidden;}

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width:960px; overflow:hidden;}
.m-navbar{ position:relative; padding:8px 0; height:19px; border-bottom:1px solid #ececec; background-color:#f8f8f8;}
.m-navbar b{ padding:0; margin:0; color:#000;}
.m-navbar ul li{ float:left; width:76px;} 
.m-navbar ul li a { padding:0 12px 0 0; border-right:1px solid #848484; text-align:center; color: #000; text-shadow:none;}
.m-navbar .nav{ margin-right:-2px; margin-top:8px;}
.m-header .m-topborder{ background: url(/skin/library/images/topborder.png) no-repeat scroll 0 0 transparent; height: 18px; margin: 0 auto; overflow: hidden; position: relative; width: 1038px; z-index: 999;}
.m-header .m-logo{ margin:0 auto; background-color:#fff;}
.m-header .m-logo dt{ width:226px; margin:0px; padding:0px; }
.m-header .searchbox {width: 471px; margin:0 0 0 63px;}
.m-header .searchbox .rmk{ clear:both; font-size:12px; padding:10px 0 0;}
.m-header .searchbox form{ margin:0px; border:2px solid #f47505;  height:30px; width: 437px; overflow:hidden; }
.m-header .searchbox .srk{ float:left; width:302px; *width:298px; _width:295px; height:30px; line-height:30px; *height:26px; *line-height:26px;border:none; padding:0 0 0 82px;}
.m-header .searchbox .inputb { border: medium none; float: left; height: 30px; line-height: 30px; padding: 0; width: 278px;}
.m-header .searchbox .sbutton{ float:left; width:74px; height:30px; border:none; background:url(/skin/library/images/icon.png) no-repeat 0 0; text-indent:-999em;}
.searchbox .schsell { float: left; height: 30px; line-height: 29px; margin-left: 0px; margin-right: 5px; width: 80px;}
.searchbox .schsell span { cursor: pointer; float: left; font-size: 14px; text-align: center; width: 61px;}
.searchbox .schsell b { background:url(/skin/library/images/icon.png) no-repeat -173px -117px; border-right:1px solid #cfcfcf; float: right; height: 30px; width: 17px;}
.searchbox .m-rmk{ clear:both; height:35px; line-height:35px; color:#333;}
.searchbox .m-rmk b{ padding:0 6px 0 0; font-weight:bold; color:#333; }
.searchbox .m-rmk a{ padding:0 3px; color:#565656;}
#headSel { background: none repeat scroll 0 0 #FFFFFF; border-color: #CFCFCF; border-style: solid; border-width: 0 1px 1px; margin-left: -1px; position: absolute; width: 79px;}
#headSel li a { color: #000000; cursor: pointer; display: block; font-size: 14px; font-weight: normal; height: 30px; line-height: 28px; overflow: hidden; padding-right: 18px; text-align: center;}
#headSel li a:hover { background-color: #CFCFCF; text-decoration:none;}
.m-header .m-mininav { width:200px; margin:0; overflow:hidden;}
.m-mininav a{ display:block; float:left; padding:0 0 0 26px; margin:0 0 7px; width:69px; height:27px; line-height:27px;}
.m-mininav .text1{ background-position:0 -48px;}
.m-mininav .text2{ background-position:0 -104px;}
.m-mininav .text3{ background-position:0 -77px;}
.m-mininav .text4{ background-position:0 -136px;}
.m-nav,.m-cate,.m-gg,.g-center,.g-center2,.m-link{ margin:0 auto; background:#fff;}
.m-nav { background:url(/skin/library/images/icon.png) repeat-x 0 -484px;}
.m-nav .m-nav-inner{ width: 939px; height: 40px; margin: 0 auto; padding-left: 10px; padding-right: 10px; background-color: #0091ff; clear: both; overflow: hidden;}
.m-nav .m-nav-inner .nav .active a{ background-position:6px -422px; background-color:#0091ff; color:#fff; box-shadow:none;}
.m-nav .m-nav-inner .nav li a{ background-position:109px -422px; font-size:16px; font-weight:bold; color:#fff; text-shadow:none;}
.m-nav .m-nav-inner .nav li a.png_bg:hover,.m-nav .m-nav-inner .nav .active a.png_bg:hover{ color:#ffff33; background-position:6px -422px; text-shadow:none;}
.m-nav .pull-right{ height:40px; line-height:40px;}
.m-nav .pull-right a{ padding:0 10px; color:#fff;}
.m-nav .pull-right a i.hot{ display:inline-block; position:absolute; _top:10px; width:17px; _height:20px; height:26px; overflow:hidden; background-position:-122px 5px;}
.m-nav .m-nav-inner2 { background-color: #3b3a3a; margin: 0 auto; min-height: 40px; width: 1024px;}
.m-nav .m-nav-inner2 .nav li a,.m-nav .m-nav-inner2 .nav li a:hover{ padding:10px 24px; font-size:12px; font-weight:normal; color:#fff; text-shadow:none;}
.m-mbx{ margin:12px auto 0; width:940px; height:32px; line-height:30px; padding:0 0 0 17px; border:1px solid #dcdcdc; background-color:#f9f9f9;} 
.m-mbx span{ padding:0 0 0 20px;}

.u-title5{ height:44px; line-height:44px; margin:0 0 16px; border-bottom:1px solid #d6d6d6;}
.u-title5 span{ display:block; width:95px; height:44px; text-align:center; font-size:16px; font-weight:bold; border-bottom:2px solid #0091ff;}
.m-infobox{ position:relative; padding:10px; height:144px; border:1px solid #dcdcdc; border-bottom:none;}
.m-infobox .m-infobox-img img { border-radius: 26px; position: relative; float: left; margin-right:18px; width: 120px; height: 120px; overflow: hidden; }
.m-infobox h1 {	margin:0; color: #222; font-size: 24px; font-weight:normal; font-family:"Microsoft YaHei";}
.m-infobox ul{ width:391px;}
.m-infobox ul li{ float:left; padding:0 16px 8px 0; color:#888; font-weight:normal; font-size:14px; font-family:"Microsoft YaHei";}
.m-infobox a.abutton{ display:block; position:absolute; width:164px; height:49px; top:25px; right:21px; background:url(/skin/library/images/abutton.png) no-repeat 0 0;}
.m-infobox a.abutton:hover{ background:url(/skin/library/images/abuttonon.png) no-repeat 0 0;}
#downlist:after { clear: both; content: "."; display: block;  height: 0;  overflow: hidden; visibility: hidden;}
#downlist{ padding:0 19px; clear:both;}
.m-dz{ padding:0 5px 10px; border:1px solid #dcdcdc;}
.m-dz dt{ float:left; width:300px;}
.m-dz dd{ float:right; width:308px;}
.m-dz dt h3{ height: 27px; line-height: 26px; margin: 0 0 14px; padding: 0; background: none repeat scroll 0 0; border-bottom: 1px solid #f0f0f0; font-family: "Microsoft YaHei"; font-size: 16px; font-weight: bold; overflow: hidden;}
.m-dz dt h3 a{ font-weight:bold;}
.m-dz dt ul li{ float: left; margin-bottom: 15px; padding-left: 21px;  width: 96px; height: 16px; line-height: 16px; background:url(/skin/library/images/xiao1.jpg) no-repeat 0 2px; font-size: 14px;}
.m-dz dt p{ clear:both; width:100%; padding:23px 0 0;}
.m-flash,.m-like,.m-hotapp{ padding:0 10px 10px; border:1px solid #dcdcdc;}
.m-like .m-list li { height: 99px; margin: 0 0 14px; overflow: hidden; padding: 0 0 0 14px; width: 100px; text-align:center; background:none;}
.m-like .m-list li img{ width:80px; height:80px; margin:0 auto; display:block;}
.m-hotapp .m-list li{ height: 99px; margin: 0 0 14px; overflow: hidden; padding: 0; width: 83px; text-align:center; background:none;}
.m-hotapp .m-list li img{ width:74px; height:74px; margin:0 auto; display:block;}

/* 图片轮播 */
.m-flash .span10{width: 705px; overflow: hidden;}
.f-rolling {position: relative; width:705px;} 
.f-rolling img {max-width: none;}
.f-rolling-whole {width: 500px; height:300px; overflow: hidden; background: #fef; position: relative;}
.f-rolling-indicators {margin: 0px; position: absolute; z-index: 100; top:10px; right:10px;}
.f-rolling-indicators li {list-style: none; float: left; cursor: pointer; width: 30px; height: 30px; line-height: 30px; text-align:center; background: #efe;}
.f-rolling-indicators li.active {font-weight: bold; background: #010; color: #fff;}
.f-rolling-mask {overflow: hidden; position: relative; height: 494px;}
.f-rolling-images {margin: 0px; padding: 0px; position: absolute; }
.f-rolling-images li {list-style: none; float: left; width: 320px; height: 480px; overflow: hidden; margin: 5px; position:relative;}
.f-rolling-images .f-rolling-text {display: none;}
.f-rolling-text {position: absolute; left: 0px; bottom:0px; height:20px; background-color: rgba(0, 0, 0, 0.5); width: 100%; color: #fff; padding: 10px;}
#fy-rolling .f-rolling-btn-prev { background-position: 0 0; cursor: pointer; left: 0; margin-top: -37px; top: 50%;}
#fy-rolling .f-rolling-btn-next { background-position: -40px 0; cursor: pointer; margin-top: -37px; right: 0; top: 50%;}
.f-rolling-btn { background: url(/skin/library/images/focus_btn.png) no-repeat 0 0; height: 74px; position: absolute; z-index:999; width: 40px; }

/* 留言样式 */
.m-comments{ border:1px solid #dcdcdc;}
#comment_list { color: #2f2f2f; padding: 1px;}
#comment_list dt { height: 28px; line-height: 28px; overflow: hidden; padding: 0 10px;}
#comment_list h2 { background: url(/skin/gr/images/comment_tbg.png) repeat-x 0 0; color: #fff; font-size: 14px; height: 30px; margin-bottom: 10px; padding: 0 10px;}
#comment_list h2 span { background-repeat: no-repeat; float: left; line-height: 26px; margin-top: 4px; text-align: center; width: 88px;}
#comment_list dl { padding: 0 5px;}
#comment_list dd { line-height: 20px; padding: 5px 10px 10px; word-wrap: break-word;}
#comment_list dd img { margin-bottom: -5px;}
#comment_list blockquote, #comment_list .quote { background: none repeat scroll 0 0 #fffde9; border: 1px solid #bfbfbf; color: #000; margin: 0 0 5px; padding: 3px 3px 5px;}
#comment_list blockquote h4, #comment_list .quote span { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #666; display: block; font-size: 12px; font-weight: normal;    padding: 0 3px;}
#comment_list blockquote h4 cite { font-style: normal;}
#comment_list blockquote div { padding: 0 7px;}
#comment_list dt i { font-family: verdana; font-style: normal; color:#000;}
#comment_list dt b { margin: 0 6px; color:#000;}
#comment_list p { line-height: 1; padding: 5px 0; text-align: right;}
#comment_list p a { color: #e65c08; margin-left: 10px;}
#comment_list dt span { float: left;}
#comment_list dt em { float: right; font-style: normal; color:#000;}
#comment_0 dt { background: none repeat scroll 0 0 #fff2e8; color: #c97b54;}
#comment_0 h2 span { background-image: url(/skin/gr/images/comment_tr.png);}
#comment_1 dt { background: none repeat scroll 0 0 #f0f7ee; color: #569659;}
#comment_1 h2 span, #s_comment h2 span { background-image: url(/skin/gr/images/comment_tg.png);}
#s_comment { text-align: center;}
#s_comment h2 a { color: #1d8d23; float: right; font-size: 12px; font-weight: normal; line-height: 30px;}
#s_comment h2 a i { font-style: normal;}
#s_comment .nick_name { display: inline; float: left; line-height: 30px; margin-left: 12px;}
#s_comment .nick_name input { border: 1px solid #a9b9a5; height: 20px; margin-left: 6px; vertical-align: middle; width: 200px;}
#s_comment .comment_faces { display: inline; float: left; font-weight: bold; width:340px; line-height: 30px; margin-left: 20px;}
#s_comment .comment_faces img { cursor: pointer; margin-left: 3px; vertical-align: middle;}
#s_comment textarea { border: 1px solid #a9b9a5; height: 120px; line-height: 20px; margin: 8px 0; padding: 3px 5px; width: 96%;}
#s_comment .comment_btn { padding: 0 12px 10px; text-align: left;}
#s_comment .comment_btn input { background: url(/skin/gr/images/comment_btn.png) no-repeat 0 0; border: 0 none; color: #fff; cursor: pointer; font-weight: bold; height: 26px; margin-right: 6px; padding: 0; width: 80px;}

/* 幻灯样式 */
#game_imgpic{ width:703px; height:autol; margin:0 auto; display:block; overflow:hidden; }
.screenshots{width:646px;overflow:hidden; float:left;padding-top:20px; padding-bottom:20px; display:inline}
.screenshots-container{overflow-x:auto;overflow-y:hidden;width:646px;height:327px;}
.screenshots-container td{padding:0 5px; text-align:center}
.screenshots-container td img{ cursor:pointer; max-width:500px; height:300px;}
.screenshots-container table{*margin-bottom:20px}
.screenshots-container::-webkit-scrollbar{height:18px; -webkit-border-radius:9px;background:#eee}
.screenshots-container::-webkit-scrollbar-thumb{ background:#ccc -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(230, 230, 230)), to(rgb(200, 200, 200))); -webkit-border-radius:9px}
#transparentDiv{display:none;position:fixed;_position:absolute;left:0;right:0;bottom:0;background:#000; z-index:9999}
#imgDiv{display:none;position:fixed;_position:absolute;left:0;right:0;bottom:0; width:100%;height:100%;z-index:9999; text-align:center}
#imgDiv #imgWrap{ width:100%; height:100%}
#imgDiv #imgWrap #bigimg{border:0}
#imgDiv .close{background:url(/skin/library/images/previewbg.png) left top no-repeat; _background:url(/skin/library/images/previewbg.gif) left top no-repeat;width:20px;height:20px;padding:14px 7px 21px 28px; position:absolute;right:0; top:0;opacity:1;}
#imgDiv .close a{width:15px; height:15px; display:block;background:url(/skin/library/images/previewbg.png) no-repeat}
#imgDiv .close a:link{background-position:-63px -12px}
#imgDiv .close a:visited{background-position:-63px -12px}
#imgDiv .close a:hover{background-position:-104px -12px}
#imgDiv .close a:active{background-position:-63px -12px}
.page-prev,.page-next{width:21px;height:34px;display:block;background:url(/skin/library/images/picviewer.png) no-repeat;text-indent:-9999px; line-height:999px; overflow:hidden; position:absolute;top:50%;margin-top:-34px}
.page-prev{left:460px}
.page-next{right:460px}
.page-prev:link{background-position:-225px -2px}
.page-prev:visited{background-position:-225px -2px}
.page-prev:hover{background-position:-307px -2px}
.page-prev:active{background-position:-225px -2px}
.page-next:link{background-position:-266px -2px}
.page-next:visited{background-position:-266px -2px}
.page-next:hover{background-position:-348px -2px}
.page-next:active{background-position:-266px -2px}

.m-91-btn{ width:164px; height:auto; position:absolute; right:21px; top:86px;display:block; overflow:hidden;}
.m-91-btn img{ width:100%; height:auto; display:block; overflow:hidden}
#onekey_float_bg{ position:fixed}