@-webkit-keyframes activity-toast-show {
  0% {-webkit-transform: scale(.5) translate(-50%, -50%);transform: scale(.5) translate(-50%, -50%);}
  75% {-webkit-transform: scale(1.08) translate(-50%, -50%);transform: scale(1.08) translate(-50%, -50%);}
  100% {-webkit-transform: scale(1) translate(-50%, -50%);transform: scale(1) translate(-50%, -50%);}
}
@keyframes activity-toast-show {
  0% {-webkit-transform: scale(.5) translate(-50%, -50%);transform: scale(.5) translate(-50%, -50%);}
  75% {-webkit-transform: scale(1.08) translate(-50%, -50%);transform: scale(1.08) translate(-50%, -50%);}
  100% {-webkit-transform: scale(1) translate(-50%, -50%);transform: scale(1) translate(-50%, -50%);}
}
@-webkit-keyframes activity-toast-hide {
  0% {-webkit-transform: scale(1) translate(-50%, -50%);transform: scale(1) translate(-50%, -50%);}
  25% {-webkit-transform: scale(1.08) translate(-50%, -50%);transform: scale(1.08) translate(-50%, -50%);}
  100% {-webkit-transform: scale(.5) translate(-50%, -50%);transform: scale(.5) translate(-50%, -50%);}
}
@keyframes activity-toast-hide {
  0% {-webkit-transform: scale(1) translate(-50%, -50%);transform: scale(1) translate(-50%, -50%);}
  25% {-webkit-transform: scale(1.08) translate(-50%, -50%);transform: scale(1.08) translate(-50%, -50%);}
  100% {-webkit-transform: scale(.5) translate(-50%, -50%);transform: scale(.5) translate(-50%, -50%);}
}

.activity-toast{
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 8px;
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  display: inline-block;
  z-index: 19999;
}
.activity-toast-transition-enter{
  opacity: 0;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.activity-toast-transition-enter-active{
  opacity: 1;
  -webkit-transition: .3s opacity cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: .3s opacity cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-animation: activity-toast-show .3s cubic-bezier(0.165, 0.84, 0.44, 1);
          animation: activity-toast-show .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.activity-toast-transition-exit{
  opacity: 1;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.activity-toast-transition-exit-active{
  opacity: 0;
  -webkit-transition: .3s opacity cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: .3s opacity cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-animation: activity-toast-hide .3s cubic-bezier(0.165, 0.84, 0.44, 1);
          animation: activity-toast-hide .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
div,p,ul,li,a,img,span,h1,h2,h3,h4,h5,h6,header,footer,section,article,form,input,textarea,video,iframe{margin:0;padding:0}body,html{margin:0;padding:0;font-size:12px}ul,li{list-style:none}a{color:#222;text-decoration:none}a,input{outline:none;cursor:pointer}textarea{overflow:hidden}.clearfix:after{display:block;visibility:hidden;clear:both;width:0;height:0;content:"."}
.read-card{position:relative;width:478px;border-radius:12px;padding:17px 0 22px 0}.read-card a{display:block}.read-card .card-icon-left{position:absolute;top:0;right:0;width:36px;height:36px;background-position:top right;background-size:cover}.read-card-content{overflow:hidden}.read-card-content .card-box{width:446px;margin:0 auto}.read-card-content .card-title{display:block;width:446px;height:24px;font-size:17px;line-height:22px;color:#212121;margin:12px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-card-content .card-author-info{overflow:hidden}.read-card-content .card-author-info-face{width:24px;height:24px;background-color:pink;border-radius:50%;background-size:100%;float:left;margin-right:12px}.read-card-content .card-author-info-name{font-size:14px;color:#99a2aa;line-height:24px;float:left}.read-card-content .card-cover{display:block;width:478px;height:142px;background-color:#b0e0e6;background-size:cover;background-position:center}.read-card-content .img-1{width:478px;height:142px;float:left;background-size:cover;background-position:center}.read-card-content .img-2{width:237px;height:142px;float:left;background-size:cover;background-position:center;margin-right:4px}.read-card-content .img-2:nth-child(2n){margin-right:0}.read-card-content .img-3{width:156.5px;height:142px;float:left;background-size:cover;background-position:center;margin-right:4px}.read-card-content .img-3:nth-child(3n){margin-right:0}.read-card .card-desc{width:446px;height:44px;font-size:15px;color:#505050;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:12px;padding-top:12px}.read-card .read-card-Detail{padding:0 20px;overflow:hidden;font-size:12px;color:#99a2aa}.read-card .read-card-Detail-info{overflow:hidden;padding-top:9px;float:left}.read-card .read-card-Detail-info .info-desc{float:left;font-size:14px;color:#99a2aa;line-height:16px}.read-card .read-card-Detail .card-vote{float:right;padding:6px 11px;background-color:#fff;color:#f25d8e;border:1px solid #ccc;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.read-card .read-card-Detail .card-vote:hover{background-color:#f25d8e;border:1px solid #f25d8e;color:#fff}.read-card .read-card-Detail .card-vote:hover .card-vote-icon{display:inline-block;height:14px;line-height:14px;vertical-align:middle;background-position:-74px 0}.read-card .read-card-Detail .card-vote .card-vote-number{display:inline-block;height:14px;line-height:18px}.read-card .read-card-Detail .card-vote-icon{float:left;width:16px;height:16px;background:url("//i0.hdslb.com/bfs/activity-plat/static/20171207/da21ccadcae3ec26db9b6ba2e033f7c2/images/l60oy95n49.png") no-repeat;background-position:-48px 1px;margin-right:4px}
.pc-read-entry{width:980px;margin:0 auto}.pc-read-entry-list{display:inline-block;margin-bottom:30px}