.motion-card{width:304px;max-height:340px;background:#fff;border-radius:10px}.motion-card:hover{-webkit-box-shadow:0 16px 26px 0 rgba(188,188,195,.32);box-shadow:0 16px 26px 0 rgba(188,188,195,.32)}.motion-card .img-container{height:214px;background-color:#f4f5f8;overflow:hidden;border-radius:10px 10px 0 0;position:relative}.motion-card .img-container .motion-image{display:block;margin:auto;border-radius:10px;background-size:contain;background-repeat:no-repeat;clip-path:polygon(0 0,100% 0,100% 266px,0 266px);border:1px solid #eff0f3}.motion-card .img-container .motion-image-gif{width:304px;height:304px}.motion-card .img-container .motion-card-video{display:inline-block;width:304px;border:1px solid #eff0f3}.motion-card .img-container .top-label{width:34px;height:34px;position:absolute;top:0;left:0;background-size:contain;background-image:url(//s3plus.meituan.net/v1/mss_1ada830d56584ddeae1b0899c231c552/image/ingee/motion/%E7%BD%AE%E9%A1%B6%E6%A0%87%E7%AD%BE%402x.png)}.motion-card .motion-bottom{height:124px;background-color:#fff;padding:20px 24px;position:relative;border-radius:0 0 10px 10px;border:1px solid #eff0f3;border-top:none}.motion-card .motion-bottom .motion-info .motion-title{font-size:20px;color:#222}.motion-card .motion-bottom .motion-info .motion-scene{font-size:13px;height:18px;color:#646464;font-weight:300;overflow:hidden}.motion-card .motion-bottom .motion-info .motion-owner{margin-top:16px}.motion-card .motion-bottom .motion-info .motion-owner-avatar{width:22px;vertical-align:middle;margin-right:6px;border-radius:50%}.motion-card .motion-bottom .motion-info .motion-owner-name{display:inline-block;transform:scale(.833);-webkit-transform:scale(.833);font-size:12px;color:#999}.motion-card .motion-bottom .support-container{position:absolute;right:24px;bottom:20px;font-size:12px;color:#999}.motion-card .motion-bottom .support-container .support-img{width:13px;height:13px;background-size:contain;display:inline-block;margin-right:2px;vertical-align:text-top}.motion-card .motion-bottom .support-container .top-motion{width:10px;height:11px;margin-right:14px;vertical-align:middle;background-image:url(//s3plus.meituan.net/v1/mss_1ada830d56584ddeae1b0899c231c552/image/ingee/motion/%E7%BD%AE%E9%A1%B6%402x.png)}.motion-card .motion-bottom .support-container .supported-img{margin-right:3px;background-image:url(//s3plus.meituan.net/v1/mss_1ada830d56584ddeae1b0899c231c552/image/ingee/motion/%E5%B7%B2%E8%B5%9E%403x.png)}.motion-card .motion-bottom .support-container .pause-img{background-image:url(//s3plus.meituan.net/v1/mss_1ada830d56584ddeae1b0899c231c552/image/ingee/motion/%E8%B5%9E%403x.png)}.motion-card .motion-bottom .support-container .support-num{font-size:12px;color:#999;text-align:center;line-height:12px}.motion-list .length-1[data-v-b8c6ba6e]{width:960px;text-align:left!important}.motion-list .moiotn-list-card[data-v-b8c6ba6e]{cursor:pointer;text-align:left;min-width:304px}.motion-list .motion-tab__button[data-v-b8c6ba6e]{margin-top:18px;display:inline-block;width:106px;height:40px;line-height:40px;background:#ffc300;border-radius:4px;font-size:14px;color:#222;text-align:center;vertical-align:middle;cursor:pointer;border:none;outline:none}.motion-list .motion-tab__button[data-v-b8c6ba6e]:active{opacity:.5}.motion-list .motion-tab__button .motion-tab__icon[data-v-b8c6ba6e]{margin-right:3px;width:20px;cursor:pointer}.motion-list .motion-loading[data-v-b8c6ba6e]{position:absolute;top:50%;left:48%;height:0;width:0}.motion-list .empty-motions[data-v-b8c6ba6e]{margin:auto;margin-top:140px;text-align:center}.motion-list .empty-motions-img[data-v-b8c6ba6e]{height:115px;width:133px;margin:auto;margin-bottom:50px;background-size:contain;background-image:url(//s3plus.meituan.net/v1/mss_1ada830d56584ddeae1b0899c231c552/image/ingee/%E6%9A%82%E6%97%A0%E4%BD%9C%E5%93%81%402x.png)}.motion-list .empty-motions-text[data-v-b8c6ba6e]{font-size:20px;color:#646464}.motion-container{height:100%;overflow:auto;padding-top:100px}.motion-container .motion-content{min-height:400px;text-align:center}.motion-container .person-info{width:955px;margin:auto;padding-bottom:20px}.motion-container .person-info .name{font-size:32x;color:#222;font-weight:500;display:inline-block}.motion-container .person-info .motion-num{padding-left:10px;display:inline-block;font-size:13px;color:#646464;line-height:22px;font-weight:300}.motion-container .person-info .motion-num span{font-weight:400}