@charset "utf-8";
/* CSS Document */
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td /* table elements 表格元素 */ {
 margin: 0;
 padding: 0;
}
/** 设置默认字体 **/
body, button, input, select, textarea /* for ie */ {
 font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
 color: #575757;
 text-shadow: 0 1px 1px #dcdcdc;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
ul, ol, li { list-style: none; }
/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */
.yy, .searchform, .s, .btn, .btn:active, #base { behavior: url(/templets/skins/PIE/PIE.htc); }
img { border: 0 }
.clear { clear: both; }
a.color:visited { color: #575757 }
a.color:hover { color: #575757 }
a.color:active { color: #575757 }
.yy {
 background: #fff;
 -moz-box-shadow: 1px 2px 5px #a5a5a5;
 -webkit-box-shadow: 1px 2px 5px #a5a5a5;
 box-shadow: 1px 2px 5px #a5a5a5;
}
/*顶部中间*/
.top_warp {
 width: 990px;
 margin: 0 auto;
 line-height: 33px;
}
.top_warp a { margin-left: 10px; }
.top_warp_left { float: left }
.top_warp_right {
 float: right;
 width: 156px;
 text-align: right;
}
.top_warp_right a {
 display: block;
 float: left;
 padding-left: 18px;
}
.sc, .map, .help, .more { background: url(../images/stylebg.png) no-repeat center left; }
.top_warp_right .sc { background-position: -50px 9px; }
.top_warp_right .map { background-position: -50px -30px; }
.top_warp_right .help { background-position: -50px -73px; }
.more {
 display: block;
 background-position: -32px 12px;
 text-indent: -9999px;
 width: 6px;
 height: 16px;
}
/*头部LOGO整块*/
#logo_warp {
 width: 990px;
 height: 100px;
 margin: 0 auto
}
/*LOGO*/
.logo {
 margin:15px 0 10px 0;
 float: left;
 width: 395px;
 height: 65px;
}

/*右侧换肤+搜索*/
.logo_warp_right {
 float: right;
 position: relative;
 height: 100px;
 width: 300px;
}
/*换肤开始*/
.logo_warp_right #container {
 position: absolute;
 top: 10px;
 right: 0px;
 width: 60px;
 height: 10px;
}
.logo_warp_right #container a {
 display: block;
 width: 10px;
 height: 9px;
 margin-left: 5px;
 float: left;
 display: inline;
 cursor: pointer;
 background: url(../images/stylebg.png) no-repeat center left;
}
/*搜索开始*/
.search {
 position: absolute;
 height: 40px;
 bottom: 0px;
 right: 0;
}
.searchform {
 position: absolute;
 top: 0;
 left: 0;
 box-shadow: 0 0 4px #eee;
}
.s {
 float: left;
 width: 239px;
 width: 215px \9;
 height: 19px;
 line-height: 19px;
 padding: 4px 5px;
 border: #ccc 1px solid;
 background-color: #fff;
 color: #888;
 font-size: 12px;
 -webkit-transition: .3s;
 -moz-transition: .3s;
 transition: .3s;
}
.searchsubmit {
 float: left;
 width: 50px;
 margin-left: -1px;
 display: inline-block;
 padding: 0 12px;
 height: 29px;
 border: #ccc 1px solid;
 text-align: center;
 cursor: pointer
}
.btn {
 border-radius: 2px;
 color: #444;
 border: #ccc 1px solid;
 background-color: #f9f9f9;
 background-image: -webkit-linear-gradient(#f9f9f9, #f1f1f1);
 background-image: -moz-linear-gradient(#f9f9f9, #f1f1f1);
 background-image: linear-gradient(#f9f9f9, #f1f1f1);
 box-shadow: 0 1px 1px #e6e6e6, inset 0 1px 0 #fff;
 text-shadow: 0 0 1px #FEFEFE;
 min-width: 48px;
 text-align: center;
 display: inline-block;
 -webkit-transition: all .1s ease-out;
 -moz-transition: all .1s ease-out;
 transition: all .1s ease-out;
}
.btn:hover {
 color: #333;
 border-color: #bbb;
}
.btn:active { box-shadow: 0 1px 1px #e6e6e6, inset 0 1px 2px #ccc; }
input.btn { cursor: pointer }
/*导航*/
#nav_warp .nav {
 width: 960px;
 margin: 0 auto;
 overflow: hidden;
}
#nav_warp .nav li {
 float: left;
 width: 73px;
 text-align: center;
 cursor: pointer;
 display: block;
 font-weight: bold;
 height: 40px;
 text-shadow: 0 1px 1px #000;
}
#nav_warp .nav li a { color: white;display: block;height: 100%; }
/*中部大框架*/
#base {
 width: 964px;
 margin: 0 auto 10px;
 padding: 20px 15px 10px;
 background: #fff;
 border: 1px #ccc solid \9;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;

 position: relative;
 top: -5px;
 overflow: hidden;border:1px solid #ccc;
}
/*热门菜单*/
.column_warp {
 height: 61px;
 *height: 61px;
 *overflow:hidden;
 border: 1px #ccc solid;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
}
.column p {
 line-height: 30px;
 border-bottom: 1px #ccc solid;
}
.column p b {
 text-align: center;
 height: 30px;
 width: 70px;
 font-weight: normal;
 display: block;
 float: left;
 border-right: 1px #ccc solid;
 background: url(../images/column_left_bg.gif) repeat-x;
}
.column p a { margin-left: 10px; }
/*960*60横幅广告*/
.banner {
 border: 1px #ccc solid;
 padding: 1px;
 margin-top: 10px;
 height: 90px;
 overflow: hidden;
}
/*幻灯块开始*/
#slide_warp {
 height: 165px;
 margin-top: 10px;
 border: 1px #ccc solid;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
/*站长原创*/
.slide_left {
 float: left;
 width: 257px;
 border-right: 1px #ccc solid;
}
.slide_left_title {
 border-bottom: 1px #ccc solid;
 height: 28px;
 line-height: 28px;
}
.slide_left_title b {
 text-align: center;
 padding: 0 10px;
 height: 28px;
 font-weight: normal;
 display: block;
 float: left;
 border-right: 1px #ccc solid;
 background: url(../images/column_left_bg.gif) repeat-x;
}
.slide_left_title .more {
 float: right;
 padding: 12px 7px 0px 0px;
 display: block;
}
.slide_left_list {
 line-height: 25px;
 padding: 5px 0px 6px 0px;
}
.slide_left_list li {
 padding-left: 10px;
 margin-left: 5px;
 background: url(../images/stylebg.png) no-repeat -78px 11px;
 height: 25px;
 overflow: hidden;
}
/*幻灯片*/
.slide {
 width: 439px;
 height: 162px;
 float: left;
 padding: 1px;
 *padding: 0px 1px 1px;
 overflow: hidden;
}
.slide_right {
 float: left;
 padding: 15px 20px;
 border-left: 1px #ccc solid;
 height: 135px;
 overflow: hidden;
}
.slide_right_login {
 width: 222px;
 height: 60px;
 line-height: 22px;
 text-align: center;
 text-shadow: 0 1px 1px black;
}
.slide_right_login .reg span {
 display: block;
 font-size: 14px;
}
.slide_right_hz {
 width: 150px;
 height: 48px;
 margin: 10px auto;
}
.slide_right_help { text-align: center }
.slide_right_help a { margin-left: 2px; }
/*最新块开始*/
#new_warp {
 height: 165px;
 margin-top: 10px;
 border: 1px #ccc solid;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 overflow: hidden;
}
#new_warp .new_right {
 width: 704px;
 float: left
}
#new_warp .new_right .Announcement {
 border-bottom: 1px #ccc solid;
 height: 28px;
 line-height: 28px;
}
#new_warp .new_right .Announcement b {
 text-align: center;
 width: 70px;
 height: 28px;
 font-weight: normal;
 display: block;
 float: left;
 border-right: 1px #ccc solid;
 background: url(../images/column_left_bg.gif) repeat-x;
 margin-right: 5px;
}
#new_warp .new_right .Announcement i {
 float: left;
 width: 12px;
 height: 28px;
 margin-right: 5px;
 background: url(../images/stylebg.png) no-repeat -27px -20px;
}
#new_warp .new_right .Announcement #scrollDiv{height:28px;overflow:hidden;}
#new_warp .new_right .Announcement #scrollDiv li{height:28px;}
#new_warp .new_right .Recommend { padding: 10px 0px 15px 8px; }
#new_warp .new_right .Recommend ul li {
 width: 120px;
 float: left;
 margin: 6px 9px;
}
/*选项卡展示*/
#code_warp {
 margin-top: 10px;
 border: 1px #ccc solid;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 overflow: hidden;
 height: 444px;
}
#tabs {
 height: 30px;
 line-height: 30px;
 border-bottom: #ccc 1px solid;
 border-top-left-radius: 4px;
 background: url(../images/column_left_bg.gif) repeat-x;
}
#tabs li {
 margin: 0;
 padding: 0;
 float: left;
 height: 30px;
 line-height: 30px;
}
#tabs a {
 font-weight: normal;
 display: inline-block;
 cursor: pointer;
 border-right: #ccc 1px solid;
 text-align: center;
 margin-right: -1px;
 _margin-right: -2px;
 min-width: 56px;
 padding:0 10px;
}
/*#tabs a:hover {
 background: #c93434;
 background: -moz-linear-gradient(220deg, transparent 10px, #c93434 10px);
 background: -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px);
 background: -ms-linear-gradient(220deg, transparent 10px, #c93434 10px);
 background: -o-linear-gradient(220deg, transparent 10px, #c93434 10px);
 background: linear-gradient(220deg, transparent 10px, #c93434 10px);
}*/
#tabs a:focus { outline: 0; }
#tabs #current a {
 border-bottom: #fff 1px solid;
 border-left: #ccc 1px solid;
 margin: -1px -1px 0;
 background: #fefefe;
 color: #333;
 cursor: default;
 font-weight: bold;
