.main-page .top-bar[data-v-0c0806c0]{display:flex;align-items:center;position:fixed;left:0;top:0;background-color:#080808;z-index:100;width:100%;height:5.625rem;padding:1.875rem .875rem 0}.main-page .top-bar .tab-part[data-v-0c0806c0]{display:flex;align-items:center;flex:1;border-bottom:.0625rem solid #212121;border-bottom:1px solid #212121;padding-bottom:.625rem}.main-page .top-bar .tab-part .tab[data-v-0c0806c0]{color:#a5a5a5;font-size:1.125rem;font-weight:600;position:relative}.main-page .top-bar .tab-part .tab[data-v-0c0806c0]:not(:first-child){margin-left:1.25rem}.main-page .top-bar .tab-part .active[data-v-0c0806c0]{color:#fff}.main-page .top-bar .tab-part .active[data-v-0c0806c0]:after{content:"";height:.1875rem;width:2.5rem;background-color:#ff2586;border-radius:.625rem;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;top:2.25rem}.main-page .main-content[data-v-0c0806c0]{padding-top:5.625rem;position:relative}.main-page .main-content .list-bar[data-v-0c0806c0]{display:flex;flex-direction:column;padding:1.25rem .875rem 3.75rem}.main-page .main-content .list-bar .item[data-v-0c0806c0]{display:flex;width:100%;margin-top:0}.main-page .main-content .list-bar .item .left-part[data-v-0c0806c0]{display:flex;position:relative;flex:1}.main-page .main-content .list-bar .item .left-part .item-img[data-v-0c0806c0]{width:5rem;height:5rem}.main-page .main-content .list-bar .item .left-part .item-img[data-v-0c0806c0] img{border-radius:.625rem}.main-page .main-content .list-bar .item .left-part .msg[data-v-0c0806c0]{display:flex;flex-direction:column;margin-left:.625rem;max-width:10.625rem;word-break:break-word}.main-page .main-content .list-bar .item .left-part .msg .item-text[data-v-0c0806c0]{font-size:.875rem;color:#fff}.main-page .main-content .list-bar .item .right-part[data-v-0c0806c0]{width:5rem;display:flex;justify-content:flex-end}.main-page .main-content .list-bar .item .right-part .collect[data-v-0c0806c0]{margin-top:.5rem;display:flex}.main-page .main-content .list-bar .item .right-part .collect .select[data-v-0c0806c0]{width:1.25rem;height:1.25rem}.main-page .main-content .list-bar .item[data-v-0c0806c0]:not(:first-child){margin-top:.625rem}.main-page .main-content .empty-box[data-v-0c0806c0]{margin-top:5rem}@media screen and (min-width:767.5px){.main-page .top-bar[data-v-0c0806c0]{width:24.375rem;margin:0 auto;left:auto}}