a{ text-decoration:none; outline:none;}
.footer {
  z-index: 9999999;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  margin:0 auto;
  width: 100%;
  height:1.1rem;
  padding: 0.1rem 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  background:#FFFFFF;
  box-shadow: 2px 2px 5px 3px #E8E8E8 inset; opacity:0.75;border-top-left-radius:0.2rem;border-top-right-radius:0.2rem;
}
.footer .footeritems {
  font-size: .28rem;
  position: relative;
  color: #333;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 .3rem; 
}
.footer .footeritems .names{font-size: .30rem;}
.footer .footeritems .num{
  display: none;
  position: absolute;
  background: #da1520;
  color: #fff;
  border-radius: .05rem;
  padding: 0 0.05rem;
  border: 0.02rem solid #fff;
  right: 0rem;
  top: -0.1rem;
  line-height: .32rem;
}
.footer .footeritems .num.circle{
  width: .32rem;
  height: .32rem;
  border-radius: 50%;
  padding: 0;
  text-align: center;
}
.footer .footeritems:nth-child(3){
  margin-top: 0rem;
}
.footer .footeritems:nth-child(3) .imgdiv{
  width: .8rem;
  height: .9rem;
}
.footer .footeritems.on{
  color:#e94f2a;
}
.footer .footeritems img{
  width: .48rem;
  height: .48rem;
  display: block;
  margin-bottom: .1rem;
}
.footer .footeritems .iconfont{
  width: .42rem;
  height: .42rem;
  border-radius: 50%;
  background: #aaa;
}
.demo { padding:0.4rem;color: rgb(255, 128, 171);font-size:15px;}
.demo p{ color: rgb(255, 128, 171);font-size:0.3rem;}
.demo span {text-align: right; color:#000; font-size:0.25rem; display:block; padding-top:0.4rem;}
.lert-tips{text-align: right;font-size: 12px;color: #909399; padding-right:12px;}
.layui-layer-btn a{ font-size:15px;}
/**详情页**/
.post {
    border-radius: 5px;
    max-width: 100%;
    width: 90%;
    background: #ffffff;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 10px;
	padding:10px;
    color: #333333;
    border-top: 2px dashed #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    box-shadow: 1px 1px 3px 0 #ffffff;
}
.post-title {
    padding-top: 5px;
	padding-left: 0px;
    padding-right: 0px;
}
.post-title p{
	border-bottom: 1px dashed #e5e4e4;
    font-size: 16px;
    padding-bottom: 10px;
    color: #999;
    letter-spacing: 0.7px;
}
.post-title p font{ color:#333333; line-height:20px;}
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    padding: 10px;
    padding-bottom: 0px;
    font-family: Wawati SC;
    color: #333;
    text-align: left;
}
.post-body-content{
	margin: -20px 0 0px 0;
    color: #777;
    padding: 0px 0px 0 0px;
    font-size: 15px;
    letter-spacing: 0.7px;
    line-height: 1.75em;
}
.post-body-time {
    text-align: right;
    text-indent: 0em;
    padding: 0px;
    color: #999;
    padding-right: 10px;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 5px;
    margin-right: -10px;
}
.sub-links {
	margin:0 15px;
}
.sub-links p {
	line-height:20px;
	font-size:14px;
	color:#888;
}
.sub-links p a {
	color:#888;
}
.sub-links p a:hover {
	color:#12b786;
	text-decoration:underline;
}
.dtcms_pages {position: fixed;width: 30px;right:0px; z-index:9999; bottom:80px;}
.dtcms_pages a {border: 1px solid #E9E9E9; color: #555555;display: block;color:#FFF; font-size:0.45rem; width: 30px; text-align:center; background:#F44336; border-radius:0.1rem;}
.dtcms_pages a:hover {border: 1px solid #2A7D01;color: #fff; background:#2A7D01;text-decoration: none; cursor:pointer;}
.dtcms_pages .current{border: 1px solid #E9E9E9;background-color: #2A7D01;color:#fff;display: block;font-weight: bold;font-size:0.45rem;width: 30px;text-align:center;border-radius:0.1rem;}
.dtcms_pages .prev,.dtcms_pages .next{ font-size:0.4rem;}