.publicity .wrapper[data-v-33ce2d33]{align-items:flex-end;display:flex;padding-top:120px}.publicity .tips[data-v-33ce2d33],.publicity h1[data-v-33ce2d33]{text-align:center}.publicity .tips[data-v-33ce2d33]{margin:10px 20px}.publicity main[data-v-33ce2d33]{flex:1}.publicity aside[data-v-33ce2d33]{background-color:#444;box-sizing:border-box;height:580px;overflow-y:auto;padding:10px;width:200px}.publicity aside .item[data-v-33ce2d33]{margin:10px}.publicity aside .item img[data-v-33ce2d33]{cursor:pointer;width:100%}.publicity aside .item h4[data-v-33ce2d33]{font-size:12px;font-weight:400;margin:5px 0;transition:all .2s}.publicity aside .item .poster[data-v-33ce2d33]{position:relative}.publicity aside .item .icon[data-v-33ce2d33]{fill:#ffffffb3;border-radius:50%;cursor:pointer;font-size:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:center}.publicity aside .item .icon.playing[data-v-33ce2d33]{fill:var(--highlight-color);animation:playing-33ce2d33 2s infinite;background-color:#ffffff80;box-shadow:0 0 5px #00000080}.publicity aside .item[data-v-33ce2d33]:hover{color:var(--highlight-color)}@keyframes playing-33ce2d33{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}.player[data-v-33ce2d33]{background-color:#333;margin-top:30px;padding:20px}.player video[data-v-33ce2d33]{display:block;height:540px;width:100%}.theme-light .player[data-v-33ce2d33],.theme-light aside[data-v-33ce2d33]{background-color:transparent}@media screen and (max-width:1200px){.publicity .wrapper[data-v-33ce2d33]{align-items:center;flex-direction:column}.publicity .player[data-v-33ce2d33]{padding:0}.publicity aside[data-v-33ce2d33]{background-color:transparent;display:flex;flex-wrap:wrap;height:auto;margin-top:50px;padding:0;width:auto}.publicity aside .poster[data-v-33ce2d33]{height:120px}.publicity aside .poster img[data-v-33ce2d33]{height:100%;width:auto}}@media screen and (max-width:768px){.publicity aside[data-v-33ce2d33]{justify-content:space-between}.publicity aside .item[data-v-33ce2d33]{margin:10px 0;width:45%}.publicity aside .item .poster[data-v-33ce2d33]{height:auto}.publicity aside .item .poster img[data-v-33ce2d33]{width:100%}.player video[data-v-33ce2d33]{height:auto}}