*position:relative;
*bottom:-1px;
*left:-1px
}
#content { padding: 12px 0 12px 7px; }
#content li {
 float: left;
 border: 1px #e4e4e4 solid;
 margin: 0 5px 10px 5px;
 width: 225px;
 overflow: hidden;
}
#content li span {
 display: block;
 text-align: center;
 padding: 10px
}
#content li h2 {
 font-size: 12px;
 line-height: 25px;
 border-top: 1px #e4e4e4 solid;
 padding: 3px 10px 0 10px;
 height: 25px;
overflow: hidden;
}
#content li p {
 color: #989898;
 line-height: 20px;
 padding: 0px 10px 5px 10px;
}
/*图文混排*/
#mixed_warp { margin-top: 10px; }
.mixed_left {
 float: left;
 width: 475px;
 height: 330px;
 border: 1px #ccc solid;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
.mixed_left_title {
 border-bottom: 1px #ccc solid;
 height: 28px;
 line-height: 28px;color: #fff;
}
.mixed_left_title b {
 text-align: center;
 width: 70px;
 height: 28px;
 font-weight: normal;
 display: block;
 float: left;
 border-right: 1px #ccc solid;
 background: #bd0705;
}
.mixed_left_title a{color: #fff; text-decoration: none;}
.mixed_left_title .more {
 float: right;
 padding: 12px 7px 0px 0px;
 display: block;
}
.mixed_left_tw {
 padding: 10px;
 border-bottom: 1px dotted #ccc;
 overflow: hidden;
}
.mixed_left_tw_im {
 float: left;
 margin-right: 10px;
}
.mixed_left_tw_im img {
 border: 1px #ccc solid;
 padding: 3px
}
.mixed_left_tw_ti {
 line-height: 24px;
 float: left;
 width: 314px;
}
.mixed_left_tw_ti a{color: #575757; text-decoration: none;}
.mixed_left_list a{color: #575757; text-decoration: none;}

.mixed_left_tw_ti h2 { font-size: 12px; }
.mixed_left_list {
 line-height: 25px;
 padding: 5px 0px 6px 0px;
}
.mixed_left_list li {
 width: 95%;
 position: relative;
 padding-left: 10px;
 margin-left: 5px;
 background: url(../images/stylebg.png) no-repeat -78px 11px;
 height: 25px;
overflow: hidden;
}
.mixed_left_list li span {
 position: absolute;
 right: 0px;
 top: 0px;
 display:block;
}
.mixed_left_list li .red { color: red }
.mixed_right {
 float: right;
 width: 475px;
 height: 330px;
 border: 1px #ccc solid;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
.three_warp {
 overflow: hidden;
 margin-top: 10px;
}
.three {
 float: left;
 width: 312px;
 height: 290px;
 border: 1px #ccc solid;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 margin-right: 11px;
}
.three_right {
 float: right;
 width: 312px;
 height: 290px;
 border: 1px #ccc solid;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
.three_title {
 border-bottom: 1px #ccc solid;
 height: 28px;
 line-height: 28px;
}
.three_title b {
 text-align: center;
 padding: 0 10px;
 height: 28px;
 font-weight: normal;
 display: block;
 float: left;
 border-right: 1px #ccc solid;
 background: url(../images/column_left_bg.gif) repeat-x;
}
.three_title .more {
 float: right;
 padding: 12px 7px 0px 0px;
 display: block;
}
.three_list {
 line-height: 25px;
 padding: 5px 0px 6px 0px;
}
.three_list li {
 width: 95%;
 position: relative;
 padding-left: 10px;
 margin-left: 5px;
 background: url(../images/stylebg.png) no-repeat -78px 11px;
 height: 25px;
overflow: hidden;
}
.three_list .vector{padding-top:10px;}
.three_list .vector li{
width: 107px;
height: 128px;
background: none;
float: left;
text-align: center;
padding-left:7px;
}
.three_list .vector li img{
border:1px #ccc solid;
padding:2px;
}
.typename {
 display:none;
}
.three_list li span {
 position: absolute;
 right: 5px;
 top: 0px;
 display:block;
}
.three_list li .red { color: red }
/*友链TAG选项卡*/
/*选项卡展示*/
#flink_warp {
 margin-top: 10px;
 border: 1px #ccc solid;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 overflow: hidden;
}
#flink_tabs {
 height: 30px;
 line-height: 30px;
 border-bottom: #ccc 1px solid;
 border-top-left-radius: 4px;
 background: url(../images/column_left_bg.gif) repeat-x;
}
#flink_tabs li {
 margin: 0;
 padding: 0;
 float: left;
 height: 30px;
 line-height: 30px;
}
#flink_tabs a {
 font-weight: normal;
 display: inline-block;
 cursor: pointer;
 border-right: #ccc 1px solid;
 width: 75px;
 text-align: center;
 margin-right: -1px;
 _margin-right: -2px;
}
#flink_tabs a:focus { outline: 0; }
#flink_tabs #current a {
 border-bottom: #fff 1px solid;
 border-left: #ccc 1px solid;
 margin: -1px -1px 0;
 background: #fefefe;
 color: #333;
 cursor: default;
 font-weight: bold;
*position:relative;
*bottom:-1px;
*left:-1px
}
#flink_content {
 padding: 5px;
 overflow: hidden;
}
#flink_content a {
 padding: 0 5px;
 display: block;
 *white-space:nowrap;
 float: left;
 line-height: 25px;
}
#flink_content .red { color: red }
#foot_warp {
 overflow: hidden;
 line-height: 25px;
 text-align: center;
 border-top: 1px #ccc solid;
 margin-top: 10px;
 padding: 5px 10px 0px;
}
.foot_link a { margin: 0 5px; }
.foot_Statistics { margin-top: 5px; }
/*首页CSS结束，代码首页开始*/
#code_index_warp {
 margin-top: 10px;
 overflow: hidden;
}
/*最新代码*/
.code_index_warp_left {
 float: left;
 width: 702px;
}
.code_index_slide {
 border: 1px #CCC solid;
 -webkit-border-top-left-radius: 2px;
 -webkit-border-bottom-left-radius: 2px;
 -moz-border-radius-topleft: 2px;
 -moz-border-radius-bottomleft: 2px;
 border-top-left-radius: 2px;
 border-bottom-left-radius: 2px;
 width: 700px;
 height: 165px;
 overflow: hidden;
}
/*推荐代码*/
.code_Recommend {
 margin-top: 10px;
 border: 1px #ccc solid;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 overflow: hidden;
}
.code_Recommend_list {
 padding: 12px 0 5px 7px;
 *padding: 12px 0 15px 7px;
 overflow: hidden;
}
.code_Recommend_list li {
 float: left;
 border: 1px #e4e4e4 solid;
 margin: 0 5px 10px 5px;
 *margin: 0 5px 12px 5px;
 width: 216px;
 overflow: hidden;
}
.code_Recommend_list li img {
 width: 196px;
 height: 100px;
}
.code_Recommend_list li span {
 display: block;
 text-align: center;
 padding: 10px
}
.code_Recommend_list li h2 {
 font-size: 12px;
 line-height: 25px;
 border-top: 1px #e4e4e4 solid;
 padding: 3px 10px 0 10px;
 height:26px;
 overflow:hidden;
}
.code_Recommend_list li p {
 color: #989898;
 line-height: 20px;
 padding: 0px 10px 5px 10px;
 *padding: 2px 10px 5px 10px;
}
/*栏目列表*/
.code_index_warp_right {
 float: right;
 width: 250px;
}
.code_index_warp_right_warp {
 padding: 1px;
 border: 1px #ccc solid;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
}
.code_index_warp_right_title span {
 display: block;
 float: left;
 width: 16px;
 height: 28px;
 background: url(../images/stylebg.png) no-repeat -207px 0px;
 position: absolute;
 left: 80px;
 top: 0px;
}
.code_index_warp_right_list {
 border-top: 1px #ccc solid;
 margin-top: 1px;
 line-height: 22px;
 padding: 5px 8px;
}
.code_index_warp_right_list ul { overflow: hidden; }
.code_index_warp_right_list ul li {
 width: 70px;
 float: left;
 margin-left: 6px;
}
.code_index_warp_right_list_banner { margin-top: 10px; }
.code_index_warp_right_title .more {
 float: right;
 padding: 12px 7px 0px 0px;
*margin-top:-28px;
 display: block;
 background: url(../images/stylebg.png) no-repeat -104px 11px;
}
/*文章列表页*/
.article_index_warp_right_list { line-height: 25px; }
.article_index_warp_right_list ul {
 overflow: hidden;
 padding: 5px 0
}
.article_index_warp_right_list ul li {
 padding-left: 10px;
 height: 25px;
 overflow: hidden;
 margin-left: 5px;
 background: url(../images/stylebg.png) no-repeat -78px 11px;
}
.article_index_warp_right_list a{color:#575757;}

.article_index_warp_right_list_banner { margin: 10px 0; height: 250px;}
.list_article {
 border: 1px #ccc solid;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 overflow: hidden;
}
.list_article_title {
 border-bottom: 1px #ccc solid;
 height: 28px;
 line-height: 28px;
 position: relative;
}
.list_article_title a{color:#575757}
.list_article_title b {
 text-align: center;
 padding: 0 10px;
 height: 28px;
 display: block;
 float: left;
 margin-right: 5px;
 border-right: 1px #ccc solid;
 background: url(../images/column_left_bg.gif) repeat-x;
}
.list_article_sort {
 border-bottom: 1px #ccc solid;
 overflow: hidden;
}
.list_article_sort_left {
 float: left;
 margin: 10px;
 *margin:8px 10px 10px;
 overflow: hidden;
 border-left: 1px #CCC solid;
}
.list_article_sort_left a {
 position: relative;
 display: inline-block;
 overflow: hidden;
 padding: 0 15px 0 5px;
 float: left;
 height: 22px;
 line-height: 20px;
 line-height: 24px 9;
 border: 1px solid #CCC;
 z-index: 10;
 border-left: 0px;
}
.list_article_sort_left i {
 position: absolute;
 display: inline-block;
 top: 6px;
 right: 5px;
 width: 7px;
 height: 10px;
 line-height: 10px;
 overflow: hidden;
 background: url(../images/stylebg.png) no-repeat -22px -109px;
}
.selected {
 color: #B10000;
 background: #F1EDEC;
}
.selected i { background: url(../images/stylebg.png) no-repeat -30px -109px; }
.list_article_sort_right {
 float: right;
 margin: 10px;
 width: 50px;
 overflow: hidden;
 height: 20px;
}
.list_article_sort_right a {
 display: block;
 width: 24px;
 height: 20px;
 padding-top: 1px;
 float: left;
 text-indent: -9999px;
 background: url(../images/stylebg.png) no-repeat 0 -142px;
}
.list_article_sort_right a.ppre, .list_article_sort_right a.one { width: 25px; }
.list_article_sort_right a.pnext { background-position: -25px -142px; }
.list_article_sort_right a:hover.ppre { background-position: 0 -163px; }
.list_article_sort_right a:hover.pnext { background-position: -25px -163px; }
.list_article_sort_right a.one { background-position: 0 -184px; }
.list_article_sort_right a.last { background-position: -25px -184px; }
.list_article_sort_tj {
 float: right;
 margin: 10px 0px;
}
.list_article_star { overflow: hidden; }
.list_article_star li {
 border-bottom: 1px #ccc dotted;
 padding: 10px 0;
 overflow: hidden;float:left;
}
.list_article_star li .list_article_star_img {
 float: left;
 width: 136px;padding:0 5px;
}
.list_article_star li .list_article_star_img img {
 padding: 2px;
 border: 1px #ccc solid;
}
.list_article_star_intro {
 float: right;
 width: 535px;
 line-height: 22px;
}
.list_article_star_intro a{color: #575757;}
.list_article_star_intro span { margin: 0 10px; }
.list_article_star_intro_j{height:44px;overflow:hidden;}
/*分页代码*/
.manu {
 padding: 15px 40px;
 *padding:13px 3px;
 margin: 3px;
 text-align: center
}
.manu A {
 border: #eee 1px solid;
 padding: 5px 10px;
 margin: 2px;
 color: #036cb4;
 text-decoration: none;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
}
.manu A:hover {
 border: #999 1px solid;
 color: #666;
}
.manu A:active {
 border: #999 1px solid;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
 color: #666;
}
.manu .current {
 border: #036cb4 1px solid;
 padding: 5px 10px;
 font-weight: bold;
 margin: 2px;
 color: #fff;
 background: #036cb4;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
}
.manu .disabled {
 padding: 5px 10px;
 margin: 2px;
 color: #ddd;
 border: #eee 1px solid;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 2px;
}
/* 提示层 */
.poptip {
 position: absolute;
 top: 20px;
 left: 20px;
 padding: 6px 10px 5px;
*padding: 7px 10px 4px;
 line-height: 11px;
 color: #DB7C22;
 font-size: 12px;
 background-color: #FFFCEF;
 border: solid 1px #FFBB76;
 border-radius: 2px;
 box-shadow: 0 0 3px #ddd;
}
.poptip-arrow {
 position: absolute;
 overflow: hidden;
 font-style: normal;
 font-family: simsun;
 font-size: 12px;
 text-shadow: 0 0 2px #ccc;
}
.poptip-arrow em, .poptip-arrow i {
 position: absolute;
 left: 0;
 top: 0;
 font-style: normal;
}
.poptip-arrow em { color: #FFBB76; }
.poptip-arrow i {
 color: #FFFCEF;
 text-shadow: none;
}
.poptip-arrow-top, .poptip-arrow-bottom {
 height: 6px;
 width: 12px;
 left: 12px;
 margin-left: -6px;
}
.poptip-arrow-left, .poptip-arrow-right {
 height: 12px;
 width: 6px;
 top: 12px;
 margin-top: -6px;
}
.poptip-arrow-top { top: -6px; }
.poptip-arrow-top em { top: -1px; }
.poptip-arrow-top i { top: 0px; }
.poptip-arrow-bottom { bottom: -6px; }
.poptip-arrow-bottom em { top: -8px; }
.poptip-arrow-bottom i { top: -9px; }
.poptip-arrow-left { left: -6px; }
.poptip-arrow-left em { left: 1px; }
.poptip-arrow-left i { left: 2px; }
.poptip-arrow-right { right: -6px; }
.poptip-arrow-right em { left: -6px; }
.poptip-arrow-right i { left: -7px; }
/*栏目页隐藏子菜单*/
.menu_class { cursor: pointer; }
#the_menu {
 display: none;
 border: 1px #ccc solid;
 border-left: 0;
 background: #fff;
 position: relative;
 z-index: 11;
 width: 200px;
 border-bottom: 0;
}
#the_menu li { border-bottom: 1px #ccc solid; }
#the_menu li a {
 text-decoration: none;
 padding: 0 10px;
 display: block;
}
#the_menu li a:hover {
 padding: 0 10px;
 font-weight: bold;
 color: #F00880;
}
/*代码列表页开始*/
.list_code_star {
 overflow: hidden;
 padding-bottom: 9px;
}
.list_code_star li { margin: 1px 5px 10px 5px; }
/*搜索页*/
.search_title {
 overflow: hidden;
 border-bottom: 1px #ccc solid;
 text-align: center;
 padding: 10px;
}
.search_title h1 { font-size: 14px; }
.search_title h1 span {
 color: red;
 margin: 0 5px;
}
.search_title_xg {
 padding: 10px;
 margin-top: 10px;
 border-top: 1px #ccc solid;
 border-bottom: 1px #ccc dotted;
}
.search_title_xg span {
 color: red;
 margin: 0 5px;
}
/*下载内容页*/
#content_base {
 width: 970px;
 margin: 0 auto 10px;
 padding: 20px 15px 10px;
 background: #fff;
 position: relative;
 top: -5px;
 overflow: hidden;
 border: 1px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;border:1px solid #ccc;
}
.code_down_warp_left {
 float: left;
 width: 710px;
}
.code_down_left{
float: left;
margin: 10px;
 *margin:8px 10px 10px;
 overflow: hidden;
 border-left: 1px #CCC solid;
}
.code_down_left a {
 position: relative;
 display: inline-block;
 overflow: hidden;
 padding: 0 15px 0 5px;
 float: left;
 height: 22px;
 line-height: 20px;
 line-height: 24px 9;
 border: 1px solid #CCC;
 z-index: 10;
 border-left: 0px;
}
.code_down_left i {
 position: absolute;
 display: inline-block;
 top: 6px;
 right: 5px;
 width: 7px;
 height: 10px;
 line-height: 10px;
 overflow: hidden;
 background: url(../images/stylebg.png) no-repeat -22px -109px;
}
.code_down_left .filterSort-di {
 position: absolute;
 display: inline-block;
 top: 6px;
 right: 5px;
 width: 7px;
 height: 10px;
 line-height: 10px;
 overflow: hidden;
 background: url(../images/stylebg.png) no-repeat -46px -110px;
}
.code_down_right {
 float: right;
 margin: 10px;
 *margin:8px 10px 10px;
 overflow: hidden;
 border-left: 1px #CCC solid;
}
.code_down_right a {
 position: relative;
 display: inline-block;
 overflow: hidden;
 padding: 0 15px 0 5px;
 float: left;
 height: 22px;
 line-height: 20px;
 line-height: 24px 9;
 border: 1px solid #CCC;
 z-index: 10;
 border-left: 0px;
}
.code_down_right i {
 position: absolute;
 display: inline-block;
 top: 6px;
 right: 5px;
 width: 7px;
 height: 10px;
 line-height: 10px;
 overflow: hidden;
 background: url(../images/stylebg.png) no-repeat -22px -109px;
}
.code_down_right .filterSort-sc{
    width:9px;
    height:9px;
    background-position:-33px -121px;
    margin-top:1px;
    }
