.vue-waterfall{position:relative}.vue-waterfall-slot{position:absolute;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.vue-css-scale{position:relative;width:100%;height:100%;line-height:inherit;overflow:hidden}.vue-css-scale img{display:inline-block;vertical-align:middle;transition:transform 1s,-webkit-transform 1s}.vue-css-scale:hover img{-webkit-transform:scale(1.15);transform:scale(1.15)}.vue-css-scale.x:hover img{-webkit-transform:scaleX(1.15);transform:scaleX(1.15)}.vue-css-scale.y:hover img{-webkit-transform:scaleY(1.15);transform:scaleY(1.15)}.my-card{position:absolute;top:10px;left:10px;right:10px;bottom:10px;cursor:pointer}.my-card-img{border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;font-size:0}.my-card-img>img{vertical-align:top}.my-card .spotSign{position:absolute;width:32px;height:32px;line-height:32px;text-align:center;background:#99c72c;color:#fff;font-size:12px;border-radius:50%;top:4px;left:4px}.my-waterfall .my-card-info{width:100%;height:125px;padding:0 20px}.my-waterfall .my-card-title{font-size:16px;color:#353838;margin-bottom:4px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;display:inline-block;margin-top:20px;text-align:left}.my-waterfall .my-card-title:hover{color:#308697}.my-waterfall .my-card-desc{font-size:12px;color:#6c6f70;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;height:18px;margin-bottom:18px;text-align:left}.my-waterfall .my-card-row{width:100%;display:inline-block}.my-waterfall .my-card-row-left{float:left;text-align:left}.my-waterfall .my-card-row-center{float:left;text-align:left;margin-left:15px}.my-waterfall .my-card-row-right{float:right;text-align:right}.my-waterfall .my-card-row.my-card-user{width:100%;height:70px;border-top:2px solid #f2f4f5;padding:0 20px;line-height:70px}.my-waterfall .my-card-row.my-card-user .vue-avatar{margin-top:13px}.my-waterfall .my-card-row.my-card-user img{border:1px solid #f2f3f4}.my-waterfall .my-card-remove{position:absolute;right:10px;top:10px}.my-waterfall .my-card-remove:hover{opacity:.8}.my-waterfall .my-card-remove:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;display:block}.my-waterfall .my-card-collector{width:64px;height:28px;line-height:24px;background:#e14b5d;border-radius:100px;position:absolute;right:10px;top:10px;color:#fff;text-align:center;opacity:1;visibility:hidden;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.my-waterfall .my-card-collector:hover{opacity:.8}.my-waterfall .my-card:hover .my-card-collector{opacity:1;visibility:visible}