.tips_wrapper[data-v-5fc070c5]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}.tips_box[data-v-5fc070c5]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:7.428571rem;padding:.428571rem;background:rgba(0,0,0,.7);border-radius:.142857rem;color:#fff;display:inline-flex;align-items:center}.tips_box.autoWidth[data-v-5fc070c5]{width:auto}.tips_box .tips_close[data-v-5fc070c5]{position:absolute;top:50%;right:.428571rem;transform:translateY(-50%);width:.285714rem;height:.285714rem}.tips_box .tips_icon[data-v-5fc070c5]{width:.285714rem;height:.285714rem}.tips_box .tips_content[data-v-5fc070c5]{font-family:PingFangMedium;font-size:.285714rem;margin-left:.214286rem}.tips_box .loading i[data-v-5fc070c5]{display:inline-block;width:.057143rem;height:.057143rem;background-color:#fff;border-radius:.057143rem;margin:0 .021429rem;animation:load-5fc070c5 1.04s ease infinite;-webkit-animation:load-5fc070c5 1.04s ease infinite}.tips_box .loading i[data-v-5fc070c5]:nth-child(1){animation-delay:.13s;-webkit-animation-delay:.13s}.tips_box .loading i[data-v-5fc070c5]:nth-child(2){animation-delay:.26s;-webkit-animation-delay:.26s}.tips_box .loading i[data-v-5fc070c5]:nth-child(3){animation-delay:.39s;-webkit-animation-delay:.39s}@keyframes load-5fc070c5{0%{opacity:1}to{opacity:0}}@-webkit-keyframes load-5fc070c5{0%{opacity:1}to{opacity:0}}.pelette[data-v-15211326]{width:4.857143rem;height:2.285714rem;border-radius:.114286rem;background:#FFFFFF;box-shadow:0 .085714rem .228571rem #81818a1a;position:relative}.pelette .color-list[data-v-15211326]{padding:.285714rem .214286rem .071429rem .357143rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:space-between}.pelette .color-list .list-items[data-v-15211326]{width:.714286rem;height:.714286rem;border-radius:.085714rem;margin-right:.142857rem;margin-bottom:.214286rem;box-sizing:content-box;position:relative;cursor:pointer}.pelette .color-list .list-items .color-block[data-v-15211326]{width:.571429rem;height:.571429rem;border-radius:.085714rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.pelette .color-list .list-items img[data-v-15211326]{width:.371429rem;height:.228571rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.pelette .color-list .list-items:first-child .color-block[data-v-15211326]{border:.014286rem solid #E9EDF3}.pelette .color-list .color1[data-v-15211326]:hover{background-color:#c5c5c533!important}.pelette .color-list .color2[data-v-15211326]:hover{background-color:#638af633!important}.pelette .color-list .color3[data-v-15211326]:hover{background-color:#a6e5ae33!important}.pelette .color-list .color4[data-v-15211326]:hover{background-color:#ffd24b33!important}.pelette .color-list .color5[data-v-15211326]:hover{background-color:#e4675933!important}.pelette .color-list .color6[data-v-15211326]:hover{background-color:#0003!important}.pelette .color-list .color7[data-v-15211326]:hover{background-color:#244dd133!important}.pelette .color-list .color8[data-v-15211326]:hover{background-color:#5ac05033!important}.pelette .color-list .color9[data-v-15211326]:hover{background-color:#f0820e33!important}.pelette .color-list .color10[data-v-15211326]:hover{background-color:#c2332033!important}.text-options[data-v-5a92fe31]{width:3.571429rem;height:.571429rem;background-color:#fff;position:absolute;transform:translate(-50%);display:flex;border-radius:.114286rem;font-size:.171429rem;z-index:100000}.text-options .option-item[data-v-5a92fe31]{width:.571429rem;height:.571429rem;line-height:.571429rem;text-align:center;flex:1;background-size:.428571rem .428571rem;background-repeat:no-repeat;background-position:center;cursor:pointer}.text-options .option-item[data-v-5a92fe31]:nth-last-child(1){cursor:default}.text-options .fontWeight[data-v-5a92fe31]{background-image:url(/assets/font-weight.f7b45581.svg)}.text-options .fontWeight[data-v-5a92fe31]:hover{background-image:url(/assets/fong-weight-selected.387ef7e6.svg)}.text-options .fontWeight.isSelect[data-v-5a92fe31]{background-image:url(/assets/fong-weight-selected.387ef7e6.svg)}.text-options .italic[data-v-5a92fe31]{background-image:url(/assets/italic.0ae153a4.svg)}.text-options .italic[data-v-5a92fe31]:hover{background-image:url(/assets/italic-selected.74866c5c.svg)}.text-options .italic.isSelect[data-v-5a92fe31]{background-image:url(/assets/italic-selected.74866c5c.svg)}.text-options .underline[data-v-5a92fe31]{background-image:url(/assets/underline.8bf63534.svg)}.text-options .underline[data-v-5a92fe31]:hover{background-image:url(/assets/underline-selected.5b6a8fbc.svg)}.text-options .underline.isSelect[data-v-5a92fe31]{background-image:url(/assets/underline-selected.5b6a8fbc.svg)}.text-options .color[data-v-5a92fe31],.text-options .background[data-v-5a92fe31]{position:relative;background-image:url(/assets/font-color.dea0d607.svg)}.text-options .color[data-v-5a92fe31]:hover,.text-options .background[data-v-5a92fe31]:hover{background-image:url(/assets/font-color-selected.c0a5b2a5.svg)}.text-options .color[data-v-5a92fe31]:hover:before,.text-options .background[data-v-5a92fe31]:hover:before{content:"";width:0;height:0;border:.171429rem solid rgba(0,0,0,0);border-bottom:.171429rem solid #ffffff;position:absolute;bottom:-.142857rem;left:.271429rem}.text-options .color .pelette[data-v-5a92fe31],.text-options .background .pelette[data-v-5a92fe31]{position:absolute;top:.714286rem;left:-.228571rem}.text-options .color .pelette.right[data-v-5a92fe31],.text-options .background .pelette.right[data-v-5a92fe31]{left:-3.857143rem}.text-options .background[data-v-5a92fe31]{background-image:url(/assets/bg_color.7ffc82c4.svg)}.text-options .background[data-v-5a92fe31]:hover{background-image:url(/assets/bg_color_selected.e9000fc3.svg)}.text-options .fontSize[data-v-5a92fe31]{background-image:url(/assets/font-weight.f7b45581.svg)}.text-options .fontSize[data-v-5a92fe31]:hover{background-image:url(/assets/font-color-selected.c0a5b2a5.svg)}.btn_list[data-v-e653911c]{width:2.571429rem;background-color:#3a3a3a;position:absolute;transform:translate(-50%);padding:.114286rem 0;border-radius:.114286rem;font-size:.171429rem;z-index:100000}.btn_list .list_item[data-v-e653911c],.btn_list .config_ZIndex[data-v-e653911c]{height:.571429rem;font-size:.2rem;font-family:PingFangMedium;font-weight:400;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 .114286rem;margin:0 .114286rem;cursor:pointer}.btn_list .list_item[data-v-e653911c]:hover,.btn_list .config_ZIndex[data-v-e653911c]:hover{background-color:#3663e1;border-radius:.085714rem}.btn_list .prohibi[data-v-e653911c]{cursor:not-allowed}.btn_list .config_ZIndex[data-v-e653911c]{visibility:hidden}.btn_list .line[data-v-e653911c]{border:.014286rem solid rgba(255,255,255,.12);margin:.142857rem 0}.iconHover[data-v-0a76c62c]{opacity:.4;cursor:pointer}.iconHover[data-v-0a76c62c]:hover,.iconHover.active[data-v-0a76c62c]{opacity:.8}.frame_wrapper[data-v-0a76c62c]{position:absolute;left:0;bottom:0;width:100%;background-color:#222;font-size:0}.frame_wrapper .frame_head[data-v-0a76c62c]{display:flex;align-items:center;height:.857143rem;padding:0 .2rem;background-color:#2b2b2b}.frame_wrapper .frame_head>div[data-v-0a76c62c]{flex:1;text-align:center}.frame_wrapper .frame_head .frame_option[data-v-0a76c62c]{display:flex;justify-content:flex-end;align-items:center}.frame_wrapper .frame_head .frame_option>div[data-v-0a76c62c]{margin-right:.285714rem}.frame_wrapper .frame_head .frame_option>div[data-v-0a76c62c]:last-child{margin-right:0}.frame_wrapper .frame_head .frame_option .frame_speed[data-v-0a76c62c]{height:.6rem}.frame_wrapper .frame_head .frame_option .frame_speed span[data-v-0a76c62c]{font-size:.257143rem;opacity:.4;cursor:pointer}.frame_wrapper .frame_head .frame_option .frame_speed span[data-v-0a76c62c]:hover,.frame_wrapper .frame_head .frame_option .frame_speed span.active[data-v-0a76c62c]{opacity:.8}.frame_wrapper .frame_head .frame_option .frame_delete.running[data-v-0a76c62c]{opacity:.4}.frame_wrapper .frame_item_box[data-v-0a76c62c]{display:flex;position:relative;margin:.257143rem .228571rem .114286rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.frame_wrapper .frame_item_box .frame_item[data-v-0a76c62c],.frame_wrapper .frame_item_box .frame_add[data-v-0a76c62c],.frame_wrapper .frame_item_box .bg[data-v-0a76c62c]{flex:0 0 .742857rem;width:.742857rem;height:1.142857rem;background-color:#131314;border-radius:.057143rem}.frame_wrapper .frame_item_box .frame_item[data-v-0a76c62c]{background-color:#2b2b2b;font-family:AkrobatRegular;font-size:.371429rem;color:#fff6}.frame_wrapper .frame_item_box .frame_item.active[data-v-0a76c62c]{color:#fff}.frame_wrapper .frame_item_box .frame_item[data-v-0a76c62c],.frame_wrapper .frame_item_box .frame_add[data-v-0a76c62c]{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;margin-bottom:.6rem;cursor:pointer}.frame_wrapper .frame_item_box .bg_box[data-v-0a76c62c]{display:flex;position:absolute;left:0;top:0}.frame_wrapper .frame_item_box .frame_item[data-v-0a76c62c],.frame_wrapper .frame_item_box .bg[data-v-0a76c62c]{margin-right:.085714rem}.frame_wrapper .frame_item_box .frame_item[data-v-0a76c62c]:last-child,.frame_wrapper .frame_item_box .bg[data-v-0a76c62c]:last-child{margin-right:0}.popover-speed{padding:0!important}.popover-speed .explain_speed_box{width:1.142857rem}.popover-speed .explain_speed_box p{font-size:.257143rem;line-height:.714286rem;text-align:center;opacity:.4}.popover-speed .explain_speed_box p:hover,.popover-speed .explain_speed_box p.active{opacity:.8}.popover-speed .explain_speed_box p.active{background-color:#000}.input[data-v-26b9bd17]{position:absolute;opacity:0}.aCheckbox-input[data-v-26b9bd17]{margin-right:.114286rem}.aCheckbox-input.is-active .aCheckbox-inner[data-v-26b9bd17]{border:0;background-color:red}.aCheckbox-input.is-active .aCheckbox-inner[data-v-26b9bd17]:after{opacity:1}.aCheckbox-input .aCheckbox-inner[data-v-26b9bd17]{position:relative;box-sizing:border-box;display:inline-block;width:.285714rem;height:.285714rem;border:.014286rem solid #b4b4bb;border-radius:.014286rem;vertical-align:middle}.aCheckbox-input .aCheckbox-inner[data-v-26b9bd17]:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-65%);content:"";display:inline-block;width:.2rem;height:.142857rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABXSURBVHgBnc5BDQAgCAVQIxjBCEQxghGMYgQbGgFl88AcDJDtX/i8jZQCg4j5pEQMIThZlB9EM3jRtRceNHlR75JKcCF2MF9sIgU3FxIwupGA/YhhsG42/C+rfuf3VpQAAAAASUVORK5CYII=) no-repeat;background-size:.2rem .142857rem;opacity:0}.aCheckbox-wrapper[data-v-26b9bd17]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.aCheckbox-label[data-v-26b9bd17]{margin-top:.042857rem;font-size:.228571rem;color:#fff;opacity:.8}.search_bar[data-v-8afc2600]{width:8.028571rem;height:.514286rem;line-height:.514286rem;position:relative}.search_bar .fabric_search[data-v-8afc2600]{width:100%;height:100%;font-family:PingFangMedium;font-weight:400;font-size:.2rem;color:#81818a;background:#FFFFFF;border:.021429rem solid #E9EDF3;border-radius:.085714rem;padding-left:.457143rem}.search_bar .search_img[data-v-8afc2600]{width:.257143rem;height:.257143rem;position:absolute;top:50%;left:.142857rem;transform:translateY(-50%)}.selectOptions[data-v-12bf90f2]{width:.514286rem;height:.514286rem;background-color:#fff;border-radius:.085714rem;background-image:url(/assets/btn-select-person.373821da.svg);background-position:center;position:relative;cursor:pointer;z-index:9999}.selectOptions[data-v-12bf90f2]:hover{background-image:url(/assets/btn-select-person-hover.80c6472d.svg)}.selectOptions .options_list[data-v-12bf90f2]{width:2.571429rem;background-color:#fff;box-shadow:.057143rem .057143rem .142857rem #121d7e0d,.085714rem .085714rem .428571rem #121d7e1a;border-radius:.142857rem;position:absolute;left:-.214286rem;top:.642857rem;padding:.114286rem;z-index:999}.selectOptions .options_list[data-v-12bf90f2]:before{content:"";width:0;height:0;border:.171429rem solid rgba(0,0,0,0);border-bottom:.171429rem solid #ffffff;position:absolute;top:-.314286rem;left:.3rem}.selectOptions .options_list .list_item[data-v-12bf90f2]{width:100%;height:.571429rem;line-height:.571429rem;font-weight:400;font-size:.2rem;color:#3a3a3a;padding-left:.114286rem;display:flex;align-items:center;justify-content:space-between}.selectOptions .options_list .list_item .select_btn[data-v-12bf90f2]{width:.257143rem;height:.257143rem;margin-right:.114286rem;background:#F3F5F9;border:.014286rem solid #E9EDF3;border-radius:.057143rem;opacity:.6}.selectOptions .options_list .list_item .select_btn[data-v-12bf90f2]:hover{border:none;background-size:.185714rem .142857rem;background-position:center;background-repeat:no-repeat;opacity:1}.selectOptions .options_list .list_item .is_select[data-v-12bf90f2]{background-color:#3663e1;border:none;background-image:url(/assets/check-mark.5b895bbe.svg);background-size:.185714rem .142857rem;background-position:center;background-repeat:no-repeat;opacity:1}.selectOptions .options_list .list_item .item_name[data-v-12bf90f2]{font-family:PingFangMedium}.selectOptions .options_list .list_item .item_name_active[data-v-12bf90f2]{color:#3663e1}.selectOptions .options_list .list_item[data-v-12bf90f2]:hover{background:#F2F2F3;border-radius:.085714rem}.pelette[data-v-fdf87398]{width:4.857143rem;height:2.285714rem;border-radius:.171429rem;background:#343B4C;box-shadow:0 .085714rem .228571rem #81818a1a;position:relative;z-index:9998}.pelette[data-v-fdf87398]:before{content:"";width:0;height:0;border:.171429rem solid rgba(0,0,0,0);border-top:.171429rem solid #343b4c;position:absolute;bottom:-.328571rem;left:.714286rem}.pelette .color-list[data-v-fdf87398]{padding:.285714rem .214286rem .071429rem .357143rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:space-between}.pelette .color-list .list-items[data-v-fdf87398]{width:.714286rem;height:.714286rem;margin-right:.142857rem;margin-bottom:.214286rem;box-sizing:content-box;position:relative;border-radius:50%;cursor:pointer}.pelette .color-list .list-items .color-block[data-v-fdf87398]{width:.571429rem;height:.571429rem;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.pelette .color-list .list-items img[data-v-fdf87398]{width:.371429rem;height:.228571rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.pelette .color-list .list-items:first-child .color-block[data-v-fdf87398]{border:.014286rem solid #E9EDF3}.pelette .color-list .list-items[data-v-fdf87398]:hover{background-color:var(--hover-bgc, #FFF)!important}.material_library .material_library_content.isApp .app_title[data-v-60be74e3]{display:flex;justify-content:space-between;padding:0 .428571rem 0 .642857rem}.material_library .material_library_content.isApp .app_title .btn_cancle[data-v-60be74e3]{color:#b7b7bf}.material_library .material_library_content.isApp .app_title .btn_ok[data-v-60be74e3]{color:#3663e1}.material_library .material_library_content.isApp .gray_line[data-v-60be74e3]{height:.285714rem;background-color:#f3f3f3}.material_library .material_library_content.isApp .select_images[data-v-60be74e3]{height:5.714286rem}.material_library .material_library_content.isApp .select_images .is_select[data-v-60be74e3]{border:.014286rem solid var(--hover-bgc, rgba(54, 99, 225, .8))}.material_library[data-v-60be74e3]{width:100vw;height:100vh;background:rgba(15,15,23,.6);position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999}.material_library .material_library_content[data-v-60be74e3]{width:10.885714rem;background:#FFFFFF;border-radius:.171429rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden}.material_library .material_library_content .title[data-v-60be74e3]{width:100%;height:.857143rem;line-height:.857143rem;font-family:PingFangMedium;font-style:normal;text-align:center;background-image:url(/assets/materialLibrary-title.658c488e.svg);background-repeat:no-repeat;border-radius:.171429rem .171429rem 0 0;font-size:.285714rem;color:#3a3a3a;font-weight:500;position:relative}.material_library .material_library_content .title .close_btn[data-v-60be74e3]{width:32PX;height:32PX;background-image:url(/assets/btn-X.6846d8c5.svg);background-size:.2rem .2rem;background-repeat:no-repeat;background-position:center;position:absolute;top:50%;right:.342857rem;transform:translateY(-50%);cursor:pointer}.material_library .material_library_content .title .close_btn[data-v-60be74e3]:hover{background-image:url(/assets/btn-x-hover.7613f763.svg);background-size:.457143rem .457143rem;border-radius:.085714rem}.material_library .material_library_content .condition[data-v-60be74e3]{display:flex;justify-content:space-between;padding:0 .571429rem .071429rem}.material_library .material_library_content .condition .select_person[data-v-60be74e3]{width:.514286rem;height:.514286rem;background-color:#fff;border-radius:.085714rem;background-image:url(/assets/btn-select-person.373821da.svg);background-position:center;cursor:pointer}.material_library .material_library_content .condition .select_person[data-v-60be74e3]:hover{background-image:url(/assets/btn-select-person-hover.80c6472d.svg)}.material_library .material_library_content .condition .color_hide[data-v-60be74e3]{visibility:hidden}.material_library .material_library_content .pelette[data-v-60be74e3]{width:100%;height:1.142857rem;background:transparent}.material_library .material_library_content .pelette[data-v-60be74e3]:before{border:none}.material_library .material_library_content .select_images[data-v-60be74e3]{width:100%;height:5rem;padding:.285714rem .571429rem;box-sizing:border-box;overflow-y:auto;background-color:#fff}.material_library .material_library_content .select_images .img_items[data-v-60be74e3]{width:.857143rem;height:1.071429rem;margin-right:.114286rem;margin-bottom:.114286rem;background:#FAFAFA;border-radius:.057143rem;float:left;cursor:pointer}.material_library .material_library_content .select_images .img_items[data-v-60be74e3]:nth-child(10n){margin-right:0}.material_library .material_library_content .select_images .img_items[data-v-60be74e3]:hover{border:.014286rem solid rgba(54,99,225,.8)}.material_library .material_library_content .select_images .img_items img[data-v-60be74e3]{width:100%;height:100%}.material_library .material_library_content .select_images .img_items .zoom[data-v-60be74e3]{transform:scale(.7)}.material_library .material_library_content .select_images .is_select[data-v-60be74e3]{position:relative}.material_library .material_library_content .select_images .is_select[data-v-60be74e3]:before{content:"";width:.314286rem;height:.314286rem;position:absolute;right:0;bottom:0;border-radius:50%;background-image:url(/assets/tool-active.e6166f6b.svg);background-position:center;background-repeat:no-repeat}.material_library .material_library_content .footer_btn[data-v-60be74e3]{height:1rem;padding-top:.228571rem;margin-bottom:.214286rem}.material_library .material_library_content .footer_btn .cancel[data-v-60be74e3],.material_library .material_library_content .footer_btn .confirm[data-v-60be74e3]{width:1.171429rem;height:.571429rem;line-height:.571429rem;text-align:center;border-radius:.085714rem;background:#F3F3F3;color:#81818a;float:right;margin-right:.2rem;font-weight:600;cursor:pointer}.material_library .material_library_content .footer_btn .confirm[data-v-60be74e3]{color:#fff;background:#3663E1;box-shadow:0 .085714rem .114286rem #3663e14d;margin-right:.571429rem}.select_color_block[data-v-298a93d8]{width:100%;height:100%;background-color:transparent;border-radius:.085714rem;position:relative;cursor:pointer}.select_color_block .select_color_background[data-v-298a93d8]{width:100%;height:100%;opacity:.4}.select_color_block .select_color_center[data-v-298a93d8]{width:.4rem;height:.4rem;border-radius:.057143rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.select_color_block .pelette[data-v-298a93d8]{position:absolute;left:-.628571rem;top:-2.571429rem}.draw_wrapper.isApp .draw_head .draw_type_box{width:3.428571rem;height:.642857rem;background-color:#f3f3f3;border-radius:.185714rem;overflow:hidden}.draw_wrapper.isApp .draw_head .draw_type_box .draw_type_item{height:.642857rem;box-shadow:none}.draw_wrapper.isApp .draw_head .draw_type_box .draw_type_item.active{border-radius:.185714rem}.draw_wrapper.isApp .draw_main .draw_left{width:5.285714rem;flex:0 0 5.285714rem}.draw_wrapper.isApp .draw_main .draw_left.isAnimate{padding-bottom:0}.draw_wrapper.isApp .draw_main .draw_left .submenu{flex:0 0 .928571rem;width:.928571rem}.draw_wrapper.isApp .draw_main .draw_left .submenu .tools_item_icon{width:.928571rem;height:1rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content{padding-left:.285714rem;padding-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left_content .content_item .tools_item_bgcs{width:1.071429rem;height:1.214286rem;flex:0 0 1rem;margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left_content .content_item .tools_item_bgcs:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .content_item .tools_item_pitch{flex:0 0 1rem;width:1.071429rem;height:1.214286rem;padding:.057143rem;margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .content_item .tools_item_pitch:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content.players .tools_item{width:1.071429rem;height:1.214286rem;flex:0 0 1rem;margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content.players .tools_item:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .tools_item{margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .tools_item:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .content_item .tools_item_material{margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .content_item .tools_item_material:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .app_animate_setting_box{width:2rem;height:.714286rem;text-align:center;line-height:.714286rem;color:#3663e1;font-family:PingFangMedium;font-size:.242857rem;box-shadow:0 .142857rem .571429rem #0000000d;border-radius:.114286rem 0 0 .114286rem;background-color:#f3f5f9;position:fixed;right:.342857rem;bottom:.428571rem;overflow:hidden;z-index:999}.draw_wrapper.isApp .draw_main .draw_left .app_animate_setting_box .btn_running{width:.714286rem;height:100%;background-color:#fff;background-image:url(/assets/animate-play.5d72da91.svg);background-position:center;background-repeat:no-repeat;float:left}.draw_wrapper.isApp .draw_main .draw_left .app_animate_setting_box .open_animate_setting_box{width:1.142857rem;height:100%;float:right;margin-right:.142857rem;text-align:right;position:relative;cursor:pointer}.draw_wrapper.isApp .draw_main .draw_left .app_animate_setting_box .open_animate_setting_box:before{content:"";width:.285714rem;height:.114286rem;background-image:url(/assets/btn-animate-open.18dd44e6.svg);background-repeat:no-repeat;background-size:.314286rem .142857rem;position:absolute;top:50%;right:.571429rem;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box{width:100%;background-color:#f0f4f2;position:fixed;left:0;right:0;bottom:0;z-index:999}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head{position:relative}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-play-box{position:absolute;top:50%;left:52%;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option{display:block}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate-speed{position:absolute;top:50%;left:48%;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate-delete{position:absolute;top:50%;right:1.428571rem;transform:translateY(-50%);background-image:url(/assets/animate-delete-hover.798cf8e0.svg)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate_stow{color:#81818a;font-size:.242857rem;position:absolute;top:50%;right:.571429rem;font-weight:600;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate_stow:before{content:"";width:.228571rem;height:.142857rem;background-image:url(/assets/Inverted-triangle.aef79fca.svg);background-repeat:no-repeat;background-size:.228571rem .142857rem;position:absolute;left:-.285714rem;top:50%;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-item-box .bg,.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-item-box .animate-item,.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-item-box .animate-add{width:1.357143rem;height:1.714286rem;margin-bottom:.314286rem;flex:0 0 1.214286rem}.draw_wrapper.isApp .draw_main .draw_right{width:calc(100% - 5.285714rem);padding-left:.285714rem}.draw_wrapper.isApp .draw_main .draw_right .surround{padding-left:0}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .notes_box{width:4.142857rem;font-size:.314286rem}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .notes_box::placeholder{font-size:.285714rem}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .zoom_box{display:flex;width:1.142857rem}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .zoom_box img{width:.571429rem;height:.571429rem}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .zoom_box.app_animate{bottom:25%}.opacity{opacity:.4}.opacity:hover,.opacity.active{opacity:.8}.hover{width:.314286rem;height:.314286rem;cursor:pointer;background-repeat:no-repeat;background-size:.314286rem .314286rem}.hover:hover,.hover.active{opacity:1}.animate_play{background-image:url(/assets/animate-play.5d72da91.svg)}.animate_play:hover{background-image:url(/assets/animate-play-hover.67e6421d.svg)}.animate_play.tsp:hover{background-image:url(/assets/tsp-animate-play-hover.eb585662.svg)}.animate_stop{background-image:url(/assets/animate-stop.9c4383fe.svg)}.animate_stop:hover{background-image:url(/assets/animate-stop-hover.b2932b26.svg)}.animate_stop.tsp:hover{background-image:url(/assets/tsp-animate-stop-hover.e0d13cb6.svg)}.isApp .hover{opacity:1}.tools_item_style{cursor:pointer;opacity:1}.draw_wrapper{height:100%;position:relative;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);font-family:PingFangRegular}.draw_wrapper .back{position:absolute;left:-.742857rem;top:.314286rem;width:.514286rem;height:.514286rem}.draw_wrapper .back img{width:100%;height:100%}.draw_wrapper .draw_head{width:100%;height:.857143rem;background-color:#fff;box-shadow:-.342857rem 0 .342857rem #b7b7bf29;justify-content:space-between;position:relative}.draw_wrapper .draw_head .line{width:.028571rem;height:40%;background-color:#0006;display:inline-block}.draw_wrapper .draw_head .tools_item_icon{width:100%;height:100%}.draw_wrapper .draw_head .tools_item{width:.457143rem;height:.457143rem}.draw_wrapper .draw_head .draw_head_back{position:absolute;top:50%;left:-.2rem;transform:translateY(-50%)}.draw_wrapper .draw_head .draw_type_box{width:4.342857rem;height:.485714rem;background-color:#f3f3f3;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.draw_wrapper .draw_head .draw_type_box .draw_type_item{width:50%;height:.485714rem;float:left;color:#fff6;vertical-align:middle;cursor:pointer;background-color:#f3f3f3;border-radius:.085714rem;padding:.071429rem 0;display:flex;align-items:center;justify-content:center}.draw_wrapper .draw_head .draw_type_box .draw_type_item img{width:.428571rem;height:.428571rem}.draw_wrapper .draw_head .draw_type_box .draw_type_item.active{font-family:PingFangBold;color:#ffffffde}.draw_wrapper .draw_head .tools_item_option{position:absolute;top:0;right:.285714rem;height:100%;display:inline-flex;flex-direction:row-reverse;align-items:center}.draw_wrapper .draw_main{display:flex;width:100%;height:calc(100% - .857143rem);background-color:#f3f3f3;color:#fffc}.draw_wrapper .draw_main .draw_left{display:flex;flex:0 0 6.071429rem;width:6.071429rem;height:100%;position:relative}.draw_wrapper .draw_main .draw_left.isAnimate{padding-bottom:2.857143rem}.draw_wrapper .draw_main .draw_left .submenu{flex:0 0 1rem;width:1rem;text-align:center;font-size:0;background-color:#fafafa;box-shadow:.085714rem 0 .342857rem #b7b7bf29}.draw_wrapper .draw_main .draw_left .submenu .tools_item_icon{width:1rem;height:1rem;opacity:.8}.draw_wrapper .draw_main .draw_left .submenu .tools_item_icon.active{opacity:1;background-color:var(--active_bgc, #3663e1)}.draw_wrapper .draw_main .draw_left .submenu .tools_item_icon.active:hover,.draw_wrapper .draw_main .draw_left .submenu .tools_item_icon:hover{opacity:1}.draw_wrapper .draw_main .draw_left .submenu .tools_item{width:100%;height:.6rem;margin-bottom:.285714rem}.draw_wrapper .draw_main .draw_left .submenu .tools_item .tools_item_color_option{width:.457143rem;margin:0 auto}.draw_wrapper .draw_main .draw_left .submenu .line{display:inline-block;width:.514286rem;height:.028571rem;margin-bottom:.314286rem;background-color:#0006}.draw_wrapper .draw_main .draw_left .draw_left_content{flex:1;max-height:100%;padding:0 .142857rem 0 .571429rem;margin-top:.342857rem;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#f3f3f3;scrollbar-width:none}.draw_wrapper .draw_main .draw_left .draw_left_content::-webkit-scrollbar{display:none}.draw_wrapper .draw_main .draw_left .draw_left_content.isPadBom{padding-bottom:2.628571rem}.draw_wrapper .draw_main .draw_left .draw_left_content .players_text{width:100%;font-size:.285714rem;margin-bottom:.142857rem;text-align:left;color:#81818a;display:flex;justify-content:space-between}.draw_wrapper .draw_main .draw_left .draw_left_content .players_text .set_players_btn{display:flex;cursor:pointer}.draw_wrapper .draw_main .draw_left .draw_left_content .players_text .set_players_btn .sub_btn,.draw_wrapper .draw_main .draw_left .draw_left_content .players_text .set_players_btn .add_btn{width:.257143rem;height:.257143rem}.draw_wrapper .draw_main .draw_left .draw_left_content .players_text .set_players_btn .sub_btn{margin-right:.171429rem;background-image:url(/assets/btn-player-sub.7028a5b2.svg);background-size:100% 100%}.draw_wrapper .draw_main .draw_left .draw_left_content .players_text .set_players_btn .sub_btn:hover{background-image:url(/assets/btn-player-sub-active.5b905a1a.svg)}.draw_wrapper .draw_main .draw_left .draw_left_content .players_text .set_players_btn .sub_btn.tsp:hover{background-image:url(/assets/tsp-btn-player-sub-active.70e1963e.svg)}.draw_wrapper .draw_main .draw_left .draw_left_content .players_text .set_players_btn .add_btn{background-size:100% 100%;background-image:url(/assets/btn-player-add.aacc1c71.svg)}.draw_wrapper .draw_main .draw_left .draw_left_content .players_text .set_players_btn .add_btn:hover{background-image:url(/assets/btn-player-add-active.ef74304c.svg)}.draw_wrapper .draw_main .draw_left .draw_left_content .players_text .set_players_btn .add_btn.tsp:hover{background-image:url(/assets/tsp-btn-player-add-active.764ae4de.svg)}.draw_wrapper .draw_main .draw_left .draw_left_content .players_text .set_players_btn .complete{color:#3663e1;font-family:PingFangMedium;font-style:normal;font-weight:500;cursor:pointer}.draw_wrapper .draw_main .draw_left .draw_left_content .pitch_name{font-family:PingFangMedium;font-size:.171429rem;color:#81818a;margin-bottom:.214286rem}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:.285714rem}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item{display:flex;align-items:center;justify-content:center;flex:0 0 .928571rem;width:.971429rem;height:.971429rem;margin-bottom:.214286rem;background:#fafafa;border-radius:.071429rem;position:relative}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item .delete_btn{position:absolute;top:-.114286rem;right:-.114286rem;cursor:pointer}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_pitch.tools_item_active,.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_3D-pitch.tools_item_active,.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_bgcs.tools_item_active{position:relative}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_pitch.tools_item_active:before,.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_3D-pitch.tools_item_active:before,.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_bgcs.tools_item_active:before{content:"";width:.314286rem;height:.314286rem;position:absolute;right:0;bottom:0;border-radius:50%;background-image:url(/assets/tool-active.e6166f6b.svg);background-position:center;background-repeat:no-repeat}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_line,.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_shape,.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_line_width,.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_material{padding:.142857rem}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_line .tools_item_icon,.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_shape .tools_item_icon,.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_line_width .tools_item_icon,.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_material .tools_item_icon{height:auto}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_line,.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_line_width{width:.942857rem;height:.942857rem}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_line .tools_item_line_thicknes,.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_line_width .tools_item_line_thicknes{width:2.857143rem;height:.771429rem}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_line .pelette,.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_line_width .pelette{transform:scale(.7);top:.428571rem;left:-1.071429rem}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_material{padding:0}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item.bk .tools_item_material{padding:.142857rem}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_pitch{flex:0 0 .928571rem;width:1rem;height:1.157143rem;padding:.057143rem;padding-bottom:0;opacity:1}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_pitch img{width:100%;height:100%}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_line.tools_item_active{background:#3663e1}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_line.tools_item_active.tsp{background:rgba(121,111,246,.3)}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_bgcs{flex:0 0 .928571rem;width:1rem;height:1.157143rem;padding:.057143rem;padding-bottom:0;opacity:1}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_bgcs img{width:.857143rem;height:1rem}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_bgcs:last-child img{width:.714286rem;height:.928571rem}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .tools_item_line .tools_item_icon{max-width:.742857rem}.draw_wrapper .draw_main .draw_left .draw_left_content .content_item .bgcs_click_stop{cursor:no-drop}.draw_wrapper .draw_main .draw_left .draw_left_content.players .tools_item{width:.685714rem;height:.885714rem;flex:0 0 .785714rem;margin-bottom:.214286rem}.draw_wrapper .draw_main .draw_left .draw_left_content.players .basketball{width:.8rem;height:1.142857rem;flex:0 0 1rem;margin-bottom:.214286rem}.draw_wrapper .draw_main .draw_left .draw_left_content .line_p{font-size:.285714rem;color:#81818a}.draw_wrapper .draw_main .draw_left .draw_left_content .line_width_cont{margin-top:.428571rem;display:flex;flex-wrap:wrap;justify-content:flex-start}.draw_wrapper .draw_main .draw_left .draw_left_content .line_width_item{display:inline-block;width:100%;background:#fff}.draw_wrapper .draw_main .draw_left .draw_left_content::-webkit-scrollbar{display:none}.draw_wrapper .draw_main .draw_left .draw_left_content .aCheckbox-label{color:#81818a;font-family:PingFangMedium;font-size:.228571rem}.draw_wrapper .draw_main .draw_left .animate-setting-box{position:absolute;left:0;bottom:0;width:112%;font-size:0}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-head{width:100%;display:flex;align-items:center;height:.857143rem;padding:0 .342857rem;background-color:#fafafa;justify-content:space-between}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-head .hover{opacity:1}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-head .double_speed{color:#3a3a3a;opacity:1!important;font-weight:700;font-family:AkrobatRegular;font-style:normal}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-head .double_speed:hover{color:#3663e1}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-head .animate-option{display:flex;justify-content:space-around;align-items:center}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-head .animate-option>div{margin-right:.285714rem}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-head .animate-option>div:last-child{margin-right:0}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate-speed{height:.6rem;margin-right:3.714286rem}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate-speed span{font-size:.257143rem;opacity:.4}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate-speed span:hover,.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate-speed span.active{opacity:.8}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate-delete.running{opacity:.4}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate-delete{width:.342857rem;height:.342857rem;background-image:url(/assets/animate-delete.a24a1ee4.svg)}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate-delete:hover{background-image:url(/assets/animate-delete-hover.798cf8e0.svg)}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-item-box{display:flex;height:1.857143rem;position:relative;margin:.257143rem .228571rem .114286rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-item-box .animate-item,.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-item-box .animate-add,.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-item-box .bg{flex:0 0 1rem;width:1rem;height:1.285714rem;background-color:#fff;border-radius:.057143rem}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-item-box .animate-item{background-color:#fff;font-family:AkrobatRegular;font-size:.371429rem;color:#81818a}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-item-box .animate-item.active{color:#fff;background-color:var(--active_bgc, #3663e1)}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-item-box .animate-item,.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-item-box .animate-add{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;margin-bottom:.6rem;font-weight:600;cursor:pointer}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-item-box .bg-box{display:flex;position:absolute;left:0;top:0}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-item-box .animate-item,.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-item-box .bg{margin-right:.2rem}.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-item-box .animate-item:last-child,.draw_wrapper .draw_main .draw_left .animate-setting-box .animate-item-box .bg:last-child{margin-right:0}.draw_wrapper .draw_main .draw_left .players_box{position:absolute;right:-.571429rem;bottom:3.1rem;width:1.542857rem;height:2.628571rem;background-color:#fff;border-top-left-radius:.228571rem}.draw_wrapper .draw_main .draw_left .players_box .players_list{position:relative;width:1.2rem;height:1.2rem;margin:0 auto;font-size:0}.draw_wrapper .draw_main .draw_left .players_box .players_list:first-child{margin-top:.214286rem}.draw_wrapper .draw_main .draw_left .players_box .players_list:last-child{margin-top:-.114286rem}.draw_wrapper .draw_main .draw_left .players_box .players_list .img_box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.857143rem;height:.857143rem;background-color:#fff}.draw_wrapper .draw_main .draw_left .players_box .players_list .tools_item_icon{width:100%;height:100%}.draw_wrapper .draw_main .draw_right{width:calc(100% - 6.071429rem);height:100%;display:inline-block;background-color:#f3f3f3;overflow:hidden;padding:.342857rem .342857rem .342857rem .571429rem}.draw_wrapper .draw_main .draw_right .surround{height:100%;overflow:hidden;border-radius:.085714rem}.draw_wrapper .draw_main .draw_right .tactic_board{width:100%;height:100%;position:relative;background-size:100% 100%;float:left}.draw_wrapper .draw_main .draw_right .tactic_board .canvas{width:100%}.draw_wrapper .draw_main .draw_right .tactic_board .canvas_box,.draw_wrapper .draw_main .draw_right .tactic_board .upper-canvas{width:100%;position:absolute;top:0;left:0;overflow:hidden}.draw_wrapper .draw_main .draw_right .tactic_board .canvas_box .canvas-container,.draw_wrapper .draw_main .draw_right .tactic_board .upper-canvas .canvas-container{height:100%!important}.draw_wrapper .draw_main .draw_right .tactic_notes{float:left;height:100%;padding:.371429rem .428571rem;position:relative}.draw_wrapper .draw_main .draw_right .tactic_notes .tactic_notes_title{width:1.428571rem;height:.4rem;margin-bottom:.142857rem;font-family:PingFangBold;font-size:.285714rem;color:#fff;opacity:.8}.draw_wrapper .draw_main .draw_right .tactic_notes .gray_notes_title{opacity:.6}.draw_wrapper .draw_main .draw_right .tactic_notes .white_notes_title{color:#ccc;opacity:.8}.draw_wrapper .draw_main .draw_right .tactic_notes .notes_box{width:5.285714rem;height:74%;border-radius:.085714rem;background-color:#56a57e;padding:.142857rem .214286rem;color:#fff;border:none;resize:none;background-image:url(/assets/notes-background-normal.8d1eae21.svg)}.draw_wrapper .draw_main .draw_right .tactic_notes .notes_box::placeholder{color:#fff}.draw_wrapper .draw_main .draw_right .tactic_notes .gray_notes_box{background-image:url(/assets/notes-background-normal.8d1eae21.svg);background-color:#a3a3a8;color:#fff}.draw_wrapper .draw_main .draw_right .tactic_notes .white_notes_box{mix-blend-mode:multiply;color:#81818a;background-image:url(/assets/notes-background-normal.8d1eae21.svg);background-color:#f0f0f0}.draw_wrapper .draw_main .draw_right .tactic_notes .white_notes_box::placeholder{color:#81818a}.draw_wrapper .draw_main .draw_right .tactic_notes .brown_notes_title{color:#cca378;text-shadow:.014286rem .028571rem .042857rem rgba(0,0,0,.2),-.007143rem -.007143rem .014286rem rgba(255,255,255,.25),.007143rem .007143rem .014286rem rgba(0,0,0,.25)}.draw_wrapper .draw_main .draw_right .tactic_notes .bk_notes_box{background-color:#dbc8bb4d}.draw_wrapper .draw_main .draw_right .tactic_notes .zoom_box{position:absolute;left:.428571rem;bottom:10%;box-sizing:border-box;border-radius:.057143rem;z-index:10000;cursor:pointer}.draw_wrapper .draw_main .draw_right .tactic_notes .zoom_box>div{width:100%;height:.514286rem;line-height:.514286rem;padding:0 20%}.draw_wrapper .draw_main .draw_right .tactic_notes .zoom_box>div img{width:.428571rem;height:.428571rem}.popover-speed{padding:0!important;box-shadow:0 .228571rem .228571rem #8686cb1f;border-radius:.085714rem!important}.popover-speed .explain_speed_box{font-family:PingFangRegular;width:1.571429rem;background-color:#fff;display:flex;justify-content:center;border-radius:.085714rem}.popover-speed .explain_speed_box p{font-size:.228571rem;width:1.342857rem;height:.571429rem;line-height:.571429rem;text-align:center;font-weight:700;color:#3a3a3a;opacity:1;border-radius:.085714rem;position:relative;margin:.071429rem 0}.popover-speed .explain_speed_box p:hover{background-color:var(--hover_bgc, #3663e1);border-radius:.085714rem;color:#fff;opacity:1}.popover-speed .explain_speed_box p.active{background-color:#fff;opacity:1}.popover-speed .explain_speed_box p.active:before{content:"";width:.214286rem;height:.142857rem;background-image:url(/assets/speed-select.b2663d38.svg);background-repeat:no-repeat;position:absolute;left:.114286rem;top:50%;transform:translateY(-50%);z-index:999}.popover-speed .explain_speed_box p.active:hover{background-color:var(--hover_bgc, #3663e1);border-radius:.085714rem;color:#fff!important;opacity:1}.popover-speed .explain_speed_box p.active:hover:before{background-image:url(/assets/speed-select-hover.696dd538.svg)}.popover-speed .explain_speed_box p.active.tsp:before{background-image:url(/assets/tsp-speed-select.23d60618.svg)}.popover-speed .explain_speed_box p.active.tsp:hover{background-color:var(--hover_bgc, #3663e1);border-radius:.085714rem;color:#fff!important;opacity:1}.popover-speed .explain_speed_box p.active.tsp:hover:before{background-image:url(/assets/speed-select-hover.696dd538.svg)}.popover-line .explain_line_box{width:3.342857rem;padding:.028571rem .142857rem .057143rem;opacity:.6}.popover-line .explain_line_box .tit{font-size:.257143rem}.popover-line .explain_line_box .explain_line{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:.285714rem}.popover-line .explain_line_box .explain_line .explain_line_item{padding-bottom:.142857rem;text-align:center}.popover-line .explain_line_box .explain_line p{font-size:.228571rem;margin-bottom:0}.popover_line_width{width:2.857143rem;height:.771429rem;padding:.228571rem .342857rem;box-sizing:border-box;display:flex;align-items:center;justify-content:space-around;box-shadow:0 .085714rem .228571rem #81818a1a!important;border-radius:.085714rem!important}.popover_line_width .explain_line_width{width:.571429rem;height:.314286rem;background-color:#fff;border:.014286rem solid #e9edf3;border-radius:.085714rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.popover_line_width .explain_line_width:hover{border:.014286rem solid #3663e1}.popover_line_width .explain_line_width .line_width_item{display:inline-block;width:.342857rem;background-color:#3a3a3a;border-radius:.028571rem}.popover_line_width .explain_item_active{background:#f3f5f9;border:.014286rem solid #3663e1}.draw_wrapper.isApp .draw_head .draw_type_box[data-v-107a76d0]{width:3.428571rem;height:.642857rem;background-color:#f3f3f3;border-radius:.185714rem;overflow:hidden}.draw_wrapper.isApp .draw_head .draw_type_box .draw_type_item[data-v-107a76d0]{height:.642857rem;box-shadow:none}.draw_wrapper.isApp .draw_head .draw_type_box .draw_type_item.active[data-v-107a76d0]{border-radius:.185714rem}.draw_wrapper.isApp .draw_main .draw_left[data-v-107a76d0]{width:5.285714rem;flex:0 0 5.285714rem}.draw_wrapper.isApp .draw_main .draw_left.isAnimate[data-v-107a76d0]{padding-bottom:0}.draw_wrapper.isApp .draw_main .draw_left .submenu[data-v-107a76d0]{flex:0 0 .928571rem;width:.928571rem}.draw_wrapper.isApp .draw_main .draw_left .submenu .tools_item_icon[data-v-107a76d0]{width:.928571rem;height:1rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content[data-v-107a76d0]{padding-left:.285714rem;padding-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left_content .content_item .tools_item_bgcs[data-v-107a76d0]{width:1.071429rem;height:1.214286rem;flex:0 0 1rem;margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left_content .content_item .tools_item_bgcs[data-v-107a76d0]:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .content_item .tools_item_pitch[data-v-107a76d0]{flex:0 0 1rem;width:1.071429rem;height:1.214286rem;padding:.057143rem;margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .content_item .tools_item_pitch[data-v-107a76d0]:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content.players .tools_item[data-v-107a76d0]{width:1.071429rem;height:1.214286rem;flex:0 0 1rem;margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content.players .tools_item[data-v-107a76d0]:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .tools_item[data-v-107a76d0]{margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .tools_item[data-v-107a76d0]:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .content_item .tools_item_material[data-v-107a76d0]{margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .content_item .tools_item_material[data-v-107a76d0]:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .app_animate_setting_box[data-v-107a76d0]{width:2rem;height:.714286rem;text-align:center;line-height:.714286rem;color:#3663e1;font-family:PingFangMedium;font-size:.242857rem;box-shadow:0 .142857rem .571429rem #0000000d;border-radius:.114286rem 0 0 .114286rem;background-color:#f3f5f9;position:fixed;right:.342857rem;bottom:.428571rem;overflow:hidden;z-index:999}.draw_wrapper.isApp .draw_main .draw_left .app_animate_setting_box .btn_running[data-v-107a76d0]{width:.714286rem;height:100%;background-color:#fff;background-image:url(/assets/animate-play.5d72da91.svg);background-position:center;background-repeat:no-repeat;float:left}.draw_wrapper.isApp .draw_main .draw_left .app_animate_setting_box .open_animate_setting_box[data-v-107a76d0]{width:1.142857rem;height:100%;float:right;margin-right:.142857rem;text-align:right;position:relative;cursor:pointer}.draw_wrapper.isApp .draw_main .draw_left .app_animate_setting_box .open_animate_setting_box[data-v-107a76d0]:before{content:"";width:.285714rem;height:.114286rem;background-image:url(/assets/btn-animate-open.18dd44e6.svg);background-repeat:no-repeat;background-size:.314286rem .142857rem;position:absolute;top:50%;right:.571429rem;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box[data-v-107a76d0]{width:100%;background-color:#f0f4f2;position:fixed;left:0;right:0;bottom:0;z-index:999}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head[data-v-107a76d0]{position:relative}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-play-box[data-v-107a76d0]{position:absolute;top:50%;left:52%;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option[data-v-107a76d0]{display:block}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate-speed[data-v-107a76d0]{position:absolute;top:50%;left:48%;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate-delete[data-v-107a76d0]{position:absolute;top:50%;right:1.428571rem;transform:translateY(-50%);background-image:url(/assets/animate-delete-hover.798cf8e0.svg)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate_stow[data-v-107a76d0]{color:#81818a;font-size:.242857rem;position:absolute;top:50%;right:.571429rem;font-weight:600;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate_stow[data-v-107a76d0]:before{content:"";width:.228571rem;height:.142857rem;background-image:url(/assets/Inverted-triangle.aef79fca.svg);background-repeat:no-repeat;background-size:.228571rem .142857rem;position:absolute;left:-.285714rem;top:50%;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-item-box .bg[data-v-107a76d0],.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-item-box .animate-item[data-v-107a76d0],.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-item-box .animate-add[data-v-107a76d0]{width:1.357143rem;height:1.714286rem;margin-bottom:.314286rem;flex:0 0 1.214286rem}.draw_wrapper.isApp .draw_main .draw_right[data-v-107a76d0]{width:calc(100% - 5.285714rem);padding-left:.285714rem}.draw_wrapper.isApp .draw_main .draw_right .surround[data-v-107a76d0]{padding-left:0}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .notes_box[data-v-107a76d0]{width:4.142857rem;font-size:.314286rem}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .notes_box[data-v-107a76d0]::placeholder{font-size:.285714rem}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .zoom_box[data-v-107a76d0]{display:flex;width:1.142857rem}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .zoom_box img[data-v-107a76d0]{width:.571429rem;height:.571429rem}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .zoom_box.app_animate[data-v-107a76d0]{bottom:25%}.opacity[data-v-107a76d0]{opacity:.4}.opacity[data-v-107a76d0]:hover,.opacity.active[data-v-107a76d0]{opacity:.8}.hover[data-v-107a76d0]{width:.314286rem;height:.314286rem;cursor:pointer;background-repeat:no-repeat;background-size:.314286rem .314286rem}.hover[data-v-107a76d0]:hover,.hover.active[data-v-107a76d0],.isApp .hover[data-v-107a76d0]{opacity:1}.tools_item_style[data-v-107a76d0]{cursor:pointer;opacity:1}.draw_wrapper_new[data-v-107a76d0]{min-width:18.285714rem;height:100%;overflow:auto;position:relative;background-color:#161619;font-family:PingFangRegular}.draw_wrapper_new .back[data-v-107a76d0]{position:absolute;left:-.742857rem;top:.314286rem;width:.514286rem;height:.514286rem}.draw_wrapper_new .back img[data-v-107a76d0]{width:100%;height:100%}.draw_wrapper_new .draw_bottom[data-v-107a76d0]{width:100%;height:1.285714rem;background-color:transparent;justify-content:space-between;position:relative;font-size:.228571rem;z-index:100}.draw_wrapper_new .draw_bottom .tools_item_icon[data-v-107a76d0]{width:100%;height:100%}.draw_wrapper_new .draw_bottom .draw_bottom_back[data-v-107a76d0]{background-color:#2c3039;cursor:pointer;position:absolute;height:.8rem;top:calc((1.285714rem - .8rem) / 2);right:.2rem;border-radius:.171429rem;width:1.428571rem;text-align:center;color:#fff}.draw_wrapper_new .draw_bottom .draw_bottom_back>span[data-v-107a76d0]{opacity:.7}.draw_wrapper_new .draw_bottom .draw_bottom_back:hover>span[data-v-107a76d0]{opacity:1}.draw_wrapper_new .draw_bottom .draw_type_box[data-v-107a76d0]{width:4.342857rem;height:.485714rem;background-color:#f3f3f3;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.draw_wrapper_new .draw_bottom .draw_type_box .draw_type_item[data-v-107a76d0]{width:50%;height:.485714rem;float:left;color:#fff6;vertical-align:middle;cursor:pointer;background-color:#f3f3f3;border-radius:.085714rem;padding:.071429rem 0;display:flex;align-items:center;justify-content:center}.draw_wrapper_new .draw_bottom .draw_type_box .draw_type_item img[data-v-107a76d0]{width:.428571rem;height:.428571rem}.draw_wrapper_new .draw_bottom .draw_type_box .draw_type_item.active[data-v-107a76d0]{font-family:PingFangBold;color:#ffffffde}.draw_wrapper_new .draw_bottom .tools_item_option[data-v-107a76d0]{background-color:#2c3039;position:absolute;top:calc((1.285714rem - .8rem) / 2);padding:0 .285714rem;left:50%;transform:translate(-50%);border-radius:.171429rem;height:.8rem;color:#c6cad8;display:inline-flex;align-items:center}.draw_wrapper_new .draw_bottom .tools_item[data-v-107a76d0]{width:.571429rem;height:.571429rem;border-radius:.114286rem;background-color:transparent;margin-right:.357143rem}.draw_wrapper_new .draw_bottom .tools_item[data-v-107a76d0]:hover{background-color:#315efb}.draw_wrapper_new .draw_bottom .tools_item[data-v-107a76d0]:last-child{margin-right:0}.draw_wrapper_new .draw_bottom .line[data-v-107a76d0]{width:.014286rem;height:50%;margin-right:.357143rem;background-color:#343b4c;display:inline-block}.draw_wrapper_new .draw_bottom .animate-setting-box[data-v-107a76d0]{position:absolute;left:.714286rem;top:calc((1.285714rem - .8rem) / 2);padding:0 .285714rem;width:34%;border-radius:.171429rem;height:.8rem;background-color:#2c3039;display:flex;align-items:center}.draw_wrapper_new .draw_bottom .animate-setting-box .tools_item[data-v-107a76d0]{text-align:center;line-height:.714286rem}.draw_wrapper_new .draw_bottom .animate-setting-box .tools_item .tools_item_icon[data-v-107a76d0]{width:.257143rem;height:.257143rem}.draw_wrapper_new .draw_bottom .animate-setting-box .animate-right[data-v-107a76d0]{width:1.5rem;display:flex;align-items:center;background-color:transparent;justify-content:space-between}.draw_wrapper_new .draw_bottom .animate-setting-box .animate-body[data-v-107a76d0]{width:calc(100% - 1.871429rem);display:flex}.draw_wrapper_new .draw_bottom .animate-setting-box .animate-item-box[data-v-107a76d0]{width:calc(100% - 1.285714rem);display:flex;height:.571429rem;position:relative;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.draw_wrapper_new .draw_bottom .animate-setting-box .animate-item-box[data-v-107a76d0]::-webkit-scrollbar{display:none}.draw_wrapper_new .draw_bottom .animate-setting-box .animate-item-box .animate-item[data-v-107a76d0],.draw_wrapper_new .draw_bottom .animate-setting-box .animate-item-box .animate-add[data-v-107a76d0],.draw_wrapper_new .draw_bottom .animate-setting-box .animate-item-box .bg[data-v-107a76d0]{flex:0 0 .571429rem;width:.571429rem;height:.571429rem;background-color:#ffffff0f;border-radius:.114286rem}.draw_wrapper_new .draw_bottom .animate-setting-box .animate-item-box .animate-item[data-v-107a76d0]{font-family:AkrobatRegular;font-size:.257143rem;color:#c6cad8}.draw_wrapper_new .draw_bottom .animate-setting-box .animate-item-box .animate-item.active[data-v-107a76d0]{color:#fff;background-color:#9d5fe8}.draw_wrapper_new .draw_bottom .animate-setting-box .animate-item-box .animate-item[data-v-107a76d0],.draw_wrapper_new .draw_bottom .animate-setting-box .animate-item-box .animate-add[data-v-107a76d0]{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;font-weight:600;cursor:pointer}.draw_wrapper_new .draw_bottom .animate-setting-box .animate-item-box .bg-box[data-v-107a76d0]{display:flex;position:absolute;left:0;top:0}.draw_wrapper_new .draw_bottom .animate-setting-box .animate-item-box .animate-item[data-v-107a76d0],.draw_wrapper_new .draw_bottom .animate-setting-box .animate-item-box .bg[data-v-107a76d0]{margin-right:.2rem}.draw_wrapper_new .draw_bottom .animate-setting-box .animate-item-box .animate-item[data-v-107a76d0]:last-child,.draw_wrapper_new .draw_bottom .animate-setting-box .animate-item-box .bg[data-v-107a76d0]:last-child{margin-right:0}.draw_wrapper_new .draw_main[data-v-107a76d0]{width:100%;height:calc(100% - 1.285714rem);background-color:transparent;color:#fffc;position:relative}.draw_wrapper_new .draw_main .draw_left[data-v-107a76d0]{width:6.071429rem;height:100%;position:absolute}.draw_wrapper_new .draw_main .draw_left.isAnimate[data-v-107a76d0]{padding-bottom:2.857143rem}.draw_wrapper_new .draw_main .draw_left .submenu[data-v-107a76d0]{width:1rem;padding:.157143rem;text-align:center;font-size:0;background-color:#2c3039;height:7.142857rem;position:relative;left:.142857rem;top:50%;transform:translateY(-50%);box-shadow:none;border-radius:.257143rem}.draw_wrapper_new .draw_main .draw_left .submenu .tools_item_icon[data-v-107a76d0]{width:.657143rem;height:.657143rem;opacity:.8}.draw_wrapper_new .draw_main .draw_left .submenu .tools_item[data-v-107a76d0]{position:relative;cursor:pointer;width:.685714rem;height:.685714rem;border-radius:.171429rem;margin-bottom:.285714rem;background-color:transparent}.draw_wrapper_new .draw_main .draw_left .submenu .tools_item.active[data-v-107a76d0]{background-color:#315efb;opacity:1}.draw_wrapper_new .draw_main .draw_left .submenu .tools_item.active .menu_right[data-v-107a76d0]{display:block}.draw_wrapper_new .draw_main .draw_left .submenu .tools_item.active[data-v-107a76d0]:hover{opacity:1}.draw_wrapper_new .draw_main .draw_left .submenu .tools_item .tools_item_color_option[data-v-107a76d0]{width:.457143rem;margin:0 auto}.draw_wrapper_new .draw_main .draw_left .submenu .tools_item .menu_right[data-v-107a76d0]{display:none;transform:rotate(180deg);position:absolute;right:-.342857rem;top:.285714rem;width:.142857rem;height:.142857rem}.draw_wrapper_new .draw_main .draw_left .submenu .line[data-v-107a76d0]{display:inline-block;width:.514286rem;height:.028571rem;margin-bottom:.314286rem;background-color:#0006}.draw_wrapper_new .draw_main .draw_left .draw_left_content[data-v-107a76d0]{position:absolute;border-radius:.257143rem;height:calc(100% - .857143rem);padding:.285714rem .342857rem;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#2c3039;width:calc(6.071429rem - 1.357143rem);left:1.357143rem;top:50%;transform:translateY(-50%);scrollbar-width:none}.draw_wrapper_new .draw_main .draw_left .draw_left_content[data-v-107a76d0]::-webkit-scrollbar{display:none}.draw_wrapper_new .draw_main .draw_left .draw_left_content.isPadBom[data-v-107a76d0]{padding-bottom:2.628571rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content .players_text[data-v-107a76d0]{width:100%;font-size:.228571rem;margin-bottom:.142857rem;text-align:left;color:#eef2f4;display:flex;justify-content:space-between}.draw_wrapper_new .draw_main .draw_left .draw_left_content .players_text .set_players_btn[data-v-107a76d0]{display:flex;cursor:pointer}.draw_wrapper_new .draw_main .draw_left .draw_left_content .players_text .set_players_btn .sub_btn[data-v-107a76d0],.draw_wrapper_new .draw_main .draw_left .draw_left_content .players_text .set_players_btn .add_btn[data-v-107a76d0]{width:.257143rem;height:.257143rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content .players_text .set_players_btn .sub_btn[data-v-107a76d0]{margin-right:.171429rem;background-image:url(/assets/btn-player-sub.7028a5b2.svg);background-size:100% 100%}.draw_wrapper_new .draw_main .draw_left .draw_left_content .players_text .set_players_btn .sub_btn[data-v-107a76d0]:hover{background-image:url(/assets/btn-player-sub-active.5b905a1a.svg)}.draw_wrapper_new .draw_main .draw_left .draw_left_content .players_text .set_players_btn .sub_btn.tsp[data-v-107a76d0]:hover{background-image:url(/assets/tsp-btn-player-sub-active.70e1963e.svg)}.draw_wrapper_new .draw_main .draw_left .draw_left_content .players_text .set_players_btn .add_btn[data-v-107a76d0]{background-size:100% 100%;background-image:url(/assets/btn-player-add.aacc1c71.svg)}.draw_wrapper_new .draw_main .draw_left .draw_left_content .players_text .set_players_btn .add_btn[data-v-107a76d0]:hover{background-image:url(/assets/btn-player-add-active.ef74304c.svg)}.draw_wrapper_new .draw_main .draw_left .draw_left_content .players_text .set_players_btn .add_btn.tsp[data-v-107a76d0]:hover{background-image:url(/assets/tsp-btn-player-add-active.764ae4de.svg)}.draw_wrapper_new .draw_main .draw_left .draw_left_content .players_text .set_players_btn .complete[data-v-107a76d0]{color:#3663e1;font-family:PingFangMedium;font-style:normal;font-weight:500;cursor:pointer}.draw_wrapper_new .draw_main .draw_left .draw_left_content .pitch_name[data-v-107a76d0]{font-family:PingFangMedium;font-size:.171429rem;color:#81818a;margin-bottom:.214286rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item[data-v-107a76d0]{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:.285714rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item[data-v-107a76d0]{display:flex;align-items:center;justify-content:center;flex:0 0 .928571rem;width:.971429rem;height:.971429rem;margin-bottom:.214286rem;background:transparent;border-radius:.114286rem;position:relative}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item .delete_btn[data-v-107a76d0]{position:absolute;top:-.085714rem;right:-.085714rem;cursor:pointer}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_pitch.tools_item_active[data-v-107a76d0],.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_3D-pitch.tools_item_active[data-v-107a76d0],.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_line.tools_item_active[data-v-107a76d0],.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_bgcs.tools_item_active[data-v-107a76d0]{position:relative}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_pitch.tools_item_active[data-v-107a76d0]:before,.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_3D-pitch.tools_item_active[data-v-107a76d0]:before,.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_line.tools_item_active[data-v-107a76d0]:before,.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_bgcs.tools_item_active[data-v-107a76d0]:before{content:"";width:.314286rem;height:.314286rem;position:absolute;right:0;top:0;border-radius:.057143rem;background-image:url(/assets/tool-active.b1bb3bf4.svg);background-position:center;background-repeat:no-repeat}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_line[data-v-107a76d0],.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_shape[data-v-107a76d0],.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_material[data-v-107a76d0]{padding:.142857rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_line .tools_item_icon[data-v-107a76d0],.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_shape .tools_item_icon[data-v-107a76d0],.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_material .tools_item_icon[data-v-107a76d0]{height:auto}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_line_width[data-v-107a76d0]{display:flex;flex-wrap:wrap;justify-content:space-between}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_line_width .explain_line_width[data-v-107a76d0]{background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_line_width .explain_line_width .line_width_item[data-v-107a76d0]{display:inline-block;width:.485714rem;background-color:#fff;border-radius:.014286rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_line[data-v-107a76d0]{width:.942857rem;height:.942857rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_line .tools_item_line_thicknes[data-v-107a76d0]{width:2.857143rem;height:.771429rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_line .pelette[data-v-107a76d0]{transform:scale(.7);top:.428571rem;left:-1.071429rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_material[data-v-107a76d0]{padding:0}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item.bk .tools_item_material[data-v-107a76d0]{padding:.142857rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_pitch[data-v-107a76d0]{flex:0 0 .928571rem;width:1rem;height:1.157143rem;padding:.057143rem;padding-bottom:0;opacity:1}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_pitch img[data-v-107a76d0]{width:100%;height:100%}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_line.tools_item_active[data-v-107a76d0]{background:#262626}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_line.tools_item_active.tsp[data-v-107a76d0]{background:rgba(121,111,246,.3)}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_bgcs[data-v-107a76d0]{flex:0 0 .928571rem;width:1rem;height:1.157143rem;padding:.057143rem;padding-bottom:0;opacity:1}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_bgcs img[data-v-107a76d0]{width:.857143rem;height:1rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_bgcs:last-child img[data-v-107a76d0]{width:.714286rem;height:.928571rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .tools_item_line .tools_item_icon[data-v-107a76d0]{max-width:.742857rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content .content_item .bgcs_click_stop[data-v-107a76d0]{cursor:no-drop}.draw_wrapper_new .draw_main .draw_left .draw_left_content.players .tools_item[data-v-107a76d0]{width:.685714rem;height:.885714rem;flex:0 0 .785714rem;margin-bottom:.214286rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content.players .basketball[data-v-107a76d0]{width:.8rem;height:1.142857rem;flex:0 0 1rem;margin-bottom:.214286rem}.draw_wrapper_new .draw_main .draw_left .draw_left_content .line_p[data-v-107a76d0]{font-size:.285714rem;color:#81818a}.draw_wrapper_new .draw_main .draw_left .draw_left_content[data-v-107a76d0]::-webkit-scrollbar{display:none}.draw_wrapper_new .draw_main .draw_left .draw_left_content .aCheckbox-label[data-v-107a76d0]{color:#81818a;font-family:PingFangMedium;font-size:.228571rem}.draw_wrapper_new .draw_main .draw_left .players_box[data-v-107a76d0]{position:absolute;right:-.571429rem;bottom:3.1rem;width:1.542857rem;height:2.628571rem;background-color:#fff;border-top-left-radius:.228571rem}.draw_wrapper_new .draw_main .draw_left .players_box .players_list[data-v-107a76d0]{position:relative;width:1.2rem;height:1.2rem;margin:0 auto;font-size:0}.draw_wrapper_new .draw_main .draw_left .players_box .players_list[data-v-107a76d0]:first-child{margin-top:.214286rem}.draw_wrapper_new .draw_main .draw_left .players_box .players_list[data-v-107a76d0]:last-child{margin-top:-.114286rem}.draw_wrapper_new .draw_main .draw_left .players_box .players_list .img_box[data-v-107a76d0]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:.857143rem;height:.857143rem;background-color:#fff}.draw_wrapper_new .draw_main .draw_left .players_box .players_list .tools_item_icon[data-v-107a76d0]{width:100%;height:100%}.draw_wrapper_new .draw_main .draw_right[data-v-107a76d0]{position:relative;left:6.071429rem;width:calc(100% - 6.071429rem);height:100%;display:inline-block;background-color:transparent;overflow:hidden;padding:.342857rem .342857rem .342857rem .571429rem}.draw_wrapper_new .draw_main .draw_right .surround[data-v-107a76d0]{width:100%;height:100%;overflow:hidden;border-radius:.085714rem}.draw_wrapper_new .draw_main .draw_right .tactic_board[data-v-107a76d0]{width:100%;height:100%;border-radius:.142857rem;overflow:hidden;position:relative;background-size:100% 100%;float:left}.draw_wrapper_new .draw_main .draw_right .tactic_board .canvas[data-v-107a76d0]{width:100%}.draw_wrapper_new .draw_main .draw_right .tactic_board .canvas_box[data-v-107a76d0],.draw_wrapper_new .draw_main .draw_right .tactic_board .upper-canvas[data-v-107a76d0]{width:100%;position:absolute;top:0;left:0;overflow:hidden}.draw_wrapper_new .draw_main .draw_right .tactic_board .canvas_box .canvas-container[data-v-107a76d0],.draw_wrapper_new .draw_main .draw_right .tactic_board .upper-canvas .canvas-container[data-v-107a76d0]{height:100%!important}.draw_wrapper_new .draw_main .draw_right .tactic_notes[data-v-107a76d0]{float:left;height:100%;padding:.057143rem;border-radius:.2rem;overflow:hidden;border:1PX dashed #343B4C;position:relative}.draw_wrapper_new .draw_main .draw_right .tactic_notes .notes_content[data-v-107a76d0]{background-color:#343b4c;height:100%;border-radius:.2rem;overflow:hidden}.draw_wrapper_new .draw_main .draw_right .tactic_notes .tactic_notes_title[data-v-107a76d0]{height:.4rem;margin:.142857rem;box-sizing:border-box;padding:0 .114286rem;font-family:PingFangBold;font-size:.228571rem;color:#eef2f4;opacity:1}.draw_wrapper_new .draw_main .draw_right .tactic_notes .notes_box[data-v-107a76d0]{width:5.714286rem;height:80%;border-radius:.085714rem;background-color:transparent;padding:.142857rem .214286rem;color:#fff;border:none;resize:none}.draw_wrapper_new .draw_main .draw_right .tactic_notes .notes_box[data-v-107a76d0]::placeholder{color:#62687f}.draw_wrapper_new .draw_main .draw_right .tactic_notes .brown_notes_title[data-v-107a76d0]{color:#cca378;text-shadow:.014286rem .028571rem .042857rem rgba(0,0,0,.2),-.007143rem -.007143rem .014286rem rgba(255,255,255,.25),.007143rem .007143rem .014286rem rgba(0,0,0,.25)}.draw_wrapper_new .draw_main .draw_right .tactic_notes .bk_notes_box[data-v-107a76d0]{background-color:#dbc8bb4d}.draw_wrapper.isApp .draw_head .draw_type_box[data-v-bd54b548]{width:3.428571rem;height:.642857rem;background-color:#f3f3f3;border-radius:.185714rem;overflow:hidden}.draw_wrapper.isApp .draw_head .draw_type_box .draw_type_item[data-v-bd54b548]{height:.642857rem;box-shadow:none}.draw_wrapper.isApp .draw_head .draw_type_box .draw_type_item.active[data-v-bd54b548]{border-radius:.185714rem}.draw_wrapper.isApp .draw_main .draw_left[data-v-bd54b548]{width:5.285714rem;flex:0 0 5.285714rem}.draw_wrapper.isApp .draw_main .draw_left.isAnimate[data-v-bd54b548]{padding-bottom:0}.draw_wrapper.isApp .draw_main .draw_left .submenu[data-v-bd54b548]{flex:0 0 .928571rem;width:.928571rem}.draw_wrapper.isApp .draw_main .draw_left .submenu .tools_item_icon[data-v-bd54b548]{width:.928571rem;height:1rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content[data-v-bd54b548]{padding-left:.285714rem;padding-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left_content .content_item .tools_item_bgcs[data-v-bd54b548]{width:1.071429rem;height:1.214286rem;flex:0 0 1rem;margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left_content .content_item .tools_item_bgcs[data-v-bd54b548]:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .content_item .tools_item_pitch[data-v-bd54b548]{flex:0 0 1rem;width:1.071429rem;height:1.214286rem;padding:.057143rem;margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .content_item .tools_item_pitch[data-v-bd54b548]:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content.players .tools_item[data-v-bd54b548]{width:1.071429rem;height:1.214286rem;flex:0 0 1rem;margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content.players .tools_item[data-v-bd54b548]:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .tools_item[data-v-bd54b548]{margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .tools_item[data-v-bd54b548]:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .content_item .tools_item_material[data-v-bd54b548]{margin-right:.142857rem}.draw_wrapper.isApp .draw_main .draw_left .draw_left_content .content_item .tools_item_material[data-v-bd54b548]:nth-child(3n){margin-right:0}.draw_wrapper.isApp .draw_main .draw_left .app_animate_setting_box[data-v-bd54b548]{width:2rem;height:.714286rem;text-align:center;line-height:.714286rem;color:#3663e1;font-family:PingFangMedium;font-size:.242857rem;box-shadow:0 .142857rem .571429rem #0000000d;border-radius:.114286rem 0 0 .114286rem;background-color:#f3f5f9;position:fixed;right:.342857rem;bottom:.428571rem;overflow:hidden;z-index:999}.draw_wrapper.isApp .draw_main .draw_left .app_animate_setting_box .btn_running[data-v-bd54b548]{width:.714286rem;height:100%;background-color:#fff;background-image:url(/assets/animate-play.5d72da91.svg);background-position:center;background-repeat:no-repeat;float:left}.draw_wrapper.isApp .draw_main .draw_left .app_animate_setting_box .open_animate_setting_box[data-v-bd54b548]{width:1.142857rem;height:100%;float:right;margin-right:.142857rem;text-align:right;position:relative;cursor:pointer}.draw_wrapper.isApp .draw_main .draw_left .app_animate_setting_box .open_animate_setting_box[data-v-bd54b548]:before{content:"";width:.285714rem;height:.114286rem;background-image:url(/assets/btn-animate-open.18dd44e6.svg);background-repeat:no-repeat;background-size:.314286rem .142857rem;position:absolute;top:50%;right:.571429rem;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box[data-v-bd54b548]{width:100%;background-color:#f0f4f2;position:fixed;left:0;right:0;bottom:0;z-index:999}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head[data-v-bd54b548]{position:relative}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-play-box[data-v-bd54b548]{position:absolute;top:50%;left:52%;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option[data-v-bd54b548]{display:block}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate-speed[data-v-bd54b548]{position:absolute;top:50%;left:48%;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate-delete[data-v-bd54b548]{position:absolute;top:50%;right:1.428571rem;transform:translateY(-50%);background-image:url(/assets/animate-delete-hover.798cf8e0.svg)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate_stow[data-v-bd54b548]{color:#81818a;font-size:.242857rem;position:absolute;top:50%;right:.571429rem;font-weight:600;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-head .animate-option .animate_stow[data-v-bd54b548]:before{content:"";width:.228571rem;height:.142857rem;background-image:url(/assets/Inverted-triangle.aef79fca.svg);background-repeat:no-repeat;background-size:.228571rem .142857rem;position:absolute;left:-.285714rem;top:50%;transform:translateY(-50%)}.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-item-box .bg[data-v-bd54b548],.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-item-box .animate-item[data-v-bd54b548],.draw_wrapper.isApp .draw_main .draw_left .animate-setting-box .animate-item-box .animate-add[data-v-bd54b548]{width:1.357143rem;height:1.714286rem;margin-bottom:.314286rem;flex:0 0 1.214286rem}.draw_wrapper.isApp .draw_main .draw_right[data-v-bd54b548]{width:calc(100% - 5.285714rem);padding-left:.285714rem}.draw_wrapper.isApp .draw_main .draw_right .surround[data-v-bd54b548]{padding-left:0}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .notes_box[data-v-bd54b548]{width:4.142857rem;font-size:.314286rem}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .notes_box[data-v-bd54b548]::placeholder{font-size:.285714rem}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .zoom_box[data-v-bd54b548]{display:flex;width:1.142857rem}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .zoom_box img[data-v-bd54b548]{width:.571429rem;height:.571429rem}.draw_wrapper.isApp .draw_main .draw_right .tactic_notes .zoom_box.app_animate[data-v-bd54b548]{bottom:25%}.animate_play[data-v-bd54b548]{position:absolute;z-index:-1;background-image:url(/assets/animate-play.5d72da91.svg)}.animate_play[data-v-bd54b548]:hover{background-image:url(/assets/animate-play-hover.67e6421d.svg)}.draw_wrapper_new[data-v-bd54b548]{width:100%;height:100%;overflow:hidden;position:relative;background-color:#161619;font-family:PingFangRegular}.draw_wrapper_new .draw_main[data-v-bd54b548]{width:100%;height:100%;background-color:transparent;color:#fffc;position:relative}.draw_wrapper_new .draw_main .draw_right[data-v-bd54b548]{position:relative;width:100%;height:100%;display:inline-block;background-color:transparent;overflow:hidden;padding:0}.draw_wrapper_new .draw_main .draw_right .surround[data-v-bd54b548]{width:100%;height:100%;overflow:hidden;border-radius:.085714rem}.draw_wrapper_new .draw_main .draw_right .tactic_board[data-v-bd54b548]{width:100%;height:100%;border-radius:.142857rem;overflow:hidden;position:relative;background-size:100% 100%;float:left}.draw_wrapper_new .draw_main .draw_right .tactic_board .canvas[data-v-bd54b548]{width:100%}.draw_wrapper_new .draw_main .draw_right .tactic_board .canvas_box[data-v-bd54b548],.draw_wrapper_new .draw_main .draw_right .tactic_board .upper-canvas[data-v-bd54b548]{width:100%;position:absolute;top:0;left:0;overflow:hidden}.draw_wrapper_new .draw_main .draw_right .tactic_board .canvas_box .canvas-container[data-v-bd54b548],.draw_wrapper_new .draw_main .draw_right .tactic_board .upper-canvas .canvas-container[data-v-bd54b548]{height:100%!important}.players_wrapper[data-v-788c667d]{width:100%}.players_wrapper .players_inner[data-v-788c667d]{height:7rem;overflow-y:auto;position:relative}.players_wrapper .bold_text[data-v-788c667d]{font-size:.285714rem}.players_wrapper .player_list_main[data-v-788c667d]{display:flex;flex-wrap:wrap;margin-top:.142857rem}.players_wrapper .player_item[data-v-788c667d]{position:relative;flex:0 0 1.628571rem;width:1.628571rem;height:1.942857rem;margin:0 .285714rem .285714rem 0;border:.014286rem solid transparent;border-radius:.028571rem;text-align:center;overflow:hidden;cursor:pointer}.players_wrapper .player_item.is-active .bg[data-v-788c667d]{display:block}.players_wrapper .player_item.is-disabled[data-v-788c667d]{opacity:.3}.players_wrapper .player_item .player_avatar_border[data-v-788c667d]{width:1.028571rem;height:1.028571rem;border:.014286rem solid transparent;border-radius:50%;overflow:hidden;margin:.228571rem auto .257143rem}.players_wrapper .player_item .player_avatar_border .img[data-v-788c667d]{width:100%;background-color:#f5f5f5}.players_wrapper .player_item .player_item_number[data-v-788c667d]{position:absolute;top:1.085714rem;left:50%;transform:translate(-50%);display:inline-block;width:.342857rem;height:.342857rem;line-height:.314286rem;border:.014286rem solid #ffffff;border-radius:.342857rem;white-space:nowrap;font-size:.171429rem;color:#fff}.players_wrapper .player_item .player_item_name[data-v-788c667d]{font-size:.2rem;color:#787885;white-space:nowrap}.players_wrapper .player_item .bg[data-v-788c667d]{display:none;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;opacity:.1;border-radius:.028571rem}.players_wrapper .loading[data-v-788c667d]{position:absolute;top:0;bottom:0;left:0;right:0;margin:0;background-color:#ffffffe6}.players_wrapper .loading .loading-spinner[data-v-788c667d]{top:50%;margin-top:-.3rem;width:100%;text-align:center;position:absolute}.players_wrapper .loading .loading-spinner .path[data-v-788c667d]{animation:loading-dash-788c667d 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:2;stroke:#409eff;stroke-linecap:round;transform-origin:0 0}.players_wrapper .loading .circular[data-v-788c667d]{height:.6rem;width:.6rem;animation:loading-rotate-788c667d 2s linear infinite}@keyframes loading-rotate-788c667d{to{transform:rotate(1turn)}}@keyframes loading-dash-788c667d{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-.571429rem}to{stroke-dasharray:90,150;stroke-dashoffset:-1.714286rem}}.fabric_img_list[data-v-dac5b6a6]{width:7.142857rem;background-color:#f0f0f0e6;font-family:PingFangMedium;border-radius:.228571rem;padding:.457143rem .571429rem;position:absolute;right:.571429rem;top:1.285714rem;z-index:9999}.fabric_img_list .list_content .text_title[data-v-dac5b6a6]{width:100%;font-size:.285714rem;margin-bottom:.142857rem;text-align:left;color:#81818a;display:flex;justify-content:space-between;margin-bottom:.371429rem}.fabric_img_list .list_content .text_title .title_box[data-v-dac5b6a6]{display:flex;justify-content:flex-start;align-items:center}.fabric_img_list .list_content .text_title .title_box .title_tip[data-v-dac5b6a6]{position:relative}.fabric_img_list .list_content .text_title .title_box .title_tip .tip_img[data-v-dac5b6a6]{width:.371429rem;height:.371429rem;margin-left:.285714rem}.fabric_img_list .list_content .text_title .title_box .title_name[data-v-dac5b6a6]{font-size:.285714rem;color:#3a3a3a}.fabric_img_list .list_content .text_title .title_box .line_explain[data-v-dac5b6a6]{width:8.642857rem;height:2.028571rem;position:absolute;right:-1.071429rem;top:50%;transform:translateY(-40%) scale(.6);display:flex;justify-content:space-between;align-items:center;background-color:#0009;color:#fff9;font-size:.4rem;text-align:center;padding-left:.214286rem;border-radius:.2rem}.fabric_img_list .list_content .text_title .title_box .line_explain .explain_item[data-v-dac5b6a6]{width:25%}.fabric_img_list .list_content .text_title .title_box .line_explain .explain_item img[data-v-dac5b6a6]{width:.857143rem;margin-bottom:.214286rem}.fabric_img_list .list_content .text_title .title_box .line_explain .explain_item:nth-last-child(1) img[data-v-dac5b6a6]{width:.357143rem;height:.357143rem}.fabric_img_list .list_content .text_title .title_box .line_explain[data-v-dac5b6a6]:after{content:"";border:.342857rem solid rgba(0,0,0,0);border-left-color:#000;border-radius:.085714rem;opacity:.6;position:absolute;top:14%;right:-36PX}.fabric_img_list .list_content .text_title .set_players_btn[data-v-dac5b6a6]{display:flex;cursor:pointer}.fabric_img_list .list_content .text_title .set_players_btn .sub_btn[data-v-dac5b6a6],.fabric_img_list .list_content .text_title .set_players_btn .add_btn[data-v-dac5b6a6]{width:24PX;height:24PX;background-size:.342857rem .342857rem;background-position:center;background-repeat:no-repeat}.fabric_img_list .list_content .text_title .set_players_btn .sub_btn[data-v-dac5b6a6]{margin-right:.171429rem;background-image:url(/assets/btn-player-sub.7028a5b2.svg)}.fabric_img_list .list_content .text_title .set_players_btn .add_btn[data-v-dac5b6a6]{background-image:url(/assets/btn-player-add-active.ef74304c.svg)}.fabric_img_list .content_item[data-v-dac5b6a6]{display:flex;flex-wrap:wrap;justify-content:space-between}.fabric_img_list .content_item .tools_item[data-v-dac5b6a6]{width:.857143rem;height:1.071429rem;background-color:#fff6;border-radius:.085714rem;display:flex;justify-content:center;align-items:center;margin-right:.285714rem;margin-bottom:.285714rem;position:relative}.fabric_img_list .content_item .tools_item .delete_btn[data-v-dac5b6a6]{position:absolute;top:-.114286rem;right:-.114286rem;cursor:pointer}.fabric_img_list .content_item .tools_item[data-v-dac5b6a6]:nth-child(5n){margin-right:0}.fabric_img_list .content_item .tools_item_line[data-v-dac5b6a6]{height:.928571rem}.fabric_img_list .content_item .tools_item_line.tools_item_active[data-v-dac5b6a6]{background-color:#3ca26b66}.fabric_img_list .content_item .tools_item_bk.tools_item_active[data-v-dac5b6a6]{background-color:#eac09566}.fabric_img_list .content_item .tools_item_pitch.tools_item_active[data-v-dac5b6a6],.fabric_img_list .content_item .tools_item_line.tools_item_active[data-v-dac5b6a6],.fabric_img_list .content_item .tools_item_bgcs.tools_item_active[data-v-dac5b6a6]{position:relative}.fabric_img_list .content_item .tools_item_pitch.tools_item_active[data-v-dac5b6a6]:before,.fabric_img_list .content_item .tools_item_line.tools_item_active[data-v-dac5b6a6]:before,.fabric_img_list .content_item .tools_item_bgcs.tools_item_active[data-v-dac5b6a6]:before{content:"";width:.314286rem;height:.314286rem;position:absolute;right:-8PX;bottom:-6PX;border-radius:50%;background-image:url(/assets/tool-active.e6166f6b.svg);background-position:center;background-repeat:no-repeat}.fabric_img_list .color_title[data-v-dac5b6a6],.fabric_img_list .thickness[data-v-dac5b6a6]{font-size:.285714rem;color:#3a3a3a;margin:.571429rem 0 .228571rem}.fabric_img_list[data-v-dac5b6a6] .pelette{width:100%;height:auto;padding:0;background-color:transparent;box-shadow:none}.fabric_img_list[data-v-dac5b6a6] .pelette:before{border:0}.fabric_img_list[data-v-dac5b6a6] .pelette .color-list{padding:0;justify-content:flex-start;align-items:center}.fabric_img_list[data-v-dac5b6a6] .pelette .color-list .list-items{margin-right:.328571rem;transform:scale(1.2)}.fabric_img_list[data-v-dac5b6a6] .pelette .color-list .list-items:nth-child(6n){margin-right:0}.fabric_img_list .line_width[data-v-dac5b6a6]{display:flex;justify-content:space-around;align-items:center;margin-bottom:.142857rem}.fabric_img_list .line_width_items[data-v-dac5b6a6]{width:80PX;height:.857143rem;display:flex;align-items:center;justify-content:space-around;background-color:#fff;border-radius:.085714rem;margin-right:.171429rem;position:relative}.fabric_img_list .line_width_items .line_width_span[data-v-dac5b6a6]{width:.571429rem;display:block;border-radius:.171429rem;background-color:#000}.fabric_img_list .line_width .line_width_active[data-v-dac5b6a6]{border:1PX solid #60BF52}.fabric_img_list .line_width .line_width_active[data-v-dac5b6a6]:before{content:"";width:.314286rem;height:.314286rem;position:absolute;right:-.142857rem;bottom:-.114286rem;border-radius:50%;background-image:url(/assets/tool-active.e6166f6b.svg);background-position:center;background-repeat:no-repeat}.tacticalBoard{height:100%;width:100%;overflow-y:hidden}.tacticalBoard .content{height:100%;margin:0 auto;position:relative}.tacticalBoard .content .pad_more{height:1.214286rem;background-color:#308256;display:flex;justify-content:flex-end;align-items:center;position:relative;z-index:1001}.tacticalBoard .content .pad_more .tools_item_more{width:1.071429rem}.tacticalBoard .content .pad_more .btn_exit{position:absolute;left:.428571rem;top:0}.tacticalBoard .content .pad_more .btn_exit img{width:.857143rem;height:1.142857rem}.tacticalBoard .content .pad_more .btn_save{padding-left:.285714rem;margin-right:.214286rem;border-left:.014286rem solid #000000}.tacticalBoard .content .pad_more .btn_save img{width:.571429rem;height:.571429rem}.tacticalBoard .content .pad_more .pad_btn_reset,.tacticalBoard .content .pad_more .pad_btn_revoke{position:fixed;bottom:.642857rem}.tacticalBoard .content .pad_more .pad_btn_revoke{width:.642857rem;height:.571429rem;right:1.571429rem}.tacticalBoard .content .pad_more .pad_btn_reset{width:.571429rem;height:.571429rem;right:.714286rem}.tacticalBoard .content .tools{width:.857143rem}.tacticalBoard .content .tools_item_icon{max-width:100%;max-height:100%}.tacticalBoard .content .players_exe .tools_item,.tacticalBoard .content .players_app .tools_item{width:.857143rem;height:.857143rem;margin-bottom:.285714rem;border-radius:50%;position:relative}.tacticalBoard .content .players_exe .tools_item:last-child,.tacticalBoard .content .players_app .tools_item:last-child{margin-bottom:0}.tacticalBoard .content .players_exe .tools_item .tools_item_player,.tacticalBoard .content .players_app .tools_item .tools_item_player{position:absolute;top:0;left:0}.tacticalBoard .content .players_exe{position:absolute;top:50%;left:calc(-1.428571rem * 2 - .428571rem);transform:translateY(-50%)}.tacticalBoard .content .players_app{position:absolute;bottom:.428571rem;left:1.285714rem;display:flex;justify-content:space-between;width:2rem;z-index:100;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.tacticalBoard .content .players_app .tools_item{margin-bottom:0;margin-top:0!important}.tacticalBoard .content .material_exe{position:absolute;top:0;left:-1.428571rem;width:1.428571rem;background-color:#292a31;height:100%;display:flex;flex-direction:column;justify-content:space-between;z-index:90;overflow:auto;padding:1rem 0}.tacticalBoard .content .material_exe .tools_item{margin:0 auto}.tacticalBoard .content .material_exe .def_width_bk{width:.857143rem;max-height:1.285714rem;text-align:center}.tacticalBoard .content .material_app{position:absolute;top:0;left:0;width:1.428571rem;height:100%;display:flex;flex-direction:column;justify-content:space-between;z-index:90;overflow:auto;padding:1.571429rem 0 1.214286rem}.tacticalBoard .content .material_app .tools_item{margin:0 auto}.tacticalBoard .content .material_app .def_width_bk{max-width:.857143rem;max-height:1.285714rem}.tacticalBoard .content .shapes_exe{position:absolute;top:0;right:-1.428571rem;width:1.428571rem;background-color:#292a31;height:100%;display:flex;flex-direction:column;justify-content:space-between;z-index:90;padding:1rem 0}.tacticalBoard .content .shapes_exe .tools_item{width:.857143rem;height:.857143rem;padding:0 .114286rem;margin:0 auto}.tacticalBoard .content .shapes_app{position:absolute;top:0;right:0;width:1.428571rem;height:100%;display:flex;flex-direction:column;justify-content:space-between;z-index:90;padding:1.571429rem 0 1.214286rem}.tacticalBoard .content .shapes_app .tools_item{width:.857143rem;height:.857143rem;padding:0 .114286rem;margin:0 auto}.tacticalBoard .content .lines_exe{position:absolute;top:0;right:-1.428571rem;width:1.428571rem;background-color:#292a31;height:100%;display:flex;flex-direction:column;justify-content:space-between;z-index:90;padding:1rem 0}.tacticalBoard .content .lines_exe .tools_item{width:.857143rem;height:.857143rem;padding:0 .114286rem;margin:0 auto}.tacticalBoard .content .lines_exe .tools_item{height:.714286rem;padding:0;border-radius:0}.tacticalBoard .content .lines_exe .tools_item .tools_item_icon{width:100%;height:60%;border:.028571rem solid transparent}.tacticalBoard .content .lines_exe .tools_item_line .tools_item_icon{border:.028571rem solid rgba(255,255,255,.5)}.tacticalBoard .content .lines_exe .color{text-align:center;position:relative}.tacticalBoard .content .lines_app{position:absolute;top:0;right:0;width:1.428571rem;height:100%;display:flex;flex-direction:column;justify-content:space-between;z-index:90;padding:1.571429rem 0 1.214286rem;padding:1.571429rem 0}.tacticalBoard .content .lines_app .tools_item{width:.857143rem;height:.857143rem;padding:0 .114286rem;margin:0 auto}.tacticalBoard .content .lines_app .tools_item{height:.714286rem;padding:0;border-radius:0}.tacticalBoard .content .lines_app .tools_item .tools_item_icon{width:100%;height:60%;border:.028571rem solid transparent}.tacticalBoard .content .lines_app .tools_item_line .tools_item_icon{border:.028571rem solid rgba(255,255,255,.5)}.tacticalBoard .content .lines_app .color{text-align:center;position:relative}.tacticalBoard .content .pen_exe{position:absolute;bottom:.857143rem;right:calc(-1.428571rem * 2 - .428571rem)}.tacticalBoard .content .pen_exe .tools_item{height:.857143rem}.tacticalBoard .content .pen_app{position:absolute;bottom:.428571rem;right:2.142857rem;z-index:100;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.tacticalBoard .content .pen_app .tools_item{height:.857143rem}.tacticalBoard .content .more{position:absolute;bottom:2.571429rem;right:calc(-1.428571rem * 2 - .428571rem);cursor:pointer}.tacticalBoard .content .more .tools_item{border-radius:0;margin-bottom:0}.tacticalBoard .content .more .tools_item .tools_item_more{background-color:#292a31;border-radius:50%;padding:15%;width:.857143rem;height:.857143rem}.tacticalBoard .content .more .btns{height:calc(.928571rem * 2);overflow:hidden;transition:height 1s}.tacticalBoard .content .more .btns .tools_item_more{margin-bottom:.071429rem}.tacticalBoard .content .more .toggle{transition:transform .8s}.tacticalBoard .content .more .open_more{height:calc(.928571rem * 6)}.tacticalBoard .content .more .toggle_active{transform:rotate(45deg)}.tacticalBoard .content .board_wrapper_exe{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.tacticalBoard .content .board_wrapper_exe .tactic_board{width:100%;height:100%;position:relative}.tacticalBoard .content .board_wrapper_exe .tactic_board .canvas_box,.tacticalBoard .content .board_wrapper_exe .tactic_board .upper-canvas{width:100%;position:absolute;top:0;left:0;overflow:hidden}.tacticalBoard .content .board_wrapper_exe .tactic_board .canvas_box .canvas-container,.tacticalBoard .content .board_wrapper_exe .tactic_board .upper-canvas .canvas-container{height:100%!important}.tacticalBoard .content .board_wrapper_app{height:calc(100vh - 2.571429rem);position:absolute;top:1.214286rem;left:0;bottom:.785714rem;right:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.tacticalBoard .content .board_wrapper_app.board_wrapper_bk{top:1.642857rem;bottom:1.857143rem;left:50%;right:auto;transform:translate(-50%)}.tacticalBoard .content .board_wrapper_app .tactic_board{width:100%;height:100%;position:relative}.tacticalBoard .content .board_wrapper_app .tactic_board .canvas_box,.tacticalBoard .content .board_wrapper_app .tactic_board .upper-canvas{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.tacticalBoard .content .board_wrapper_app .tactic_board .canvas_box .canvas-container,.tacticalBoard .content .board_wrapper_app .tactic_board .upper-canvas .canvas-container{height:100%!important}.tacticalBoard .content .board_bg{position:absolute;width:100%;height:100%;font-size:0}.tacticalBoard .content .board_bg span{display:inline-block;width:100%}.tacticalBoard .content .board_bg span:nth-child(2n-1){background-color:#43a04c}.court_wrapper .title{font-size:.285714rem;color:#fff;font-family:SansHansBlod,PingFangBold}.court_wrapper .list_wrapper{width:100%;overflow-x:auto}.court_wrapper .list{display:flex;flex-wrap:nowrap;overflow-x:auto}.court_wrapper .list .scroll{white-space:nowrap}.court_wrapper .list .list_item{display:inline-block;min-width:1.714286rem;max-width:1.714286rem;height:2rem;opacity:.5;padding:.142857rem .285714rem;background:#2b2b2b;border-radius:.057143rem;margin-right:.285714rem}.court_wrapper .list .list_item:last-child{margin-right:0}.court_wrapper .list .list_item .list_item_img{width:100%;height:100%}.court_wrapper .list .list_item_active{opacity:1;background:#363636}.player_dialog .a_dialog_wrapper{border-radius:.085714rem}.player_dialog .a_dialog_wrapper .a_dialog_head{border-bottom:.028571rem solid #f2f7fa}.player_dialog .a_dialog_wrapper .a_dialog_head .a_dialog_head_title{font-size:.257143rem}.player_dialog .a_dialog_wrapper .a_dialog_content{padding-top:0}.color-list[data-v-ab53fbc4]{padding:.285714rem .214286rem .071429rem .357143rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;align-content:space-between}.color-list .list-items[data-v-ab53fbc4]{width:.714286rem;height:.714286rem;border-radius:.085714rem;margin-right:.142857rem;margin-bottom:.214286rem;box-sizing:content-box;position:relative;border-radius:.142857rem;cursor:pointer}.color-list .list-items .color-block[data-v-ab53fbc4]{width:.571429rem;height:.571429rem;border-radius:.142857rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.color-list .list-items img[data-v-ab53fbc4]{width:.371429rem;height:.228571rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.color-list .list-items:first-child .color-block[data-v-ab53fbc4]{border:.014286rem solid #E9EDF3}.color-list .list-items[data-v-ab53fbc4]:hover{background-color:var(--hover-bgc, #FFF)!important}.line_style_button[data-v-632eeeca]{width:1.142857rem;height:1.142857rem;border-radius:50%;margin:.428571rem 0;background-color:#7b3bb8;background-image:url(/assets/line-style-btn.b5a3ecf1.svg);background-position:center;background-repeat:no-repeat;border:.014286rem solid #9259C8;position:relative}.line_style_button .style_dialog[data-v-632eeeca]{width:4.285714rem;height:5.885714rem;background:rgba(255,255,255,.6);backdrop-filter:blur(.657143rem);border-radius:.085714rem;position:absolute;left:-4.714286rem;top:50%;transform:translateY(-50%);z-index:999;padding:.342857rem .228571rem;box-sizing:border-box}.line_style_button .style_dialog[data-v-632eeeca]:after{content:"";border:.285714rem solid transparent;border-left:.285714rem solid rgba(255,255,255,.6);backdrop-filter:blur(.657143rem);position:absolute;right:-.585714rem;top:50%;transform:translateY(-50%);z-index:1}.line_style_button .style_dialog p[data-v-632eeeca]{font-size:.314286rem;font-family:PingFangMedium}.line_style_button .style_dialog .line_width[data-v-632eeeca]{display:flex;justify-content:space-around;align-items:center;margin-bottom:.142857rem;margin-top:.228571rem}.line_style_button .style_dialog .line_width_items[data-v-632eeeca]{width:1rem;height:.714286rem;display:flex;align-items:center;justify-content:space-around;background-color:#fff;border-radius:.085714rem;margin-right:.171429rem;position:relative}.line_style_button .style_dialog .line_width_items .line_width_span[data-v-632eeeca]{width:.571429rem;display:block;border-radius:.085714rem;background-color:#000}.line_style_button .style_dialog .line_width .line_width_active[data-v-632eeeca]{background-color:#fff}.line_style_button .style_dialog .line_width .line_width_active[data-v-632eeeca]:before{content:"";width:.314286rem;height:.314286rem;position:absolute;right:-.142857rem;bottom:-.114286rem;border-radius:50%;background-image:url(/assets/tool-active.e6166f6b.svg);background-position:center;background-repeat:no-repeat}.line_style_button .style_dialog .line_color[data-v-632eeeca] .color-list{margin-top:.228571rem;padding:0;justify-content:flex-start}.line_style_button .style_dialog .line_color[data-v-632eeeca] .color-list .list-items{margin-right:.314286rem}.line_style_button .style_dialog .line_color[data-v-632eeeca] .color-list .list-items:nth-child(4n){margin-right:0}.screen[data-v-29f0f906]{height:100vh;background-color:#692aa5;padding:.571429rem 0 .571429rem .714286rem;box-sizing:border-box;position:relative}.screen .tools[data-v-29f0f906]{width:13%;width:1.9rem;position:absolute;right:0;display:flex;flex-wrap:wrap;justify-content:center}.screen .tools .lines[data-v-29f0f906]{width:1.9rem;height:.814286rem;display:flex;justify-content:flex-end;align-items:center;padding-right:.5rem;box-sizing:border-box}.screen .tools .lines img[data-v-29f0f906]{width:.885714rem}.screen .tools .lines.active[data-v-29f0f906]{background-image:url(/assets/screen-line-background.4a7d2819.svg);background-size:cover;background-repeat:no-repeat}.screen .tools .players[data-v-29f0f906]{width:1rem;height:1rem;margin:.114286rem;position:relative}.screen .tools .players .player_item[data-v-29f0f906]{position:absolute;left:0;top:0}.screen .tools .players .player_item img[data-v-29f0f906]{width:1rem;height:1rem}.screen .tools .eraser[data-v-29f0f906]{width:1.142857rem;height:1.142857rem;position:relative;border-radius:50%}.screen .tools .eraser img[data-v-29f0f906]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.screen .tools .eraser.active[data-v-29f0f906]{background-image:url(/assets/screen-btn-background.b05941bc.svg);background-repeat:no-repeat}.screen .tools .back[data-v-29f0f906],.screen .tools .reset[data-v-29f0f906]{width:1.142857rem;height:1.142857rem;position:relative;border-radius:50%;margin-top:.142857rem;cursor:pointer}.screen .tools .back .images[data-v-29f0f906],.screen .tools .reset .images[data-v-29f0f906]{width:.685714rem;height:.685714rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999;background-image:url(/assets/screen-back.d1bbf7b0.svg);background-repeat:no-repeat;background-size:cover}.screen .tools .back[data-v-29f0f906]:hover,.screen .tools .reset[data-v-29f0f906]:hover{background-image:url(/assets/screen-btn-background.b05941bc.svg);background-repeat:no-repeat;background-size:cover;background-position:center}.screen .tools .back:hover .images[data-v-29f0f906],.screen .tools .reset:hover .images[data-v-29f0f906]{background-image:url(/assets/screen-back-active.31564346.svg);background-repeat:no-repeat}.screen .tools .reset .images[data-v-29f0f906]{background-image:url(/assets/screen-reset.5fe0b65a.svg)}.screen .tools .reset[data-v-29f0f906]:hover{background-image:url(/assets/screen-btn-background.b05941bc.svg)}.screen .tools .reset:hover .images[data-v-29f0f906]{background-image:url(/assets/screen-reset-active.669488e5.svg)}.screen .board_wrapper_exe[data-v-29f0f906]{height:calc(100vh - 1.142857rem);position:absolute;top:50%;transform:translateY(-50%);left:.714286rem;overflow:hidden}.screen .board_wrapper_exe .tactic_board[data-v-29f0f906]{width:100%;height:100%;position:relative}.screen .board_wrapper_exe .tactic_board .canvas_box[data-v-29f0f906],.screen .board_wrapper_exe .tactic_board .upper-canvas[data-v-29f0f906]{width:100%;position:absolute;top:0;left:0;overflow:hidden}.screen .board_wrapper_exe .tactic_board .canvas_box .canvas-container[data-v-29f0f906],.screen .board_wrapper_exe .tactic_board .upper-canvas .canvas-container[data-v-29f0f906]{height:100%!important}.football_screen[data-v-2f5eed19]{width:1920PX;height:1080PX;background-color:#25804f;position:relative}.football_screen .center_box[data-v-2f5eed19]{width:757PX;height:1000PX;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.football_screen .center_box .left_tools_list[data-v-2f5eed19]{height:1000PX;position:absolute;top:0;left:-250PX;display:flex;justify-content:flex-start}.football_screen .center_box .left_tools_list .tools_img[data-v-2f5eed19]{margin-right:.571429rem;display:flex;flex-direction:column}.football_screen .center_box .left_tools_list .tools_img img[data-v-2f5eed19]{transform:scale(1.2);margin-bottom:25PX}.football_screen .center_box .left_tools_list .line[data-v-2f5eed19]{width:128PX}.football_screen .center_box .left_tools_list .line .line_item[data-v-2f5eed19]{width:100%;height:57PX;display:flex;align-items:center;justify-content:center;margin-bottom:.071429rem}.football_screen .center_box .left_tools_list .line .line_item img[data-v-2f5eed19]{transform:scale(1.6)}.football_screen .center_box .left_tools_list .line .active[data-v-2f5eed19]{background-color:#bee9d2;border-radius:58PX}.football_screen .center_box .right_tools_list[data-v-2f5eed19]{width:100PX;position:absolute;top:30%;right:-120PX;display:flex;justify-content:center;align-items:center;flex-direction:column}.football_screen .center_box .right_tools_list[data-v-2f5eed19] .line_style_button{width:70PX;height:70PX;margin-bottom:.428571rem;background-color:#459a6c;border:.014286rem solid #459A6C;background-image:url(/assets/football-line-style-btn.e68d3ff6.svg)}.football_screen .center_box .right_tools_list .players[data-v-2f5eed19]{width:70PX;height:70PX;margin:8PX;position:relative;margin:.214286rem 0}.football_screen .center_box .right_tools_list .players .player_item[data-v-2f5eed19]{position:absolute;left:0;top:0}.football_screen .center_box .right_tools_list .players .player_item img[data-v-2f5eed19]{width:70PX;height:70PX;border-radius:50%}.football_screen .center_box .right_tools_list .eraser[data-v-2f5eed19]{width:80PX;height:80PX;position:relative;border-radius:50%;margin-top:.428571rem}.football_screen .center_box .right_tools_list .eraser img[data-v-2f5eed19]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.football_screen .center_box .right_tools_list .eraser.active[data-v-2f5eed19]{background-image:url(/assets/football-screen-btn-background.a647bec1.svg);background-repeat:no-repeat}.football_screen .center_box .right_tools_list .back[data-v-2f5eed19],.football_screen .center_box .right_tools_list .reset[data-v-2f5eed19],.football_screen .center_box .right_tools_list .rotate[data-v-2f5eed19]{width:80PX;height:80PX;position:relative;border-radius:50%;margin-top:10PX;margin-top:.285714rem}.football_screen .center_box .right_tools_list .back .images[data-v-2f5eed19],.football_screen .center_box .right_tools_list .reset .images[data-v-2f5eed19],.football_screen .center_box .right_tools_list .rotate .images[data-v-2f5eed19]{width:48PX;height:48PX;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999;background-image:url(/assets/football-screen-back.ef187c09.svg);background-repeat:no-repeat;background-size:cover}.football_screen .center_box .right_tools_list .back[data-v-2f5eed19]:hover,.football_screen .center_box .right_tools_list .reset[data-v-2f5eed19]:hover,.football_screen .center_box .right_tools_list .rotate[data-v-2f5eed19]:hover{background-image:url(/assets/football-screen-btn-background.a647bec1.svg);background-repeat:no-repeat;background-size:cover;background-position:center}.football_screen .center_box .right_tools_list .back:hover .images[data-v-2f5eed19],.football_screen .center_box .right_tools_list .reset:hover .images[data-v-2f5eed19],.football_screen .center_box .right_tools_list .rotate:hover .images[data-v-2f5eed19]{background-image:url(/assets/football-screen-back-active.2b4873a3.svg);background-repeat:no-repeat}.football_screen .center_box .right_tools_list .reset .images[data-v-2f5eed19]{background-image:url(/assets/football-screen-reset.79e28c5d.svg)}.football_screen .center_box .right_tools_list .reset[data-v-2f5eed19]:hover{background-image:url(/assets/football-screen-btn-background.a647bec1.svg)}.football_screen .center_box .right_tools_list .reset:hover .images[data-v-2f5eed19]{background-image:url(/assets/football-screen-reset-active.b0d68e3c.svg)}.football_screen .center_box .right_tools_list .rotate .images[data-v-2f5eed19]{background-image:url(/assets/football-screen-transverse.f96fe43f.svg)}.football_screen .center_box .right_tools_list .rotate[data-v-2f5eed19]:hover{background-image:url(/assets/football-screen-btn-background.a647bec1.svg)}.football_screen .center_box .right_tools_list .rotate:hover .images[data-v-2f5eed19]{background-image:url(/assets/football-screen-transverse-active.0e8be0f5.svg)}.football_screen .center_box .board_wrapper_exe[data-v-2f5eed19]{width:100%;height:100%;overflow:hidden}.football_screen .center_box .board_wrapper_exe .tactic_board[data-v-2f5eed19]{width:100%;height:100%;position:relative}.football_screen .center_box .board_wrapper_exe .tactic_board .canvas_box[data-v-2f5eed19],.football_screen .center_box .board_wrapper_exe .tactic_board .upper-canvas[data-v-2f5eed19]{width:100%;position:absolute;top:0;left:0;overflow:hidden}.football_screen .center_box .board_wrapper_exe .tactic_board .canvas_box .canvas-container[data-v-2f5eed19],.football_screen .center_box .board_wrapper_exe .tactic_board .upper-canvas .canvas-container[data-v-2f5eed19]{height:100%!important}.football_screen .canvas_rotate .left_tools_list[data-v-2f5eed19]{left:-520PX}.football_screen .canvas_rotate .right_tools_list[data-v-2f5eed19]{right:-400PX}.football_screen .canvas_rotate .board_wrapper_exe[data-v-2f5eed19]{transform:scale(1.3) rotate(90deg)}.mt5{margin-top:.071429rem}.mb5{margin-bottom:.071429rem}.ml5{margin-left:.071429rem}.mr5{margin-right:.071429rem}.mt10{margin-top:.142857rem}.mb10{margin-bottom:.142857rem}.ml10{margin-left:.142857rem}.mr10{margin-right:.142857rem}.mt20{margin-top:.285714rem}.mb20{margin-bottom:.285714rem}.ml20{margin-left:.285714rem}.mr20{margin-right:.285714rem}.mt30{margin-top:.428571rem}.mb30{margin-bottom:.428571rem}.ml30{margin-left:.428571rem}.mr30{margin-right:.428571rem}.mr35{margin-right:.5rem}.mt40{margin-top:.571429rem}.mb40{margin-bottom:.571429rem}.ml40{margin-left:.571429rem}.mr40{margin-right:.571429rem}.mt50{margin-top:.714286rem}.mb50{margin-bottom:.714286rem}.ml50{margin-left:.714286rem}.mr50{margin-right:.714286rem}.mt60{margin-top:.857143rem}.mb60{margin-bottom:.857143rem}.ml60{margin-left:.857143rem}.mr60{margin-right:.857143rem}.pt5{padding-top:.071429rem}.pb5{padding-bottom:.071429rem}.pl5{padding-left:.071429rem}.pr5{padding-right:.071429rem}.pt10{padding-top:.142857rem}.pb10{padding-bottom:.142857rem}.pl10{padding-left:.142857rem}.pr10{padding-right:.142857rem}.pt20{padding-top:.285714rem}.pb20{padding-bottom:.285714rem}.pl20{padding-left:.285714rem}.pr20{padding-right:.285714rem}.pt30{padding-top:.428571rem}.pb30{padding-bottom:.428571rem}.pl30{padding-left:.428571rem}.pr30{padding-right:.428571rem}.pt40{padding-top:.571429rem}.pb40{padding-bottom:.571429rem}.pl40{padding-left:.571429rem}.pr40{padding-right:.571429rem}.pt50{padding-top:.714286rem}.pb50{padding-bottom:.714286rem}.pl50{padding-left:.714286rem}.pr50{padding-right:.714286rem}.pt60{padding-top:.857143rem}.pb60{padding-bottom:.857143rem}.pl60{padding-left:.857143rem}.pr60{padding-right:.857143rem}.tools_item_color{display:inline-block;width:.457143rem;height:.457143rem;border-radius:50%}.color_list_1{width:calc(1 * .571429rem)}.color_list_2{width:calc(2 * .571429rem)}.color_list_3{width:calc(3 * .571429rem)}.color_list_4{width:calc(4 * .571429rem)}.color_list_5{width:calc(5 * .571429rem)}.color_list_6{width:calc(6 * .571429rem)}.color_list_7{width:calc(7 * .571429rem)}.color_list_8{width:calc(8 * .571429rem)}.color_list_9{width:calc(9 * .571429rem)}.color_list_10{width:5.71429rem}.color_list_11{width:calc(11 * .571429rem)}.color_list_12{width:calc(12 * .571429rem)}.color_list_13{width:calc(13 * .571429rem)}.color_list_14{width:calc(14 * .571429rem)}.color_list_15{width:calc(15 * .571429rem)}.color_list{display:flex;flex-wrap:wrap;justify-content:space-between}.color_item_box{display:flex;align-items:center;justify-content:center;width:.485714rem;height:.485714rem;border:.028571rem solid transparent;border-radius:50%;margin:.071429rem 0}.color_item_box .color_item{display:block;border-radius:50%;width:.371429rem;height:.371429rem}*::-webkit-scrollbar{width:.085714rem;height:.085714rem}*::-webkit-scrollbar-track-piece{background-color:#0003;-webkit-border-radius:.085714rem}*:-webkit-scrollbar-thumb:vertical{height:.114286rem;background-color:#7d7d7db3;-webkit-border-radius:.085714rem}*::-webkit-scrollbar-thumb:horizontal{width:.114286rem;background-color:#7d7d7db3;-webkit-border-radius:.085714rem}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;height:0;font-size:0}*{box-sizing:border-box;padding:0;margin:0;user-select:none;outline:none;-webkit-tap-highlight-color:transparent}body,html,#app,.layout{width:100%;height:100%}.layout_app{justify-content:center}ul,li{list-style:none}@font-face{font-family:SansHans;src:url(https://acme-public.oss-cn-beijing.aliyuncs.com/guoan/fonts/NotoSansHans-Regular.otf)}@font-face{font-family:SansHansBlod;src:url(https://acme-public.oss-cn-beijing.aliyuncs.com/guoan/fonts/NotoSansHans-Medium.otf)}@font-face{font-family:PingFangMedium;src:url(https://acme-public.oss-cn-beijing.aliyuncs.com/guoan/fonts/PingFang\ Medium.ttf)}@font-face{font-family:PingFangRegular;src:url(https://acme-public.oss-cn-beijing.aliyuncs.com/guoan/fonts/PingFang\ Regular.ttf)}@font-face{font-family:PingFangBold;src:url(https://acme-public.oss-cn-beijing.aliyuncs.com/guoan/fonts/PingFang\ Bold.ttf)}@font-face{font-family:AkrobatRegular;src:url(https://acme-public.oss-cn-beijing.aliyuncs.com/guoan/fonts/akrobat-regular.ttf)}.outIn-enter-active{animation:appear-in .3s}.outIn-leave-to{opacity:0}@keyframes appear-in{0%{opacity:0}to{opacity:1}}.fade-enter-active{animation:dialog-fade-in .3s}.fade-leave-to{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{margin-top:-.285714rem;opacity:0}to{margin-top:0;opacity:1}}@keyframes dialog-fade-out{0%{margin-top:0;opacity:1}to{margin-top:-.285714rem;opacity:0}}img{-webkit-touch-callout:none}.family{position:absolute;left:-14.271429rem;top:-14.271429rem;visibility:hidden}.wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10000}.a_dialog_dark{background-color:#222;color:#fff}.a_dialog_light{background-color:#fff;color:#3a3a3a}.a_dialog_wrapper{border-radius:0 0 .071429rem .071429rem}.a_dialog_wrapper .a_dialog_head_dark{background-color:#2b2b2b}.a_dialog_wrapper .a_dialog_head_light{background-color:#ffffff4d}.a_dialog_wrapper .a_dialog_head{text-align:center;height:.928571rem;line-height:.928571rem;padding:0 .285714rem}.a_dialog_wrapper .a_dialog_head .a_dialog_head_title{font-size:.4rem;font-family:SansHansBlod,PingFangBold}.a_dialog_wrapper .a_dialog_head .a_dialog_head_btn{font-size:.285714rem;font-family:SansHans,PingFangMedium}.a_dialog_wrapper .a_dialog_head .a_dialog_head_btn:first-child{float:left;color:#b4b4bb}.a_dialog_wrapper .a_dialog_head .a_dialog_head_btn:last-child{float:right;color:#2196f3}.a_dialog_wrapper .a_dialog_content{padding:.428571rem .285714rem;color:#606266;font-size:.2rem}.a_dialog_wrapper .a_dialog_footer{text-align:right;padding:.285714rem}.a_dialog_wrapper .a_dialog_footer .a_dialog_footer_btn{display:inline-block;height:.571429rem;line-height:.571429rem;font-size:.228571rem;font-family:SansHans,PingFangMedium;margin-left:.285714rem;color:#fff;padding:0 .357143rem;border-radius:.085714rem;cursor:pointer}.a_dialog_wrapper .a_dialog_footer .a_dialog_footer_btn:first-child{border:.014286rem solid #787885;color:#787885}.a_popover[data-v-4eac9582]{width:100%;height:100%;position:relative;color:#fff;display:flex;justify-content:center;align-items:center}.a_panel[data-v-4eac9582]{padding:.142857rem;white-space:nowrap;background:#2a3432;box-shadow:0 0 .171429rem .042857rem #00000040;border-radius:.042857rem;z-index:1000;transition:opacity .5s;text-align:left;color:#fff;position:absolute;left:-14.271429rem;top:-14.271429rem}.a_panel.isApp[data-v-4eac9582]{border-radius:.142857rem}.a_panel .a_panel_arrow[data-v-4eac9582]{display:inline-block;width:.214286rem;height:.214286rem;background-color:#2a3432;border-radius:.028571rem;position:absolute}.a_panel .a_panel_arrow.top[data-v-4eac9582]{bottom:-.157143rem;left:50%;transform:rotate(45deg) translate(-50%)}.a_panel .a_panel_arrow.bottom[data-v-4eac9582]{top:-.028571rem;left:50%;transform:rotate(45deg) translate(-50%)}.a_panel .a_panel_arrow.left[data-v-4eac9582]{top:50%;right:-.042857rem;transform:rotate(45deg) translateY(-50%)}.a_panel .a_panel_arrow.right[data-v-4eac9582]{top:50%;left:-.114286rem;transform:rotate(45deg) translateY(-50%)}.a_panel .title[data-v-4eac9582]{font-size:.228571rem;margin-bottom:.171429rem}.a_panel .content[data-v-4eac9582]{font-size:.2rem}.a_trigger[data-v-4eac9582]{width:100%;height:100%;text-align:center;padding:30% 0}.aTab_wrapper[data-v-1d4e0457]{padding:.285714rem 0}.aTab_wrapper .aTab_head[data-v-1d4e0457]{display:flex}.aTab_wrapper .tab_item[data-v-1d4e0457]{padding:.142857rem .342857rem;margin-right:.228571rem;line-height:.4rem;font-size:.285714rem;cursor:pointer;color:#afafaf;border-radius:.457143rem}.aTab_wrapper .tab_item.is-active[data-v-1d4e0457]{color:#fff;background:red}.tips_wrapper[data-v-23149725]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000}.tips_box[data-v-23149725]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:7.428571rem;border-radius:.171429rem}.tips_box .tips_head[data-v-23149725]{height:1rem;line-height:1rem;text-align:center;position:relative;font-size:.342857rem;font-family:PingFangBold;border-radius:.071429rem .071429rem 0 0}.tips_box .tips_head .tips_head_btn[data-v-23149725]{color:#606266;font-size:.257143rem;font-family:PingFangMedium}.tips_box .tips_head .tips_head_cancel[data-v-23149725]{position:absolute;top:0;left:.285714rem}.tips_box .tips_head .tips_head_confirm[data-v-23149725]{position:absolute;top:0;right:.285714rem;cursor:pointer}.tips_box .tips_head .close_btn[data-v-23149725]{width:30PX;height:30PX;position:absolute;right:.285714rem;top:8PX;border-radius:.114286rem;cursor:pointer}.tips_box .tips_head .close_btn .cancel_X[data-v-23149725]{width:16PX;height:16PX;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(/assets/btn-X.6846d8c5.svg);background-size:cover;background-repeat:no-repeat}.tips_box .tips_head .close_btn[data-v-23149725]:hover{background:rgba(54,99,225,.12)}.tips_box .tips_head .close_btn:hover .cancel_X[data-v-23149725]{background-image:url(/assets/btn-X-blue.d7b9c05c.svg)}.tips_box .tips_bottom_exe[data-v-23149725]{height:.871429rem;width:100%;text-align:right;padding-right:.428571rem;cursor:pointer}.tips_box .tips_bottom_exe .tips_btn[data-v-23149725]{display:inline-block;height:.571429rem;line-height:.571429rem;text-align:center;font-size:.228571rem;font-family:PingFangMedium;color:#81818a;padding:0 .357143rem;margin-left:.285714rem;border-radius:.085714rem;background-color:#f3f3f3}.tips_box .tips_bottom_app[data-v-23149725]{display:inline-flex;height:.871429rem;width:100%;align-items:center;border-top:.014286rem solid #f2f7fa}.tips_box .tips_bottom_app .tips_btn[data-v-23149725]{display:inline-block;width:50%;height:.857143rem;line-height:.857143rem;text-align:center;font-size:.314286rem;font-family:PingFangMedium;color:#606266}.tips_box .tips_content_app[data-v-23149725]{color:#3a3a3a}.tips_box .tips_content_exe[data-v-23149725]{color:#787885}.tips_box .tips_content[data-v-23149725]{width:100%;padding:0 .428571rem .571429rem;display:inline-flex;font-family:PingFangMedium}.tips_box .tips_content .tips_icon[data-v-23149725]{width:.428571rem;height:.428571rem}.tips_box .tips_content .tips_icon_app[data-v-23149725],.tips_box .tips_content .tips_icon_exe[data-v-23149725]{width:.428571rem;height:.428571rem;position:relative;top:0}.tips_box .tips_content .tips_txt_app[data-v-23149725],.tips_box .tips_content .tips_txt_exe[data-v-23149725]{font-family:PingFangMedium;font-style:normal;font-weight:500;font-size:.285714rem;margin-left:.214286rem;color:#3a3a3a}.tips_box .tips_input_box[data-v-23149725]{width:100%;padding:.714286rem .285714rem}.tips_box .tips_input_box .tips_input[data-v-23149725]{width:100%;border:.014286rem solid #f2f7fa;position:relative;border-radius:.042857rem;padding:.071429rem}.tips_box .tips_input_box .tips_input .input[data-v-23149725]{width:100%;height:.571429rem;line-height:.714286rem;font-size:.257143rem;border:none;background-color:transparent;color:#787885}.tips_box .tips_input_box .tips_input .input[data-v-23149725]::-webkit-input-placeholder{color:#b4b4bb;font-size:.257143rem}.tips_box .tips_input_box .tips_input .input[data-v-23149725]::-moz-placeholder{color:#b4b4bb;font-size:.257143rem}.tips_box .tips_input_box .tips_input .input[data-v-23149725]::-ms-input-placeholder{color:#b4b4bb;font-size:.257143rem}.tips_box .tips_input_box .tips_input .clear[data-v-23149725]{position:absolute;top:50%;right:.071429rem;width:.285714rem;height:.285714rem;transform:translateY(-50%)}.tips_box_app[data-v-23149725]{background:#fbfbfb}.tips_box_exe[data-v-23149725]{background:#fff}.tips_wrapper.formStyle .tips_input_box[data-v-23149725]{min-height:2.857143rem;padding:.285714rem .285714rem 0;background-color:#fbfbfb}.tips_wrapper.formStyle .tips_input_box .tips_input[data-v-23149725]{display:flex;border:0;border-bottom:.014286rem solid #f2f7fa}.tips_wrapper.formStyle .tips_input_box .tips_input .label[data-v-23149725]{white-space:nowrap;margin-right:.285714rem;line-height:.571429rem;font-size:.257143rem;color:#3a3a44}