.code_down_right .filterSort-tj{
    width:9px;
    height:9px;
    background-position:-11px -111px;
    margin-top:1px;
    }
.code_down_right .filterSort-tc{
    width:9px;
    height:9px;
    background-position:-11px -121px;
    margin-top:1px;
    }
.code_down_right .filterSort-xz{
    width:9px;
    height:9px;
    background-position:-44px -121px;
    margin-top:1px;
    }
.code_down_right .selected i { background: url(../images/stylebg.png) no-repeat -30px -109px; }
.code_down_Basic {
 border-bottom: 1px #ccc solid;
 overflow: hidden;
 height: 260px;
}
.code_down_Basic_left {
 float: left;
 padding: 10px;
}
.code_down_Basic_left img {
 padding: 10px;
 border: 1px #ccc solid;
 margin: 10px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 -webkit-box-shadow: 0px 0px 10px #808080;
 -moz-box-shadow: 0px 0px 10px #808080;
 box-shadow: 0px 0px 10px #808080;
}
.code_down_Basic_left p { overflow: hidden; }
.code_down_Basic_left p a {
 float: left;
 width: 87px;
 height: 27px;
 display: block;
 text-indent: -9999px;
 background: url(../images/stylebg.png) no-repeat;
}
.code_down_Basic_left p .Preview {
 background-position: 0 -220px;
 margin-left: 60px;
}
.code_down_Basic_left p .downloads {
 background-position: -90px -220px;
 margin-left: 10px;
}
.code_down_Basic_right {
 float: right;
 width: 399px;
 border-left: 1px #ccc solid;
 height: 100%;
}
.code_down_Basic_right li {
 width: 96%;
 overflow: hidden;
 padding: 5px 0 5px 10px;
 border-bottom: 1px #CCC dotted;
 line-height: 24px;
}
.code_down_Basic_right li .left { float: left; }
.code_down_Basic_right li .right {
 float: right;
 width: 50%;
 text-align: left;
}
.code_down_Basic_right .Annotation { border-bottom: none }
.code_down_Basic_right_intro{height:73px;overflow:hidden;}
.code_down_content {
 font-size: 14px;
 line-height: 25px;
 padding: 10px;
}
.code_down_content p { text-indent: 24px;margin:5px 0;}
.code_down_content ol li{
 font-size: 12px;
 line-height: 25px;
 padding: 10px 0;
 list-style: decimal;
 margin-left: 30px;
}

