/*.main{padding-bottom: 330px;}*/
.activityList{    padding-top: 6px;}
.activityImg{float: right;width: 474px;}
.activityInformation{float: left;position: relative;}
.activityRight .activityImg{float: left;}
.activityRight .activityInformation{float: right;}
.activityInformation>div{border: 2px solid #eaeaea;padding: 22px 16px 10px 20px;background: #eaeaea;}
.activityImg img{width: 100%;}
.activityInformation h2{font-size: 14px;font-weight: 600;color: #666;    margin-bottom: 16px;}
.activityInformation h2 a{color: #666; }
.activityInformation p{font-size: 12px;    line-height: 21px; color: #666;    margin-top: 3px;display: -webkit-box; -webkit-line-clamp: 2;overflow: hidden; -webkit-box-orient: vertical; word-break: break-all;}
.activityInformation p.activityP{min-height: 42px;}
.activityInformation a.more{font-size: 12px;color: #999;float: right;    line-height: 18px; height: 18px;}
.activityInformation a .fa-angle-right{vertical-align: bottom;margin-left: 6px;font-size: 18px;}
.activityLeft .activityInformation img{    position: absolute; top: 50%; margin-top: -7px; right: -12px;}
.activityRight .activityInformation img{    position: absolute; top: 50%; margin-top: -7px; left: -12px;}
.activityList li{margin-bottom: 16px;overflow: hidden;}
.activityInformation>div:hover{    border: 2px solid #ef828a;background: #fff;}
.activityInformation:hover img.iconHover{display: block;}
.activityInformation:hover img.icon{display: none;}
.activityInformation a:hover{color: #df0615;}
.activityInformation a:hover .fa-angle-right{color: #df0615;}
.activityInformation img{display: none;}
.activityInformation img.icon{display: block;} 
.pages { margin:51px -7px 26px -1px;}
@media (max-width: 999px){
  .activityInformation>div:hover{    border: 2px solid #eaeaea;background: #eaeaea;}
  .activityInformation:hover img.iconHover{display: none;}
  .activityInformation:hover img.icon{display: block;}
  .activityImg{width:420px;}
  .activityInformation>div { padding: 10px 16px 10px 20px; }
  .activityInformation h2{    margin-bottom: 9px;}
  .main {padding-top: 70px; }
}
@media (max-width: 767px){
  .activityList li{overflow: inherit;}
  .activityImg{float: inherit;}
  .activityInformation{float: inherit;}
  .activityRight .activityImg{float: inherit;}
  .activityRight .activityInformation{float: inherit;}
  .activityImg { width: inherit; }
  .activityInformation img{display: none;}
  .activityInformation img.icon{display: none;}
  .activityInformation img.iconMobile{display: block;top: -4px;left: 50%; margin-left: -7px;}
    .activityInformation>div{padding:16px 8px 16px 10px;}    
  .activityInformation p{letter-spacing: 0.1px;margin-top: 3px;}
  .activityInformation p.activityP{    margin-top: 4px;}
  .activityInformation h2 { margin-bottom: 15px; }
    .activityInformation a{margin-top: 3px;margin-right: 3px;}
    .activityList li { margin-bottom: 20px; }
}