.article .detail p{ font-size: 14px; }
.article .summary p{ line-height: 28px; font-size: 14px; }

/*文章内容*/
.article { padding: 0 15px; margin-bottom: 5px; border-radius: 3px; line-height: 24px; background: #fff; position: relative; }
.article h1 { padding: 15px 0 10px 0; margin-bottom: 5px; text-shadow: 1px 1px 2px #fff; }
.article h1:after { font: 14px "宋体"; margin: 5px 0 0 10px; text-shadow: none; content: attr(title); position: absolute; padding: 5px 10px; border-radius: 3px; }
.article .author { }
.article .author > img { width: 50px; height: 50px; border-radius: 25px; margin-right: 5px; float: left; }
.article .author a { color: #379be9; }
.article .author a:hover { text-decoration: underline; }
.article .author span { color: #072; }
.article .summary { padding: 5px 10px; margin-bottom: 5px; border-radius: 3px; }
.article .summary strong + p { text-indent: 2em; }
.article .detail { margin-bottom: 5px; word-break: break-all; }
.article .detail > h2 { padding: 8px 20px; color: #38c; font-weight: normal; margin: 20px 0; }
.article .detail > h3 { padding: 5px 23px; }
.article .detail p { line-height: 1.8; margin-bottom: 10px; }
.article .detail p embed { width: 100%; height: 100%; }
.article .detail p img { max-width: 100% !important; }
.article .detail p a img { cursor: zoom-in; }
.article .detail p a:hover { text-decoration: underline; }
.article .detail p.center { text-align: center; }
.article .detail pre { margin-bottom: 10px; white-space: pre-wrap; line-height: 18px; font-size: 13px; padding: 5px 10px; background: #fff; border: 1px solid #e6e6e6; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); }
.article .praise { color: #fff; padding-top: 60px; margin: 0 auto 5px; width: 93px; height: 33px; text-align: center; background: url(img/article/praise.big.png) no-repeat 0 0; }
.article .praise:hover { cursor: pointer; }
.article .praise.disable { background-position: -93px 0; }
.article .panel { }
.article .panel .r { right: 0; }
.article .panel .bd { padding-left: 0; padding-right: 0; }
/*文章内容-蓝色*/
.article.blue { border: 1px solid #c8d8f2; background: #fbfdff; }
.article.blue h1 { color: #c30; line-height: 25px; text-align: center; border-bottom: 1px solid #c8d8f2; font-size: 20px; }
.article.blue .author { color: #666; font-size: 12px; padding: 5px 0; text-align: center; }
.article.blue .summary { border-left: 3px solid #3bb0db; background: #ECF7FF; }
.article.blue .detail { }
.article.blue .detail > h2 { border-left: 3px solid #3bb0db; background: #ECF7FF; }
.article.blue .detail > h3 { font-weight: normal; background: #ECF7FF; }
.article.blue ::selection { background: #6bc333; color: #fff; }
.article.blue > h2 { color: #3096e8; font-weight: bold; margin: 20px 0 10px 0; border-top: 1px dashed #dedede; padding: 15px 0 0 27px; }
.article.blue > h2 + ul { padding-left: 44px; margin-bottom: 5px; }
.article.blue > h2 + ul li { height: 28px; list-style-type: disc; }
.article.blue > h2 + ul li a { color: #333; }
.article.blue > h2 + ul li a:hover { color: #da251c; text-decoration: underline; }
/*文章列表-基本*/
.articles.basic { }
.articles.basic li { padding: 15px 0 15px 60px; border-top: 1px dotted #ccc; position: relative; overflow: hidden; }
.articles.basic li:first-child { margin-top: 0; border-top: 0; }
.articles.basic li .view { color: #b00; line-height: 14px; font-size: 12px; border: 1px solid #df2721; border-radius: 3px; width: 50px; height: 50px; text-align: center; position: absolute; left: 0; }
.articles.basic li .view b { font: bold 14px/35px Georgia; color: #fff; background: #df2721; display: block; }
.articles.basic li .view .detail { float: left; }
.articles.basic li .detail { }
.articles.basic li .detail .time { float: right; color: #999; }
.articles.basic li .detail h3 { margin-bottom: 6px; }
.articles.basic li .detail h3 a { font-size: 18px; color: #c00; font-family: "微软雅黑"; }
.articles.basic li .detail h3 a:hover { text-decoration: underline; }
.articles.basic li .detail p { margin-bottom: 8px; font-size: 12px; line-height: 22px; }
.articles.basic li .detail .meta { color: #999; }
.articles.basic li .detail .meta a { color: #999; }
.articles.basic li .detail .meta a:hover { color: #a01111; text-decoration: underline; }


.btn { margin-bottom: 5px; font-size: 14px; color: #fff; white-space: nowrap; border: 1px solid transparent; background: transparent; text-align: center; padding: 0 12px; line-height: 30px; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.2); display: inline-block; position: relative; }
.btn:before { border: 0 solid transparent; top: 50%; position: absolute; }
.btn:after { border: 0 solid transparent; top: 50%; position: absolute; }
.btn:hover { cursor: pointer; text-decoration: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.3); }
.btn:active { box-shadow: inset 0 1px 5px rgba(0,0,0,0.1); }
.btn[disabled] { color: #999 !important; border: 1px solid #ccc !important; background: #e6e6e6 !important; background-image: none !important; cursor: default; }
.btn i { margin-right: 5px; }
.btn.primary { color: #fff; background: #006dcc; background-image: linear-gradient(#08c,#04c); border-color: #04c #04c #002a80; }
.btn.primary:hover { color: #fff; background: #04c; background-image: linear-gradient(#04c,#08c); }
.form { font-size: 14px; }

/*评论-发表评论*/
.cmt { border-radius: 3px; margin-bottom: 5px; background: #fff; position: relative; }
.cmt:before { content: ""; border: 5px solid transparent; top: -10px; position: absolute; }
.cmt:after { content: ""; border: 5px solid transparent; top: -9px; position: absolute; }
.cmt .hd { margin-right: 20px; position: relative; }
.cmt textarea { padding: 10px 10px; width: 100%; border: 0; height: 60px; border-radius: 3px; display: block; }
.cmt .bd { padding: 0 10px; }
.cmt .ft { border-top: 1px solid #eee; height: 30px; line-height: 28px; padding: 5px 10px; font-size: 12px; color: #666; }
.cmt .ft .l { float: left; position: relative; }
.cmt .ft .l .img { margin-right: 5px; height: 100%; float: left; }
.cmt .ft .l .img img { vertical-align: middle; width: 30px; height: 100%; border-radius: 50%; }
.cmt .ft .l i { cursor: pointer; color: #f90; font-size: 16px; }
.cmt .ft .l i:hover { color: red; }
.cmt .ft .r { float: right; position: relative; }
.cmt .ft .r .validateCode { cursor: pointer; }
.cmt .ft .r b { margin-right: 5px; color: red; font-size: 18px; }
.cmt.blue { border: 1px solid #c8d8f2; }
.cmt.gray { border: 1px solid #ddd; }
/*评论-评论列表*/
.cmts { background: #fff; margin-bottom: 5px; }
.cmts > li { padding: 10px 0 0 50px; border-top: 1px solid #ddd; position: relative; }
.cmts li .img { width: 40px; height: 40px; left: 0; top: 10px; position: absolute; }
.cmts li .img img { width: 100%; height: 100%; border-radius: 25px; }
.cmts li .summery { position: relative; }
.cmts li .summery .author { margin-bottom: 5px; font-size: 12px; }
.cmts li .summery .author a:hover { text-decoration: underline; }
.cmts li .summery .author span { color: #999; font-weight: normal; }
.cmts li .summery p { line-height: 24px; margin-bottom: 5px; }
.cmts li .summery .viewer { padding-right: 6px; margin-bottom: 5px; }
.cmts li .summery .viewer img { max-width: 100%; border: 1px solid #ccc; padding: 2px; background: #fff; cursor: zoom-out; transition: all .5s; }
.cmts li .summery .action { margin-bottom: 5px; }
.cmts li .summery .action span { margin-right: 5px; font-size: 12px; color: #999; cursor: pointer; }
.cmts li .summery .action span:hover { color: #379BE9; }
.cmts li .more { border-radius: 3px; position: relative; }
.cmts li .more li { padding: 10px 0 10px 45px; border-top: 1px solid #ddd; position: relative; }
.cmts li .more li .img { width: 35px; height: 35px; }
.cmts li .more li .action span { margin-right: 5px; font-size: 12px; color: #999; cursor: pointer; }
.cmts li .more li .action span:hover { color: #379BE9; }
.cmts li .more:before { border: 5px solid transparent; top: -10px; position: absolute; content: ""; }
.cmts li .more:after { border: 5px solid transparent; top: -9px; position: absolute; content: ""; }
.cmts > li:first-child { border-top: 0; }
/*评论-蓝色列表*/
.cmts.blue { padding: 10px; border: 1px solid #c8d8f2; }


.form { line-height: 24px; }
.form li { padding-left: 70px; position: relative; margin-bottom: 5px; }
.form li .name { line-height: 32px; color: #999; position: absolute; left: 0; }
.form li .ttb { width: 500px; margin-bottom: 0; }
.form li .ttb + img { position: relative; top: 7px; left: -60px; cursor: pointer; }
.form li .ttb + img:hover { box-shadow: 0 0 6px #ccc; }
.form li .detail { width: 100%; line-height: 20px; }
.form li .msg { display: none; font-size: 12px; color: #f40; }
.form li .msg i { margin-right: 5px; }


/*分页*/
.pages { margin-bottom: 5px; overflow: hidden; font-family: Helvetica,Arial; }
.pages a { margin-bottom: 5px; line-height: 16px; background: #fff; padding: 6px 12px; float: left; margin-right: 2px; display: block; border: solid 1px #ddd; border-radius: 3px; color: #428bca; }
.pages a:hover { border: 1px solid #0d99fd; background: #63BEFF; color: #fff; }
.pages a.cur { border-radius: 3px; padding: 6px 12px; background: #428bca; border: 1px solid #428bca; color: #fff; }
.pages a.cur:hover { cursor: default; }
.pages a.recordCount { color: #777; }
.pages a.recordCount:hover { background: #fff; border-color: #ddd; cursor: default; }
.pages span { position: relative; background: #fff; border: 1px solid #ddd; height: 24px; line-height: 24px; color: #666; margin-right: 2px; padding: 2px 5px; float: left; border-radius: 3px; }
.pages span input { float: left; padding: 3px 4px 2px; margin-top: 1px; width: 20px; border: solid 1px #ddd; border-radius: 3px; color: #428bca; }
.pages span input:focus { border: 1px solid #73b8ee; box-shadow: 0 0 5px #B0DFF0; }
.pages span label { float: left; margin-right: 5px; }
.pages span a { display: none; background: #fff; border: 1px solid #ddd; padding: 3px 4px; }
.pages span a:hover { cursor: pointer; }
.pages span:hover a { display: block; }

/*提示信息*/
.tip { display: none; max-width: 180px; margin-left: -90px; margin-top: -32px; line-height: 20px; padding: 10px 20px; top: 50%; left: 50%; position: fixed; z-index: 4; border-radius: 5px; }
.tip.blue { color: #fff; background: #3a87ad; }
.tip.green { color: #fff; background: #68af02; }
/*提示信息-加载中*/
.loading { display: none; max-width: 180px; margin-left: -90px; margin-top: -32px; line-height: 20px; padding: 10px 20px; top: 50%; left: 50%; position: fixed; z-index: 4; }
.loading:before { content: ""; margin-right: 8px; width: 32px; height: 32px; float: left; }
.loading:after { content: ""; display: inline-block; }
/*提示信息-加载中*/
.loading.black { border: 1px solid #eee; background: linear-gradient(#eee,#fff); line-height: 30px; }
.loading.black:before { background-image: url(img/i/loading.png); }
.loading.blue { background: #3a87ad; line-height: 30px; }
.loading.blue:before { background-image: url(img/i/loading.png); }
.loading.green { color: #fff; background: #68af02; box-shadow: 1px 1px 10px #a4f3a7; }
.loading.green:before { content: none; }
.loading.green:after { background: url(img/i/wait.green.gif); width: 11px; height: 2px; }
/*提示信息-加载中-图标*/
.loading.info:before { background-image: url(img/i/info.png); }
.loading.success:before { background-image: url(img/i/success.png); }
.loading.warning:before { background-image: url(img/i/warning.png); }