body{
  margin:0;
  padding:0;
  width: 100%;
  height: 100%;
  /*box-sizing:border-box;
  -moz-box-sizing:border-box;  
  -webkit-box-sizing:border-box; */
   background-color: #fff;
}
body{
	margin-top: 0.48rem;
}
div{
  box-sizing: border-box; 
  -moz-box-sizing:border-box; /* Firefox */
  -webkit-box-sizing:border-box; /* Safari */
}

p,ul,ol,li,h1,h2,h3,h4,h5,h6,dl,dt,dd{
  margin:0;
  padding:0;
  list-style:none;
}
img{
  /*vertical-align:middle;*/
  width: 100%;
  height: 100%; 
  max-width: 100%;
}
a{
  text-decoration:none;
  cursor: pointer;
  color: #2e2e2e;
}
a:hover{
  text-decoration:none;
}
.lf{float:left;}
.rt{float:right;}
.clear{clear:both;}
/*清除浮动*/
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ clear:both; content:'.'; display:block; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
/*浮动*/
.fl{float:left;} 
.fr{float:right;}

.flex{
  display: flex;
  display: -webkit-flex;
  display: -o-flex;
  display: -moz-flex;
}

.m-b-10{
  margin-bottom: 0.1rem;
}
.m-r-10{
  margin-right: 0.1rem;
}
.m-t-10{
  margin-top: 0.1rem;
}
.m-l-10{
  margin-left: 0.1rem;
}


.m-footer{
  margin-bottom: 0.58rem;
}
.m-t-footer{
  margin-top: 0.58rem;
}
/*.header-boxs{
  background-color: #eee;
  padding-bottom: 0.1rem;
}*/

.icon{
  /*display: block;*/ 
  display: inline-block;
  width: 0.12rem;
  height: 0.12rem;
  vertical-align: -0.01rem; 
  margin-right: 0.04rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.12rem 0.12rem;
}
.icon.icon-big{
  height: 0.16rem;
  width: 0.16rem;
  margin-right: 0;
  background-size: 0.16rem 0.16rem;
}
.icon.icon-bigger{
  height: 0.18rem;
  width: 0.18rem;
  margin-right: 0;
  background-size: 0.18rem 0.18rem;
} 
.icon-pinglun{
  background-image: url('../images/icon_pinglun.png'); 
}
.icon-img{
  background-image: url('../images/icon_photo.png');  
  margin-top: 0.01rem;
}
.icon-play{
  background-image: url('../images/icon_play.png');  
}
.icon-qianwang{
  background-image: url('../images/icon_qianwang.png');  
}
.icon-dianzan{
  background-image: url('images/icon_dianzan.png');  
}
.icon-dianzan-pre{
  background-image: url('../images/icon_dianzan_pre.png');  
}
.icon-more{
  background-image: url('../images/icon_more.png');  
}
.icon-none{
  background-image: url('../images/icon_none.png');  
}
.img-audio{
  background-image: url('../images/img_audio.png');  
  background-size: 100% 100%;
}
.img-video{
  background-image: url('../images/img_video.png');  
  background-size: 100% 100%;
}
.img-head{
  background-image: url('../images/img_head_big.png');
  background-size:0.4rem 0.4rem;
}
@media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (   min--moz-device-pixel-ratio: 2),
  only screen and (     -o-min-device-pixel-ratio: 2/1),
  only screen and (        min-device-pixel-ratio: 2) {
    .icon-pinglun{
      background-image: url('../images/icon_pinglun_2x.png'); 
    }
    .icon-img{
      background-image: url('../images/icon_photo_2x.png');  
      margin-top: 0.01rem;
    }
    .icon-play{
      background-image: url('../images/icon_play_2x.png');  
    }
    .icon-qianwang{
      background-image: url('../images/icon_qianwang_2x.png');  
    }
    .icon-dianzan{
      background-image: url('../images/icon_dianzan_2x.png');  
    }
    .icon-dianzan-pre{
      background-image: url('../images/icon_dianzan_pre_2x.png');  
    }
    .icon-more{
      background-image: url('../images/icon_more_2x.png');  
    }
    .icon-none{
      background-image: url('../images/icon_none_2x.png');  
    }
    .img-audio{
      background-image: url('../images/img_audio_2x.png');  
      background-size: 100% 100%;
    }
    .img-video{
      background-image: url('../images/img_video_2x.png');  
      background-size: 100% 100%;
    }
    .img-head{
  		background-image: url('../images/img_head_big_2x.png'); 
      background-size:0.4rem 0.4rem;
	}
}

