.activitylist {overflow: hidden;}
.activity {padding: 35px 0;min-height: 300px;}
.activity .colum1{float: left; width: 42%; margin-right: 3%; position: relative; min-height: 300px;}
.activity .colum1 .icons{position: absolute; width: 70px; }
.activity .icon_link{border: 1px solid #c5c5c5; width: 54px; height: 54px; background-color: #fff; border-radius: 4px; display: block;}
.activity .icon_link:hover{background-color: #fafafa;}
.activity .colum1 .image{position: absolute; left: 75px; right: 5px; text-align: left;}
.activity .colum1 .image img{max-width: 100%;}
.activity .colum2{float: left; width: 55%; font-size: 14px; line-height: 24px; }
.activity .colum2 div{padding-left: 10px;}
.activity .colum2 .title{ margin-top: 20px; font-size: 18px;}
.activity .colum2 .title a,.activity .colum2 .title a:visited{color: #000!important;}
.activity .colum2 .title a:hover {color:#0079ff!important;}
.activity .colum2 .customer{ margin-top: 20px;}
.activity .colum2 .desc{margin-top: 25px; max-height: 168px; overflow: hidden; position: relative;}
.activity .colum2 .desc .descmore {position: absolute; background-color: #fff; bottom: 0px; width: 100%; height: 24px; line-height: 24px; color: #0079ff; font-size: 12px; cursor: pointer;}

.pagebar .pagebtn{width: 40px; height: 40px; border:1px solid #c5c5c5; border-radius: 2px; text-align: center; line-height: 40px; font-size: 18px; display: inline-block; cursor: pointer;}
.pagebar .pagebtn.selected{border-color:#0079ff; color: #0079ff; cursor: default;}
.pagebar .pagebtn.disabled{color:#c5c5c5; cursor: default;}
.pagebar .prev{float: left;}
.pagebar .next{float: right;}
.pagebar .mid{text-align: center;}
.pagebar .mid .pagebtn{margin: 0 5px;}


@media only screen and (max-width: 600px){
.activity .colum1{width: 100%;}
.activity .colum2{width: 100%;}
}