body{background:#fff; color:#333; }
/*body,td{font-family: "Hiragino Sans GB","Microsoft YaHei","sans-serif","Arial", "宋体","微软雅黑","华文细黑","黑体";font-size:12px;color:#000;line-height:12px;}*/ 

a, a:focus, a:visited{ color:#333; text-decoration:none}
a:hover{ color:#a94442; text-decoration:none}
.color-mainred{ color:#a94442; }

.content-row{ position:relative; display:block; width:100%; max-width:1200px; margin-left:auto; margin-right:auto; }
.main-content{ position:relative; display:block; max-width: 660px; padding-left:10px; padding-right:10px; margin-left:auto; }
.side-content{ position:relative; display:block; max-width: 270px; padding-left:10px; padding-right:10px; margin-right:auto; }
.block-content{ position:relative; display:block; max-width: 960px; padding-left:10px; padding-right:10px; margin-left:auto; margin-right:auto; }
/*电脑*/
@media (min-width: 1200px) {
	.menu-bar > a{ margin-right:25px; }
	.sort-banner .banner-wrap{ min-height:257px; margin-top:15px; padding:0 15px; text-align:center; }
	.sort-banner .banner-wrap img{ width:940px; max-width:940px; height:256px; margin:0 auto; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
}
@media (min-width: 992px) and (max-width: 1200px) {
	.menu-bar > a{ margin-right:25px; }
	.side-content{ max-width: 293px; }
	.block-content { max-width: 939px; }
	.side-borderleft{ border-left:1px #f2f2f2 solid; }

	.sort-banner .banner-wrap{ margin-top:15px; padding:0 15px; text-align:center; }
	.sort-banner .banner-wrap img{ width:940px; max-width:940px; height:256px; margin:0 auto; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
}
/*手机*/
@media (max-width: 992px) {
	.menu-bar > a{ margin-right:10px; }
	.main-content{ max-width: 680px; padding-left:0; padding-right:0; margin-right:auto; }
	.side-content{ max-width: 100%; padding-left:0; padding-right:0; margin-left:auto; }
	.block-content { max-width: 680px; padding-left:0; padding-right:0; }
	.side-borderleft{ border-left:0; }

	.sort-banner .banner-wrap{ margin-top:0; padding:0; text-align:center; }
	.sort-banner .banner-wrap img{ width:100%; max-width:940px; height:auto; margin:0 auto; }
}


/*头部*/
header { position:relative; width:100%; height:350px; }
header .pagehead-bar{ position:absolute; z-index:877; top:0; width:100%; }
header .pagehead-bar .pull-left, header .pull-right { padding-top: 10px; text-align:center; }
header .pagehead-bar .pull-right,
header .pagehead-bar .pull-left > a, header .pagehead-bar .pull-left > span { margin-left: 15px; }
header .pagehead-bar .pull-left,
header .pagehead-bar .pull-right > a, header .pagehead-bar .pull-right > span { margin-right: 15px; }
header .pagehead-bar a, header .pagehead-bar span { color: #BBBBBB; font-size: 14px; white-space:nowrap; }
header .pagehead-bar a:hover { color: #a94442; }
header .headinfo-wrap{ position:relative; width:90%; max-width:680px; margin-left:auto; margin-right:auto; padding-top:22px; }
header .headinfo-wrap .logo-wrap{ position:relative; display:block; width:280px; height:130px; margin:0 auto 30px auto; text-align:center; color:#FFF; background:url(/images/web/weblogo.png) no-repeat; background-size:100% 100%; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85;}
header .headinfo-wrap .search-row{ position:relative; height: 48px; padding-left:15px; padding-right:60px; background: rgba(255, 255, 255, 0.5); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; overflow:hidden; }
header .headinfo-wrap .search-row > input[type="text"]{ width:100%; height:48px; line-height:48px; font-size:17px; font-weight:400; color:#FFF; border:0; padding:0; margin:0; background: rgba(255, 255, 255, 0); }
header .headinfo-wrap .search-row > .btn-search{ position:absolute; top:0; right:0; display:block; width: 60px; height:48px; text-align:center; overflow:hidden;}
header .headinfo-wrap .search-row > .btn-search .glyphicon{ font-size:24px; color:#EEE; font-weight:normal; margin-top:10px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }
header .headinfo-wrap .kw-row{ position:relative; line-height:30px; max-height:90px; margin-top:10px; overflow:hidden; }
header .headinfo-wrap .kw-row > span, header .headinfo-wrap .kw-row > a{ display:inline-block; font-size:16px; font-weight:400; color:#EEE; white-space:nowrap; }
header .headinfo-wrap .kw-row > a{ margin-right:20px; }
header .headinfo-wrap .kw-row > a:hover { color: #a94442; }

/*client services layer*/
#bgClientServices { position: fixed; z-index: 99; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); }
#bodyClientServices { position: absolute; z-index: 100; top: 165px; left: 50%; width:280px; margin-left:-140px; }
#bodyClientServices .content-wrap { position: relative; min-height:150px; padding:15px; background: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#bodyClientServices .content-wrap .content-row{ position:relative; text-align:center; line-height:20px; color:#222; font-size:12px; }
#bodyClientServices .content-wrap .content-row img{ max-width:100%; border:0; }
#bodyClientServices .close-wrap { position: relative; height: 20px; margin-left: 50%; border-left: 2px #FFF dotted; }
#bodyClientServices .close-wrap > .icon{ position:absolute; top:-38px; left:-21px; width:40px; height:40px; color:#FFF; }

/*菜单*/
.menu-bar{ position:relative; width:100%; padding-top:15px; padding-bottom:2px; }
.menu-bar > a{ position:relative; display:inline-block; font-size: 18px; font-weight:400; white-space:nowrap; margin-bottom:7px; color:#222; }
.menu-bar > a:last-child{margin-right:0;}
.menu-bar > div.dropdown > .ico-line,
.menu-bar > a > .ico-line{ display:block; width:25px; height:3px; margin-top:5px; margin-left:auto; margin-right:auto; background:none; overflow:hidden; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; }
.menu-bar > a.active,
.menu-bar > a:hover{ color:#a94442; }
.menu-bar > a.active > .ico-line,
.menu-bar > a:hover > .ico-line{ background:#a94442; }
.menu-bar:hover > a:hover{ color:#a94442; }
.menu-bar:hover > a:hover > .ico-line{ background:#a94442; }
.menu-bar-bg{ position:relative; height:55px;}
.menu-bar > div.dropdown{ position:relative; display:inline-block; margin-bottom:7px; }
.menu-bar > div.dropdown > ul > li:last-child{ display:none; }
.menu-bar > div.dropdown a{ font-size: 18px; }
.menu-bar > div.dropdown a.active,
.menu-bar > div.dropdown a.active,
.menu-bar > div.dropdown a:hover{ color:#a94442; }
.menu-bar > span.goback-menu-place{ padding-left:34px; }

#menuBar{ position:absolute; z-index:10; width:100%; height:55px; background:#f3f5f4; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95; }
#menuBar.menu-bar-fix-top{ position:fixed; top:0; border-bottom:1px #f6f6f6 solid; }
#menuBar > a.goback-icon{ position:absolute; display:block; z-index:999; top:9px; left:6px; padding:7px 8px; font-size:18px; text-align:center; }


/*作品列表*/
ul.writing-list{ position:relative; }
ul.writing-list > li{ position:relative; margin-top:15px; padding-bottom:15px; }
ul.writing-list > li:last-child{ }
ul.writing-list > li h4.title-wrap{ position:relative; max-height:50px; line-height:25px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; }
ul.writing-list > li .img-list{ position:relative; box-sizing: border-box; display: grid; grid-template-columns: repeat(4, 23%); justify-content: space-between;}
ul.writing-list > li .img-list .img-wrap{ position:relative; }
ul.writing-list > li .img-list .img-wrap img{ width:100%; border:0; }
ul.writing-list > li .extinfo-row{ position:relative; height:20px; line-height:20px; color:darkgray; font-size:12px; overflow:hidden; }
ul.writing-list > li .extinfo-row span{ white-space:nowrap; }
ul.writing-list > li .extinfo-row a{ font-size:14px; color:darkgray; white-space:nowrap; }
ul.writing-list > li .extinfo-row a:hover{ color:#a94442; }
ul.writing-list > li .extinfo-row .item-wrap{ margin-right:10px; }
ul.writing-list > li .extinfo-row .item-wrap:last-child{ margin-right:0; }
/*图文*/
ul.writing-list > li .imgart-row{ position:relative; box-sizing: border-box; display: grid; grid-template-columns:73% 23%; justify-content: space-between; }
ul.writing-list > li .imgart-row .img-wrap img{ width:100%; border:0; }
ul.writing-list > li .imgart-row .art-wrap{ position:relative; padding-bottom:15px; }
ul.writing-list > li .imgart-row .art-wrap .extinfo-row{ position:absolute; bottom:0; left:0; right:0; }


/*边栏*/
h3.side-title{ position:relative; margin-top:5px; font-size:18px; font-weight:bold; }
ul.side-writings{ position:relative; }
ul.side-writings > li{ position:relative; height:45px; line-height:45px; font-size:16px; font-weight:400; overflow:hidden; }
ul.side-writings > li > span{ display:inline-block; width:20px; text-align:center; color:#DDD; font-weight:bold; margin-right:5px; }
ul.side-writings > li:nth-child(1) > span{ color:#a94442; }
ul.side-writings > li:nth-child(2) > span{ color:#eb6806; }
ul.side-writings > li:nth-child(3) > span{ color:#ffb403; }
ul.side-writings > li:nth-child(1) > a,
ul.side-writings > li:nth-child(2) > a,
ul.side-writings > li:nth-child(3) > a{ color:#888; }
ul.side-writings > li:nth-child(1) > a:hover,
ul.side-writings > li:nth-child(2) > a:hover,
ul.side-writings > li:nth-child(3) > a:hover{ color:#a94442; }

ul.side-detail-arts{ position:relative; }
ul.side-detail-arts > li{ position:relative; padding-top:15px; padding-bottom:15px; font-size:16px; font-weight:400; border-bottom:1px #f2f2f2 solid; }
ul.side-detail-arts > li > .img-wrap{ position:relative; padding-top:5px; padding-bottom:10px; }
ul.side-detail-arts > li > .img-wrap img{ width:160px; height:120px; object-fit: cover; }
ul.side-detail-arts > li > a{ display:inline-block; width:100%; max-height:50px; line-height:25px; overflow:hidden; }
ul.side-detail-arts > li:first-child{ padding-top:10px; }
ul.side-detail-arts > li:last-child{ padding-bottom:0; border-bottom:0; }


#sideHot.fix-top{ position:fixed; top:75px; }

/*微信公众号列表*/
.wxqr-list{ position:relative; padding:5px; display: grid; grid-template-columns: 110px auto; background:#f2f2f2; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.wxqr-list img{ width:100px; height:100px; }


/*作品详情*/
.detail-header{ position:relative; width:100%; padding-top:10px; padding-bottom:30px; }
.detail-header h2{ line-height:40px; color:#222; margin-bottom:25px; }
.detail-header .author-info{ position:relative; width:100%; display: grid; grid-template-columns: 65px auto; }
.detail-header .author-info .headimg-wrap{ position:relative; }
.detail-header .author-info .headimg-wrap > img{ width:50px; height:50px; border:0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.detail-header .author-info .author-name { position:relative; font-size:16px; font-weight:400; }
.detail-header .author-info .ext-info{ position:relative; font-size:14px; color:darkgray; margin-top:5px; }
.detail-header .author-info .ext-info a{ color:darkgray; }
.detail-header .author-info .ext-info a:hover{ color:#a94442; }

/*详情内容*/
.detail-content{ position:relative; width:100%; }
.detail-content,
.detail-content td {font:17px/1.7 "mp-quote",-apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif; color:#333333; font-weight:400; line-height:1.8}
.detail-content img {display:block;border:0;max-width:100%;margin-top:5px;margin-bottom:5px;margin-left:auto;margin-right:auto;}
.detail-content p{ margin-bottom:15px; word-break:break-word; }

/*作者概述*/
.author-summary{ position:relative; width:100%; min-height:70px; display: grid; grid-template-columns: 80px auto; background:#fafafa;  -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.author-summary .headimg-wrap{ position:relative; text-align:center; line-height:70px; }
.author-summary .headimg-wrap > img{ width:50px; height:50px; border:0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.author-summary .name-row{ position:relative; min-height:25px; max-height:36px; line-height:18px; margin-top:10px; color:gray; overflow:hidden; }
.author-summary .name-row .name-text{ font-size:16px; font-weight:400; color:#333333; margin-right:10px; }
.author-summary a{ color:#a94442; text-decoration:underline; }

/*点赞按钮*/
a.btn-laud{ position:relative; display:inline-block; height:38px; line-height:38px; padding:0 15px; color:gray; background:#fdfdfd; border:1px #eeeeee solid; -moz-border-radius:19px; -webkit-border-radius:19px; border-radius:19px;}
a.btn-laud .glyphicon{ font-size:14px; }
a.btn-laud.disabled,
a.btn-laud.disabled:hover{ color:#dddddd; }
a.btn-laud.done,
a.btn-laud:hover{ color:#a94442; }

/*站内搜索*/
.search-content{ position:relative; max-width:940px; width:100%; min-height:180px; margin:15px auto 30px auto; }
.search-content form .radio{ padding-top:0; }
.search-content form .radio .radio-inline{ margin-left:0; margin-right:15px; }


/*专辑列表*/
.sort-list{ position:relative; max-width:940px; width:100%; min-height:180px; margin:15px auto 30px auto; }
.sort-list > ul > li{ width:100%; max-width:280px; margin-bottom:15px; margin-right:15px; line-height:36px; font-size:17px; font-weight:400; }
.sort-list > ul > li > a{ position:relative; display:block; width:100%; padding:0 20px; border:1px #eeeeee solid; background:#fafafa; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px; }
.sort-list > ul > li > a > span{ font-size:14px; }

ul.page-list{ position:relative; width:100%; margin-top:15px; text-align:center;}
ul.page-list > li{ position:relative; display:inline-block; width:50px; height:30px; line-height:30px; font-size:12px; background:#f6f6f6; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
ul.page-list > li.active{ background:#f7d99c; }
ul.page-list > li span{display:block; color:#fff;}
ul.page-list > li a{display:block; color:#999;}
ul.page-list > li a:hover{ color:#a94442; }

a.top-wrap{ position:fixed; z-index:899; display:block; right:15px; bottom:60px; width:42px; height:42px; line-height:42px; background:#fdfdfd; border:1px #ededed solid; text-align:center; font-size:12px; color:#666; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }

/*脚部*/
footer { position: relative; padding:8px 0; margin-top:10px; background: #f6f6f6; border-top:1px #eeeeee solid; }
footer .links-wrap, 
footer .copyright-wrap { text-align:center; }

footer .links-wrap,
footer .links-wrap a, 
footer .links-wrap span{ margin-left:10px; margin-right: 10px; }

footer .copyright-wrap,
footer .copyright-wrap a, 
footer .copyright-wrap span { margin-left:10px; margin-right: 10px; }

footer .links-wrap{ line-height:26px;}
footer .copyright-wrap{ line-height:18px; margin-top:4px;}

footer a, footer a:visited, footer span { color: #999; font-size: 12px; white-space:nowrap; }
footer a:hover { color: #a94442; }