@media
  only screen and (-webkit-min-device-pixel-ratio: 3),
  only screen and (   min--moz-device-pixel-ratio: 3),
  only screen and (     -o-min-device-pixel-ratio: 3/1),
  only screen and (        min-device-pixel-ratio: 3) {
   .icon-pinglun{
      background-image: url('../images/icon_pinglun_3x.png'); 
    }
    .icon-img{
      background-image: url('../images/icon_photo_3x.png');  
      margin-top: 0.01rem;
    }
    .icon-play{
      background-image: url('../images/icon_play_3x.png');  
    }
    .icon-qianwang{
      background-image: url('../images/icon_qianwang_3x.png');  
    }
    .icon-dianzan{
      background-image: url('../images/icon_dianzan_3x.png');  
    }
    .icon-dianzan-pre{
      background-image: url('../images/icon_dianzan_pre_3x.png');  
    }
    .icon-more{
      background-image: url('../images/icon_more_3x.png');  
    }
    .icon-none{
      background-image: url('../images/icon_none_3x.png');  
    }
    .img-audio{
      background-image: url('../images/img_audio_3x.png');  
      background-size: 100% 100%;
    }
    .img-video{
      background-image: url('../images/img_video_3x.png');  
      background-size: 100% 100%;
    }
    .img-head{
  	  background-image: url('../images/img_head_big_3x.png');  
      background-size:0.4rem 0.4rem;
	}
}
/*播放按钮*/
.play-item{
  display: inline-block;
  height: 0.48rem;
  width: 0.48rem;
  position: absolute;
  top: 50%;
  left: 50%;
   background-size: 0.48rem 0.48rem;
  transform: translate(-0.24rem, -0.24rem);
  -ms-transform: translate(-0.24rem, -0.24rem);   /* IE 9 */
  -webkit-transform: translate(-0.24rem, -0.24rem); /* Safari and Chrome */
  -o-transform: translate(-0.24rem, -0.24rem);    /* Opera */
  -moz-transform: translate(-0.24rem, -0.24rem);
}
/*播放按钮*/

/*公共底部下载*/
.footer-contain{

  position: fixed;
  top:0;
  left:0;
  height: 0.48rem;
  width: 100%;
  background:#22aff6;
  color: #FFFFFF;
  z-index: 1000;
  background-size:contain;
}
.footer-contain .footer-box{
  padding: 0.08rem 0.12rem 0.06rem;
}
.footer-contain .footer-box .app-logo{
  width: 0.34rem;
  height: 0.34rem;
  background: #FFFFFF;
  box-shadow: 0 1px 2px 0 rgba(102,34,40,0.30);
  border-radius: 0.04rem;
  text-align: center;

}
.footer-box .app-logo .logo{
  display: block;
  width: 0.34rem;
  height: 0.34rem;
  background: url('../images/shulan1.png') no-repeat;
  background-size:contain;
  border-radius: .2rem;
}
.footer-contain .footer-box .app-content{
  flex: 1;
}
.footer-box .app-content .app-name{
    font-size: 0.2rem;
    margin-top: .03rem;
}
.footer-box .app-content .app-details{
  font-size: 0.11rem;
}

.footer-contain .footer-box .app-down{
  display: inline-block;
  /*background: #F85060;*/
  box-shadow: 0 1px 2px 0 rgba(102,34,40,0.30);
  border-radius: 0.04rem;
  font-size: 0.14rem;
  /*padding: 0.04rem 0.08rem;*/
  height: 0.28rem;
  line-height: 0.3rem;
  width: 0.72rem;
  text-align: center;
  color:#FFF;
  border: 1px solid #fff;
}
/*公共底部下载*/



/*公用头部标题*/
.common-title{
  font-size: 0.2rem;
  color: #2E2E2E;
  line-height: 0.3rem;
  word-wrap: break-word;
}
/*公用头部标题*/

