/*!
 * @bilibili/vivid-ui(v1.2.8)
 * @file: vivid-ui.min.css
 * 一个基于Vue3+Ts面向C端的轻量级UI组件库
 */
:root{--v_xs:5px;--v_xsx:4px;--v_xxs:6px;--v_sm:10px;--v_smx:8px;--v_xsm:12px;--v_md:15px;--v_mdx:14px;--v_xmd:16px;--v_lg:20px;--v_lgx:18px;--v_xlg:22px;--v_xl:25px;--v_xlx:24px;--v_xxl:26px;--v_fs_1:24px;--v_fs_2:18px;--v_fs_3:16px;--v_fs_4:14px;--v_fs_5:13px;--v_fs_6:12px;--v_lh_xs:1;--v_lh_sm:1.25;--v_lh_md:1.5;--v_lh_lg:1.75;--v_lh_xl:2;--v_height_xs:16px;--v_height_sm:24px;--v_height_md:32px;--v_height_lg:40px;--v_height_xl:48px;--v_radius:6px;--v_radius_sm:4px;--v_radius_md:8px;--v_radius_lg:10px;--brand_pink:#f69;--brand_pink_thin:#ffecf1;--brand_blue:#00aeec;--brand_blue_thin:#dff6fd;--stress_red:#f85a54;--stress_red_thin:#feecea;--success_green:#2ac864;--success_green_thin:#e4f8ea;--operate_orange:#ff7f24;--operate_orange_thin:#fff0e3;--pay_yellow:#ffb027;--pay_yellow_thin:#fff6e4;--bg1:#fff;--bg2:#f6f7f8;--bg3:#f1f2f3;--bg1_float:#fff;--bg2_float:#f1f2f3;--text_white:#fff;--text1:#18191c;--text2:#61666d;--text3:#9499a0;--text4:#c9ccd0;--text_link:#008ac5;--text_notice:#e58900;--line_light:#f1f2f3;--line_regular:#e3e5e7;--line_bold:#c9ccd0;--graph_white:#fff;--graph_bg_thin:#f6f7f8;--graph_bg_regular:#f1f2f3;--graph_bg_thick:#e3e5e7;--graph_weak:#c9ccd0;--graph_medium:#9499a0;--graph_icon:#61666d;--shadow:#000;--brand_pink_hover:#ff8cb0;--brand_pink_active:#e84b85;--brand_pink_disabled:#ffb3ca;--brand_blue_hover:#40c5f1;--brand_blue_active:#008ac5;--brand_blue_disabled:#80daf6;--stress_red_hover:#fa857f;--stress_red_active:#e23d3d;--stress_red_disabled:#fcafaa;--text_hover:#797f87;--text_active:#61666d;--text_disabled:#c9ccd0;--line_border:#c9ccd0;--line_bolder_hover:#e3e5e7;--line_bolder_active:#aeb3b9;--line_bolder_disabled:#f1f2f3}body,html{width:100%;height:100%}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.25;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;font-size:14px;line-height:1.25;color:var(--text1);text-align:left;background-color:var(--bg1);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}a,abbr,acronym,address,blockquote,button,caption,cite,code,dd,del,dfn,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,img,label,legend,li,ol,p,pre,q,s,samp,small,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;font-family:inherit;font-size:100%;font-weight:400;font-style:normal;line-height:1.25}b,strong{font-weight:700}small{font-size:80%}img{border:0;border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-spacing:0;border-collapse:collapse}a{color:var(--brand_blue);text-decoration:none}a:active,a:focus,a:hover{outline:0 none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}button,input,select,textarea{margin:0;font-size:100%;vertical-align:baseline}button,input{line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}input::-ms-clear,input::-ms-reveal{display:none}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.vui_button:not(.vui_button--no-transition){transition-property:color,background-color,border,transform;transition-duration:.2s}.vui_button{height:34px;padding:0 var(--v_md);border-radius:var(--v_radius);font-size:var(--v_fs_4);line-height:1;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vui_button[disabled],.vui_button[disabled]:active,.vui_button[disabled]:hover{cursor:not-allowed}.vui_button--sm{height:24px;padding:0 var(--v_sm);font-size:var(--v_fs_5)}.vui_button--lg{height:40px;padding:0 var(--v_lg);font-size:16px}.vui_button--block{display:block;width:100%}.vui_button--round{border-radius:17px}.vui_button--active-shrink:active{transform:scale(.95)}.vui_button--link,.vui_button--tab,.vui_button--text{display:inline-block;height:32px;padding:0 var(--v_md);font-size:var(--v_fs_4)}.vui_button,.vui_button:focus{color:var(--text1);background:var(--bg1);border:1px solid var(--line_regular)}.vui_button.vui_button--active,.vui_button.vui_button--active:hover,.vui_button:active,.vui_button:hover{color:var(--text1);background:var(--graph_bg_thick);border:1px solid var(--line_regular)}.vui_button[disabled],.vui_button[disabled].vui_button--active,.vui_button[disabled]:active,.vui_button[disabled]:hover{color:var(--text_disabled);background:var(--bg1);border:1px solid var(--line_bolder_disabled)}.vui_button--text,.vui_button--text:focus{color:var(--text1);background:var(--bg1);border:none}.vui_button--text.vui_button--active,.vui_button--text.vui_button--active:hover,.vui_button--text:active,.vui_button--text:hover{color:var(--text1);background:var(--graph_bg_thick);border:none}.vui_button--text[disabled],.vui_button--text[disabled].vui_button--active,.vui_button--text[disabled]:active,.vui_button--text[disabled]:hover{color:var(--text_disabled);background:var(--bg1);border:none}.vui_button--link,.vui_button--link:focus{color:var(--brand_blue);background:var(--bg1);border:none}.vui_button--link.vui_button--active,.vui_button--link.vui_button--active:hover,.vui_button--link:active,.vui_button--link:hover{color:var(--brand_blue);background:var(--brand_blue_thin);border:none}.vui_button--link[disabled],.vui_button--link[disabled].vui_button--active,.vui_button--link[disabled]:active,.vui_button--link[disabled]:hover{color:var(--text_disabled);background:var(--bg1);border:none}.vui_button--tab,.vui_button--tab:focus{color:var(--text2);background:var(--bg1);border:none}.vui_button--tab:hover{color:var(--brand_blue);background:var(--bg1);border:none}.vui_button--tab.vui_button--active,.vui_button--tab.vui_button--active:hover,.vui_button--tab:active{color:var(--brand_blue);background:var(--brand_blue_thin);border:none}.vui_button--tab[disabled],.vui_button--tab[disabled].vui_button--active,.vui_button--tab[disabled]:active,.vui_button--tab[disabled]:hover{color:var(--text_disabled);background:var(--bg1);border:none}.vui_button--active-blue:hover{color:var(--brand_blue);background:var(--bg1);border:1px solid var(--brand_blue)}.vui_button--active-blue.vui_button--active,.vui_button--active-blue.vui_button--active:hover,.vui_button--active-blue:active{color:var(--text_white);background:var(--brand_blue);border:1px solid var(--brand_blue)}.vui_button--active-blue.vui_button--plain:hover{color:var(--brand_blue);background:transparent;border:1px solid var(--brand_blue)}.vui_button--active-blue.vui_button--plain.vui_button--active,.vui_button--active-blue.vui_button--plain.vui_button--active:hover,.vui_button--active-blue.vui_button--plain:active{color:var(--brand_blue_active);background:transparent;border:1px solid var(--brand_blue_active)}.vui_button--active-blue.vui_button--plain[disabled],.vui_button--active-blue.vui_button--plain[disabled].vui_button--active,.vui_button--active-blue.vui_button--plain[disabled]:active,.vui_button--active-blue.vui_button--plain[disabled]:hover{color:var(--text_disabled);background:transparent;border:1px solid var(--line_bolder_disabled)}.vui_button--active-pink:not([disabled],.vui_button--tab,.vui_button--link):hover{color:var(--brand_pink);background:var(--bg1);border:1px solid var(--brand_pink)}.vui_button--active-pink:not([disabled],.vui_button--tab,.vui_button--link).vui_button--active,.vui_button--active-pink:not([disabled],.vui_button--tab,.vui_button--link).vui_button--active:hover,.vui_button--active-pink:not([disabled],.vui_button--tab,.vui_button--link):active{color:var(--text_white);background:var(--brand_pink);border:1px solid var(--brand_pink)}.vui_button--active-pink.vui_button--tab:not([disabled]):hover{color:var(--brand_pink);background:var(--bg1);border:none}.vui_button--active-pink.vui_button--tab:not([disabled]).vui_button--active,.vui_button--active-pink.vui_button--tab:not([disabled]).vui_button--active:hover,.vui_button--active-pink.vui_button--tab:not([disabled]):active{color:var(--brand_pink);background:var(--brand_pink_thin);border:none}.vui_button--active-pink.vui_button--link:not([disabled]),.vui_button--active-pink.vui_button--link:not([disabled]):focus{color:var(--brand_pink);background:var(--bg1);border:none}.vui_button--active-pink.vui_button--link:not([disabled]).vui_button--active,.vui_button--active-pink.vui_button--link:not([disabled]).vui_button--active:hover,.vui_button--active-pink.vui_button--link:not([disabled]):active,.vui_button--active-pink.vui_button--link:not([disabled]):hover{color:var(--brand_pink);background:var(--brand_pink_thin);border:none}.vui_button--active-pink.vui_button--plain:not([disabled],.vui_button--tab,.vui_button--link):hover{color:var(--brand_pink);background:transparent;border:1px solid var(--brand_pink)}.vui_button--active-pink.vui_button--plain:not([disabled],.vui_button--tab,.vui_button--link).vui_button--active,.vui_button--active-pink.vui_button--plain:not([disabled],.vui_button--tab,.vui_button--link).vui_button--active:hover,.vui_button--active-pink.vui_button--plain:not([disabled],.vui_button--tab,.vui_button--link):active{color:var(--brand_pink_active);background:transparent;border:1px solid var(--brand_pink_active)}.vui_button--active-pink.vui_button--plain:not([disabled],.vui_button--tab,.vui_button--link)[disabled],.vui_button--active-pink.vui_button--plain:not([disabled],.vui_button--tab,.vui_button--link)[disabled].vui_button--active,.vui_button--active-pink.vui_button--plain:not([disabled],.vui_button--tab,.vui_button--link)[disabled]:active,.vui_button--active-pink.vui_button--plain:not([disabled],.vui_button--tab,.vui_button--link)[disabled]:hover{color:var(--text_disabled);background:transparent;border:1px solid var(--line_bolder_disabled)}.vui_button--blue,.vui_button--blue:focus{color:var(--text_white);background:var(--brand_blue);border:1px solid var(--brand_blue)}.vui_button--blue:hover{color:var(--text_white);background:var(--brand_blue_hover);border:1px solid var(--brand_blue_hover)}.vui_button--blue.vui_button--active,.vui_button--blue.vui_button--active:hover,.vui_button--blue:active{color:var(--text_white);background:var(--brand_blue_active);border:1px solid var(--brand_blue_active)}.vui_button--blue[disabled],.vui_button--blue[disabled].vui_button--active,.vui_button--blue[disabled]:active,.vui_button--blue[disabled]:hover{color:var(--text_white);background:var(--brand_blue_disabled);border:1px solid var(--brand_blue_disabled)}.vui_button--blue.vui_button--plain,.vui_button--blue.vui_button--plain:focus{color:var(--brand_blue);background:transparent;border:1px solid var(--brand_blue)}.vui_button--blue.vui_button--plain:hover{color:var(--brand_blue);background:var(--brand_blue_thin);border:1px solid var(--brand_blue)}.vui_button--blue.vui_button--plain.vui_button--active,.vui_button--blue.vui_button--plain.vui_button--active:hover,.vui_button--blue.vui_button--plain:active{color:var(--brand_blue_active);background:var(--brand_blue_thin);border:1px solid var(--brand_blue_active)}.vui_button--blue.vui_button--plain[disabled],.vui_button--blue.vui_button--plain[disabled].vui_button--active,.vui_button--blue.vui_button--plain[disabled]:active,.vui_button--blue.vui_button--plain[disabled]:hover{color:var(--brand_blue_disabled);background:transparent;border:1px solid var(--brand_blue_disabled)}.vui_button--pink,.vui_button--pink:focus{color:var(--text_white);background:var(--brand_pink);border:1px solid var(--brand_pink)}.vui_button--pink:hover{color:var(--text_white);background:var(--brand_pink_hover);border:1px solid var(--brand_pink_hover)}.vui_button--pink.vui_button--active,.vui_button--pink.vui_button--active:hover,.vui_button--pink:active{color:var(--text_white);background:var(--brand_pink_active);border:1px solid var(--brand_pink_active)}.vui_button--pink[disabled],.vui_button--pink[disabled].vui_button--active,.vui_button--pink[disabled]:active,.vui_button--pink[disabled]:hover{color:var(--text_white);background:var(--brand_pink_disabled);border:1px solid var(--brand_pink_disabled)}.vui_button--pink.vui_button--plain,.vui_button--pink.vui_button--plain:focus{color:var(--brand_pink);background:transparent;border:1px solid var(--brand_pink)}.vui_button--pink.vui_button--plain:hover{color:var(--brand_pink);background:var(--brand_pink_thin);border:1px solid var(--brand_pink)}.vui_button--pink.vui_button--plain.vui_button--active,.vui_button--pink.vui_button--plain.vui_button--active:hover,.vui_button--pink.vui_button--plain:active{color:var(--brand_pink_active);background:var(--brand_pink_thin);border:1px solid var(--brand_pink_active)}.vui_button--pink.vui_button--plain[disabled],.vui_button--pink.vui_button--plain[disabled].vui_button--active,.vui_button--pink.vui_button--plain[disabled]:active,.vui_button--pink.vui_button--plain[disabled]:hover{color:var(--brand_pink_disabled);background:transparent;border:1px solid var(--brand_pink_disabled)}.vui_button--danger,.vui_button--danger:focus{color:var(--text_white);background:var(--stress_red);border:1px solid var(--stress_red)}.vui_button--danger:hover{color:var(--text_white);background:var(--stress_red_hover);border:1px solid var(--stress_red_hover)}.vui_button--danger.vui_button--active,.vui_button--danger.vui_button--active:hover,.vui_button--danger:active{color:var(--text_white);background:var(--stress_red_active);border:1px solid var(--stress_red_active)}.vui_button--danger[disabled],.vui_button--danger[disabled].vui_button--active,.vui_button--danger[disabled]:active,.vui_button--danger[disabled]:hover{color:var(--text_white);background:var(--stress_red_disabled);border:1px solid var(--stress_red_disabled)}.vui_button--danger.vui_button--plain,.vui_button--danger.vui_button--plain:focus{color:var(--stress_red);background:transparent;border:1px solid var(--stress_red)}.vui_button--danger.vui_button--plain:hover{color:var(--stress_red);background:var(--stress_red_thin);border:1px solid var(--stress_red)}.vui_button--danger.vui_button--plain.vui_button--active,.vui_button--danger.vui_button--plain.vui_button--active:hover,.vui_button--danger.vui_button--plain:active{color:var(--stress_red_active);background:var(--stress_red_thin);border:1px solid var(--stress_red_active)}.vui_button--danger.vui_button--plain[disabled],.vui_button--danger.vui_button--plain[disabled].vui_button--active,.vui_button--danger.vui_button--plain[disabled]:active,.vui_button--danger.vui_button--plain[disabled]:hover{color:var(--stress_red_disabled);background:transparent;border:1px solid var(--stress_red_disabled)}.vui_button--grey,.vui_button--grey:focus{color:var(--text2);background:var(--graph_bg_thin);border:1px solid var(--line_light)}.vui_button--grey.vui_button--active,.vui_button--grey.vui_button--active:hover,.vui_button--grey:active,.vui_button--grey:hover{color:var(--text2);background:var(--graph_bg_thick);border:1px solid var(--line_light)}.vui_button--grey[disabled],.vui_button--grey[disabled].vui_button--active,.vui_button--grey[disabled]:active,.vui_button--grey[disabled]:hover{color:var(--text_disabled);background:var(--graph_bg_thin);border:1px solid var(--line_bolder_disabled)}.vui_space{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.vui_space--nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.vui_space--inline{display:-ms-inline-flexbox;display:inline-flex}.vui_space--reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.vui_space--reverse>.vui_space--item:not(:first-child),.vui_space:not(.vui_space--reverse)>.vui_space--item:not(:last-child){margin-right:var(--v_smx)}.vui_input{display:-ms-inline-flexbox;display:inline-flex;outline:0;width:100%;border:1px solid var(--line_regular);background-color:var(--bg1);height:var(--v_height_md);line-height:var(--v_lh_md);font-size:var(--v_fs_4);border-radius:var(--v_radius);padding:0 var(--v_smx)}.vui_input::-webkit-inner-spin-button,.vui_input::-webkit-outer-spin-button{-webkit-appearance:none}.vui_input[type=number]{-moz-appearance:textfield}.vui_input::-moz-placeholder{opacity:1}.vui_input::-webkit-input-placeholder{color:var(--text2)}.vui_input:-ms-input-placeholder,.vui_input::-ms-input-placeholder{color:var(--text2)}.vui_input::placeholder{color:var(--text2)}.vui_input:-moz-placeholder-shown{text-overflow:ellipsis}.vui_input:-ms-input-placeholder{text-overflow:ellipsis}.vui_input:placeholder-shown{text-overflow:ellipsis}.vui_input--focused{border:1px solid var(--brand_blue)}.vui_input--sm{height:var(--v_height_sm);line-height:var(--v_lh_sm);font-size:var(--v_fs_5);border-radius:var(--v_radius_sm);padding:0 var(--v_smx)}.vui_input--lg{height:var(--v_lh_lg);line-height:var(--v_height_lg);font-size:var(--v_fs_3);border-radius:var(--v_radius_lg);padding:0 var(--v_smx)}.vui_pagenation{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;white-space:nowrap}.vui_pagenation--jump .vui_pagenation--btns{margin-right:30px}.vui_pagenation--btns{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.vui_pagenation--btns .vui_pagenation--btn:not(:last-child){margin-right:var(--v_smx)}.vui_pagenation--btns .vui_pagenation--btn-more,.vui_pagenation--btns .vui_pagenation--btn-num{padding:var(--v_smx);min-width:34px}.vui_pagenation--extend{display:inline-block;width:34px;text-align:center;margin-right:var(--v_smx)}.vui_pagenation--go input{width:50px}.vui_dropdown{position:absolute;transition:.3s}.vui_dropdown-is-bottom{top:100%;left:50%}.vui_dropdown-is-top{bottom:100%;left:50%}.vui_dropdown-is-top-start{bottom:100%;left:0}.vui_dropdown-is-bottom-start{top:100%;left:0}.vui_dropdown-is-top-end{bottom:100%;right:0}.vui_dropdown-is-bottom-end{top:100%;right:0}.vui_dropdown-is-bottom,.vui_dropdown-is-top{transform:translate3d(-50%,0,0)}.vui_dropdown-is-left,.vui_dropdown-is-right{transform:translate3d(0,-50%,0)}.vui_dropdown-content{position:relative;background-color:var(--bg1_float);border:1px solid var(--line_regular);box-shadow:0 0 30px rgba(0,0,0,.1);border-radius:8px}.vui_dropdown_top-enter-from,.vui_dropdown_top-leave-to{transform:translate3d(-50%,5px,0)!important;opacity:0}.vui_dropdown_top-end-enter-from,.vui_dropdown_top-end-leave-to,.vui_dropdown_top-start-enter-from,.vui_dropdown_top-start-leave-to{transform:translate3d(0,5px,0)!important;opacity:0}.vui_dropdown_left-enter-from,.vui_dropdown_left-leave-to{transform:translate3d(5px,-50%,0)!important;opacity:0}.vui_dropdown_left-end-enter-from,.vui_dropdown_left-end-leave-to,.vui_dropdown_left-start-enter-from,.vui_dropdown_left-start-leave-to{transform:translate3d(5px,0,0)!important;opacity:0}.vui_dropdown_right-enter-from,.vui_dropdown_right-leave-to{transform:translate3d(-5px,-50%,0)!important;opacity:0}.vui_dropdown_right-end-enter-from,.vui_dropdown_right-end-leave-to,.vui_dropdown_right-start-enter-from,.vui_dropdown_right-start-leave-to{transform:translate3d(-5px,0,0)!important;opacity:0}.vui_dropdown_bottom-enter-from,.vui_dropdown_bottom-leave-to{transform:translate3d(-50%,-5px,0)!important;opacity:0}.vui_dropdown_bottom-end-enter-from,.vui_dropdown_bottom-end-leave-to,.vui_dropdown_bottom-start-enter-from,.vui_dropdown_bottom-start-leave-to{transform:translate3d(0,-5px,0)!important;opacity:0}.vui_tabs--navbar{position:relative}.vui_tabs--navbar:after{content:"";display:block;height:4px}.vui_tabs--navbar.vui_tabs--nav-pink .vui_tabs--nav-item-active .vui_tabs--nav-text,.vui_tabs--navbar.vui_tabs--nav-pink .vui_tabs--nav-item:hover .vui_tabs--nav-text{color:var(--brand_pink)!important}.vui_tabs--navbar.vui_tabs--nav-pink .vui_tabs--nav-slider{background:var(--brand_pink)}.vui_tabs--navbar .vui_tabs--nav{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;list-style:none;position:relative}.vui_tabs--navbar .vui_tabs--nav.vui_tabs--nav-pl0 .vui_tabs--nav-item:first-child .vui_tabs--nav-link{padding-left:0!important}.vui_tabs--navbar .vui_tabs--nav-item-active .vui_tabs--nav-text,.vui_tabs--navbar .vui_tabs--nav-item:hover .vui_tabs--nav-text{color:var(--brand_blue)!important}.vui_tabs--navbar .vui_tabs--nav-item .vui_tabs--nav-link{display:inline-block;padding:var(--v_sm) 24px;font-size:var(--v_fs_3);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vui_tabs--navbar .vui_tabs--nav-item .vui_tabs--nav-text{color:var(--text2);white-space:nowrap;margin-right:var(--v_xsx);font-weight:500;transition:color .2s}.vui_tabs--navbar .vui_tabs--nav-item .vui_tabs--nav-num{padding:1px var(--v_xxs);border-radius:var(--v_smx);font-size:var(--v_fs_6);color:var(--text2);background:var(--graph_bg_regular)}.vui_tabs--navbar .vui_tabs--nav-slider{position:absolute;bottom:0;height:3px;background:var(--brand_blue)}.vui_tabs--navbar .vui_tabs--nav-slider.vui_tabs--nav-animation{transition:all .35s ease}.vui_collapse_item{transition:.3s;border-bottom:1px solid var(--line_regular)}.vui_collapse_item_header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer}.vui_collapse_item_content,.vui_collapse_item_header_icon{transition:.3s}.vui_collapse_item_icon_active{transition:.3s;transform:rotate(90deg)}.vui_collapse_item-enter-from,.vui_collapse_item-leave-to{height:0!important;overflow:hidden;padding-bottom:0!important}.vui_collapse_item-enter-to{overflow:hidden}.vui_image-crop{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.vui_image-crop .vui_image-crop--s1{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background:#222}.vui_image-crop .vui_image-crop--s2{position:absolute;overflow:hidden}.vui_image-crop .vui_image-crop--s2 .vui_image-crop--s2-img{position:absolute}.vui_image-crop .vui_image-crop--s3{position:absolute;box-sizing:border-box;border:1px dashed gold;cursor:move}.vui_image-crop .vui_image-crop--s3a-ne,.vui_image-crop .vui_image-crop--s3a-nw,.vui_image-crop .vui_image-crop--s3a-se,.vui_image-crop .vui_image-crop--s3a-sw{box-sizing:border-box;position:absolute;width:10px;height:10px;border:1px solid gold}.vui_image-crop .vui_image-crop--s3a-nw{cursor:nw-resize}.vui_image-crop .vui_image-crop--s3a-ne{cursor:ne-resize}.vui_image-crop .vui_image-crop--s3a-sw{cursor:sw-resize}.vui_image-crop .vui_image-crop--s3a-se{cursor:se-resize}.vui_dialog--mask{background-color:rgba(0,0,0,.2)}.vui_dialog--mask,.vui_dialog--wrapper{position:fixed;left:0;top:0;z-index:1;width:100%;height:100%}.vui_dialog--content{box-sizing:border-box;position:absolute;left:50%;top:50%;color:var(--text1);font-size:14px;transform:translateX(-50%) translateY(-50%);background-color:var(--bg1);border-radius:8px;padding:32px 24px 24px;border:1px solid var(--line_regular);box-shadow:0 0 30px rgba(0,0,0,.1)}.vui_dialog--close{position:absolute;width:22px;height:22px;text-align:center;line-height:22px;right:24px;top:20px;cursor:pointer}.vui_dialog--title{line-height:22px;color:var(--text1);font-weight:600;font-size:16px;margin-bottom:24px}.vui_dialog--footer{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;background-color:var(--bg1);margin-top:24px;height:32px}.vui_dialog--btn{height:32px;width:130px;margin-right:12px}.vui_dialog--btn-cancel{color:var(--text1);border:1px solid var(--line_regular)}.vui_dialog--btn-confirm{color:var(--text_white);background-color:var(--brand_blue)}.vui_toast{position:fixed;z-index:2;padding-left:12px;padding-right:12px;line-height:36px;color:var(--text_white);background:rgba(51,51,51,.8);border-radius:4px;left:50%;top:50%;transform:translate(-50%,-50%)}.vui_toast--top{top:100px}.vui_sidebar-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:14px 16px;border-radius:6px;cursor:pointer}.vui_sidebar-item-active{background-color:var(--brand_blue)}.vui_sidebar-item-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.vui_virtual-list{height:100%;position:relative;background:transparent;overscroll-behavior-y:contain}
/*# sourceMappingURL=vivid-ui.min.css.map */

.season-content[data-v-3c314e35] {
  padding: 12px 0;
  border: 1px solid var(--graph_bg_thick);
  border-radius: 8px;
  background-color: var(--bg1);
  width: max-content;
}
.season-content-item[data-v-3c314e35] {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 20px;
  cursor: pointer;
  transition: 0.5s;
}
.season-content-item[data-v-3c314e35]:hover {
  background-color: var(--graph_bg_regular);
}
.season-content-item-active[data-v-3c314e35] {
  background-color: rgba(1, 148, 255, 0.1);
}
.season-content-item-active .season-content-item-title[data-v-3c314e35] {
  color: var(--brand_blue);
  font-weight: 700;
}
.season-content-item-state[data-v-3c314e35] {
  display: inline-block;
  min-width: 45px;
  height: 20px;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  margin-right: 5px;
  border-radius: 2px;
}
.season-content-item .playing[data-v-3c314e35] {
  border: 1px solid var(--brand_blue);
  color: var(--brand_blue);
}
.season-content-item .end[data-v-3c314e35] {
  border: 1px solid var(--graph_medium);
  color: var(--graph_medium);
}
.season-content-item-title[data-v-3c314e35] {
  color: var(--text2);
}

.more-game-content[data-v-30c9ee20]{overflow-y:auto;overscroll-behavior:none}.more-game-content[data-v-30c9ee20]::-webkit-scrollbar-track{background:transparent}.more-game-content[data-v-30c9ee20]::-webkit-scrollbar{width:4px;background:transparent}.more-game-content[data-v-30c9ee20]::-webkit-scrollbar-thumb{border-radius:4px;background:var(--text4)}.more-game-content[data-v-30c9ee20]{display:flex;flex-direction:column;max-height:324px;padding:16px 24px;border:1px solid var(--graph_bg_thick);border-radius:8px;background-color:var(--bg1)}.more-game-content-item[data-v-30c9ee20]{display:flex;align-items:center;justify-content:space-between;height:40px;border-radius:8px;padding:0 12px 0 14px;color:var(--graph_icon);font-weight:600;cursor:pointer;transition:0.5s}.more-game-content-item[data-v-30c9ee20]:hover{background-color:var(--graph_bg_regular)}.more-game-content-item span[data-v-30c9ee20]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-word !important;word-break:break-all;line-break:anywhere;-webkit-line-clamp:1}.more-game-content-item-active[data-v-30c9ee20]{color:var(--brand_blue)}.more-game-content-item svg[data-v-30c9ee20]{margin-left:12px}

