/*detail css cmsyou*/
/*detail*/
.detail{ max-width:510px; padding:0 15px; margin:20px auto; clear:both;}
.detail .user-info{ padding:10px 15px; background-color:#fff; clear:both;}
.detail .user-info a{ display:block;}
.detail .user-info .icon-avatar{ float:left; height:30px; text-align:center; clear:both; overflow:hidden;}
.detail .user-info .icon-avatar img{width:30px;height:30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.detail .user-info .name{ float:left; height:30px; color:#333; font-size:14px; line-height:30px; font-weight:bold; margin-left:10px;}
.detail .page-detail{}
.detail .page-detail .img{ margin:0; clear:both;}
.detail .page-detail .img img{ width:100%; height:auto; border-top-left-radius:0px;border-top-right-radius:0px; display:block;}
.detail .page-detail .status{ height:38px; color:#666; text-align:left; padding:5px 20px; border-bottom-left-radius:0px;border-bottom-right-radius:0px; background:#fff; overflow:hidden;}
.detail .page-detail .status .icon-heart{ color:#666; font-size:13px; line-height:16px; padding-left:16px; background:url(../images/like_grey.png) left center no-repeat; background-size:14px auto; display:inline-block;}
.detail .page-detail .status .icon-comment{ color:#666; font-size:13px; line-height:16px; padding-left:16px; background:url(../images/comment_grey.png) left center no-repeat; background-size:14px auto; margin-left:15px; display:inline-block;}
.comment-list{ margin-top:10px; background-color:#fff; clear:both;}
.comment-list ul li{ padding:10px 20px; border-bottom:1px solid #eee; clear:both;}
.comment-list ul li .a-more{ color:#16b8f6; font-size:13px; line-height:1.5em; display:block;}
.comment-list ul li .a-more:hover{ color:#0a8abb;}
.comment-user{height:40px; clear:both;}
.comment-user .icon-avatar{ float:left; height:30px; text-align:center; clear:both; overflow:hidden;}
.comment-user .icon-avatar img{width:30px;height:30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.comment-user .name{ float:left; height:30px; color:#333; font-size:14px; line-height:30px; font-weight:bold; margin-left:10px;}
.comment-text{ color:#666; font-size:13px; line-height:1.5em; overflow:hidden;}
.comment-text p{ margin-bottom:5px; word-wrap:break-word;}
.comment-text span{ color:#16b8f6;}
/* .comment-text a:hover{ color:#0a8abb;} */
.comment-text .a-quote{ margin-right:10px;}

/* responsive diy */
@media (min-width:768px){
}
@media (max-width:767px) {
}
@media (max-width:639px) {
}
@media (max-width:539px) {
}
@media (max-width:479px) {
}
@media (max-width:359px) {
}
@media (min-width:640px) and (max-width:767px) {
}
@media (min-width:480px) and (max-width:639px) {
}
@media (min-width:360px) and (max-width:479px) {
}
@media (min-width:320px) and (max-width:359px) {
}
@media (max-width:319px) {
}