/*公用头部作者用户名*/
.common-author-box{
  line-height: 0.24rem;
}
.common-author-box .author-logo{
  width: 0.24rem;
  height: 0.24rem;
  margin-right: 0.04rem;
  border-radius: 50%;
  overflow: hidden;
}
.common-author-box .author-name{
  font-size: 0.13rem;
  color: #2E2E2E;
  text-align: right;
}
.common-author-box .author-name.white{
  color: #fff;
}
.common-author-box .author-name .publish-time{
  font-size: 0.12rem;
  color: #999999;
}
/*公用头部作者用户名*/


/*公共最新评论*/
.lastest-comments{
  background-color: #fff;
  padding: 0.1rem 0.12rem;
}
.lastest-comments .comments-header{
  margin-bottom: 0.1rem;
}
.lastest-comments .comments-header>p{
  font-size: 0.14rem;
  color: #666666;
  text-align: center;
}
.lastest-comments .comments-header>p:before,.lastest-comments .comments-header>p:after{
  content: '';
  display: inline-block;
  border-bottom: 1px solid #EBEBEB;
  width: 0.6rem;
  position: relative;
  top: -0.05rem;
}
.lastest-comments .comments-header>p:before{
  margin-right: 0.2rem;
}
.lastest-comments .comments-header>p:after{
  margin-left: 0.2rem;
}
.lastest-comments .no-comments{
  background: #fff;
  padding: 0.1rem 0.12rem;
}

.lastest-comments .no-comments p{
  text-align: center;
  font-size: 0.14rem;
  color: #CCCCCC;
}

.lastest-comments .no-comments .icon{
  width: 0.98rem;
  height: 0.81rem;
  background-size: 0.98rem 0.81rem;
  margin-right: 0;
}

.user-box .user-logo{
  width: 0.4rem;
  height: 0.4rem;
  border-radius:50%;
  overflow: hidden; 
}
.comments-item .comments-main{
  flex:1;
}
.user-box .user-msg{
  flex:1;
}
.user-box .user-msg .user-name{
  font-size: 0.14rem;
  color: #2E2E2E;
}
.user-box .user-msg .comments-time{
  font-size: 0.11rem;
  color: #999999;
  margin-top: 0.04rem;
}
.user-box .like-contain{
  margin: auto;
}
.user-box .like-box{
  height: 0.18rem;
  min-width: 0.4rem;
  border-radius: 0.3rem;
  border: 1px solid #E6E6E6;
  cursor: pointer;
  font-size: 0.11rem;
  text-align: center;
  /*color: #F85060;*/
  color: #999999;
  line-height: 0.18rem;
}
.user-box .like-box>span{
  margin-right: 0.04rem;
}
.user-box .like-box>i{
  vertical-align: -0.01rem;
  margin-right: 0;
}
.user-box .like-box.like-box-pre{
  color: #F85060;
  border-color: #F85060;
}
.comments-item .comments-content{
  font-size: 0.16rem;
  color: #2E2E2E;
  line-height: 0.26rem;
  padding-bottom: 0.1rem; 
  border-bottom: 1px solid #EBEBEB; 
  word-wrap: break-word;
}

/*公共最新评论*/

/*公共红色大按钮 打开APP*/
.common-open-app{
  background: #fff;
}
.common-open-app .open-app-content{
  background: #ff0000;
  border-radius: 0.3rem;
  height: 0.38rem;
  color: #fff;
  cursor: pointer;
  font-size: 0.16rem;
  text-align: center;
  line-height: 0.38rem;
}
/*公共红色大按钮 打开APP*/



/*展开全文*/
.expand-toggle{
  /*margin-bottom: 0.48rem;*/
  position: fixed;
  bottom: 0;
  left:0;
  width: 100%;
}
.expand-toggle .more-box{
  height: 0.56rem;
  text-align: center;
  background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 71%); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 71%); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 71%); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 71%);
}
.expand-toggle .more-box .icon{
  margin-top: 0.38rem;
  width: 100%;
}
.expand-toggle .common-open-app{
  padding: 0.1rem 0.12rem 0.6rem;
}

/*展开全文*/