.lazy-image-error{background-color:var(--graph_weak);display:flex;align-items:center;justify-content:center}.lazy-image-error:after{content:attr(art);color:var(--text3)}.lazy-image{background-size:cover}

.game-header[data-v-48231ce2]{min-height:60px}.game-header .header-shadow-linear[data-v-48231ce2]{display:none}.game-header .topbar[data-v-48231ce2]{transition:0.5s;background-color:var(--bg1);z-index:20}.game-header .face[data-v-48231ce2]{border:1px solid var(--header_text, var(--line_regular))}.game-header-opacity[data-v-48231ce2]{--header_text: var(--text_white);--game_logo_color: var(--brand_blue)}.game-header-opacity .header-shadow-linear[data-v-48231ce2]{display:block}.game-header-opacity .topbar[data-v-48231ce2]{background-color:transparent}.game-header-opacity .search-input[data-v-48231ce2]{opacity:0.5}.game-header-opacity .face[data-v-48231ce2]{border:1px solid var(--text_white)}.topbar[data-v-48231ce2]{top:0;position:fixed;display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;padding:0 24px;color:var(--text1);min-width:1335px}.topbar .left[data-v-48231ce2]{display:flex;align-items:center}.topbar .left .game-icon[data-v-48231ce2]{color:var(--header_text, var(--brand_blue));margin-right:15px;cursor:pointer}.topbar .left .tv-icon[data-v-48231ce2],.topbar .left .more-game[data-v-48231ce2]{display:inline-block;height:20px;line-height:20px;cursor:pointer}.topbar .left .tv-icon[data-v-48231ce2]{vertical-align:baseline}.topbar .left .tv-icon svg[data-v-48231ce2]{margin-bottom:2px;color:var(--header_text, var(--brand_blue));margin-right:4px}.topbar .left .more-game[data-v-48231ce2]{margin-left:10px}.topbar .left .more-game-active[data-v-48231ce2]{color:var(--header_text, var(--brand_blue))}.topbar .left .more-game-active .right-icon[data-v-48231ce2]{transform:rotate(0.5turn)}.topbar .left .more-game .right-icon[data-v-48231ce2]{margin-left:6px;transition:transform 0.5s}.topbar .left .tab-item[data-v-48231ce2]{height:20px;line-height:20px;margin:0 10px;color:var(--header_text, var(--text1));cursor:pointer;min-width:max-content}.topbar .left .tab-item[data-v-48231ce2]:hover{font-weight:600;color:var(--header_text, var(--brand_blue))}.topbar .left .tab-item-active[data-v-48231ce2]{position:relative;font-weight:600;color:var(--header_text, var(--brand_blue))}.topbar .left .tab-item-active[data-v-48231ce2]:after{content:'';bottom:-5px;left:50%;position:absolute;width:30px;height:2px;transform:translateX(-50%);border-radius:1px;background-color:var(--header_text, var(--brand_blue))}.topbar .right[data-v-48231ce2]{position:relative;display:flex;align-items:center}.topbar .right .search-input[data-v-48231ce2]{display:flex;align-items:center;height:40px;min-width:250px;padding:0 4px 0 4px;background-color:var(--graph_bg_regular);border-radius:8px;margin-right:30px;transition:0.5s}.topbar .right .search-input input[data-v-48231ce2]{flex-grow:1;border:none;outline:none;height:32px;padding:0 8px;border-radius:6px;background-color:var(--graph_bg_regular)}.topbar .right .search-input input[data-v-48231ce2]:focus{background-color:var(--graph_bg_thick)}.topbar .right .search-input .search-icon[data-v-48231ce2]{width:32px;height:32px;padding:7px;border-radius:6px;cursor:pointer;transition:0.5s;margin-left:5px}.topbar .right .search-input .search-icon[data-v-48231ce2]:hover{background-color:var(--graph_bg_thick)}.topbar .right .search-input[data-v-48231ce2]:hover{opacity:0.9}.topbar .right .user[data-v-48231ce2]{position:relative}.topbar .right .user .face[data-v-48231ce2]{width:36px;height:36px;border-radius:18px;transition:0.5s ease;transform-origin:top right;margin-right:20px;cursor:pointer;position:relative;z-index:10000}.topbar .right .user .big-face[data-v-48231ce2]{z-index:10000;transform:scale(2.2);border:1px solid transparent}.topbar .right .user .user-popper[data-v-48231ce2]{left:50%;position:absolute;transform:translateX(calc(-50% - 32px))}.topbar .right .user .user-popper .user-options[data-v-48231ce2]{width:300px;padding:45px 24px 12px 24px;background-color:var(--bg1);border:1px solid var(--graph_bg_thick);border-radius:8px}.topbar .right .user .user-popper .user-options .user-name[data-v-48231ce2]{text-align:center;font-size:16px;font-weight:700;color:var(--text1)}.topbar .right .user .user-popper .user-options .line[data-v-48231ce2]{width:100%;height:1px;margin:16px auto;background-color:var(--line_light)}.topbar .right .user .user-popper .user-options .option-item[data-v-48231ce2]{display:flex;align-items:center;height:40px;border-radius:8px;color:var(--text2);font-size:14px;font-weight:600;padding:0 14px;cursor:pointer;transition:0.5s;background-color:var(--bg1)}.topbar .right .user .user-popper .user-options .option-item[data-v-48231ce2]:hover{background-color:var(--graph_bg_regular)}.topbar .right .user .user-popper .user-options .logout svg[data-v-48231ce2]{margin-right:14px}.topbar .right .text[data-v-48231ce2]{font-size:13px;cursor:pointer;transition:0.5s;color:var(--header_text, var(--text1))}.topbar .right .text[data-v-48231ce2]:hover{color:var(--header_text, var(--brand_blue))}.topbar .right .my-guess[data-v-48231ce2]{margin-right:20px}.topbar .right .my-sub[data-v-48231ce2]{margin-right:22px}.topbar .right .sub-qrcode[data-v-48231ce2]{width:116px;height:150px;border-radius:8px;background-color:var(--bg1);display:flex;align-items:center;justify-content:center;flex-direction:column}.topbar .right .sub-qrcode .qrcode[data-v-48231ce2]{width:96px;height:96px;padding:4px;display:block;margin-bottom:5px}.topbar .right .sub-qrcode .qrcode-text[data-v-48231ce2]{width:104px;font-size:12px;font-weight:400;color:var(--text2);line-height:17px;text-align:center}.topbar-loading[data-v-48231ce2]{top:0;position:fixed;width:100%;height:60px;padding:0 24px;min-width:1335px;background-image:url(//s1.hdslb.com/bfs/static/jinkela/game-next/4e7abb56f5316394cf22.png);background-size:cover;background-repeat:no-repeat}.header-shadow[data-v-48231ce2]{position:relative;width:100%;height:400px;min-width:1280px}.header-shadow-linear[data-v-48231ce2]{top:0;position:fixed;width:100%;height:60px;background:linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0))}.header-shadow .banner-content[data-v-48231ce2]{position:absolute;width:100%;height:100%;margin:0 auto;background-size:auto 100%;background-position:50%;transition:all 0.5s ease-in-out;display:block}.header-shadow .banner-select[data-v-48231ce2]{height:100%;right:0;position:absolute;display:flex;align-items:center;padding-right:24px;padding-top:60px}.header-shadow .banner-img[data-v-48231ce2]{display:block;width:100%;height:100%;top:0;position:absolute;filter:blur(1px)}.header-shadow .banner-list[data-v-48231ce2]{border-radius:6px;overflow:hidden}.header-shadow .banner-item[data-v-48231ce2]{position:relative;display:flex;align-items:center;justify-content:center;width:230px;height:64px;flex-direction:column;padding:0 9px;cursor:pointer}.header-shadow .banner-title[data-v-48231ce2]{position:relative;color:var(--text_white);font-size:16px;font-weight:600;line-height:22px}.header-shadow .banner-desc[data-v-48231ce2]{color:var(--text_white);opacity:0.8;font-size:13px;line-height:18px}.header-shadow .banner-active .banner-img[data-v-48231ce2]{filter:blur(0)}

.playing-card[data-v-6e15fec3]{width:100%;height:100%;border-radius:8px;overflow:hidden;position:relative}.playing-card .shadow-color[data-v-6e15fec3]{top:0;position:absolute;width:100%;height:100%;background-image:linear-gradient(to bottom, RGB(var(--b38cf92a)) 50%, RGB(var(--b38cf92a)) 50%, RGBA(var(--b38cf92a), 0.8) 100%)}.playing-card .shadow-img[data-v-6e15fec3]{bottom:0;position:absolute;width:100%;height:50%}.playing-card .contest[data-v-6e15fec3]{position:relative;padding:12px}.playing-card .contest-swiper[data-v-6e15fec3]{position:relative}.playing-card .contest-swiper .option[data-v-6e15fec3]{top:50%;position:absolute;width:24px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--text_white);background-color:rgba(24,25,28,0.8);transform-origin:50% 50%;border-radius:6px;z-index:20}.playing-card .contest-swiper-left[data-v-6e15fec3]{transform:translateY(-50%);left:10px}.playing-card .contest-swiper-right[data-v-6e15fec3]{right:10px;transform:translateY(-50%) rotate(0.5turn)}.playing-card .contest-swiper .live-shadow[data-v-6e15fec3]{top:0;position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;background-color:rgba(0,0,0,0.1)}.playing-card .contest-swiper .live-btn[data-v-6e15fec3]{display:flex;align-items:center;justify-content:center;width:180px;height:50px;font-size:16;font-weight:600;color:var(--text_white);border:1px solid var(--text_white);border-radius:4px;transition:0.5s}.playing-card .contest-swiper .live-btn[data-v-6e15fec3]:hover{color:var(--brand_blue);background-color:var(--text_white)}.playing-card .contest-image[data-v-6e15fec3]{width:455px;height:250px;border-radius:6px;cursor:pointer}.playing-card .contest .chiji-title[data-v-6e15fec3]{font-size:28px;font-weight:800;color:var(--text_white);text-align:center;width:100%}.playing-card .contest-info[data-v-6e15fec3]{width:auto;height:40px;display:flex;align-items:center;margin:9px 24px}.playing-card .contest-node[data-v-6e15fec3]{display:flex;align-items:center}.playing-card .contest-icon[data-v-6e15fec3]{width:40px;height:40px;transition:0.5s}.playing-card .contest-title[data-v-6e15fec3]{font-size:15px;font-weight:600;color:var(--text_white);display:block;width:90px;text-align:center;margin:0 10px}.playing-card .contest-score[data-v-6e15fec3]{width:30px;height:36px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:500;color:var(--text_white);font-family:xx-bin;border-radius:4px;background-color:rgba(255,255,255,0.3);margin:0 10px}.playing-card .contest .colon[data-v-6e15fec3]{width:5px;height:40px;display:flex;align-items:center;justify-content:center;flex-direction:column}.playing-card .contest .colon[data-v-6e15fec3]::after{content:'';display:block;width:5px;height:5px;border-radius:1px;background-color:var(--graph_white)}.playing-card .contest .colon[data-v-6e15fec3]::before{content:'';display:block;width:5px;height:5px;border-radius:1px;background-color:var(--graph_white);margin-bottom:5px}.playing-card .contest-anchors[data-v-6e15fec3]{bottom:10px;position:absolute;width:calc(100% - 24px);height:4px;display:flex;align-items:center;justify-content:center}.playing-card .contest-anchors .anchor[data-v-6e15fec3]{width:12px;height:4px;display:inline-block;border-radius:2px;background-color:var(--bg1);opacity:0.4;margin:0 3px;transition:0.5s;cursor:pointer}.playing-card .contest-anchors .anchor-active[data-v-6e15fec3]{opacity:1}

.end-card[data-v-5f2e2e51]{width:100%;height:100%;border-radius:8px;overflow:hidden;position:relative}.end-card .shadow-color[data-v-5f2e2e51]{top:0;position:absolute;width:100%;height:100%;background-image:linear-gradient(to top, RGB(var(--7f6327ba)) 50%, RGB(var(--7f6327ba)) 50%, RGBA(var(--7f6327ba), 0.8) 100%)}.end-card .shadow-img[data-v-5f2e2e51]{top:0;position:absolute;width:100%;height:50%}.end-card .contest[data-v-5f2e2e51]{position:relative;width:100%;height:100%;padding:12px}.end-card .contest-item[data-v-5f2e2e51]:nth-child(1){margin-bottom:12px}.end-card .contest-item[data-v-5f2e2e51]{display:block;width:455px;height:148px;border-radius:6px;background-color:rgba(255,255,255,0.3)}.end-card .contest-item-topbar[data-v-5f2e2e51]{display:flex;align-items:center;justify-content:center;width:auto;height:35px;padding-top:15px}.end-card .contest-item-topbar .title[data-v-5f2e2e51]{position:relative;line-height:20px;font-size:14px;font-weight:600;color:var(--text_white)}.end-card .contest-item-topbar .title[data-v-5f2e2e51]::before{content:'';width:18px;height:1px;background-color:rgba(255,255,255,0.5);transform:translateY(-50%);top:50%;left:-31px;position:absolute}.end-card .contest-item-topbar .title[data-v-5f2e2e51]::after{content:'';width:18px;height:1px;background-color:rgba(255,255,255,0.5);transform:translateY(-50%);top:50%;right:-31px;position:absolute}.end-card .contest-item-content[data-v-5f2e2e51]{display:flex;align-items:center;justify-content:center;margin-top:7px}.end-card .contest-item-content .item-team[data-v-5f2e2e51]{display:flex;align-items:center;justify-content:center;flex-direction:column;width:154px}.end-card .contest-item-content .item-team-icon[data-v-5f2e2e51]{width:60px;height:60px}.end-card .contest-item-content .item-team-name[data-v-5f2e2e51]{font-size:16px;font-weight:600;color:var(--text_white);margin-top:4px}.end-card .contest-item-content .item-center[data-v-5f2e2e51]{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;height:84px}.end-card .contest-item-content .item-score[data-v-5f2e2e51]{display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--text_white);font-family:xx-bin;line-height:40px;width:104px;margin:0 6px}.end-card .contest-item-content .item-score .colon[data-v-5f2e2e51]{width:5px;height:38px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:2px;margin:0 7px}.end-card .contest-item-content .item-score .colon[data-v-5f2e2e51]::after{content:'';display:block;width:5px;height:5px;border-radius:2.5px;background-color:var(--graph_white)}.end-card .contest-item-content .item-score .colon[data-v-5f2e2e51]::before{content:'';display:block;width:5px;height:5px;border-radius:2.5px;background-color:var(--graph_white);margin-bottom:5px}.end-card .contest-item-content .item-detail[data-v-5f2e2e51]{display:flex;align-items:center;justify-content:center;width:104px;height:28px;font-size:14px;font-weight:600;color:var(--text1);line-height:28px;border-radius:4px;margin-top:14px;background-color:var(--bg1);cursor:pointer}.end-card .contest-item-content .chiji-title[data-v-5f2e2e51]{font-size:32px;font-weight:800;color:var(--text_white);width:431px;text-align:center;margin-top:7px}.end-card .contest-item .chiji[data-v-5f2e2e51]{flex-direction:column}.end-card .vs[data-v-5f2e2e51]{color:var(--text_white)}

