/******案例日记******/
.diaryListA{ position: relative; }
.diaryListA .ul{ font-size: 0; }
.diaryListA .ul .Imgs{ display: inline-block; }
.diaryListA .ul .imgBox{ display: inline-block; vertical-align: middle; width: 168px; position: relative; }
.diaryListA .ul .imgBox::before{ padding-top:100%; }
.diaryListA .ul .imgBox+.imgBox{ margin-left: 10px; }
.diaryListA .ul .word{ text-align: center; position: absolute; left:0; top:0; width:100%; background:rgba(0,0,0,.51); padding:0 15px; line-height: 30px; font-size: 14px; color: #ffffff; }
.diaryListA .ul .a .word{ background:rgba(0,191,191,.55); }
.diaryListA .ul .cont{ display: inline-block; vertical-align:top; padding:6px 0 0 15px; width:calc(100% - 346px); }
.diaryListA .ul .title{ display: block; margin-bottom:10px; line-height: 22px; font-weight:bold; font-size: 16px; color: #333333; }
.diaryListA .ul .memberInfo{ line-height: 25px; }
.diaryListA .ul .nick{ font-size: 14px; color: #555555; }
.diaryListA .ul .nick img{ display: inline-block; vertical-align: top; margin-right:10px; width: 25px; height: 25px; border-radius: 50%; }
.diaryListA .ul .time{ font-size: 13px; color: #999999; }
.diaryListA .ul .words{ margin:10px 0 13px; line-height: 22px; font-size: 14px; color: #888888; }
.diaryListA .ul .other{ line-height: 22px; font-size: 13px; }
.diaryListA .ul .tags{ color: #00bfbf; }
.diaryListA .ul .Btn{ display: inline-block; color: #999999; }
.diaryListA .ul .Btn+.Btn{ margin-left: 25px; }
.diaryListA .ul .Btn::before{ display: inline-block; vertical-align:middle; margin-right:5px; margin-bottom:2px; }
.diaryListA .ul .look::before{ width:22px; height: 14px; background-position:-102px -629px; }
.diaryListA .ul .comment::before{ width: 16px; height: 16px; background-position:-148px -629px; }

.diaryListA .ulA li+li{ margin-top: 20px; }

.diaryListA .ul .title:hover{ color:#00bfbf; }