.code_down_Thenext {
 padding: 7px 10px;
 overflow: hidden;
 border-top: 1px #ccc solid;
 line-height: 25px;
}
.code_down_Thenext a{color:#575757}
.code_down_banner {
 padding: 1px;
 border-top: 1px #ccc solid;
 border-bottom: 1px #ccc solid;
 height: 90px;
}
.code_down_comment { }
.code_down_readme { border-bottom: 1px #ccc solid; }
.code_down_readme_content {
 padding: 10px;
 line-height: 25px;
}
.code_down_relevant_list {
 padding: 12px 0 0px 8px;
 overflow: hidden;
 *overflow:visible;
}
.code_down_relevant_list li {
 float: left;
 border: 1px #e4e4e4 solid;
 margin: 0 7px 10px 5px;
 width: 218px;
 overflow: hidden;
 height:169px;
 position:relative;
}
.code_down_relevant_list li span {
 display: block;
 text-align: center;
 padding: 10px
}
.code_down_relevant_list li h2 {
 font-size: 12px;
 line-height: 25px;
 height:25px;
 overflow:hidden;
 border-top: 1px #e4e4e4 solid;
 padding: 3px 10px 0 10px;
}
.code_down_relevant_list a{color:#575757}
.code_down_relevant_list li p {
 color: #989898;
 line-height: 20px;
 padding: 0px 10px 5px 10px;
}
/*模版预览*/
/* jQuery jcLightBox List css */
#templets_p li {
 float: left;
 height: 150px;
 width: 215px;
 border: 1px solid #ccc;
 padding: 5px;
 background: #fff;
 _display: inline;
 position: relative;
 z-index: 0;
 overflow: hidden;
}
#templets_p li a {
 display: block;
 height: 150px;
 width: 215px;
 overflow: hidden;
 cursor: pointer;
}
#templets_p li samp, #templets_p li div {
 height: 150px;
 width: 215px;
 position: absolute;
 left: 5px;
 top: 5px;
 z-index: 1;
}
#templets_p samp { background: url(../images/zoom.png) no-repeat center center; }
#templets_p div { background: #000; }
#templets_p span, #templets_p li b {
 display: block;
 position: absolute;
 left: 5px;
 bottom: 5px;
 width: 215px;
 z-index: 1;
 height: 30px;
 text-align: center;
 line-height: 30px;
 font-size: 15px;
 color: #fff;
 text-shadow: 1px 1px 0 #000;
 font-weight: normal;
}
#templets_p span {
 background: #000;
 padding: 0
}
/* jQuery jcLightBox css */
#jc-Mod {
 position: absolute;
 z-index: 99;
 display: none;
 left: 0;
 right: 0;
 bottom: 0;
 top: 0;
 cursor: pointer;
}
#jc-Box {
 position: absolute;
 left: 0;
 top: 0;
 z-index: 100;
 display: none;
}
#box-top {
 height: 24px;
 position: relative;
 background: url(../images/box-top.png) repeat-x 0 0;
}
#box-top-left {
 background: url(../images/box-ra.png) no-repeat 0 0;
 height: 24px;
 width: 24px;
 position: absolute;
 left: -24px;
 top: 0;
}
#box-top-right {
 background: url(../images/box-ra.png) no-repeat -25px 0;
 height: 24px;
 width: 24px;
 position: absolute;
 right: -24px;
 top: 0;
}
#box-btm {
 height: 24px;
 position: relative;
 background: url(../images/box-bottom.png) repeat-x 0 0;
}
#box-btm-left {
 background: url(../images/box-ra.png) no-repeat 0 -25px;
 height: 22px;
 width: 24px;
 position: absolute;
 left: -24px;
 top: 0;
}
#box-btm-right {
 background: url(../images/box-ra.png) no-repeat -25px -25px;
 height: 22px;
 width: 24px;
 position: absolute;
 right: -24px;
 top: 0;
}
#box-cen {
 background: url(../images/box-left.png) repeat-y 0 0;
 position: relative;
 left: -24px;
}
#box-cen-right {
 background: url(../images/box-right.png) repeat-y right 0;
 position: relative;
 right: -48px;
}
#box-cen-img {
 position: relative;
 left: -24px;
 background: #000;
}
#box-pn {
 position: absolute;
 left: 10px;
 top: 32px;
 height: 30px;
 width: 70px;
 z-index: 101;
}
#box-prev {
 background: #000;
 float: left;
 width: 32px;
 height: 30px;
 cursor: pointer;
}
#box-next {
 background: #000;
 float: right;
 width: 32px;
 height: 30px;
 cursor: pointer;
}
#box-pn a {
 display: block;
 height: 20px;
 position: relative;
 top: 5px;
 left: 5px;
 background: url(../images/sprite.png) no-repeat;
}
#box-next a { background-position: 0 -20px; }
#box-prev a { background-position: 0 -40px; }
#box-close {
 background: url(../images/box-close.png) no-repeat;
 height: 60px;
 width: 42px;
 position: absolute;
 top: 14px;
 right: -50px;
 cursor: pointer;
 z-index: 101;
}
#box-close a {
 display: block;
 height: 20px;
 position: relative;
 top: 20px;
 left: 8px;
 background: url(../images/sprite.png) no-repeat 0 0;
}
#box-text {
 height: 50px;
 position: absolute;
 left: 0;
}
#box-text samp {
 display: block;
 position: absolute;
 background: url(../images/arrow.png) no-repeat;
 height: 12px;
 width: 12px;
 left: 48%;
 top: -8px;
 z-index: 1;
}
#box-text-left {
 background: url(../images/box-text.png) no-repeat;
 height: 50px;
 width: 10px;
 position: absolute;
 left: 0;
 top: 0;
}
#box-text-cen {
 color: #fff;
 text-shadow: 1px 1px 0 #000;
 text-align: center;
 background: url(../images/box-text-cen.png) repeat-x;
 height: 50px;
 line-height: 50px;
 margin: 0 10px;
 padding: 0 30px;
 font-size: 15px;
 overflow: hidden;
}
#box-text-right {
 background: url(../images/box-text.png) no-repeat right 0;
 height: 50px;
 width: 10px;
 position: absolute;
 right: 0;
 top: 0;
}
.code_down_Basic_templets {
 border-bottom: 1px #ccc solid;
 overflow: hidden;
 height: 222px;
}
.templets_down_url {
 padding: 15px;
 height: 31px;
 border-top: 1px #ccc solid;
 overflow: hidden;
}
.templets_down_url a.down_link {
 display: block;
 color: #353535;
 font-size: 14px;
 font-weight: bold;
 line-height: 31px;
 overflow: hidden;
 text-align: left;
 text-indent: 40px;
 float: left;
 width: 182px;
 height: 31px;
 background: url(../images/stylebg.png) no-repeat 0 -248px;
}
.templets_down_url a:hover.down_link {
 text-decoration: none;
 background-position: 0 -279px;
}
.templets_down_url span {
 float: left;
 line-height: 31px;
 padding-left: 20px;
}
.templets_down_url span em {
 color: #C00;
 font-size: 16px;
 font-style: normal;
 font-weight: bold;
 padding: 0 2px;
}
.templets_down_url span a {
 color: #0052A4;
 padding-left: 10px;
}
/*文章内容页*/
.article_content_abstract {
 line-height: 25px;
 overflow: hidden;
 border-bottom: 1px #ccc dotted;
 padding: 5px 10px;
 text-indent: 24px;
}
.code_down_content img { max-width: 650px; width: expression(this.width > 650 ? "650px":this.width);
}
/*代码高亮*/
pre {
 font-family: 'Courier New', Monospace;
 font-size: 12px;
 width: 98%;
 overflow: hidden;
 margin: 5px auto;
 background: #f7f7f7;
 border: 1px #ccc solid;
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 word-wrap: break-word;
 padding: 5px 5px 5px 0;
}
/*pre ol,pre ol li,pre ol li span{margin:0 0;padding:0;border:none}
*/
pre a, pre a:hover {
 background: none;
 border: none;
 padding: 0;
 margin: 0
}
pre ol {
 list-style: decimal;
 background: #fff;
 margin: 0px 0px 1px 3em !important;
 padding: 5px 0;
 color: #5C5C5C;
 border-left: 1px dashed #dedede;
 text-indent: 0px \9;
}
pre ol li {
 list-style: decimal-leading-zero;
*list-style:decimal;
 _list-style: decimal;
 list-style-position: outside !important;
 color: #5C5C5C;
 padding: 0 3px 0 10px !important;
 margin: 0 !important;
 line-height: 1.6em;
}
pre ol li.alt {
 color: inherit;
 backgurond-color: #f5f5f5;
 cursor: pointer;
}
pre ol li.alt:haver {
backgurond-color:#000000;
cursor:pointer;
}
pre ol li span {
 color: black;
 width: 420px;
 overflow: hidden;
 table-layout: fixed;
 word-break: break-all;
}
pre .comment, pre .comments {
 color: #008200;
 background-color: inherit
}
pre .string {
 color: blue;
 background-color: inherit
}
pre .keyword {
 color: #069;
 font-weight: bold;
 background-color: inherit
}
pre .preprocessor {
 color: gray;
 background-color: inherit
}
pre .dp-xml .cdata { color: #ff1493 }
pre .dp-xml .tag, pre .dp-xml .tag-name {
 color: #069;
 font-weight: bold
}
pre .dp-xml .attribute { color: red }
pre .dp-xml .attribute-value { color: blue }
pre .dp-sql .func { color: #ff1493 }
pre .dp-sql .op { color: #808080 }
pre .dp-rb .symbol { color: #a70 }
pre .dp-rb .variable {
 color: #a70;
 font-weight: bold
}
pre .dp-py .builtins { color: #ff1493 }
pre .dp-py .magicmethods { color: #808080 }
pre .dp-py .exceptions { color: brown }
pre .dp-py .types {
 color: brown;
 font-style: italic
}
pre .dp-py .commonlibs {
 color: #8A2BE2;
 font-style: italic
}
pre .dp-j .annotation { color: #646464 }
pre .dp-j .number { color: #C00000 }
pre .dp-delphi .number { color: blue }
pre .dp-delphi .directive { color: #008284 }
pre .dp-delphi .vars { color: #000 }
pre .dp-css .value { color: black }
pre .dp-css .important { color: red }
pre .dp-c .vars { color: #d00 }
pre .dp-cpp .datatypes {
 color: #2E8B57;
 font-weight: bold
}
/*网页特效列表*/
.code_Effects_title {
 border-bottom: 1px #ccc solid;
 overflow: hidden;
}
.code_Effects_title_left {
 float: left;
 padding: 10px 10px 5px;
}
.code_Effects_title_right {
 float: right;
 line-height: 44px;
}
.code_Effects_list {
 border-bottom: 1px #ccc solid;
 overflow: hidden;
 line-height: 40px;
 font-size: 14px;
 text-align: center
}
/*网页特效内容*/
.code_Effects_btn1 {
 float: left;
 height: 30px;
 width: 380px;
}
.code_Effects_btn02 {
 border: #87a3c1 1px solid;
 line-height: 160%;
 background: url(../images/btn01.gif) 0px 0px;
 height: 24px;
 width: 70px;
 color: #333;
 font-size: 12px;
 cursor: pointer;
 margin-right: 5px;
}
.code_Effects_btn02:hover { background: url(../images/btn01.gif) 0px -66px; }
.code_Effects_span {
 font-size: 12px;
 color: #AAA;
 height: 30px;
 float: left;
 line-height: 30px;
}
.code_down_content textarea { font-size: 12px; }

/*搜索提示*/
.suggestionsBox {position: absolute;left: 0px;width: 298px;background: white;border: 1px solid gainsboro;color: #323232;z-index: 999;top: 28px;padding-top:5px;} 
.suggestionList { margin: 0px; padding: 0px; } 
.suggestionList li {position:relative;padding: 3px; cursor: pointer;list-style:none;padding-left:5px;height:20px;overflow:hidden} 
.suggestionList li:hover { background-color: #659CD8; } 
.jr{position:absolute;top:4px;right:5px} 
/*tag列表*/
.list_ms_box{
 margin-top:10px;
 overflow:hidden;
 border: 1px #ccc solid;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
.t_l_wp{padding: 20px 0 20px 60px;overflow:hidden;}
.t_l_wp li {
float: left;
width: 25%;
list-style: none;
margin-bottom: 15px;
}
.t_l_wp li a {
border: solid 1px #D6D6D6;
border-radius: 2px;
box-shadow: 0 1px 1px #eee;
padding: 2px 6px;
margin-right: 4px;
display: inline-block;
color: #888;
}
.t_l_wp li a:hover {
background-color: #FBFBFB;
border-color: #BBB;
color: #444;
box-shadow: 0 1px 1px #ddd;
}
/*下载列表页*/
.downlinks_warp{
width:500px;
margin:200px auto 0 auto;
border: 1px #ccc solid;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 }
.downlinks_title{line-height:30px;padding-left:10px;}
.downlinks_content{padding-left:10px;}
.downlinks_content li{margin-bottom:10px;}
.downlinks_content a.downloads{
 background:url(../images/stylebg.png) no-repeat -179px -220px;
 margin-left: 10px;
 width: 87px;
 height: 27px;
line-height: 27px;
text-align: center;
padding-left: 10px;
color: white;
 display:block;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
.down_msg td{line-height:23px;}

/*留言本*/
.guestbook_warp{ overflow: hidden;padding-left:10px;}
.guestbook_warp li {
 border-bottom: 1px #ccc dotted;
 padding: 10px;
 overflow: hidden;
 width: 445px;
border: 1px #CCC solid;
float: left;
margin: 10px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
.guestbook_warp li .list_article_star_img {
 float: left;
 width: 86px;
}
.guestbook_warp li .list_article_star_img img {
 padding: 2px;
 border: 1px #ccc solid;
  -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
.guestbook_warp .list_article_star_intro {
 float: right;
 width: 350px;
 line-height: 22px;
}
 .guestbook_warp .list_article_star_intro span { margin: 0 10px; }
 .guestbook_warp .list_article_star_intro_j{height:44px;overflow:hidden;}
 .guestbook_warp_fb li{text-align:left;list-style:none;margin:3px 0;float:left;width:450px;}
 .guestbook_warp_fb li input { padding:4px; }
 .guestbook_warp_fb .gbook{background: #FBF5D5;
border-bottom: 1px solid #E7D8AD;
color: #020204;
height: 39px;
line-height: 39px;
text-align: center;}
.guestbook_warp_fb ul{padding:20px;overflow:hidden;}
.guestbook_warp_fb li .ipt-txt{width: 239px;
 width: 215px \9;
 height: 19px;
 line-height: 19px;
 padding: 4px 5px;
 border: #ccc 1px solid;
 background-color: #fff;
 color: #888;
 font-size: 12px;
 -webkit-transition: .3s;
 -moz-transition: .3s;
 transition: .3s;}
 .guestbook_warp_fb li .textarea{float:left;width: 249px;}
 .guestbook_warp_fb li .face{float:left;}
 .guestbook_warp_fb .button2 {
 width: 51px;
 height: 27px;
 color: #fff;
 border: 0;
 background: url("../images/btn1_bg.gif") no-repeat;
 cursor: pointer
}
.sucai_basic{overflow:hidden;}
.sucai_basic li{
width: 242px;
float: left;
line-height: 30px;
border-bottom: 1px #CCC dotted;
border-right:1px #ccc dotted;
text-indent:20px;
}
.sucai_basic .sucai_stra{border-right:none;}
.sucai_basic .sucai_stra span{display:block;float:left;overflow:hidden;}
.sucai_basic .sucai_stra .stra1,.sucai_basic .sucai_stra .stra2,.sucai_basic .sucai_stra .stra3,.sucai_basic .sucai_stra .stra4,.sucai_basic .sucai_stra .stra5{background: url(../images/stylebg.png) no-repeat;margin-top:8px;width:79px;height:14px;}
.sucai_basic .sucai_stra .stra1{background-position: -103px -134px;}
.sucai_basic .sucai_stra .stra2{background-position: -103px -148px;}
.sucai_basic .sucai_stra .stra3{background-position: -103px -162px;}
.sucai_basic .sucai_stra .stra4{background-position: -103px -176px;}
.sucai_basic .sucai_stra .stra5{background-position: -103px -190px;}
.source_warp{border-bottom:1px #ccc solid;overflow:hidden;padding:10px;}
.source_warp li{float:left;margin: 5px 12px;}
.source_warp li img {padding:5px;border:1px #ccc solid;}
.material_search{padding:10px;line-height:25px;border-bottom:1px #ccc solid}
.jcreadme{padding:10px;line-height: 30px;text-indent: 24px;}
.code_down_content .tbox{
border: 1px #CCC solid;
font-size: 12px;
overflow:hidden;
margin-bottom:10px;
}
.code_down_content .tbox dt{font-size:14px;border-bottom:1px #ccc solid;padding: 10px;}
.code_down_content .tbox dd ol{list-style: decimal;}
.code_down_content .tbox dd ol li{width:44%;float:left;padding: 2px 10px 2px 0;list-style: decimal;margin-left: 30px;font-size: 12px;}
.code_down_content .tbox dd #jijin{ float:normal;}
.ghhs{background:#fff;}
.ghhsOver{background:#f9f9f9;}

.metro { 
    display: inline-block; 
    padding: 10px; 
    margin: 10px; 
    background: #08C; 
    /* Font styles */ 
    color: white; 
    font-weight: bold; 
    text-decoration: none; 
} 
  
.metro:hover { 
    background: #0AF 
} 
.metro.three-d { 
    position: relative; 
    box-shadow:  
        1px 1px #53A7EA,  
        2px 2px #53A7EA,  
        3px 3px #53A7EA; 
    transition: all 0.1s ease-in; 
} 
  
.metro.three-d:active { 
    box-shadow: none; 
    top: 3px; 
    left: 3px; 
} 
.base-tit{margin:10px 0 10px 0px;padding-left:10px;font-size:14px;border-bottom:#ddd 1px solid;padding-bottom:5px;}
.base-tit strong{color:#dc2523}
.comment .base-tit{display:none}
.comment{padding:15px 0 15px 0px;overflow: hidden;}

.c-avatar{width:36px;height:36px;border-radius:3px;background-color:#FFF;float:left;margin-left:10px;overflow:hidden;_display:inline;}
.c-avatar .avatar{display:block;}
.c-main{margin-top:0px;margin-left:10px;float:left}
.c-main p{font-size:13px;}
.c-meta{color:#999;padding-top:3px;}
.c-author{margin-right:10px;}
.comment-reply-link{margin-left:6px;}
#postcomments{margin-bottom:12px}
#postcomments .base-tit{margin-bottom:0}
.depth-1{border-bottom:#e6e6e6 1px solid}
.depth-2{margin-right:48px;}
.depth-2,.depth-4,.depth-6,.depth-8{background-color:#f4f4f4;border-radius:3px;}
.depth-3,.depth-5,.depth-7,.depth-9{background-color:#fff;border-radius:3px;}
#respond p{margin-bottom:8px;*margin-bottom:4px}
#comment-author-info {padding: 0 10px 10px;}
#comment-author-info p{border-radius:2px;border:#ccc 1px solid;width:330px;position:relative}
#comment-author-info p:hover,#comment-author-info p.on{box-shadow:0 0 4px #ddd;color:#222;border-color:#bbb}
#comment-author-info p:hover label,#comment-author-info p.on label{border-color:#bbb}
#comment-author-info label{width:62px;height:20px;line-height:20px;padding:4px;text-align:center;border-top-left-radius:2px;border-bottom-left-radius:2px;border-right:#ccc 1px solid;display:inline-block}
#comment-author-info p small{font-size:12px;color:#888;position:absolute;left:336px;width:200px}
#comment-author-info input{width:250px;height:20px;line-height:20px;padding:4px;border-radius:2px;border:0}
.success_2{margin: -8px 0 10px 52px; display:block;}

.post-area{border-radius:2px;border:#ccc 1px solid;margin-bottom:10px;background:#fff;position:relative;}
#smiley{padding:6px 6px 0;height:22px;border-bottom:#ccc 1px solid;border-top-left-radius:2px;border-top-right-radius:2px}

#smiley label{position:absolute;left:-53px;top:0}
#smiley a{margin-right:5px}
#comment{height:98px;padding:4px 6px;background:none;line-height:20px;border:none;width:98%;position:relative;z-index:2}
#loading,#error{background:#fafafa;border-top:#ccc 1px solid;padding:3px 6px}
#loading img,#error img{position:relative;bottom:2px;margin-right:3px}

.post-area-txt{position:absolute;top:50%;width:100%;text-align:center;font-size:24px;color:#e6e6e6;z-index:1}
#comment_mail_notify{vertical-align:middle;margin-right:5px;margin-top:-1px;}
#commentform{line-height:24px;padding:4px 0}
.subcon .abtn{padding:0 12px;height:30px;line-height:28px;color:#fff;cursor:pointer;border-radius:2px}
.subcon .abtn:hover{border-color:#2b5eb5}
#cancel-comment-reply-link{position:relative;top:1px;margin:0 10px}
span.comment_mail{position:relative;top:3px;margin-top:0}
#respond .comment_mail label{width:300px;text-align:left;position:relative;top:-2px;color:#888}
.btn{padding:5px 15px 6px;border-radius:2px;color:#444;border:#ccc 1px solid;background-color:#f9f9f9;background-image:-webkit-linear-gradient(#f9f9f9,#f1f1f1);background-image:-moz-linear-gradient(#f9f9f9,#f1f1f1);background-image:linear-gradient(#f9f9f9,#f1f1f1); box-shadow:0 1px 1px #e6e6e6,inset 0 1px 0 #fff; text-shadow:0 0 1px #FEFEFE;min-width:48px; text-align:center; display:inline-block;-webkit-transition: all .1s ease-out;-moz-transition: all .1s ease-out;transition: all .1s ease-out}
.btn:hover{color:#333;border-color:#bbb;}
.btn:active{box-shadow:0 1px 1px #e6e6e6,inset 0 1px 2px #ccc}
input.btn{ cursor:pointer}

.primary{color:#fff; border-color:#016EBD;background-color:#4d90fe;background-image:-webkit-linear-gradient(#049cdb,#0179D2);background-image:-moz-linear-gradient(#049cdb,#0179D2);background-image:linear-gradient(#049cdb,#0179D2);box-shadow:0 1px 1px #e6e6e6,inset 0 1px 0 #36AFE2;text-shadow:0 0 1px #016EBD}
.primary:hover{color:#fff;border-color:#005AB8;}
.primary:active{box-shadow:inset 0 1px 2px #016EBD}