.video-card[data-v-2a4e588c]{width:234px;height:184px}.video-card-cover[data-v-2a4e588c]{width:100%;height:132px;position:relative;border-radius:4px;overflow:hidden;cursor:pointer}.video-card-cover .info[data-v-2a4e588c]{width:100%;height:38px;bottom:0;position:absolute;display:flex;align-items:flex-end;justify-content:space-between;font-size:12px;font-weight:500;color:var(--text_white);background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%)}.video-card-cover .info .left[data-v-2a4e588c]{display:flex;align-items:center;justify-content:center;bottom:6px;left:8px;position:absolute;height:16px}.video-card-cover .info .left .count[data-v-2a4e588c],.video-card-cover .info .left .like[data-v-2a4e588c]{margin-left:2px}.video-card-cover .info .left .count[data-v-2a4e588c]{margin-right:12px}.video-card-cover .info .right[data-v-2a4e588c]{right:8px;bottom:6px;position:absolute;height:16px}.video-card-title[data-v-2a4e588c]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-word !important;word-break:break-all;line-break:anywhere;-webkit-line-clamp:2;font-size:14px;font-weight:500;color:var(--text1);line-height:20px;margin-top:8px;cursor:pointer;transition:0.5s}.video-card-title[data-v-2a4e588c]:hover{color:var(--brand_blue)}

