﻿/* 列表 */
.list-container {
    margin-top: 10px;
    margin: 0px;
    margin-bottom: 10px;
}
.list-container .item {
    background: #FFFFFF;
	/*border-bottom: 1px solid #ddd;*/
	padding: 10px 10px 10px 10px;
    margin-bottom:5px;display:block;
}
.list-container .item .pic {
    position: relative;
	width: 100%;
	margin-right: 2%;
	background: #fff;
	text-align: center;
	overflow: hidden;
}
.list-container .item .pic img {
    width:100%;
    opacity: 1; -webkit-transition: opacity 600ms ease; transition: opacity 600ms ease;
}
.list-container .item .info {
	margin: 0px;
	width: 100%;
	color:#999;font-size:14px;line-height:1.8;
}
.list-container .item .info .iconfont {
    font-size:14px;
}
.list-container .item .info .title{
	font-size:16px;color:#666;font-family:'Microsoft YaHei';margin-top:5px;
}
.list-container .item .info .desc {
    line-height:1.4;
}
.tag-container {
    padding-top:10px;
}
.list-container .item .mark {
    position:absolute;bottom:0px;
    height:30px;line-height:30px;
    background:#333;opacity:0.7;
    color:#fff;width:100%;text-align:right;padding-right:15px;
}
.list-container .item .mark span {
    margin-right:10px;font-size:14px;
}
.list-container .item .mark .iconfont {
    font-size:14px;
}
/* 详情 */
.details-container {

}
.details-container .pic {
    position:relative;
}
.details-container .pic img {
    width:100%;
    opacity: 1; -webkit-transition: opacity 600ms ease; transition: opacity 600ms ease;
}
.details-container .info .iconfont {
    font-size:14px;
}
.details-container .mark {
    position:absolute;bottom:0px;
    height:30px;line-height:30px;
    background:#333;opacity:0.7;
    color:#fff;width:100%;text-align:right;padding-right:15px;
}
.details-container .mark span {
    margin-right:10px;font-size:14px;
}
.details-container .mark .iconfont {
    font-size:14px;
}
#join_users p {
   float:left;margin-right:3px;text-align:center;
   margin-bottom:8px;
}
#join_users p:last-child {
    margin-right:0px;
}
#join_users p img {
    width:45px;height:45px;border-radius:50%;
}
#join_users p span {
    display:block;font-size:12px;margin-top:5px;
    width:60px;overflow:hidden;
    text-overflow:clip ;white-space:nowrap;
}

/* 评论 */
#comments .comment {
     font-size: 12px;width:100%;position:relative;min-height:45px;
     padding:8px 0px;
}
#comments .comment:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #D9D9D9;
    color: #D9D9D9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    }
#comments .comment:first-child:before {
   
    border-top: 0;
   
    }
#comments .comment .photo {
    position:absolute;left:0px;
}
#comments .comment .photo img{
    width:45px;height:45px;border-radius:50%;
}
#comments .comment .desc {
    margin-left:60px;
}
#comments .comment .desc .nickname {
    color:#666;
}
#comments .comment .time {
       
    float: right;
    display: inline-block;
}
#comments .comment .content {
    margin-top:3px;
}

/*滚动图 */
.focus{ width:100%;max-width:640px;margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
.focus .hd ul .on{ background:#FF4000;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; max-width:640px;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }   
