/* Base CSS | haovei@qq.com */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0 }
body, button, input, select, textarea { font: 12px/1.8 tahoma, arial, \5b8b\4f53, sans-serif }
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 }
ul, ol { list-style: none }
a { text-decoration: none }
a:hover { text-decoration: none; }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
legend { color: #000 }
fieldset, img { border: 0 }
button, input, select, textarea { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0 }
mark { background: #FF0 }
.clearfix { *zoom: 1
}
.clearfix:before, .clearfix:after { display: table; content: "" }
.clearfix:after { clear: both }
.undis { display: none; }
/*滚动条*/
::-webkit-scrollbar { width: 10px; height: 10px; margin-right: 2px; border-radius: 5px; }
::-webkit-scrollbar-track-piece { background-color: rgba(245, 245, 245, 0.5); border-radius: 5px; }
::-webkit-scrollbar-thumb { background: #CBCBCB; width: 10px; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #CBCBCB; }
/*  */
body { font: 12px/1.5 arial, "Hiragino Sans GB", "Microsoft Yahei", sans-serif; background: #F4F3EF url(../img/bg.png); color: #878787; }
a { color: #61A3E2; }
a:hover { color: #FFF; }
.fleft { float: left; }
.fright { float: right; }
.mb20 { margin-bottom: 20px; }
.blue { color: #61A3E2; }
/**/
.icon { display: inline-block; background: url(../img/icon.png) no-repeat; width: 16px; height: 16px; vertical-align: middle; margin: 0 5px 0.25em 0; }
.icon-comment { background-position: 0 0; }
.icon-view { background-position: -30px 0; }
.icon-cate { background-position: -60px 0; }
.icon-time { background-position: -90px 0; }
.icon-user { background-position: -120px 0; }
.icon-add { background-position: 0 -30px; cursor: pointer; }
.icon-ok { background-position: -30px -30px; }
.icon-del { background-position: -60px -30px; cursor: pointer; }
/* btn */
.btn { display: inline-block; padding: 10px 30px; text-align: center; border: none; background: #111; outline: none; white-space: nowrap;
    vertical-align: middle; cursor: pointer; font-size: 12px; line-height: 1; color: #61A3E2; }
.ipt { border: none; padding: 5px 10px; height: 22px; width: 146px; line-height: 22px; background: #353535; outline: none; color: #FFF; }
.select { background: #353535; color: #FFF; border: none; padding: 8px 10px; margin: 0; }
.textarea { padding: 10px; background: #353535; }
.textarea textarea { border: none; width: 100%; height: 120px; resize: none; background: transparent; color: #FFF; outline: none; }
/* header */
.header { padding-top: 60px; height: 50px; margin-bottom: 20px; }
.header .top-menu { float: right; font-size: 16px; }
.header .top-menu li { float: left; margin-left: 20px; }
.header .top-menu li:first-child { margin-left: 0; }
.header .top-menu a { color: #878787 }
.header .top-menu a:hover { color: #FFF }
.header .top-menu .on a { color: #61A3E2 }
.header .logo { float: left; background: url(../img/logo.png) 50% 50% no-repeat; height: 41px; width: 198px; margin-top: -16px; }
/* col */
.wrapper { width: 1248px; margin: 0 auto; }
@media screen and (min-width: 932px) and (max-width: 1247px) {
    .wrapper { width: 932px; }
}
@media screen and (min-width: 616px) and (max-width: 931px) {
    .wrapper { width: 616px; }
}
@media screen and (min-width: 616px) and (max-width: 931px) {
    .wrapper { width: 616px; }
}
@media screen and (max-width: 615px) {
    .wrapper { width: 300px; }
    .header { height: 80px; }
    .header .top-menu { float: left; margin-top: 10px; }
}
/**/
.top-bar { background: url(../img/top_bg.png); height: 40px; line-height: 38px; padding: 0 20px; }
.top-bar a { color: #878787; }
.top-bar a:hover { color: #FFF; }
.main-wrap .sider { float: left; width: 200px; }
.main-wrap .sider .avatar { margin-bottom: 20px; }
.main-wrap .sider .avatar img { width: 100%; display: block; }
.main-wrap .main { overflow: hidden; }
/* 分类 */
.sider-menu { }
.sider-menu li { margin-bottom: 1px; }
.sider-menu a { display: block; height: 36px; line-height: 36px; padding-left: 10px; color: #878787; }
.sider-menu a:hover { background: #1C1C1C; color: #FFF; }
.sider-menu .on a { background: #1C1C1C; border-left: 2px solid #61A3E2; }
/* 图片列表 */
.list-box ul { margin: -16px 0 0 -16px; }
.list-box li { margin: 16px 0 0 16px; width: 300px; height: 220px; overflow: hidden; float: left; background: #1C1C1C; position: relative; }
.list-box .pic { }
.list-box img { width: 300px; height: 220px; display: block; }
.list-box .info { position: absolute; top: 220px; left: 0; height: 220px; width: 300px; background: rgba(0, 0, 0, .8); color: #CCC; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.list-box .info .comment { display: inline-block; width: 300px; margin-bottom: 20px; }
.list-box .info .comment em { display: inline-block; width: 150px; color: #FEB416; font-size: 36px; text-align: right; }
.list-box .info .view { display: inline-block; width: 300px; margin-top: 30px; }
.list-box .info .view em { display: inline-block; width: 150px; color: #00C4FE; font-size: 36px; text-align: right; }
.list-box .info .title { display: inline-block; width: 300px; margin-left: 0; text-align: center; text-overflow: ellipsis; overflow: hidden; }
.list-box li:hover .info { top: 0; }
/**/
.paging { margin: 10px 0; border-top: 1px solid #141414; padding: 10px 0; text-align: right; }
/* 详情 */
.detail-wrap { margin-bottom: 20px; }
.detail-wrap h1 { font: 18px/1.5 "Microsoft Yahei", "SimHei"; margin-bottom: 10px; }
.detail-wrap .meta { padding: 5px 0; border-bottom: 1px solid #353535; }
.detail-wrap .meta span { margin-right: 20px; }
.detail-wrap .con { font-size: 14px; margin: 20px 0; }
.detail-wrap .pic { max-width: 100%; margin: 20px 0; }
.detail-wrap .pic img { display: block; min-height: 100px; max-width: 100%; margin: 10px 0; background: url(../img/loading.gif) 50% 50% no-repeat; }
/* 评论 */
.reply-title { padding: 10px 0; border-bottom: 1px solid #444 }
.reply-list { font-size: 14px; }
.reply-list2 { margin-left: 50px }
.reply-list .li { border-top: 1px dashed #444 }
.reply-list > .li:first-child { border-top: 0; }
.reply-list .client { color: #787878; }
.reply-list .reply { color: #AFAFAF; }
.reply-con { padding: 10px 0; position: relative; }
.reply-con .operate { position: absolute; right: 0; font-size: 12px; display: none; }
.reply-con:hover .operate { display: block; }
.reply-box { background: #2A2A2A; }
.reply-box .meta2 { padding: 10px; font-size: 14px; }
.captcha-img { height: 32px; vertical-align: top; }
/* 编辑页面 */
.detail-edit { }
.detail-edit .title { font-size: 14px; padding: 10px 0; border-bottom: 1px solid #353535; }
.detail-edit p { margin: 10px 0; }
/*上传的图片*/
.pic-list { border-bottom: 1px solid #353535; padding-bottom: 10px; }
.pic-list li { float: left; margin-right: 10px; }
.pic-list img { height: 170px; display: block; }
.pic-list .operate { padding: 8px 0; height: 16px; }
.pic-list .operate .setHomeShow { cursor: pointer; }
.home-pic img { height: 170px; display: block; }
/* 404 */
.page-404 { padding: 250px 0 50px; background: url(../img/404.png) 50% 100px no-repeat; text-align: center; font-size: 16px; }
.page-404 .back { display: inline-block; margin-top: 20px; font-size: 12px; }
/* 登录 */
.page-login { width: 360px; margin-top: 100px; padding-top: 100px; background: url(../img/logo.png) no-repeat 50% 10px; }
.page-login p { margin: 10px 0; }
.page-login .ipt { width: 350px; height: 24px; line-height: 24px; padding: 10px 10px; font-size: 14px; }
.page-login .btn { padding: 12px 30px; width: 160px; }
.page-login .back { margin-top: 10px; }
.validform_checktip { display: none; }
/* 提示 */
.notice-box, .notice-box2 { padding: 10px 15px; background: #FDFDE1; border: 1px solid #FFE1A6; margin: 10px 0; border-radius: 2px; }
.notice-box { background: #E5F5FF; border: 1px solid #CBD7E3; margin: 10px 0; }