.jys-yellow-bg{
  background: #ffd500;
}

.jys-dark-bg{
  background: #ccc;
  color:  #333;
}

.jys-btn-small{
  padding: 2px 8px; 
  color: #333;
  border-radius: 4px;
  font-weight: 300;
  font-size: 12px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  text-align: center;
}


/* 评论区块 */

.comments-block {
  padding:15px;
}

.comments-more{
  width:150px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  margin:5px auto;
  font-size:12px;
  color:#999;
  border:1px solid #999;
  border-radius:4px;
}

.comments-more a{
  color:#999;
}


.comments-block h2{
  color:#333;
  font-size:12px;
  padding-bottom:15px;
}

.comments-block ul{
  list-style: none;
}

.comments-block li{
  margin-bottom:15px;
}

.comments-block .comment-author{
  height:30px;
  line-height: 30px;
}

.comments-block .nickname{
  font-size:12px;
  color:#999;
  padding-left:8px;
}

.comments-block .comment-author img{
  width:30px;
  vertical-align: center;
}

.comments-block .comment-time{
  font-size:11px;
  color:#bbb;
}

.comments-block .comment-content{
  padding:0px 0px 0px 40px;
} 


/* 点赞头像列表 */

.likes-block {
  height:54px;
  line-height: 54px;
  border-bottom:1px solid #eee;
  margin:0 15px;
}

.likes-block .avatar{
  width:30px;
  height:30px;
  vertical-align: middle;
}

.likes-block .number{
  color:#666;
  font-size:12px;
}

.likes-block ul{
  list-style: none;
}

.likes-block ul li{
  width:30px;
  display: inline-block;
  margin-right:10px;
}


/* 猜你喜欢专题列表 */

.recom-events-block{
  padding:0;
  margin: 0;
}

.recom-events-block .event-item{
  padding:10px 18px;
}

.recom-events-block .blank{  
  height:10px;
  background:#eee;
}

.recom-events-block .avatar{
  height:19px;
  margin-top:23px;
}

.recom-events-block .event-header{
  height:40px;
  font-size:14px;
  line-height: 20px;
  color: #333;
  margin-bottom:15px;
}

.recom-events-block .event-poster{
  width:45%;
}

.recom-events-block .event-editor-name{
    width: 60px;
    overflow: hidden;
    height: 12px;
    font-size: 12px;
    overflow: hidden;
    padding-top: 27px;
    margin-left: 8px;
    line-height: 12px;
    color: #999;
}

.recom-events-block .num-likes{
  margin-top:25px;
}

.recom-events-block .event-info{
  width:50%;
}

.recom-events-block .likes-count{
  margin-top:10px;
}

.recom-events-block  .post-small-like-icon{
  }

.recom-events-block .num-likes{
  margin-top:25px;
  display: inline-block;
}


/*  icon */

.sprite{
  background-size: 503px 333px;
  background-image: url(http://jiayaosu-10013564.image.myqcloud.com/61bef8c9-902d-4db4-8900-e560133521cd);
  background-repeat: no-repeat;

}

.time-icon{
  background-position: -140px 1px;
  width: 16px;
  height: 24px;
  /* background: red; */
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.join-icon{
  background-position: -59px 1px;
  width: 22px;
  height: 24px;
  /* background: red; */
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}


.show-more-icon-on{
  background-position: -179px 1px;
  width: 22px;
  height: 24px;
  /* background: red; */
  display: inline-block;
  vertical-align: middle;
  /* margin-right: 8px; */
}

.show-more-icon-off{
  background-position: -156px 1px;
  width: 22px;
  height: 24px;
  /* background: red; */
  display: inline-block;
  vertical-align: middle;
  /* margin-right: 8px; */
}

.jshare-icon{
  background-position: -80px 1px;
  width: 22px;
  height: 24px;
  /* background: red; */
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;  
}

.location-point-icon{
  background-position: -218px 0px;
  width: 22px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-top:-4px;
  /* margin-right: 8px; */       
}


.small-like-white-icon{
  background-position: -200px 0px;
  width: 22px;
  height: 22px;
  /* background: red; */
  display: inline-block;
  vertical-align: middle;
  margin-top:-4px;
  /* margin-right: 8px; */       
}


.post-small-like-icon{
  background-position: -99px 0px;
  width: 22px;
  height: 22px;
  /* background: red; */
  display: inline-block;
  vertical-align: middle;
  margin-top:-4px;
  /* margin-right: 8px; */       
}

.post-small-liked-icon{
  background-position: -119px 0px;
  width: 22px;
  height: 22px;
  /* background: red; */
  display: inline-block;
  vertical-align: middle;
  /* margin-right: 8px; */       
}

.item-mark-on-icon{
  background-position: -1px -100px;
  width: 24px;
  height: 24px;
  /* background: red; */
  display: inline-block;
  vertical-align: middle;
  /* margin-right: 8px; */
 
}

.item-mark-off-icon{
  background-position: -28px -100px;
  width: 24px;
  height: 24px;
  /* background: red; */
  display: inline-block;
  vertical-align: middle;
  /* margin-right: 8px; */
   
}

.share-wechat-timeline-icon{
  background-position: -54px -97px;
  width: 44px;
  height: 44px;
  /* background: red; */
  display: inline-block;
  vertical-align: middle;
}

.share-wechat-chat-icon{
  background-position: -98px -97px;
  width: 44px;
  height: 44px;
  /* background: red; */
  display: inline-block;
  vertical-align: middle;
}

.share-weibo-icon{
  background-position: -142px -97px;
  width: 44px;
  height: 44px;
  /* background: red; */
  display: inline-block;
  vertical-align: middle;
}