@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2020-05-19 15:45:09
 * @version $Id$
 */


.historyListWrap{ padding: 20px 0 20px 40px; }

.historyList li{ width: 246px; height: 132px; border: 1px solid #e8e8e8; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px; }
.historyList li:nth-of-type(3n+0){ margin-right: 0; }

.historyList .liTitle{ border-bottom: 1px solid #e8e8e8; }
.historyList span.biaoTi{ float: left; font-size: 14px; color: #666666; line-height: 33px; padding-left: 10px; }
.historyList span.dateTime{ float: right; line-height: 33px; font-size: 12px; color: #999999; padding-right: 10px; }


.historyList .liContent{ padding: 9px 5px; }
.historyList .headPortraitList{ text-align: center; }
.historyList .headPortraitList span{ width: 38px; height: 38px; overflow: hidden; display: inline-block; vertical-align: top; border: 1px solid #e9e9e9; margin-right: 7px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.historyList .headPortraitList span:last-of-type{ margin-right: 0; }
.historyList .headPortraitList img{ vertical-align: top; width: 38px; height: 38px; }

.historyList .buttons{ padding-top: 10px; text-align: center; }
.historyList .buttons input{ width: 168px; height: 30px; border: none; background: #fafafa; font-size: 14px; color: #888888; cursor: pointer;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;
border-radius: 1px; }