.recommend-card-topbar .game-link[data-v-182a3d83]{display:flex;align-items:center;justify-content:center;width:88px;height:34px;font-size:12px;font-weight:var(--text1);border-radius:6px;border:1px solid var(--line_regular);transition:0.5s;cursor:pointer;user-select:none;background-color:var(--bg1)}.recommend-card-topbar .game-link[data-v-182a3d83]:hover{background-color:var(--line_light)}.recommend-card-topbar .game-link[data-v-182a3d83]:active{background-color:var(--line_regular);-webkit-font-smoothing:antialiased;transform:perspective(1px) scale(0.95)}.recommend-card[data-v-182a3d83]{padding:25px 0}.recommend-card-topbar[data-v-182a3d83]{display:flex;align-items:center;justify-content:space-between;height:40px;margin-bottom:10px}.recommend-card-topbar .season[data-v-182a3d83]{display:flex;align-items:center}.recommend-card-topbar .season-logo[data-v-182a3d83]{width:40px;height:40px}.recommend-card-topbar .season-title[data-v-182a3d83]{font-size:20px;font-weight:600;color:var(--text1);margin:0 9px}.recommend-card-topbar .season-time[data-v-182a3d83]{font-size:14px;font-weight:normal;color:var(--text3);display:inline-block;margin-right:9px;height:40px;padding:12px 0}.recommend-card-topbar .season-status[data-v-182a3d83]{width:48px;height:21px;font-size:12px;text-align:center;line-height:20px;border-radius:4px}.recommend-card-topbar .season .playing[data-v-182a3d83]{border:1px solid var(--brand_blue);color:var(--brand_blue)}.recommend-card-topbar .season .end[data-v-182a3d83]{border:1px solid var(--text3);color:var(--text3)}.recommend-card-topbar .game-link svg[data-v-182a3d83]{margin-left:6px;transform:rotate(-0.25turn)}.recommend-card-content[data-v-182a3d83]{display:flex;align-items:flex-start;justify-content:flex-start}.recommend-card-content .contests[data-v-182a3d83]{position:relative;width:479px;height:332px}.recommend-card-content .videos[data-v-182a3d83]{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;flex-wrap:wrap;margin-left:12px}

.recomment[data-v-6b4a721c]{width:1217px;margin:0 auto;margin-bottom:25px}.recomment-loading[data-v-6b4a721c]{width:1217px;height:480px;margin:0 auto;margin-bottom:25px;background-image:url(data:image/png;base64,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);background-repeat:no-repeat}

