#livelist-box[data-v-0ae628cf]{background:#f3f5f7;font-family:OPPOSans;margin-top:60px}#livelist-box .head[data-v-0ae628cf]{background-position:50%;background-size:100% 100%;color:#fff;height:300px;margin-bottom:40px;width:100%}#livelist-box .head .main[data-v-0ae628cf]{display:flex;flex-flow:column;height:100%}#livelist-box .head .main .crumbs-box[data-v-0ae628cf]{height:52px}#livelist-box .head .main .title[data-v-0ae628cf]{align-items:center;display:flex;flex:1;flex-flow:column;justify-content:center}#livelist-box .head .main .title .font_blod[data-v-0ae628cf]{font-size:36px;line-height:36px;margin-bottom:10px}#livelist-box .head .main .title .desc[data-v-0ae628cf]{font-size:14px;line-height:20px}#livelist-box .list_main[data-v-0ae628cf]{background-color:#fff;border-radius:8px;display:flex;flex-flow:column;margin-bottom:40px;padding:40px 80px}#livelist-box .list_main .l_head[data-v-0ae628cf]{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}#livelist-box .list_main .l_head .nav_box[data-v-0ae628cf]{align-items:center;display:flex}#livelist-box .list_main .l_head .nav_box .nav_item[data-v-0ae628cf]{background:#eee;border-radius:4px;color:#121212;font-size:16px;height:40px;line-height:40px;margin-right:10px;padding:0 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}#livelist-box .list_main .l_head .nav_box .noSelect[data-v-0ae628cf]{color:#ccc}#livelist-box .list_main .l_head .nav_box .nav_item_active[data-v-0ae628cf]{background:#2250c4;color:#fff!important}#livelist-box .list_main .l_head .time[data-v-0ae628cf]{color:#2250c4;font-size:16px;line-height:20px}#livelist-box .list_main .list_box .list_item[data-v-0ae628cf]{border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:40px 0}#livelist-box .list_main .list_box .list_item .info[data-v-0ae628cf]{display:flex;flex:1;flex-flow:column;justify-content:space-between}#livelist-box .list_main .list_box .list_item .info .title[data-v-0ae628cf]{color:#121212;font-size:20px;line-height:26px}#livelist-box .list_main .list_box .list_item .info .title .status[data-v-0ae628cf]{border-radius:2px;display:inline-block;font-size:14px;height:26px;padding:0 10px;width:-moz-fit-content;width:fit-content}#livelist-box .list_main .list_box .list_item .info .title .status .liveGif[data-v-0ae628cf]{align-items:flex-end;display:flex;height:12px;justify-content:space-between;margin-left:6px;width:10px}#livelist-box .list_main .list_box .list_item .info .title .status .liveGif>div[data-v-0ae628cf]{background-color:#00b002;width:2px}#livelist-box .list_main .list_box .list_item .info .title .status .liveGif .col1[data-v-0ae628cf]{animation:col1-0ae628cf 1s linear infinite}#livelist-box .list_main .list_box .list_item .info .title .status .liveGif .col2[data-v-0ae628cf]{animation:col2-0ae628cf 1s linear .5s infinite;height:4px}#livelist-box .list_main .list_box .list_item .info .title .status .liveGif .col3[data-v-0ae628cf]{animation:col3-0ae628cf 1s linear .3s infinite;height:2px}@keyframes col1-0ae628cf{0%{height:1px}50%{height:12px}to{height:1px}}@keyframes col2-0ae628cf{0%{height:4px}50%{height:12px}to{height:4px}}@keyframes col3-0ae628cf{0%{height:2px}50%{height:12px}to{height:2px}}#livelist-box .list_main .list_box .list_item .info .title .livebe[data-v-0ae628cf]{background:#e4f0ff;color:#2250c4}#livelist-box .list_main .list_box .list_item .info .title .liveing[data-v-0ae628cf]{background:#dafcdb;color:#00b002}#livelist-box .list_main .list_box .list_item .info .title .nowLive[data-v-0ae628cf]{background-color:#2250c4;color:#fff}#livelist-box .list_main .list_box .list_item .info .title .liveed[data-v-0ae628cf]{background:#f1f1f1;color:#888}#livelist-box .list_main .list_box .list_item .info .title .playback[data-v-0ae628cf]{background-color:#1d0e58;color:#fff}#livelist-box .list_main .list_box .list_item .info .lable[data-v-0ae628cf]{color:#888;font-size:14px;line-height:20px}#livelist-box .list_main .list_box .list_item .imgBox[data-v-0ae628cf]{margin-left:40px;position:relative;width:348px}#livelist-box .list_main .list_box .list_item .imgBox .liveimg[data-v-0ae628cf]{border-radius:4px;width:100%}#livelist-box .list_main .list_box .list_item .imgBox .online[data-v-0ae628cf]{border-bottom:20px solid #2250c4;border-left:20px solid transparent;border-right:20px solid transparent;height:0;position:absolute;right:-20px;top:15px;transform:rotate(45deg);width:90px;z-index:1}#livelist-box .list_main .list_box .list_item .imgBox .online>div[data-v-0ae628cf]{color:#fff;font-family:OPPOSansM;font-size:12px;line-height:20px;position:absolute;text-align:center;transform:translate(2px)}#livelist-box .list_main .list_box .list_item:hover .info .title[data-v-0ae628cf]{color:#2250c4}#livelist-box .list_main .list_box .list_item[data-v-0ae628cf]:last-child{border:none}#livelist-box .list_main .empty[data-v-0ae628cf]{padding:60px 0 100px;text-align:center;width:100%}#livelist-box .list_main .empty img[data-v-0ae628cf]{display:inline-block;width:132px}#livelist-box .list_main .empty .text[data-v-0ae628cf]{color:#111a34;font-size:16px;margin-top:10px}#livelist-box .list_main .prevNext[data-v-0ae628cf]{display:flex}#livelist-box .list_main .prevNext>div[data-v-0ae628cf]{align-items:center;background:#eee;border-radius:4px;color:#ccc;display:flex;font-size:16px;height:40px;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:200px}#livelist-box .list_main .prevNext>div>i[data-v-0ae628cf]{font-size:18px}#livelist-box .list_main .prevNext .hoverItem[data-v-0ae628cf]{color:#121212;cursor:pointer}#livelist-box .list_main .prevNext .hoverItem[data-v-0ae628cf]:hover{background-color:#e4f0ff;color:#2250c4}