/* Write your styles */
body{ background-color: #eee;}
a{
  color:inherit;
  cursor: pointer;
}

a:hover{
  color:inherit;
}
.warp{

}
.am-container{
  max-width:1600px;
}
.banner{width:100%; }
.banner img{ width:100%;
  height:auto;}
.container {  padding:30px 0px;}
.container h2{
  font-weight: lighter;
   font-size: 3rem;
    text-align: center;
  }
.pp{
  padding:10px 30px;
 position: relative;
 background-color: #fff;
 border-radius: 3px;
 -o-border-border-radius: 3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 margin-top: 70px;
}
.ppic{
  position: absolute;
  width:100px;
  height:100px;
  right:30px;
  top:-50px;
  z-index: 3;
}
.ppic img{
  border-radius: 60px;
  -o-border-border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
}
.name{
  position: absolute;
  right:150px;
  text-align: right;
}
.name span{
 font-weight: bold;
}
.pp h3{
  margin-top: 50px;
  overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.pp p{
  overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color:#666;

}
.more{
  border-top:#eee solid 1px;
  padding-top: 10px;
}
.more a{
  display:block;
   padding:0px 10px;
   color:#999;
   float: right;
   border:#ccc solid 1px;
}
.footer{ width:100%; margin-top:30px; text-align:center; color:#666; background:#fff; font-size:12px; padding:50px 0px;}