body,html {height:100%; border:none; margin:0; }
body {text-align:center; color: #222; background:#fff; font-size: 18px; font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;}
ul,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0; list-style:none; padding:0;}
em,cite {font-style:normal;}
img {border:none; vertical-align:middle;}
select {padding:4px; font-size:14px; cursor:pointer}
input,select {outline:none}
textarea {outline:none}
a {color: #5a594f; text-decoration:none;}
a:hover {color:#ff3300; text-decoration:none;}
.mw {min-width:1000px; max-width: 1230px; margin:0 auto; text-align:left;}
.main {display: flex; justify-content: center; align-items: stretch; margin-top: 92px;}
.mtop {margin-top: 92px;}
.f14 {font-size:.8em;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f25 {font-size:25px;}
.fwn {font-weight: normal;}
.fb {font-weight: 600;}
.lhs {line-height: 1.2;}
.lh12 {line-height:18px}
.tac {text-align:center;}
.tar {text-align:right;}
.fr {float:right;}
.fl {float:left;}
.c {clear:both;}
.cl:after {	content: ".";	display: block;	position:relative;height: 0;clear: both;visibility: hidden;}
.cl { display: inline-block;}
* html .cl {height: 1%;}
.cl {display: block;}
.sp8 {height:10px; line-height:1%; font-size:1%;}
.pds {padding: 10px;}
.pdm {padding: 15px;}
.pdb {padding: 20px;}
.pdbtms {padding-bottom: 10px;}
.pdbtm {padding-bottom: 20px}
#nor, .nor {border: 0;}
.fgrey, a.fgrey, .fgrey a {color:#999;}
.mzsm{border-bottom: 1px solid #f2f2f2;color:#999; padding: 20px 0; font-size: 14px;}
a.fgrey:hover, .fgrey a:hover {color: #f30;}
.fgreen, a.fgreen {color: #690;}
.fresh, a.fresh {color: #90ac1e;}
.fyel, a.fyel {color: #fbc518;}
.fpurple, a.fpurple {color: #982399;}
.fred, a.fred {color:#f00;}
.fora, a.fora {color:#f30;}
a.fgreen:hover, a.fresh:hover, a.fyel:hover, a.fred:hover, a.fpurple:hover {color: #f30;}
.flex {display: flex;}
.jc {justify-content: flex-start;}
.jtw {justify-content: space-between;}
footer {margin-top: 20px; padding: 10px 0; font-size: .8em;color:#9b968f;}
footer p {line-height: 1.8; text-align: center;}
footer a{ color:#9b968f;}
.tags{width: 60px;
height: 24px;
border-radius: 16px;
background: #89b014;
text-align: center;
	display: inline-block;
	color: #fff;
font-size: 14px;
line-height: 24px;}
.tags::before{content: '#'; }
.sdiv{background-color:#f7f7f7;margin-top:10px}
article blockquote {
  background-image: url(../images/b.png);
  background-repeat: no-repeat;
  background-position: left 0 top 20px;
  background-color: #f8f8f8;
  color: rgba(0,0,0,.68);
  padding: 40px 0px 20px;
}
article blockquote p{margin:0 0 10px}
article p{ margin-bottom: 20px;color: rgba(0,0,0,.68);}
article p.psa strong {
  text-decoration: underline;
  font-size: 19px;
  color: #222;
  margin-top: 0;
  line-height: 36px;
}
.psl{position:relative;padding-left:20px}
.psl i{width:.35rem;height:.35rem;position:absolute;right:0;background:#b8b8b8;border-radius:50%;z-index:1;top:0.9rem;left:.5rem}
/* Top navigation */
#top {width:100%; background: #fff;position: fixed;top: 0;z-index: 9996;  border-bottom: 1px solid #f7f7f7; box-shadow: 1px 2px 12px rgba(215,215,215,.3);}
.topcor {width: 100%; height: 0; background: #222;}
.head {display: flex; height: 70px;}
.logo {width:150px; height: 50px; display: block; margin: 8px 0 0 0; background: url(../images/logo.png) no-repeat;}
.menu {width: 60%; padding-bottom: 13px; padding-left: 40px; display: flex; flex-wrap:wrap; justify-content: space-between;}
.menu li {display: inline; padding: 21px 0 0;}
.menu li.on {background: url(../images/menuOn.png) no-repeat center bottom;}
.menu li a {display: block; font-size: 1.1em;}
.search {width: 22%; padding: 13px 0 0 50px; position: relative;}
.searchText {width:90%; height:40px;  line-height: 40px; font-size: .9em; color: #666; background: #fff; border: 1px solid #e1e1e1; border-radius: 22px; padding-left: 18px;}
.searchText::placeholder {color: #c1c1c1; font-size: .9em;}
.searchBtn {width: 36px; height: 36px; position:absolute; right: 10px; top: 21px; background: url(../images/ico-search.png) no-repeat; border:0;  cursor: pointer;}

.btnBlack { display: inline-block; padding: 10px 18px; font-size: 1em; color: #fff; border-radius: 6px; background:#666; border: 1px solid #555; cursor: pointer;}
.btnBlack:hover{color: #fff; background: #666; border: 1px solid #222;}
.btnGrey { display: inline-block; padding: 8px 15px; font-size: 18px; color: #fff; border-radius: 5px; background:#ccc; border: 1px solid #ccc; cursor: pointer;}
.btnGrey:hover{color: #fff; background: #c1c1c1; border: 1px solid #ccc;}
.btnNormal {display: inline-block; padding: 8px 15px; font-size: 18px; color: #fff; border-radius: 5px; background:#ff6d4f; border: 1px solid #f85635; cursor: pointer; text-align: center;}
.btnNormal:hover{color: #fff; background: #f85635; border: 1px solid #f85635;}

/* General */
.greyBody {background: #f7f7f7;}
.where {display: flex; justify-content: space-between; padding:12px 0; font-size: 16px; color:#ccc; font-weight: normal;}
.where a, .where b {color: #999; font-weight: normal;}
.where a:hover {color: #f30;}
.back {font-size: 20px; line-height:40px; color: #222; height: 40px; display: inline-block; padding-left: 30px; background: url(../images/arr_left.png) no-repeat 0 6px; background-size: 28px;}
#page {min-height: 40px; text-align: center; padding: 20px 0; font-weight: 300;}
#page li {display:inline-block; font-size:1em; line-height: 1;}
#page a {padding: 10px 14px; display:inline-block; background: #fff; color: #222; margin:0 4px; border:1px solid #efefef; border-radius: 4px;}
#page b {color: #ccc; display:inline-block;}
#page b.thisclass {padding:10px 14px; font-weight:bold; margin:0 4px; background:#FFFF99; border:1px solid #FFCC99; color:#FF3300;  border-radius: 4px;}
.stars { width:78px; height:14px; display: inline-block; background:url(../images/stars.gif) no-repeat 0 -112px; background-size: cover; margin-right: 10px; cursor: pointer;}
.star1 {background:url(../images/stars.gif) no-repeat 0 -112px;}
.star15 {background:url(../images/stars.gif) no-repeat 0 -98px;}
.star2 {background:url(../images/stars.gif) no-repeat 0 -84px;}
.star25 {background:url(../images/stars.gif) no-repeat 0 -70px;}
/*.star3 {background:url(../images/stars.gif) no-repeat 0 -56px;}*/
.star35 {background:url(../images/stars.gif) no-repeat 0 -42px;}
.star4 {background:url(../images/stars.gif) no-repeat 0 -28px;}
.star45 {background:url(../images/stars.gif) no-repeat 0 -14px;}
.star5,.star3 {background:url(../images/stars.gif) no-repeat 0 0;}
.actives {display: flex; padding: 10px 0;}
.actives span {height: 36px; font-size: 16px; line-height: 36px; color: #fff; background-color: #a9be1f; display: inline-block; padding:0 15px 0 36px; border-radius: 4px; cursor: pointer;}
.actives span:hover {background-color: #89b014; color: #fffaa4;}
.actives span a {display: block; color: #fff;}
.actives span a:hover {color: #fffaa4;}
.actives span.chat, .actives span.at, .actives span.ated, .actives span.ats {
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 22px;
}
.actives span.chat {background-image: url(../images/ico-chat-white.png); background-size: 20px; margin-left: 20px;}
.actives span.at {background-image: url(../images/add-cor.png);}
.actives span.ated {background-image:url(../images/icon_gou.png);}
.actives span.ats {background-image:url(../images/reallove.png);}
#fav {min-height: 24px; display: inline-block; padding-left: 24px; cursor: pointer;}
.tofav {background: url(../images/ico-fav.png) no-repeat 0 0; background-size: 20px; color: #999; }
.faved {background: url(../images/ico-faved.png) no-repeat 0 0; background-size: 20px; color: #f63; }
#like {display: inline-block; cursor: pointer;}
#like .icon {width: 24px; height: 24px; vertical-align: middle;}
#likeUl {max-height: 115px; overflow: hidden; padding: 10px 0; display: flex; flex-wrap:wrap}
#likeUl li {width: 48px; height: 48px; margin: 0 2px 2px 0;}
#likeUl li img {width: 48px; height: 48px;}
.blank {padding: 40px; text-align: center; font-size: 1.1em;}

#l {min-width:500px; max-width: 730px; background: #fff; padding: 20px 60px; margin-right: 20px;}
#l h3 {font-size: 1.1em; font-weight: 700; margin: 20px 0 5px;}
#l h3 span {font-size: .8em; font-weight: normal;}
.r {width:300px; background: #fff; padding: 0  0 30px 30px; overflow: hidden; font-size: .9em;}
.r h3 {font-size: 1.2em; font-weight: 700; margin: 20px 0 10px;}
#title {font-size: 30px; font-weight: 600; line-height: 1.2; color: #222; padding: 20px 0}
.body {min-height: 60px;}
.body,.body div {margin: 12px 0; text-align: justify; line-height: 1.6;}
.body p img {margin: 0 auto; max-width: 100%; align-items: center; display:block;}
/* User panel */
.userLit { display: flex;  padding-bottom: 18px; align-items: center;}
.userLit dt img {width: 46px; height: 46px; border-radius: 50%;}
.userLit dd {width: 73%; padding-left: 2%; }
.userLit dd div {font-size: 16px; line-height: 24px; color: #999; }
.fr{ text-align: right;}
article{border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; padding: 0 0 20px 0;word-break: break-all;
font-size: 18px;
text-align: justify; line-height: 1.8em;}
/* Two columns */
ul.rTwoCol li {padding: 0 0 20px; display: flex;}
ul.rTwoCol li .lp {width: 35%; display: block;}
ul.rTwoCol li img {width:90%; height: 80px;}
ul.rTwoCol li div {width: 65%; border-bottom: 1px solid #eee;}
ul.rTwoCol li div h4 {height: 45px; line-height: 23px; overflow: hidden; font-weight: 400; margin-bottom: 5px; font-size: 17px;}
ul.rTwoCol li div p {font-size: .9em; color: #999; display: flex; justify-content: space-between;}
/* Four columns */
.ulCols {display: flex; margin: 10px 0 20px; flex-wrap: wrap;}
.ulCols li {width:23%; margin-right: 2%;}
.ulCols li img {width: 100%; height: 140px;} 
.ulCols li p {max-height: 45px; line-height: 20px; padding-top: 5px; overflow: hidden; font-size: .9em; line-height: 1.5;}
.replys li {padding: 15px 0 0; clear: both;}
.replys .face {width: 40px; height: 40px; border-radius: 50%; float: left;}
.replys .txt {margin-left: 50px; line-height: 1.6; }
.replys .txt p {margin: 0; padding: 0;}
.replys .txt strong {color: #849f08; line-height: 1;}
.replys .txt .note {font-weight: 400; padding-bottom: 15px; font-size: .9em; border-bottom: 1px solid #efefef; text-align:justify; text-justify:inter-ideograph; clear: both;}
.hot li {line-height: 36px; font-size: 17px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.backToTop {
    display: none;
    width: 48px;
    height: 48px;
    padding: 5px 0;
    background:#B9DA10 url(../images/backtop.png) no-repeat center 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: fixed;
    _position: absolute;
    right: 10px;
    bottom: 100px;
    _bottom: "auto";
    cursor: pointer;
    opacity: .6;
    filter: Alpha(opacity=60);
}