/* CSS Document */
body{ background: #ededef;}

.ul_records{ margin-top:20px; }
.ul_records li{ width:277px; float:left; margin-bottom: 20px; margin-right:19px; transition: 0.25s; }
.ul_records li:hover{ box-shadow: 0 0 5px #666;}
.ul_records li:hover img{ transform: scale(1.03);}
.ul_records li:nth-of-type(4n+4){ margin-right:0;}
.ul_records .r_wrapper{ padding:6px; background: #fff;}
.ul_records .show{ position: relative; overflow: hidden;}
.ul_records .show img{ width:100%; transition: transform 0.8s;}
.ul_records .show p{ width:100%; height: 38px; line-height: 38px; color:#fff; font-size: 16px; padding:0 10px; box-sizing: border-box; 
background:url(../img/icon_opacity06.png); position: absolute; bottom:0; left:0; 
white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.ul_records .user{ height: 50px; line-height: 50px; padding:8px 0 12px; font-size: 16px;}
.ul_records .user img{ width: 50px; height: 50px; border-radius: 50%; vertical-align: middle; margin-right:10px;}

.paging{ text-align:center; padding:10px 0 30px;}
.paging a{ width:34px; height: 34px; line-height: 34px; text-align: center; display:inline-block; font-size: 16px; border:1px solid #fff; margin-right:3px;cursor:pointer; background:#fff; color:#011534; transition:border 0.25s;}
.paging a.active{ border:1px solid #011534; background:#011534; color:#fff; }
.paging a:active{ opacity: 0.6;}
.paging a:hover{ border:1px solid #011534;}