/*  
作者：新鲜人
地址：http://www.htmlit.com.cn
邮箱：u2lei@yahoo.com.cn
     xinxr@msn.com
*/
@charset "gb2312";

body{ padding:0;margin:0;font-family:"微软雅黑", Arial, Helvetica, sans-serif;background:#FFFFFF;color:#454545;font-size: 14px;line-height: 20px;}
* { padding:0; margin:0;}
div, h1, h2, h3, h4, p, form, ul, label, input, textarea, img, span{margin:0; padding:0;}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a { text-decoration: none;color: #454545;}
a:hover { color:#d60000;}
ul { padding:0; margin:0;}
li { list-style-type: none;}
.clear { clear: both;}
img { border: none;}
body { background:url(nbg.png) repeat-x left top;}

/*=======================================================*/
.footer { width:1000px;}
.header { width:1000px; margin:0 auto;min-width: 1000px;}
.top { height:80px; margin-bottom:10px; overflow:hidden;}
.logo { float:left; width:200px; height:65px; margin:10px 0 0 0; background:url(logo.png) no-repeat left top;}
.logo a { display:block; width:200px; height:60px;}
.logo span { display:none;}
/**/
.menu { float:right; width:740px; height:32px; color:#FFFFFF; margin-top:10px;}
.menu ul li { float:left; height:31px; line-height:28px; padding:0 20px 0 27px; background:url(menu_li.png) no-repeat left 8px;}
.menu ul li.index { padding:0 10px 0 0px; background-image:none;}
.menu ul li a { display:block; float:left; height:28px; line-height:28px; font-size:14px; color:#FFFFFF;}
.menu ul li a:hover { display:block; float:left; font-size:14px; border-bottom:3px solid #FDB64B;}
.menu ul li a.on { display:block; float:left; font-size:14px; border-bottom:3px solid #FDB64B;}
/**/
.menu2 { float:right; width:740px; height:32px; color:#FFFFFF; margin-top:0px;}
.menu2 ul li { float:left; height:31px; line-height:28px; padding:0 20px 0 27px; background:url(menu_li.png) no-repeat left 8px;}
.menu2 ul li.index { padding:0 10px 0 0px; background-image:none;}
.menu2 ul li a { display:block; float:left; height:28px; line-height:28px; font-size:14px; color:#FFFFFF;}
.menu2 ul li a:hover { display:block; float:left; font-size:14px; border-bottom:3px solid #FDB64B;}
.menu2 ul li a.on { display:block; float:left; font-size:14px; border-bottom:3px solid #FDB64B;}
/**/
.app_content { width:1000px; margin:0 auto; padding-bottom:20px;}
.aqq_content { width:1000px; margin:0 auto; }
/**/
.pagebar { height:30px; text-align:center; font-size:14px; font-weight:bold; padding:20px 10px 10px 10px;}
.pagebar a { background:#fff;color:#666; margin:0; padding:0; text-decoration:none;border: none;}
.pagebar span { margin:0 3px; background:#009ddc; border:solid 1px #009ddc; color:#FFF; padding:3px 8px;}
.pagebar span.now-page,.pagebar span:hover{background:#eee;border:solid 1px #eee; color:#009ddc;}


/**/
.banner { height:180px;padding-bottom:10px;}
/**/
.right_content { float:right; width:245px; position:relative;}
.left_content {float:left;width:740px;}
.left_content img{max-width:700px;}
/**/
.box { height:170px; padding:50px;}
/**/
.function { width:225px;padding-bottom:20px;float:left;}
.function_t{ font-size:16px; line-height:28px; padding-top:11px; color:#3A6EA5; border-bottom:2px solid #EDEDF0; margin-bottom:10px;}
.function ul li { float:left; width:220px;}

#divCatalog li{margin:5px;}
#divCatalog li:nth-child(1){padding-left:5px;border-left:10px skyblue solid;}
#divCatalog li:nth-child(2){padding-left:5px;border-left:10px lightsalmon solid;}
#divCatalog li:nth-child(3){padding-left:5px;border-left:10px plum solid;}
#divCatalog li:nth-child(4){padding-left:5px;border-left:10px goldenrod solid;}

#divSearchPanels {padding-top: 20px;}
#divSearchPanel input {padding: 0.25em 0.25em 0.25em 0.25em;border: 1px double #aaaaaa;background-position: bottom;background: #fff;font-size: 1.2em;}
#divSearchPanel input[type="submit"] {color: #ffffff;font-size: 1.1em;height: 32px;padding: 2px 18px 3px 18px;background: #3a6ea5;border: 1px solid #3399cc;cursor: pointer;}

/**/
dl.app{width:350px;float:left;padding:20px 10px;height:210px;}
dl.app h2 {font-size:16px;padding:5px 5px 5px 5px;background-color:#f0f0f0;}
dl.app div{text-align:center;padding:15px 10px 10px 10px;}
dl.app p{height:20px;overflow:hidden;}

dl.app_aspplugin h2{border-left:10px skyblue solid;}
dl.app_asptheme h2{border-left:10px lightsalmon solid;}
dl.app_phpplugin h2{border-left:10px plum solid;}
dl.app_phptheme h2{border-left:10px goldenrod solid;}

dl.app_sell h2{background:#f0f0f0 url(sell.png) no-repeat right top;}

dl.app_asptheme div img{width:180px;height:140px;box-shadow:5px 5px 6px gray;}
dl.app_phptheme div img{width:180px;height:140px;box-shadow:5px 5px 6px gray;}
dl.app_aspplugin div img{width:128px;box-shadow:5px 5px 6px gray;}
dl.app_phpplugin div img{width:128px;box-shadow:5px 5px 6px gray;}

dl.appinfo dt{float:none;height:22px;margin: 10px 0 20px 0;}
dl.appinfo dd{float:left;}
dl.appinfo dd.appinfo_logo{width:200px;padding-top:20px;text-align:center;}


dl.appinfo_aspplugin dt{background:url(4colortitle.png) no-repeat left top;border-bottom:2px skyblue solid;}
dl.appinfo_asptheme dt{background:url(4colortitle.png) no-repeat left -25px;border-bottom:2px lightsalmon solid;}
dl.appinfo_phpplugin dt{background:url(4colortitle.png) no-repeat left -50px;border-bottom:2px plum solid;}
dl.appinfo_phptheme dt{background:url(4colortitle.png) no-repeat left -75px;border-bottom:2px goldenrod solid;}

dl.appinfo_asptheme dd.appinfo_logo img{width:200px;}
dl.appinfo_phptheme dd.appinfo_logo img{width:200px;}
dl.appinfo_aspplugin dd.appinfo_logo img{width:128px;}
dl.appinfo_phpplugin dd.appinfo_logo img{width:128px;}

dl.appinfo dd.appinfo_table {padding-left:20px;width:520px;}
dl.appinfo dd.appinfo_table table{width:100%;border:none;background:none;}
dl.appinfo dd.appinfo_table table td{padding:2px;border:none;background:none;}

dl.appinfo dd.appinfo_table table h2{float:left;font-size:1.3em;}
dl.appinfo_sell dd.appinfo_table table h2{background:url(sell.png) no-repeat left 6px;padding-left:40px;}
dl.appinfo dd.appinfo_table table h2 b{margin:0 0 0 10px;font-size:0.8em;font-weight:bold;color:red;}

dl.appinfo button.install{border:none;width:100px; height:36px; line-height:36px; font-size:14px; font-weight:bold; color:#ffffff; text-align:center;background:#3a6ea5;margin-left:70px;cursor:pointer;}
dl.app button.install {border:none;width:100px; height:36px; line-height:36px; font-size:14px; font-weight:bold; color:#ffffff; text-align:center;background:#3a6ea5;cursor:pointer;}
dl.appinfo button.install:hover,dl.app button.install:hover{background: #39C;cursor:pointer;}

/*详情页*/

/*详情部分*/

.tabs { display:block; height:28px; border-bottom:2px solid #3A6EA5; margin-top:20px; overflow: hidden;}
.tabs li { float:left; display:inline; text-align:center; overflow:hidden; font-size:14px; margin-right:10px;}
.tabs li span { float: left; display: block; color:#333; font-weight:bold; padding:0 20px; line-height:28px; height:28px; background:#eee; cursor:pointer;}
.tabs li span:hover { display: block; background: #ddd;}
.tabs li span.selected { display: block; background:#3A6EA5; color: #FFF;}
.tabs li span.selected:hover { display: block; background:#3A6EA5; color: #FFF;}
/**/
.tabcontent { display:none; padding:20px 0; overflow:hidden; font-size:14px;}
#tab1 ol,#tab1 ul{margin-left: 2em;}
#tab1 li{list-style-type: inherit;}

#tab1_content,#tab2_content,#tab3_content,#tab4_content{margin:10px 1px 20px 1px;}
/**/



/**/
.footer_bg { background:#f6f6f6; margin-bottom:20px;}
.footer { width:1000px; margin:0 auto; padding:15px 0; background:#f6f6f6 url(footer.png) no-repeat right center;}
.footer_nav { margin-bottom:10px;}
.footer_nav a { color:#3A6EA5; padding:0 10px;}
.copyright { }


.img-theme img{height:168px;width:210px;}
.img-plugin img{height:96px;width:96px;}

.install a{color:white;}
.install a:hover{color:white;}

/*评论*/
ul.msg{width:98%;margin:10px 0 20px 0;padding:5px 0;text-align:left;list-style-position : outside;table-layout: fixed;word-wrap:break-word;}
li.msgname{margin:0px;font-weight: bold;font-size:1em;line-height: 24px;}
li.msgname *{}
li.msgurl{text-align:right;padding:2px 10px 2px 10px;margin:0;font-size:1em;}
li.msggravatar{display:block;float:left;margin-right:5px;}
li.msgarticle{list-style-position : outside;padding:0px 5px 10px 5px;margin:0;line-height:160%;background:#FFF;overflow:hidden;border-bottom:1px solid #eaeaea;}
li.msgtime{padding:5px 0 0 0;font-weight: normal;font-size:0.8em;}
img.avatar{width:40px;height:40px;float:left;padding:4px;border:1px solid #eaeaea;}
ul.msg ul.msg{padding:10px 0 0 0;margin:20px 0 0 0;border-top:1px solid #eaeaea;border-bottom:none;}
ul.msg ul.msg li.msgarticle{padding-bottom:0px;border-bottom:0px solid #eaeaea;}
ul.msg ul.msg li.msgname{padding:0px;}

/************评论发表用的样式*************/
#divCommentPost{
	width:98%;
	margin:0 0 0 0;
	padding:5px 1% 15px 1%;
}

#divCommentPost div, #divCommentPost label{margin-top:6px;}
#divCommentPost img{margin-bottom:-0.5em;}
#divCommentPost .posttop{	color:#3c6da7;}

#cancel-reply{float:right;margin-right: 2em;}
div.reply-frm{
	background:#f0f0f0;
	box-shadow: 0 0 15px #666;
	margin:1em 1% !important;
	padding:.3em .8em !important;
	min-width:330px;
}

input.text{
	border:1px solid #d7d7d7;
	line-height:20px;
	height:24px;
	padding:2px 5px 2px 5px;
	margin-right: 6px;
	min-width:226px;
}
textarea#txaArticle{padding:5px;width:95%;height:98px;border:1px solid #d7d7d7;}
input.button {color:#FFFFFF; font-size:14px; width:100px; height:32px; background:#3a6ea5; border:1px solid #3399CC;cursor: pointer;}

/*回复*/
span.revertcomment{display:none;}

div.more img{width:17px;height:17px;margin:0 0 0 4px;background:url(gl_site.png) no-repeat -9px -44px;vertical-align: text-bottom;}
div.more a:hover img{ background:url(gl_site.png) no-repeat -9px -78px;}
#divComments li{width:230px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}

img.usermedal{width:18px;height:18px;margin-top:0px;vertical-align:bottom;}

div.page *{line-height:1.6em;margin:5px;}

div.members img{
width:52px;
height:52px;
}

#app-type-button-menu {
	height: 60px; width:740px;
    overflow: hidden;
    margin: 10px auto;
    text-align: center;
}

#app-type-button-menu ul li {
	float: left;
	margin: 0 12px;
	list-style-type: none;
}

/* Menu Link Styles */
#app-type-button-menu ul a {
	display: block;
	background: gray; color: #fff;
	height: 60px; width: 220px;
	font: lighter 2em/60px "微软雅黑", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	
	-webkit-transition: margin .4s ease-in-out;
	-moz-transition: margin .4s ease-in-out;
	-o-transition: margin .4s ease-in-out;
	-ms-transition: margin .4s ease-in-out;
	transition: margin .4s ease-in-out;
}

/* Secondary Link Styles */
#app-type-button-menu ul a:nth-of-type(even) {
	background: #000;
	color: white;
}

/* Hover Slide */
#app-type-button-menu ul li:hover :first-child {
	margin-top: -60px;
}

#app-type-button-menu ul  li:nth-child(3) a{background-color:#b22222;}
#app-type-button-menu ul  li:nth-child(2) a{background-color:#008000;}
#app-type-button-menu ul  li:nth-child(1) a{background-color:#daa520;}

#app-type-button-menu ul  li.button-gray a{background-color:#dcdcdc;}

#app-type-button-menu ul  li a:nth-child(2){color:#d60000;}
#app-type-button-menu ul  li a:nth-child(2){background-color:white;}

/*====== 文章内容样式 ======*/
#postb #title{height:55px;}

#title h1{
  font-size:16px;line-height:26px;white-space: nowrap;overflow: hidden;
  color:#333;font-weight:normal;border-bottom:1px dashed #ddd;padding-bottom:3px;}
#title h2{font-size:13px;font-weight:normal;margin-top:10px;color:#888;}

#postb {margin-bottom:10px;}
#postb #neir{line-height:22px;width:635px;overflow:hidden;margin-top:10px;}
#postb #neir p{padding:5px 0px;}

.fengexian{ 
  background:url(fengexian.png) no-repeat center;
  height:17px;width:635px;margin-top:13px;}
#postb #tags{
  line-height:30px;text-align:right;margin-top:15px;
  font-size:12px;height:30px;overflow:hidden;}