.card[data-v-562e3fc2]{display:flex;flex-direction:column;align-items:center;width:296px;flex:0 0 auto;background:var(--bg1_float);border-radius:6px;cursor:default}.card .title[data-v-562e3fc2]{margin:15px 0 5px;font-family:PingFang SC;font-style:normal;font-weight:600;font-size:14px;line-height:16px}.card .des[data-v-562e3fc2]{display:flex;font-family:PingFang SC;font-style:normal;font-weight:normal;font-size:12px;line-height:18px;color:var(--text1);opacity:0.5;margin-bottom:5px}.card .another-title[data-v-562e3fc2]{margin:20px 0 10px 0;display:flex;font-family:PingFang SC;font-weight:600;font-size:14px;line-height:18px;color:var(--text1)}.card .main[data-v-562e3fc2]{display:flex;justify-content:space-between;height:74px;width:246px;cursor:pointer;align-items:center}.card .main .con[data-v-562e3fc2]{display:flex;flex-direction:column;align-items:center;width:56px}.card .main .con .icon[data-v-562e3fc2]{width:56px;height:56px}.card .main .con span[data-v-562e3fc2]{width:80px;text-align:center;font-family:PingFang SC;font-style:normal;font-weight:600;font-size:13px;line-height:18px;color:var(--text1)}.card .main .score[data-v-562e3fc2]{display:flex;font-family:xx-bin;font-weight:bold;font-size:32px;line-height:38px;color:var(--text1)}.card .main .score span[data-v-562e3fc2]:nth-child(2){line-height:32px;margin:0 12px}.card .chiji[data-v-562e3fc2]{margin-top:12px;margin-bottom:12px;cursor:pointer}.card .chiji-title[data-v-562e3fc2],.card .chiji-desc[data-v-562e3fc2]{text-align:center}.card .chiji-title[data-v-562e3fc2]{font-size:24px;font-weight:800;width:272px}.card .chiji-desc[data-v-562e3fc2]{font-size:12px;font-weight:400;color:var(--text3);height:15px;width:272px;margin-top:5px}.card .bottom[data-v-562e3fc2]{display:flex;margin-top:12px;justify-content:center;margin-bottom:15px}.card .bottom .btn[data-v-562e3fc2],.card .bottom .dis-btn[data-v-562e3fc2]{display:flex;align-items:center;justify-content:center;width:120px;height:32px;font-family:PingFang SC;font-size:14px;border-radius:4px;margin:0 6px}.card .bottom .btn[data-v-562e3fc2]{border:1px solid var(--brand_blue);color:var(--brand_blue);transition:0.5s}.card .bottom .btn[data-v-562e3fc2]:hover{background:#dff6fd;cursor:pointer}.card .bottom .dis-btn-hover[data-v-562e3fc2]:hover{background:var(--brand_blue)}.card .bottom .dis-btn[data-v-562e3fc2]{background:var(--bg3);color:var(--text4)}.card .bottom .blue-btn[data-v-562e3fc2]{background:var(--brand_blue);color:var(--text_white)}.card .bottom-text[data-v-562e3fc2]{padding-top:19px;font-family:PingFang SC;font-size:14px;line-height:17px;color:var(--text3);margin-bottom:23px}.live-icon[data-v-562e3fc2]{width:12px;height:12px;margin-right:4px;display:inline-block;background-image:url(data:image/gif;base64,R0lGODlhJAAkAIABAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDdCNUJFRjlGQjIzMTFFQTgzNjRCQUFBRjZFMzg3NjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDdCNUJFRkFGQjIzMTFFQTgzNjRCQUFBRjZFMzg3NjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowN0I1QkVGN0ZCMjMxMUVBODM2NEJBQUFGNkUzODc2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowN0I1QkVGOEZCMjMxMUVBODM2NEJBQUFGNkUzODc2NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHA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);background-size:100% 100%;background-repeat:no-repeat;background-position:center;position:relative;top:1px}

.slide-container[data-v-cf0a3298]{margin:0 auto;position:relative;width:1220px}.slide-container .slide-cover[data-v-cf0a3298]{width:1220px;overflow:hidden}.slide-container .slide-cover .slide-scroll[data-v-cf0a3298]{display:flex;transition-property:transform;transition-timing-function:ease-in-out}.slide-container .arrow-left[data-v-cf0a3298],.slide-container .arrow-right[data-v-cf0a3298]{background:var(--bg1);border-radius:6px;width:24px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer}.slide-container .arrow-left[data-v-cf0a3298]{position:absolute;left:-35px;top:50%;transform:translateY(-50%) rotate(180deg)}.slide-container .arrow-right[data-v-cf0a3298]{position:absolute;right:-35px;top:50%;transform:translateY(-50%)}.slide-container .disabled[data-v-cf0a3298]{display:none;cursor:not-allowed}.test[data-v-cf0a3298]{width:308px;height:192px;border:1px solid red}

.schedule .title .right[data-v-4e289d2a]{display:flex;align-items:center;justify-content:center;width:88px;height:34px;font-size:12px;font-weight:var(--text1);border-radius:6px;border:1px solid var(--line_regular);transition:0.5s;cursor:pointer;user-select:none;background-color:var(--bg1)}.schedule .title .right[data-v-4e289d2a]:hover{background-color:var(--line_light)}.schedule .title .right[data-v-4e289d2a]:active{background-color:var(--line_regular);-webkit-font-smoothing:antialiased;transform:perspective(1px) scale(0.95)}.schedule[data-v-4e289d2a]{width:1220px;margin:0 auto;padding:25px 0;cursor:default}.schedule .title[data-v-4e289d2a]{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.schedule .title .left[data-v-4e289d2a]{font-family:PingFang SC;font-style:normal;font-weight:600;font-size:20px;line-height:28px;color:var(--text1)}.schedule .title .right svg[data-v-4e289d2a]{margin-left:6px;transform:rotate(-0.25turn)}.schedule-loading[data-v-4e289d2a]{width:1220px;height:292px;margin:0 auto;padding:25px 0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABMwAAADyCAYAAACxi1mtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAjBSURBVHgB7d1RbhNXGIbhf6aBcplbC1rFOyArKOyAJcAKoCtpWQFdAqyAsAKyA1uUyre5bIPJqR0J+kmNUZMgMTl9HslR5Mn1p+j1nPFQAAAAAOy0WK0O9lq9qDbcr2r7xc02DC/Xf7Wf5/PZcuefFAAAAAAXOo9lZ8Nboaw3w8n6tB3uimZjAQAAAHChTSz7RSzrUdvf+75e7LoqmAEAAADs1B4VfTo/Ynuxve0PZ3Gv6D+ceQUAAABginY3sPHzWdxWD8SyS2rt0d7t4e1isTooAAAAALowOot7XV8+8woAAADAzTI6i/sVfOHMKwAAAAA3i4f+fxXu0AMAAADohWAGAAAAAEEwAwAAAIAgmAEAAABAEMwAAAAAIAhmAAAAABAEMwAAAAAIghkAAAAABMEMAAAAAIJgBgAAAABBMAMAAACAIJgBAAAAQBDMAAAAACAIZgAAAAAQBDMAAAAACIIZAAAAAATBDAAAAACCYAYAAAAAYRPMhpMCAAAAAM6NNbTj4lpatVcFAAAAQBfG9VBP3GV2HcPJx9PhWQEAAADQhXE+my3XYzvchJ+XxSVsImOro/VpO5zPZ8sCAAAAoAtDAQAAAHCh3/9YtaJbP9ydXdjGfEsmAAAAAATBDAAAAGAnz33/PxLMAAAAAHYZ2nHRpVbt1a5rghkAAADADuuhnrjLrEfDycfT4dmuq4IZAAAAwA7z2Wy5HtvhJrC8LDqwiZ+tjtan7XA+ny0LAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbpzh0y+LxWJ/786dp9XqwfkL4Jtox62dPf/x3r3f6prsGjANdg3ojV0DevPvXTsPZovV6uDWWb1uVQcFMAGbcVp+OK2H8/lsWVdg14CpsWtAb+wa0JvctXH7hpECpma7Sbdu1+vtp451BXYNmBq7BvTGrgG9yV0b371fPTZSwBRtt2ncu/2sLsmuAVNl14De2DWgN592bRyG9rQAJmr8bvypLsmuAVNm14De2DWgN9tdGzdTdb8ApupKD3+1a8CE2TWgN3YN6M1m18YCAAAAAD4TzAAAAAAgCGYAAAAAEAQzAAAAAAiCGQAAAAAEwQwAAAAAgmAGAAAAAEEwAwAAAIAgmAEAAABAEMwAAAAAIAhmAAAAABAEMwAAAAAIghkAAAAABMEMAAAAAIJgBgAAAABBMAMAAACAIJgBAAAAQBDMAAAAACAIZgAAAAAQBDMAAAAACIIZAAAAAATBDAAAAACCYAYAAAAAQTADAAAAgCCYAQAAAEAQzAAAAAAgCGYAAAAAEAQzAAAAAAiCGQAAAAAEwQwAAAAAgmAGAAAAAEEwAwAAAIAgmAEAAABAEMwAAAAAIAhmAAAAABAEMwAAAAAIghkAAAAABMEMAAAAAIJgBgAAAABBMAMAAACAIJgBAAAAQBDMAAAAACAIZgAAAAAQBDMAAAAACIIZAAAAAATBDAAAAACCYAYAAAAAQTADAAAAgCCYAQAAAEAQzAAAAAAgCGYAAAAAEAQzAAAAAAiCGQAAAAAEwQwAAAAAgmAGAAAAAEEwAwAAAIAgmAEAAABAEMwAAAAAIAhmAAAAABAEMwAAAAAIghkAAAAABMEMAAAAAIJgBgAAAABBMAMAAACAIJgBAAAAQBDMAAAAACAIZgAAAAAQBDMAAAAACIIZAAAAAATBDAAAAACCYAYAAAAAQTADAAAAgCCYAQAAAEAQzAAAAAAgCGYAAAAAEAQzAAAAAAiCGQAAAAAEwQwAAAAAgmAGAAAAAEEwAwAAAIAgmAEAAABAEMwAAAAAIAhmAAAAABAEMwAAAAAIghkAAAAABMEMAAAAAIJgBgAAAABBMAMAAACAIJgBAAAAQBDMAAAAACAIZgAAAAAQBDMAAAAACIIZAAAAAATBDAAAAACCYAYAAAAAQTADAAAAgCCYAQAAAEAQzAAAAAAgCGYAAAAAEAQzAAAAAAiCGQAAAAAEwQwAAAAAgmAGAAAAAEEwAwAAAIAgmAEAAABAEMwAAAAAIAhmAAAAABAEMwAAAAAIghkAAAAABMEMAAAAAIJgBgAAAABBMAMAAACAIJgBAAAAQBDMAAAAACAIZgAAAAAQBDMAAAAACIIZAAAAAATBDAAAAACCYAYAAAAAQTADAAAAgCCYAQAAAEAQzAAAAAAgCGYAAAAAEAQzAAAAAAiCGQAAAAAEwQwAAAAAgmAGAAAAAEEwAwAAAIAgmAEAAABAEMwAAAAAIAhmAAAAABAEMwAAAAAIghkAAAAABMEMAAAAAIJgBgAAAABBMAMAAACAIJgBAAAAQBDMAIACAAD+IZgBAAAAQBDMAAAAACAIZgAAAAAQBDMAAAAACIIZAAAAAATBDAAAAACCYAYAAAAAQTADAAAAgCCYAQAAAEAQzAAAAAAgCGYAAAAAEAQzAAAAAAiCGQAAAAAEwQwAAAAAgmAGAAAAAEEwAwAAAIAgmAEAAABAEMwAAAAAIAhmAAAAABAEMwAAAAAIghkAAAAABMEMAAAAAIJgBgAAAABBMAMAAACAIJgBAAAAQBDMAAAAACAIZgAAAAAQBDMAAAAACIIZAAAAAATBDAAAAACCYAYAAAAAQTADAAAAgCCYAQAAAEAQzAAAAAAgCGYAAAAAEAQzAAAAAAiCGQAAAAAEwQwAAAAAgmAGAAAAAEEwAwAAAIAgmAEAAABAEMwAAAAAIAhmAAAAABDGGuqoACZrOK7LsmvApNk1oDd2DejNcDyefTx7UwAT1dr6eV2SXQOmzK4BvbFrQG+2uzYsFov9W7fvvG1VBwUwIUPV8t7d2bwuya4BU2XXgN7YNaA3n3ZtnM/nJx/Gerh9owAmYrtJH07rYV2BXQOmyK4BvbFrQG9y14a88O796vFQ7WkNw/0C+BZaHW1eb9brP3/d/iNV12TXgG/OrgG9sWtAby7Ytb8BkWiVA7jnarMAAAAASUVORK5CYII=);background-repeat:no-repeat}

.game-next[data-v-67b0502a]{--brand_blue: #0094ff}

.zone .left .game-list-tag[data-v-69fd406a],.zone .right .con-img[data-v-69fd406a]{display:flex;align-items:center;justify-content:center;width:88px;height:34px;font-size:12px;font-weight:var(--text1);border-radius:6px;border:1px solid var(--line_regular);transition:0.5s;cursor:pointer;user-select:none;background-color:var(--bg1)}.zone .left .game-list-tag[data-v-69fd406a]:hover,.zone .right .con-img[data-v-69fd406a]:hover{background-color:var(--line_light)}.zone .left .game-list-tag[data-v-69fd406a]:active,.zone .right .con-img[data-v-69fd406a]:active{background-color:var(--line_regular);-webkit-font-smoothing:antialiased;transform:perspective(1px) scale(0.95)}.zone[data-v-69fd406a]{margin:0 auto;padding:30px 0 11px 0;display:flex;justify-content:space-between;width:1213px}.zone .left[data-v-69fd406a]{position:relative;display:flex;height:100%}.zone .left .game-img[data-v-69fd406a]{width:194px;height:88px;display:flex;align-items:center;justify-content:center;background-size:auto 100%;background-position:50%;margin-right:12px;cursor:pointer;border-radius:6px}.zone .left .game-img .logo[data-v-69fd406a]{width:130px;height:45px;transition:transform 200ms linear}.zone .left .game-img:hover .logo[data-v-69fd406a]{transform:scale(1.2)}.zone .left .game-list[data-v-69fd406a]{display:grid;grid-template-columns:repeat(var(--num), var(--width));column-gap:12px;row-gap:12px;height:100%}.zone .left .game-list-tag[data-v-69fd406a]{height:38px;width:100%;color:var(--text2);font-size:13px;font-weight:700}.zone .left .game-list-tag svg[data-v-69fd406a]{width:9px;height:6px;margin-left:5px}.zone .left .game-list-tag-sec[data-v-69fd406a]{margin-bottom:0}.zone .right[data-v-69fd406a]{display:flex;align-items:center;position:relative}.zone .right[data-v-69fd406a]::before{bottom:0;left:-16.5px;position:absolute;width:1px;height:100%;content:'';background-color:var(--line_regular);transform:scaleX(0.5)}.zone .right .con[data-v-69fd406a]{display:flex;align-items:center;flex-direction:column;cursor:pointer;margin:3px 0}.zone .right .con[data-v-69fd406a]:nth-child(1){margin:3px 23px 3px 12px}.zone .right .con[data-v-69fd406a]:nth-child(2){margin-right:23px;margin-top:3px;margin-bottom:3px}.zone .right .con-img[data-v-69fd406a]{width:56px;height:56px;margin-bottom:8px}.zone .right .con-img svg[data-v-69fd406a]{width:26px;height:26px;color:var(--text2);transition:0.5s}.zone .right .con-img:hover svg[data-v-69fd406a]{transform:scale(1.2)}.zone .right .con-text[data-v-69fd406a]{font-size:13px;line-height:18px;text-align:center;color:var(--text2)}.zone-loading[data-v-69fd406a]{width:1213px;height:88px;margin:30px auto 11px auto;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABL8AAABYCAYAAAAUclW+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAcOSURBVHgB7d1RblPpFcDx83lugb7l1TTQeAfJChpW0LCCDisgrABYAcwKmO4grKCZFSQ7cASM/OpHCI6/Xptq1KqaiuuL43Lu7yeBhYQV6QhyfP++/lLiX6bT6V5z797TqHG8/gVplXmJevb5Ol5OJuOr6On9+/fHZdT8rUY5iah7AWnVy1qXPz3c3/85erJzGA47Bzbz7XYOAJTVb9PZ7OAPy/hHjTgIGJJRvHgwHr+MDb2fzZ7HMl4EDEi7OK7aC/lHm17I2zkMlp0DnX2LndPUeBO1HArGCZRytvhUn32LNxOAYVnHrw+/zqYuQhiqZanP/nz//uvo6N2H2Y+ltC+mYIC+XIx8PJpMJvPoyM5hyOwc6G7TnbMOX8tyIXplU+aL63okgAFdjFYvplyEMGSjOnq++ghWdDQq8TxgoFZ7Y9TcOY2O7ByGzs6B7jbdOW34eiV8ZVT3mrveDAC6GZVSnwYMWrtAm3uHXZ7x7t2vJy7gGbrRD6O/REd2Dtg5sIlNdk77/+0kyGn9MVaAr9e0lyK+cTB4y1getw/nX/v3a4nDEjBwGx1Ub+eAnQMb8MNR+A957+hLd07dLZ/TZn79ZJ7fKAAAAICd+u2cunXsTRL4aj1p7pSL6XR2EFtmfv1kn5/4BQAAADuW95y62zmnzfz6yT4/8QsAAAB2LvE5dbdyTpv59fwiqecnfgEAAABb5Cev9mN+/dQ98QsAAACAtMQvAAAAANISvwAAAABIS/wCAAAAIC3xCwAAAIC0xC8AAAAA0hK/AAAAAEhL/AIAAAAgLfELAAAAgLTELwAAAADSEr8AAAAASEv8AgAAACAt8QsAAACAtMQvAAAAANISvwAAAABIS/wCAAAAIC3xCwAAAIC0xC8AAAAA0hK/AAAAAEhL/AIAAAAgLfELAAAAgLTELwAAAADSEr8AAAAASEv8AgAAEirzAIAQvwAAgIxKvQxSqlHfBkAH4hcAAJDOosQTd39lVOY31+U0ADoQvwAAgHQm4/HVYlSP2lhyFiTQhswa54vrejSZjK8CoIMmAAAAEloFsPbhcQAwaO78AgAAACAt8QsAAACAtMQvAAAAANISvwAAAABIS/wCAAAAIC3xCwAAAIC0xC8AAAAA0hK/AAAAAEhL/AIAAAAgLfELAAAAgLTELwAAAADSEr8AAAAASEv8AgAAACCtJgAAABKazmYHTY03UcthRN0Lvm+lnC0+1WeTyfgqADpw5xcAAJDOOnwty0XUOBa+kqj1pLlTLqbT2UEAdCB+AQAA6bTh65XolVHda+7GmwDoQPwCAAASqidBTuuPsQJ8PfELAACA74g7+oBuxC8AAAAA0hK/AAAAYOfKPOjB/PrJPT/xCwAAAHat1MtIqkZ9G9tmfv0kn5/4BQAAADu2KPEk5903ZX5zXU5jy8yvn+zzE78AAABgxybj8dViVI/ai/WzSKENKTXOF9f1aDIZX8WWmV8/2efXBAAAALBzqwDRPjwONmJ+/WSenzu/AAAAAEhL/AIAAAAgLfELAAAAgLTELwAAAADSEr8AAAAASEv8AgAAACCtJgAAAICdm85mB02NN1HLYUTdi+9dKWeLT/XZZDK+Ctgh8QsAAAB2bB2+luXiS/SqkUKtJ82dcjydzo5uI4CJh/we8QsAAAB2rA1fr1IEm/9S95q7bZCKeBRbJB72lzkeOvMLAAAAdq6eRFbrmLJdA4iHW/VbPKxxnGaOX+LhRRsPD8QvAAAAYItuI6aIh31kj4fiFwAAAMD/LfGwlzYeil8AAAAAJFX3xC8AAAAA0hK/AAAAAEhL/AIAAAAgLfELAAAAdq7MA9gK8QsAAAB2rdTLSKpGfRtbJx7y+8QvAAAA2LFFiSc5A06Z31yX09g28bCn3PFQ/AIAAIAdm4zHV4tRPWojxFmk0MaUGueL63o0mYyvYsvEw75fJnc8bAIAAADYuVUAax8eB52tZjedzY6aZXnV5o6T+O6t4mG9XHyuT24rHja1XLSz24tUVvEwTpsocd5msOOAAVvW6FS5RzE6bx+eBwxa6f7ukJ0Ddg5sZIOds74DJNtFHPC/iIebyx4Pm+XN8pfRaHQcMFAl4mry8E+dbi1eLD5eNnf+6AUVg1br4qfoyM5h6Owc2MwmO2f9ER5vuKR0O+cfwfBkjoej5eL69eqFWMBALevNy+hoMpnMS112fh5ksdobD/f3f46O7ByGzs6B7jbdOXnP/xm6Wzr/CEhltHpB9XkUj1yMMEjLeLnJi6mV/f37r1fPDxiY1b74fB2PYgN2DoNm50BnvXZOusPDh+52D08Hcin//od3H2Y/lqhPo5TDgLTKvP13flaX8fcHD8bn0dN0Njv44SZelFL+6iMppFbX53X9slh8fL2KWNGTncMw2DmwkW+8cwAYtn8CsDL/yHuB2q0AAAAASUVORK5CYII=);background-repeat:no-repeat}

.inline-live-card[data-v-1c4f760a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.inline-live-card .live-cover[data-v-1c4f760a]{width:100%;height:100%;top:0;position:absolute;background-size:auto 100%;background-position:50%;filter:blur(7px)}.inline-live-card .live-swiper[data-v-1c4f760a]{width:639px;height:360px;position:relative}.inline-live-card .live-swiper .live-player[data-v-1c4f760a]{width:100%;height:100%;background-color:#ececec}.inline-live-card .live-swiper .goto-live[data-v-1c4f760a]{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0);width:180px;height:50px;font-size:16px;font-weight:600;color:var(--text_white);border:1px solid var(--text_white);border-radius:4px;cursor:pointer;z-index:2;transition:0.5s}.inline-live-card .live-swiper .goto-live[data-v-1c4f760a]:hover{color:var(--brand_blue);background-color:var(--text_white)}.inline-live-card .live-swiper .live-info[data-v-1c4f760a]{bottom:0;position:absolute;width:100%;height:180px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;color:#fff;background:linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 80%);padding-bottom:22px;z-index:1}.inline-live-card .live-swiper .live-info-title[data-v-1c4f760a]{font-size:18px;font-weight:600;color:var(--text_white);margin-bottom:16px}.inline-live-card .live-swiper .live-info .chiji-title[data-v-1c4f760a]{font-size:38px;font-weight:800;color:var(--text_white);text-align:center;margin-bottom:0}.inline-live-card .live-swiper .live-info-detail[data-v-1c4f760a]{display:flex;align-items:center;justify-content:center}.inline-live-card .live-swiper .live-info-detail-title[data-v-1c4f760a]{font-size:14px;font-weight:600;color:var(--text_white);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-word !important;word-break:break-all;line-break:anywhere;-webkit-line-clamp:1;text-align:center;margin:0 10px;width:84px}.inline-live-card .live-swiper .live-info-detail-logo[data-v-1c4f760a]{width:50px;height:50px}.inline-live-card .live-swiper .live-info-detail-colon[data-v-1c4f760a]{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 4px}.inline-live-card .live-swiper .live-info-detail-colon[data-v-1c4f760a]::after{content:'';display:block;width:5px;height:5px;border-radius:1px;background-color:var(--graph_white)}.inline-live-card .live-swiper .live-info-detail-colon[data-v-1c4f760a]::before{content:'';display:block;width:5px;height:5px;border-radius:1px;background-color:var(--graph_white);margin-bottom:5px}.inline-live-card .live-swiper .live-info-detail-score[data-v-1c4f760a]{display:flex;align-items:center;justify-content:center;width:36px;height:42px;font-size:28px;font-weight:700;color:var(--text_white);font-family:xx-bin;background-color:rgba(255,255,255,0.2);border-radius:4px;margin:0 10px}.inline-live-card .left-option[data-v-1c4f760a],.inline-live-card .right-option[data-v-1c4f760a]{width:24px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:var(--bg1);color:var(--text1);opacity:0.4;transform:translateY(-50%);transition:0.5s;cursor:pointer}.inline-live-card .left-option[data-v-1c4f760a]:hover,.inline-live-card .right-option[data-v-1c4f760a]:hover{opacity:1}.inline-live-card .left-option[data-v-1c4f760a]{top:50%;left:-36px;position:absolute}.inline-live-card .right-option[data-v-1c4f760a]{top:50%;right:-36px;position:absolute}.inline-live-card .right-option svg[data-v-1c4f760a]{transform:rotate(0.5turn)}.inline-live-card .points[data-v-1c4f760a]{bottom:7px;position:absolute;display:flex;align-items:center;justify-content:center}.inline-live-card .points .point[data-v-1c4f760a]{width:20px;height:6px;background-color:var(--bg1);opacity:0.4;transition:0.5s;cursor:pointer;border-radius:2px;margin:0 5px}.inline-live-card .points .point-active[data-v-1c4f760a]{opacity:1}.card-cover[data-v-1c4f760a]{width:100%;height:100%;top:0;position:absolute;z-index:-1;background-color:#ececec;background-size:auto 100%;background-position:50%}

.header-main{width:100%;height:400px;position:relative;overflow:hidden}.header-main-living .card-cover{filter:blur(5px)}

.card[data-v-0e9e48f4]{height:69px;padding:0 34px;display:flex;align-items:center}.card .left[data-v-0e9e48f4]{font-size:14px;font-weight:normal;color:var(--text1);width:194px}.card .left .title[data-v-0e9e48f4]{margin-bottom:5px;line-height:20px}.card .left .time[data-v-0e9e48f4]{line-height:20px}.card .main[data-v-0e9e48f4]{display:flex;align-items:center;justify-content:space-between;width:220px;cursor:pointer}.card .main .con[data-v-0e9e48f4]{display:flex;align-items:center;justify-content:center;flex-direction:column}.card .main .con .icon[data-v-0e9e48f4]{width:48px;height:48px;margin-bottom:5px}.card .main .con span[data-v-0e9e48f4]{width:56px;line-height:16px;font-size:12px;font-weight:normal;color:var(--text1);text-align:center}.card .main .score[data-v-0e9e48f4]{margin:0 19px;width:78px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:"blod";color:var(--text1);font-family:xx-bin}.card .main .score .score-point[data-v-0e9e48f4]{width:30px;height:36px;background:var(--bg3);line-height:32px;display:flex;align-items:center;justify-content:center}.card .main .score span[data-v-0e9e48f4]{line-height:32px;margin:0 7px}.card .right[data-v-0e9e48f4]{display:flex;align-items:center;justify-content:space-between;width:145px;margin-left:50px}.card .right .btn[data-v-0e9e48f4]{width:68px;height:32px;line-height:16px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px;font-weight:normal;color:var(--brand_blue);border:1px solid var(--brand_blue);background:var(--bg1);cursor:pointer;transition:0.5s}.card .right .btn[data-v-0e9e48f4]:hover{background-color:#dff6fd}.card .right .big[data-v-0e9e48f4]{width:146px}.card .right .dis-btn[data-v-0e9e48f4]{width:68px;height:32px;line-height:16px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px;font-weight:normal;color:var(--brand_blue);border:1px solid var(--brand_blue);background:var(--bg1);background:var(--bg3);color:var(--text4);border:none;cursor:default}.card .right .blue-btn[data-v-0e9e48f4]{background:var(--brand_blue);color:var(--text_white)}.card .right .text[data-v-0e9e48f4]{width:100%;display:flex;align-items:center;justify-content:center;line-height:16px;font-size:12px;font-weight:normal;color:var(--text3)}.live-icon[data-v-0e9e48f4]{width:12px;height:12px;margin-right:4px;display:inline-block;background-image:url(data:image/gif;base64,R0lGODlhJAAkAIABAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjIgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDdCNUJFRjlGQjIzMTFFQTgzNjRCQUFBRjZFMzg3NjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDdCNUJFRkFGQjIzMTFFQTgzNjRCQUFBRjZFMzg3NjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowN0I1QkVGN0ZCMjMxMUVBODM2NEJBQUFGNkUzODc2NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowN0I1QkVGOEZCMjMxMUVBODM2NEJBQUFGNkUzODc2NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAkDAAEALAAAAAAkACQAAAJvjI+py+0Po5y02quABhhu3TUfGC4jV2Zjqn5scr5ILBs0vF337Fa7vfIFeT3KL3D0DA/Jx7HpeC6ZuVaVeMWitFtq0ZsFfsVh5NQ8Rpelafb67CZxrXJwnXxX5+NdfF//x0cXCHeGJpLnVbPI+FIAACH5BAkDAAEALAAAAAAkACQAAAJrjI+py+0Po5y02rsAlqDr3XgeyIgdmZmoYn7r0b5ILBt0fcv5vO32aPH5IEJVpSgqhYwzZvPEcv6SCSTweYVJA1Yo1qulfl3h7NTM3XbJZ3CbnRaX3XH0Oip/4+3qfr5Od4e3BBdWc4j4UgAAIfkECQMAAQAsAAAAACQAJAAAAmiMj6nL7Q+jnLTai7OeoIPNeB6oiB2ZmB96qGxrvoYr06/N4qiOrBYfEDVOCx5QWIqllD0mDNmEPkdL6cx5tQaxW62R+/WCx+IyNXqeEtFrtc+dNLezafq8W8ffw3n+vTv0lyVDWLhRAAAh+QQJAwABACwAAAAAJAAkAAACaYyPqcvtD6OctNqLs95cgc4A4gci41gep5gaK5m+bSC3dbxmcHJT59KTBGk54M5URP48KOZS2YSyeElV1XUlPq1bbFcb5Ya9Y/BUejSnh+xs+/sux89iOtmudsrdfHi/rNUA6DVTaIhRAAAh+QQJAwABACwAAAAAJAAkAAACaIyPqcvtD6OctNqLs968ew98C0CGolGWZ5CSa2tasQJf6djKeVJXPfKbBFE7ypBV5DWOR6SLliTeeFGnijoFVpnbbvbA/UqvWrH1WSaDveoxem0Ot88zd50OjbPf9vzcucRXtkJYiFEAACH5BAkDAAEALAAAAAAkACQAAAJmjI+py+0Po5y02ouz3rz7D4biApQAY55XqiasxbZHDL+uTdF3WvO72QP+SkHiUCbRIZRL4VHBnPmaU2nVEA1ktzir02ukfrFd8lVbRp+56zR7rIa/w2BknG6Wu/dndQNuNSI4WFEAACH5BAkDAAEALAAAAAAkACQAAAJnjI+py+0Po5y02ouz3rx7CXwLQIaiUZZnkJJra4owE1uzkl43sk892rIFE79IsYhqHIdEFY55WOaaUx4UWI1eWVup05rFfrVhbtnroo7FafDa/EbX2HN4mxzv6s/7t1l5R7UySIhRAAAh+QQJAwABACwAAAAAJAAkAAACZ4yPqcvtD6OctNqLs94W8AaE3peIIomYIXqoI+uyRizTsCoHtvJWe3vq4EpDXi9VBJoWS2MT+VQGoVPpihidJbVZ3dbb/YGrXPL4SkVbj2e2+P2Fh+P0ud0sx9f1d7US5AeVM0iIUQAAIfkECQMAAQAsAAAAACQAJAAAAmeMj6nL7Q+jnLTai7M+oIPNeB6oiB2ZmB/KmWwrvoYqB7R8vzm7V2vpssSAQ2AoiOjNRkRmEglzRk8p6LI4/WWb1Cf2KgV3t9WvzXo2K9dotroNf8vDabrbHsfPx2ItrEH3VzNIeFEAACH5BAkDAAEALAAAAAAkACQAAAJmjI+py+0Po5y0WgnuBDxr13VfE3IjU3pnkq5K6yJwbMy0HeMbWV7hooPogo9hr2L8AXlK2ZElej0PyaizSZ3WtIGqCYrdhrtcryo7NkvT5Tb7bUXHxXMy/Hutq8F6rp0JSCM4KFgAACH5BAkDAAEALAAAAAAkACQAAAJsjI+py+0Po5y02ggyuFhv3ngZGIokI35nkq5K6yJwbMyUt9iTyfK3f9B1cD3izxgESoRCCFM51LygAWTSWqVCn1iutPiVbcddcvh6rplHYLa4DE9n4250XU1X2fV4ufc+56cFeFXCR4OYuFIAACH5BAkDAAEALAAAAAAkACQAAAJtjI+py+0Po5y0WgnuBDxr13VfE3IjU3pnkmqq0lrhElP1cWMlvFd58IP8go9hz3bEJXUz1jJibMJIz6AUERU5r4asaavFVsdcIDmsLHtf3fNXrHazzfE6um1/p+90/pqXN2elt0U1t4KYqJhQAAAh+QQJAwABACwAAAAAJAAkAAACcIyPqcvtD6OctNqLsz6gg814XvYtYneJ5mmdJeK2bBJXNTxTN5dPu/GLBIOQYU9iVNmOAWLzRWMSlVEqzwqUarFPbnJUBeO8W/HVnCWr0V32FxWGj91l+dmepq/xbf4bmudXB9hH2NXAdgWyyNj4UAAAIfkECQMAAQAsAAAAACQAJAAAAnCMj6nL7Q+jnLTai7PeCHjggNf3LeRIil1qperhtmwSV/V62jNe6jnvkf1gu8mNOKQxjgZms0crPpMBp1VaxV6pWyjSOwVnudoy+SzuBqPoNfAVdn/lcfg4bca37Wp+nn4H2KcwSAiI1CDGscjYmFAAACH5BAkDAAEALAAAAAAkACQAAAJyjI+py+0Po5y02nsBlqDr3XgeyIgduZifslpqOromO1dvclP5sXM10uOFfjxi8UQTJWNAYyAIdUaVOKmV2sQemVtklmuYgp/XsdjbbYXL6LXWbWaryW96vH6e55dte39fhSfHpzcYOEY3NHeE0uj4+FAAACH5BAkDAAEALAAAAAAkACQAAAJyjI+py+0Po5y02muBBhhu3TUfGC4jVypnqo5ssr5HDG/MZ7qtvZMIPdP9hEFczThEFnlJ5tL3RDWhBmCVeFVmnVtqwPrFhrVjbtkLTovVZLbZjV7L2/N3PU7P2/X4vb8PKBXVE0go2HWYJeJVJOP4+FgAACH5BAkDAAEALAAAAAAkACQAAAJyjI+py+0Po5y02nsBlqDr3XgeyIgduZiftSpqNromOydvdSP5tBv90bLVdEPiSSZCxoxLYNH3DPymUWpSeGUetUFp9Zt1hqFjb9naJKfNa/RW3AbHz/K32s7Gu7t7pb7OB+gXSFc4t2YWgieG0uj4+FAAACH5BAkDAAEALAAAAAAkACQAAAJxjI+py+0Po5y02ouz3gh4oIHL913kSIpUqh6s9SbxmirzdBt5tO9QX6sAT4xWJ3gkyko2pMupgwaGzGT1qcReo1nudiqleppdcFlsNH/R5HX4fYa74/S5fbys4617bd/7pxbIlneXZtbwhcXB2Oj4UAAAIfkECQMAAQAsAAAAACQAJAAAAm+Mj6nL7Q+jnLTai7OeoIPNeF7zXWK3iOapnCXltmwVJzU8IzeXH7v0CwQhweGj2AMmhUsDKrUcqmRTXfRa9WFHtu3TmnV6X9ow04xEj6lccLv8Fqvn8XM9fV936V94X57HRwb4J0dSWAaiuMj4UAAAIfkEBQMAAQAsAAAAACQAJAAAAnGMj6nL7Q+jnLTauwCWoOvdeB7IiB2ZmahifuzWpqcVJzV1Hzmn2j3+0wV5ItYwsgskIcnlo3k0uIxFX9U6FV61I+wMAd1Kj+EumIwWK9Nm7tedXavL7/GcXZe37Xt9nh4HSNUn6BUnF5KntcLY6LhQAAA7);background-size:100% 100%;background-repeat:no-repeat;background-position:center;position:relative;top:1px}

.rank-contests .list-container[data-v-54badf7a]{overflow-y:auto;overscroll-behavior:none}.rank-contests .list-container[data-v-54badf7a]::-webkit-scrollbar-track{background:transparent}.rank-contests .list-container[data-v-54badf7a]::-webkit-scrollbar{width:4px;background:transparent}.rank-contests .list-container[data-v-54badf7a]::-webkit-scrollbar-thumb{border-radius:4px;background:var(--text4)}.rank-contests[data-v-54badf7a]{font-family:PingFang SC;background:var(--bg1);display:inline-block;width:670px;height:530px;border-radius:6px;overflow:hidden}.rank-contests .header[data-v-54badf7a]{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text1);height:45px;line-height:20px;border-bottom:1px solid var(--line_light)}.rank-contests .list-container[data-v-54badf7a]{overflow-x:hidden;height:480px}.rank-contests .list-container .scr[data-v-54badf7a]{box-sizing:content-box;padding-top:13px;padding-bottom:15px}

.points-record[data-v-75d8643c]{width:540px;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-around;color:var(--text1);font-family:PingFang SC}.points-record.drop[data-v-75d8643c]{color:var(--text3)}.points-record .cell[data-v-75d8643c]{display:flex;align-items:center;justify-content:center;width:80px;font-size:14px;text-align:center}.points-record .team[data-v-75d8643c]{width:130px;align-items:center;margin-left:20px}.points-record .team .logo[data-v-75d8643c]{width:38px;height:38px;margin-right:14px}.points-record .team .name[data-v-75d8643c]{display:flex;flex-flow:column;align-items:center}.points-record .team .name .name-text[data-v-75d8643c]{width:82px;line-height:20px;text-align:left;font-size:14px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-word !important;word-break:break-all;line-break:anywhere;-webkit-line-clamp:1}.points-record .team .name .division-logo[data-v-75d8643c]{width:21px;height:9px}

.match-points-container .list[data-v-2520cf6c]{overflow-y:auto;overscroll-behavior:none}.match-points-container .list[data-v-2520cf6c]::-webkit-scrollbar-track{background:transparent}.match-points-container .list[data-v-2520cf6c]::-webkit-scrollbar{width:4px;background:transparent}.match-points-container .list[data-v-2520cf6c]::-webkit-scrollbar-thumb{border-radius:4px;background:var(--text4)}.match-points-container[data-v-2520cf6c]{width:540px;height:530px;display:inline-block;border-radius:6px;overflow:hidden}.match-points-container .tabs[data-v-2520cf6c]{display:flex}.match-points-container .tabs .tab[data-v-2520cf6c]{font-family:PingFang SC;flex:1;height:45px;font-size:14px;font-weight:600;color:var(--text1);display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--bg2);line-height:20px}.match-points-container .tabs .tab+.tab[data-v-2520cf6c]{margin-left:1px}.match-points-container .tabs .active[data-v-2520cf6c]{background:var(--bg1);color:var(--brand_blue)}.match-points-container .header[data-v-2520cf6c]{background:var(--bg1);border-bottom:1px solid var(--line_light);font-size:14px;font-weight:normal;color:var(--text1);display:flex;align-items:center;justify-content:space-around;padding:0 20px}.match-points-container .header .th[data-v-2520cf6c]{display:flex;align-items:center;justify-content:center;height:60px;line-height:20px;width:80px}.match-points-container .header .team[data-v-2520cf6c]{width:150px}.match-points-container .list[data-v-2520cf6c]{background:var(--bg1);overflow-x:hidden}

.single-conbiner[data-v-cd61a688]{width:100%;display:flex;justify-content:center;position:relative}.single-conbiner .connections[data-v-cd61a688]{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.single-conbiner .connections .connection[data-v-cd61a688]{stroke:var(--text3);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;fill:transparent}.single-conbiner .col-right[data-v-cd61a688]{min-width:268px;margin-left:110px;display:flex;align-items:center}

.col-left{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.col-left>*:not(:first-child){margin-top:20px}

.team[data-v-29a8b565]{height:44px;display:flex;position:relative}.team.win[data-v-29a8b565]{background:var(--brand_blue)}.team.win .name[data-v-29a8b565]{color:var(--text_white)}.team.win .score[data-v-29a8b565]{background:rgba(66,49,49,0.3)}.team.lose[data-v-29a8b565]{background:var(--bg3)}.team.lose .info>.name[data-v-29a8b565],.team.lose .score[data-v-29a8b565]{color:var(--text3)}.team.unknown[data-v-29a8b565]{background:var(--bg3)}.team.unknown .info>.name[data-v-29a8b565]{color:var(--text3)}.team.feature[data-v-29a8b565]{background:var(--bg3)}.team.feature .info>.name[data-v-29a8b565]{color:var(--text1)}.team.inprogress[data-v-29a8b565]{background:var(--bg3)}.team.inprogress .info>.name[data-v-29a8b565]{color:var(--text1)}.team.inprogress .score[data-v-29a8b565]{color:var(--text1)}.team .info[data-v-29a8b565]{flex:1;display:flex;align-items:center}.team .info .logo[data-v-29a8b565]{width:26px;min-width:26px;height:26px;margin:0px 8px}.team .info .name[data-v-29a8b565]{font-family:Helvetica, Arial, sans-serif;font-size:14px;height:18px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}.team .info .division-logo[data-v-29a8b565]{margin-left:4px;width:23px}.team .score[data-v-29a8b565]{width:26px;background:rgba(0,0,0,0.1);padding:13px 0;font-family:Helvetica, Arial, sans-serif;font-size:18px;color:var(--text_white);text-align:center;line-height:18px}

.match[data-v-06eda5eb]{width:268px}.match .i-row[data-v-06eda5eb]{display:flex;align-items:flex-end}.match .info[data-v-06eda5eb]{flex:1}.match .info .round[data-v-06eda5eb]{height:16px;display:flex;align-items:center;color:var(--text3);font-size:12px;line-height:16px;margin-bottom:3px}.match .info .time[data-v-06eda5eb]{font-family:PingFangSC-Regular;font-size:12px;color:var(--text1);letter-spacing:0;line-height:16px;height:16px;margin-bottom:5px}.match .info .time.inprogress[data-v-06eda5eb]{color:var(--brand_blue)}.match .options[data-v-06eda5eb]{display:flex;align-items:end;justify-content:center;padding-bottom:5px}.match .options .option-item[data-v-06eda5eb]{padding:3px 10px;font-size:12px;line-height:16px;height:24px;border:1px solid transparent;color:var(--text3)}.match .options .option-item.text[data-v-06eda5eb]{height:auto;padding:0;color:var(--text3)}.match .options .option-item.btn[data-v-06eda5eb]{border-color:var(--brand_blue);color:var(--brand_blue);cursor:pointer}.match .options .option-item.btn[data-v-06eda5eb]:hover{color:#fff;background-color:var(--brand_blue)}.match .options .option-item.btn-pressed[data-v-06eda5eb]{background:var(--bg3);border-color:var(--bg3);color:var(--text3);cursor:pointer}.match .options .option-item.live[data-v-06eda5eb]{border-color:var(--brand_blue);background-color:var(--brand_blue);color:#ffffff;cursor:pointer}.match .options .option-item+.option-item[data-v-06eda5eb]{margin-left:9px}.match .home-team[data-v-06eda5eb]{margin-bottom:1px}.match .match-c[data-v-06eda5eb]{cursor:pointer}

.stage-container[data-v-015cb897]{width:1220px;margin:0 auto;padding:25px 0;cursor:default}.stage-container .header[data-v-015cb897]{display:flex;align-items:center;margin-bottom:20px}.stage-container .header .title[data-v-015cb897]{font-family:PingFang SC;font-weight:600;font-size:20px;height:32px;padding-bottom:4px;color:var(--text1);margin-right:70px}.stage-container .header .tabs[data-v-015cb897]{display:flex;align-items:center;border-bottom:1px solid var(--line_regular);height:32px;padding-top:5px}.stage-container .header .tabs .tab[data-v-015cb897]{height:27px;font-size:13px;color:var(--text1);cursor:pointer}.stage-container .header .tabs .tab[data-v-015cb897]:hover{color:var(--brand_blue)}.stage-container .header .tabs .active-tab[data-v-015cb897]{position:relative;color:var(--brand_blue);font-weight:600}.stage-container .header .tabs .active-tab[data-v-015cb897]::before{content:' ';right:-3px;bottom:-1px;position:absolute;width:calc(100% + 6px);height:3px;background:var(--brand_blue)}.stage-container .header .tabs .tab+.tab[data-v-015cb897]{margin-left:46px}.stage-container .desc[data-v-015cb897]{font-size:13px;font-weight:400;color:var(--text2);margin:20px 0}.stage-container .main[data-v-015cb897]{display:flex;align-items:center;justify-content:space-between}.stage-container .tree-content[data-v-015cb897]{margin-top:20px;background:var(--bg1);border-radius:6px}.stage-container .tree-content .match-map[data-v-015cb897]{padding-top:40px;padding-bottom:40px}

.ring[data-v-180491d5]{width:100px;height:100px}.ring svg[data-v-180491d5]{transform:rotate(-0.25turn)}.ring svg circle[data-v-180491d5]{transition:0.5s}

.game-team[data-v-36b26058]{position:relative;width:1292px;margin:0 auto;padding:25px 0}.game-team .team-text[data-v-36b26058]{font-size:20px;font-weight:600;color:var(--text1);margin-bottom:20px;margin-left:36px;position:relative}.game-team .team-continear[data-v-36b26058]{position:relative;width:1220px;margin:0 auto}.game-team .team-continear .team-wrap[data-v-36b26058]{width:1220px;overflow:hidden}.game-team .team-continear .team-wrap .team-list[data-v-36b26058]{width:1220px;margin:0 auto;display:flex;gap:12px;position:relative;transition:0.5s}.game-team .team-continear .team-wrap .team-list .team[data-v-36b26058]{width:111px;height:120px;display:flex;align-items:center;justify-content:center;min-width:111px;flex-direction:column;background-color:rgba(255,255,255,0.6);border-radius:6px;cursor:pointer;transition:0.5s}.game-team .team-continear .team-wrap .team-list .team[data-v-36b26058]:hover{background-color:#fff}.game-team .team-continear .team-wrap .team-list .team-logo[data-v-36b26058]{width:64px;height:64px}.game-team .team-continear .team-wrap .team-list .team-name[data-v-36b26058]{font-size:14px;font-weight:400;color:var(--text1);margin-top:8px;padding:0 5px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-word !important;word-break:break-all;line-break:anywhere;-webkit-line-clamp:1}.game-team .team-continear .team-wrap .team-list .team-disable[data-v-36b26058]{cursor:default}.game-team .team-continear .team-wrap .team-list .team-active[data-v-36b26058]{border:2px solid var(--brand_blue)}.game-team .team-continear .option[data-v-36b26058]{width:24px;height:80px;display:flex;align-items:center;justify-content:center;background-color:var(--bg1);border-radius:6px;transform:translateY(-50%);cursor:pointer}.game-team .team-continear .option-left[data-v-36b26058]{top:50%;left:-36px;position:absolute}.game-team .team-continear .option-right[data-v-36b26058]{top:50%;right:-36px;position:absolute}.game-team .team-continear .option-right svg[data-v-36b26058]{transform:rotate(0.5turn)}.game-team .team-continear .option-disabled[data-v-36b26058]{display:none;cursor:not-allowed}.team-info[data-v-36b26058]{width:1220px;height:180px;display:flex;align-items:center;justify-content:flex-start;margin:12px auto 0 auto;background-color:rgba(255,255,255,0.7);border-radius:6px;padding:0 0 0 34px}.team-info .team-players[data-v-36b26058]{width:368px;height:150px;display:flex;align-items:center;justify-content:flex-start;position:relative;max-width:368px;flex-wrap:wrap;gap:12px;margin:0 24px}.team-info .team-players .player[data-v-36b26058]{display:flex;align-items:center;justify-content:center;width:64px;flex-direction:column;overflow:hidden}.team-info .team-players .player-img[data-v-36b26058]{width:48px;height:48px;margin-bottom:5px}.team-info .team-players .player span[data-v-36b26058]{font-size:12px;font-weight:400;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;word-break:break-word !important;word-break:break-all;line-break:anywhere;-webkit-line-clamp:1;width:100%;text-align:center;height:15px;line-height:15px}.team-info .team-players .player[data-v-36b26058]:nth-child(-n+5){margin-bottom:8px}.team-info .team-players .player-option[data-v-36b26058]{opacity:0.4;transition:0.5s;cursor:pointer}.team-info .team-players .player-option[data-v-36b26058]:hover{opacity:1}.team-info .team-players .player-option-disabled[data-v-36b26058]{cursor:not-allowed}.team-info .team-players .player-option-right[data-v-36b26058]{transform:translateY(-50%);top:50%;right:-36px;position:absolute}.team-info .team-players .player-option-left[data-v-36b26058]{top:50%;left:-36px;position:absolute;transform:translateY(-50%) rotate(0.5turn)}.team-info .team-data[data-v-36b26058]{display:flex;align-items:center;justify-content:space-between;flex-grow:1}.team-info .team-data .rings[data-v-36b26058]{display:flex;align-items:center;justify-content:space-between;min-width:302px;margin-left:20px}.team-info .team-data .win[data-v-36b26058],.team-info .team-data .kda[data-v-36b26058]{width:50%}.team-info .team-data .win-desc[data-v-36b26058],.team-info .team-data .kda-desc[data-v-36b26058]{font-size:16px;font-weight:900;text-align:center;margin-top:13px;font-style:oblique;font-family:Avenir}.team-info .team-data .ring[data-v-36b26058]{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.team-info .team-data .ring-data[data-v-36b26058]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;top:0;position:absolute;flex-direction:column}.team-info .team-data .ring-data-number[data-v-36b26058]{font-size:24px;font-weight:900;font-family:xx-bin}.team-info .team-data .ring-data-text[data-v-36b26058]{font-size:12px;font-weight:400;color:var(--text2)}.team-info .team-data .data-detail[data-v-36b26058]{width:411px;height:139px;display:flex;flex-wrap:wrap;gap:1px;margin-right:17px}.team-info .team-data .data-detail .detail-item[data-v-36b26058]{display:flex;align-items:center;justify-content:center;width:102px;height:69px;flex-direction:column;background-color:rgba(24,25,28,0.05)}.team-info .team-data .data-detail .detail-item .title[data-v-36b26058]{font-size:14px;font-weight:400}.team-info .team-data .data-detail .detail-item .number[data-v-36b26058]{font-size:18px;font-weight:900;font-family:'Avenir';margin-top:5px}.team-info .team-desc[data-v-36b26058]{width:681px;padding:30px 0;margin-left:37px}

.video-list .video-topbar .all-video[data-v-b197dbb0]{display:flex;align-items:center;justify-content:center;width:88px;height:34px;font-size:12px;font-weight:var(--text1);border-radius:6px;border:1px solid var(--line_regular);transition:0.5s;cursor:pointer;user-select:none;background-color:var(--bg1)}.video-list .video-topbar .all-video[data-v-b197dbb0]:hover{background-color:var(--line_light)}.video-list .video-topbar .all-video[data-v-b197dbb0]:active{background-color:var(--line_regular);-webkit-font-smoothing:antialiased;transform:perspective(1px) scale(0.95)}.video-list[data-v-b197dbb0]{width:1220px;margin:0 auto;padding:25px 0}.video-list .video-topbar[data-v-b197dbb0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.video-list .video-topbar h2[data-v-b197dbb0]{font-size:20px;font-weight:600;color:var(--text1)}.video-list .video-topbar .all-video[data-v-b197dbb0]{color:var(--text1)}.video-list .video-topbar .all-video svg[data-v-b197dbb0]{transform:rotate(0.75turn);margin-left:4px}.video-list .video-wrap[data-v-b197dbb0]{position:relative}.video-list .video-wrap .video-continer[data-v-b197dbb0]{width:1220px;height:396px;overflow:hidden}.video-list .video-wrap .video-anime[data-v-b197dbb0]{width:100%;display:flex;flex-wrap:nowrap;transition:0.5s}.video-list .video-wrap .video-content[data-v-b197dbb0]{width:1220px;height:396px;min-width:1220px;display:flex;flex-wrap:wrap;gap:12px}.video-list .video-wrap .video-content .video-card[data-v-b197dbb0]{margin-bottom:8px}.video-list .video-wrap .video-option[data-v-b197dbb0]{width:24px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:var(--bg1);color:var(--text1);opacity:1;transform:translateY(-50%);transition:0.5s;cursor:pointer}.video-list .video-wrap .video-option-disabled[data-v-b197dbb0]{display:none;cursor:not-allowed}.video-list .video-wrap .video-option-left[data-v-b197dbb0]{top:50%;left:-36px;position:absolute}.video-list .video-wrap .video-option-right[data-v-b197dbb0]{top:50%;right:-36px;position:absolute}.video-list .video-wrap .video-option-right svg[data-v-b197dbb0]{transform:rotate(0.5turn)}

.game-tab-header[data-v-444e73b5]{width:100%;height:44px;display:flex;align-items:center;justify-content:flex-start;background-color:var(--bg2);padding-left:151px}.game-tab-header .active[data-v-444e73b5]{background-color:rgba(0,148,255,0.1)}.game-tab-header .active .season-item-title[data-v-444e73b5]{font-weight:700;color:var(--brand_blue)}.game-tab-header .season-item[data-v-444e73b5]{display:flex;align-items:center;justify-content:center;height:44px;padding:0 15px;cursor:pointer}.game-tab-header .season-item-state[data-v-444e73b5]{display:inline-block;min-width:45px;height:20px;font-size:12px;text-align:center;line-height:20px;margin-right:5px;border-radius:2px}.game-tab-header .season-item .playing[data-v-444e73b5]{border:1px solid var(--brand_blue);color:var(--brand_blue)}.game-tab-header .season-item .end[data-v-444e73b5]{border:1px solid var(--graph_medium);color:var(--graph_medium)}.game-tab-header .season-item-title[data-v-444e73b5]{color:var(--text1)}.game-tab-header .season-item-title[data-v-444e73b5]:hover{color:var(--brand_blue)}.game-tab-header .more[data-v-444e73b5]{width:max-content;transition:0.5s;color:var(--text2)}.game-tab-header .more svg[data-v-444e73b5]{margin-left:3px;transition:transform 0.5s;transform:rotate(0.25turn)}.game-tab-header .more[data-v-444e73b5]:hover{color:var(--brand_blue)}.game-tab-header .more:hover svg[data-v-444e73b5]{transform:rotate(0.75turn)}.loading[data-v-444e73b5]{width:100%;height:44px;background:url(//s1.hdslb.com/bfs/static/jinkela/game-next/1c623af4ffeba6f0975d.png);background-repeat:no-repeat;background-size:cover}

.v-inline-player{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;user-select:none;border-radius:inherit;overflow:hidden;opacity:0;transition:opacity 0.2s linear;overflow:hidden}.v-inline-player__playing{position:absolute;z-index:9;opacity:0;visibility:hidden;transition:opacity .2s 0s, visibility 0s .2s;user-select:none}.v-inline-player__playing.planA{top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;width:42px;-webkit-filter:drop-shadow(0px 0px 14px #000);filter:drop-shadow(0px 0px 14px #000)}.v-inline-player__playing.planB{bottom:10px;right:12px;width:34px;height:34px;color:#fff}.v-inline-player__playing>svg{width:100%;height:100%}.v-inline-player.mouse-in ~ .v-inline-player__playing{opacity:0.7;visibility:visible;transition:opacity .2s .2s, visibility 0s .2s}.v-inline-player.mouse-in ~ .v-inline-player__playing:hover{opacity:1;transition-delay:0s}.v-inline-player.visible{opacity:1}.v-inline-player .bpx-docker{transform:scale(1.01)}.v-inline-live-player{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9;pointer-events:none;user-select:none;border-radius:inherit;overflow:hidden;opacity:0;transition:opacity 0.2s linear}.v-inline-live-player__playing{position:absolute;z-index:10;opacity:0;visibility:hidden;transition:opacity .2s 0s, visibility 0s .2s;user-select:none}.v-inline-live-player__playing.planA{top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;width:42px;-webkit-filter:drop-shadow(0px 0px 14px #000);filter:drop-shadow(0px 0px 14px #000)}.v-inline-live-player__playing.planB{bottom:10px;right:12px;width:34px;height:34px;color:#fff}.v-inline-live-player__playing>svg{width:100%;height:100%}.v-inline-live-player__media{width:100%;height:100%;background-color:#000}.v-inline-live-player.mouse-in ~ .v-inline-live-player__playing{opacity:0.7;visibility:visible;transition:opacity .2s .2s, visibility 0s .2s}.v-inline-live-player.mouse-in ~ .v-inline-live-player__playing:hover{opacity:1;transition-delay:0s}.v-inline-live-player.visible{opacity:1}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

ul,
li {
  margin:0;
  padding: 0;
  text-indent: 0;
  list-style-type: none;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
.line-ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  word-break: break-word !important;
  word-break: break-all;
  line-break: anywhere;
  -webkit-line-clamp: 2;
}

.line-ellipsis {
  display: -webkit-box;
  overflow: hidden;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  word-break: break-word !important;
  word-break: break-all;
  line-break: anywhere;
  -webkit-line-clamp: 1;
}

#biliMainFooter {
  background-color: #fff;
}

* {
  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI,
    Microsoft YaHei, Source Han Sans CN, sans-serif;
}
body {
  background-color: var(--bg3);
}

@font-face {
  font-family: 'xx-bin';
  src: url('https://i0.hdslb.com/bfs/activity-plat/static/20210923/5f57b396dd5d4d64cd7821de45ca266e/xx-bin-Bold.otf') format('opentype');
}

@keyframes fade-in {  
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}  
/* fade animation */
.fade-enter-active,
.fade-leave-active {
  transition: 0.5s;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}


/* scalle in animation */
.scale-in-enter-from,
.scale-in-leave-to{
   transform: scale(0.88);
   opacity: 0;
}

.scale-in-enter-active,
.scale-in-leave-active{
    transition:  transform 0.3s, opacity 0.5s ;
}