.medias{background-color:#f4f4f4;width:100%;display:flex;justify-content:center;align-items:center}
.medias .mediamain{width:1200px;background-color:#f4f4f4}
.labels{width:100%;display:flex;justify-content:flex-start;align-items:center;margin-top:64px}
.labels .total{color:#000;font-size:20px}
.labels .buttonone{border:1px solid #999;color:#999;text-decoration:none;font-size:14px;padding:7px 9px 7px 9px;border-radius:15px;margin-left:30px}
.labels .buttontwo{border:1px solid #009ef0;color:#009ef0;text-decoration:none;font-size:14px;padding:7px 9px 7px 9px;border-radius:15px;margin-left:30px}
.labels .button:hover{color:#009ef0;border:1px solid #009ef0}
.headlabel{margin-top:64px;margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}
.headlabel .left{font-size:32px;border-bottom:2px solid #009ef0;padding-bottom:20px}
.headlabel .right{font-size:14px;color:#009ef0}
.headlabel .right:hover{opacity:.8}
.report{display:flex;justify-content:flex-start;flex-wrap:wrap}
.report .activity{background:#f2f2f2;margin:0 33px 60px 0;text-decoration:none;position:relative;width:275px;height:298px}
.report .activity:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 0 40px rgba(0,36,100,.3);-webkit-box-shadow:0 0 40px rgba(0,36,100,.3);-moz-box-shadow:0 0 40px rgba(0,36,100,.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;z-index:100}
.activity:nth-child(4n){margin-right:0}
.report .activity .play{position:absolute;left:110px;top:85px}
.report .activity .content{background:#fff;padding:12px 0 12px 12px}
.report .activity .content .top{width:68px;color:#14a5f0;margin-bottom:12px;font-size:12px;border:1px solid #14a5f0;border-radius:15px;padding:2px 4px 2px 4px;text-align:center;display:inline-block;margin-right:3px}
.report .activity .content .bottom{font-size:16px;color:#000;width:259px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}