- page{background-color:#fff}.home.data-v-4ed295c8{position:relative}.home .userinfo.data-v-4ed295c8{display:flex;flex-direction:column;align-items:center;padding:30rpx 0;z-index:100;height:310rpx;color:#fff}.home .corrugated.data-v-4ed295c8{bottom:-2rpx;left:0;position:absolute;width:100%;height:50%;overflow:hidden;z-index:0}.home .corrugated .wave-item.data-v-4ed295c8{position:absolute;width:200%;left:0;height:200rpx;background-repeat:repeat-x;background-position:0 bottom;-webkit-transform-origin:center bottom;transform-origin:center bottom}.home .corrugated .wave-top.data-v-4ed295c8{opacity:.5;-webkit-animation:wave-animation 3s;animation:wave-animation 3s;-webkit-animation-delay:1s;animation-delay:1s;background-size:50% 60rpx;z-index:15}.home .corrugated .wave-middle.data-v-4ed295c8{opacity:.75;-webkit-animation:wavemove-data-v-4ed295c8 10s linear infinite;animation:wavemove-data-v-4ed295c8 10s linear infinite;background-size:50% 80rpx;z-index:10}.home .corrugated .wave-bottom.data-v-4ed295c8{-webkit-animation:wavemove-data-v-4ed295c8 15s linear infinite;animation:wavemove-data-v-4ed295c8 15s linear infinite;background-size:50% 45rpx;z-index:5}.comment.data-v-4ed295c8{display:flex;padding:30rpx;border-bottom:1px solid #eee}.comment .left image.data-v-4ed295c8{width:180rpx;height:130rpx;background-color:#f2f2f2;border-radius:10rpx}.comment .right.data-v-4ed295c8{flex:1;padding-left:20rpx;font-size:28rpx}.comment .right .content.data-v-4ed295c8{margin-bottom:10rpx}.comment .right .reply-box.data-v-4ed295c8{background-color:#f2f2f2;border-radius:12rpx}.comment .right .reply-box .item.data-v-4ed295c8{padding:20rpx;word-break:break-word}@-webkit-keyframes wavemove-data-v-4ed295c8{0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1);transform:translateX(0) translateZ(0) scaleY(1)}50%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(.55);transform:translateX(-25%) translateZ(0) scaleY(.55)}100%{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1);transform:translateX(-50%) translateZ(0) scaleY(1)}}@keyframes wavemove-data-v-4ed295c8{0%{-webkit-transform:translateX(0) translateZ(0) scaleY(1);transform:translateX(0) translateZ(0) scaleY(1)}50%{-webkit-transform:translateX(-25%) translateZ(0) scaleY(.55);transform:translateX(-25%) translateZ(0) scaleY(.55)}100%{-webkit-transform:translateX(-50%) translateZ(0) scaleY(1);transform:translateX(-50%) translateZ(0) scaleY(1)}}
|
