.kq-plotting-project-cartoon-play{z-index:1001;padding:var(--kq-box-padding);border:1px solid var(--kq-border-color);border-radius:var(--kq-border-radius-base);background-color:var(--kq-bg-color)}.kq-plotting-project-cartoon-play .playbox{display:-webkit-box;display:-ms-flexbox;display:flex;height:210px;border:1px solid var(--kq-border-color);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.kq-plotting-project-cartoon-play .playbox .header{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-sizing:content-box;box-sizing:content-box;text-align:left;color:var(--kq-text-color-primary);font-weight:600;font-size:var(--kq-font-size-base);height:40px}.kq-plotting-project-cartoon-play .playbox .header .left{display:-webkit-box;display:-ms-flexbox;display:flex;width:184.37px;border-right:1px solid var(--kq-border-color);font-weight:600;font-size:var(--kq-font-size-base);font-style:normal;line-height:24px}.kq-plotting-project-cartoon-play .playbox .header .left .split{padding:8px;width:80px}.kq-plotting-project-cartoon-play .playbox .header .left .iconlist{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-sizing:content-box;box-sizing:content-box;padding:8px;width:calc(100% - 90px);-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.kq-plotting-project-cartoon-play .playbox .header .left .iconlist .headicon{margin:4px;cursor:pointer}.kq-plotting-project-cartoon-play .playbox .header .left .iconlist .disableicon{margin:4px;color:var(--kq-disabled-text-color);cursor:not-allowed}.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap.el-menu--horizontal,.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap.kq-menu--horizontal{border-bottom:none;margin-left:-8px;background-color:var(---kq-bg-color)}.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .icon-text{display:grid;grid-template-columns:auto 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;margin-top:4px}.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .icon-text span{margin-left:-24px;font-size:10px;height:40px;display:grid;-ms-flex-line-pack:center;align-content:center}.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .el-sub-menu,.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .kq-sub-menu{height:100%;width:30px}.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .el-sub-menu .el-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .el-sub-menu .kq-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .kq-sub-menu .el-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .kq-sub-menu .kq-sub-menu__icon-arrow{display:none}.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .el-sub-menu .el-sub-menu__title,.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .el-sub-menu .kq-sub-menu__title,.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .kq-sub-menu .el-sub-menu__title,.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .kq-sub-menu .kq-sub-menu__title{height:100%;border-bottom:none;padding:0}.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .el-sub-menu .el-sub-menu__title .kq-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .el-sub-menu .kq-sub-menu__title .kq-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .kq-sub-menu .el-sub-menu__title .kq-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .kq-sub-menu .kq-sub-menu__title .kq-sub-menu__icon-arrow{display:none}.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .el-sub-menu:hover .el-sub-menu__title,.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .el-sub-menu:hover .kq-sub-menu__title,.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .kq-sub-menu:hover .el-sub-menu__title,.kq-plotting-project-cartoon-play .playbox .header .left .kq-menu-wrap .kq-sub-menu:hover .kq-sub-menu__title{border-bottom:none;color:var(--kq-color-primary)}.kq-plotting-project-cartoon-play .playbox .header .right{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100% - 184px);background:var(--kq-sub-bg-color)}.kq-plotting-project-cartoon-play .playbox .header .right .outline-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:Microsoft YaHei;font-size:14px;width:45%}.kq-plotting-project-cartoon-play .playbox .header .right .outline-header .timeleft{display:inline-block;color:var(--kq-color-primary);text-align:left;margin:0 8px;vertical-align:middle;height:14px;line-height:14px}.kq-plotting-project-cartoon-play .playbox .header .right .outline-header .timeright{display:inline-block;text-align:right;color:var(--kq-color-danger);margin:0 8px;vertical-align:middle;height:14px;line-height:14px}.kq-plotting-project-cartoon-play .playbox .header .right .outline-header .el-divider--vertical,.kq-plotting-project-cartoon-play .playbox .header .right .outline-header .kq-divider--vertical{margin:0}.kq-plotting-project-cartoon-play .playbox .header .right .rightcol{width:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:400}.kq-plotting-project-cartoon-play .playbox .header .right .rigthicon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(55% - 90px)}.kq-plotting-project-cartoon-play .playbox .header .right .rigthicon .iconcol{margin:0 8px}.kq-plotting-project-cartoon-play .playbox .header .right .rigthicon .iconcol .el-button--small .el-icon,.kq-plotting-project-cartoon-play .playbox .header .right .rigthicon .iconcol .el-button--small .kq-icon,.kq-plotting-project-cartoon-play .playbox .header .right .rigthicon .iconcol .kq-button--small .el-icon,.kq-plotting-project-cartoon-play .playbox .header .right .rigthicon .iconcol .kq-button--small .kq-icon{font-size:16px}.kq-plotting-project-cartoon-play .playbox .header .right .rigthicon .iconright{margin-left:8px}.kq-plotting-project-cartoon-play .playbox .header .right .rigthicon .iconright .el-button--small .el-icon,.kq-plotting-project-cartoon-play .playbox .header .right .rigthicon .iconright .el-button--small .kq-icon,.kq-plotting-project-cartoon-play .playbox .header .right .rigthicon .iconright .kq-button--small .el-icon,.kq-plotting-project-cartoon-play .playbox .header .right .rigthicon .iconright .kq-button--small .kq-icon{font-size:16px}.kq-plotting-project-cartoon-play .playbox .header .right .rigthicon .el-slier,.kq-plotting-project-cartoon-play .playbox .header .right .rigthicon .kq-slider{margin:5px 8px;height:16px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kq-plotting-project-cartoon-play .playbox .header .right .righticoncol{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kq-plotting-project-cartoon-play .playbox .header .right .righticoncol .el-button--small .el-icon,.kq-plotting-project-cartoon-play .playbox .header .right .righticoncol .el-button--small .kq-icon,.kq-plotting-project-cartoon-play .playbox .header .right .righticoncol .kq-button--small .el-icon,.kq-plotting-project-cartoon-play .playbox .header .right .righticoncol .kq-button--small .kq-icon{font-size:16px}.kq-plotting-project-cartoon-play .playbox .footer{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100% - 40px);max-height:calc(100% - 40px)}.kq-plotting-project-cartoon-play .playbox .footer .outline{width:184px;min-width:184px;border-top:1px solid var(--kq-border-color);border-right:1px solid var(--kq-border-color);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.kq-plotting-project-cartoon-play .playbox .footer .outline-foot-header{display:-webkit-box;display:-ms-flexbox;display:flex;background:var(--kq-sub-bg-color);height:50px}.kq-plotting-project-cartoon-play .playbox .footer .outline-foot-header .tit{width:40px;line-height:32px;font-family:Microsoft YaHei;font-size:14px;font-style:normal;font-weight:400;color:var(--kq-text-color-regular);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.kq-plotting-project-cartoon-play .playbox .footer .outline-foot-header .cont{width:calc(100% - 48px);display:-webkit-box;display:-ms-flexbox;display:flex}.kq-plotting-project-cartoon-play .playbox .footer .outline-foot-header .cont .kq-input__wrapper{background:var(--kq-sub-bg-color)}.kq-plotting-project-cartoon-play .playbox .footer .outline-scroll-container{overflow:hidden;background-color:var(--kq-sub-bg-color);height:100%}.kq-plotting-project-cartoon-play .playbox .footer .tree-node_span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% - 2px);height:24px;overflow:hidden;font-size:14px;background-color:var(--kq-bg-color);cursor:pointer}.kq-plotting-project-cartoon-play .playbox .footer .tree-node_span .tile{display:inline-block;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:calc(100% - 59px);font-size:var(--kq-font-size-base);color:var(--kq-text-color-regular)}.kq-plotting-project-cartoon-play .playbox .footer .tree-node_span .moreIcon{cursor:pointer;margin:0 8px}.kq-plotting-project-cartoon-play .playbox .footer .tree-node_span .disablemoreIcon{cursor:not-allowed;margin:0 8px}.kq-plotting-project-cartoon-play .playbox .footer .tree-node_span:not(:last-of-type){border-bottom:2px var(--kq-border-style) var(--kq-border-color)}.kq-plotting-project-cartoon-play .playbox .footer .tree-node_span:hover{background-color:var(--kq-fill-color-light)}.kq-plotting-project-cartoon-play .playbox .footer .zxlybtn2{background-color:var(--kq-color-primary-light-9);border:1px solid var(--kq-color-primary)!important}.kq-plotting-project-cartoon-play .playbox .footer .tree-node_icon{margin:0 8px;position:relative;font-size:24px;color:var(--kq-color-primary)}.kq-plotting-project-cartoon-play .playbox .footer #maintime{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:8;-ms-flex-positive:8;flex-grow:8;width:calc(100% - 184px);height:calc(100% - 8px);margin-top:8px}.kq-plotting-project-cartoon-play .playbox .footer ::-webkit-scrollbar{color:var(--kq-scrollbar-bg-color)}.kq-plotting-project-cartoon-play .playbox .footer ::-webkit-scrollbar-corner{background:var(--kq-bg-color)}.kq-plotting-project-cartoon-play .playbox .tree-menu{width:130px;background-color:var(--kq-bg-color);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:var(--kq-box-shadow);box-shadow:var(--kq-box-shadow);text-align:left;position:fixed;z-index:9999999;border-right:none}.kq-plotting-project-cartoon-play .playbox .tree-menu .el-divider--horizontal,.kq-plotting-project-cartoon-play .playbox .tree-menu .kq-divider--horizontal{width:94%;margin:auto}.kq-plotting-project-cartoon-play .playbox .tree-menu .el-menu-item,.kq-plotting-project-cartoon-play .playbox .tree-menu .el-submenu__title,.kq-plotting-project-cartoon-play .playbox .tree-menu .kq-menu-item,.kq-plotting-project-cartoon-play .playbox .tree-menu .kq-submenu__title{height:33px;line-height:33px;padding-left:8px!important;color:var(--kq-text-color-regular)}.kq-plotting-project-cartoon-play .playbox .tree-menu :deep(.kq-menu-item,.el-menu-item){padding:0 7px!important;-webkit-box-sizing:border-box;box-sizing:border-box}.kq-plotting-project-cartoon-play .playbox .tree-menu .el-menu,.kq-plotting-project-cartoon-play .playbox .tree-menu .kq-menu{border-radius:4px;position:fixed}.kq-plotting-project-cartoon-play .playtimeline .lineheader{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-sizing:content-box;box-sizing:content-box;text-align:left;color:var(--kq-text-color-primary);font-weight:600;font-size:var(--kq-font-size-base);height:40px;background-color:var(--kq-sub-bg-color);-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kq-plotting-project-cartoon-play .playtimeline .lineheader .title{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:16px;width:100px}.kq-plotting-project-cartoon-play .playtimeline .lineheader .iconlist{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-sizing:content-box;box-sizing:content-box;margin-left:16px}.kq-plotting-project-cartoon-play .playtimeline .lineheader .iconlist .headicon{margin:4px;cursor:pointer}.kq-plotting-project-cartoon-play .playtimeline .lineheader .iconlist .disableicon{margin:4px;color:var(--kq-disabled-text-color);cursor:not-allowed}.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap.el-menu--horizontal,.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap.kq-menu--horizontal,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap.el-menu--horizontal,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap.kq-menu--horizontal{border-bottom:none;background-color:var(--kq-sub-bg-color);height:40px}.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .icon-text,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .icon-text{display:grid;grid-template-columns:auto 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px}.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .icon-text span,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .icon-text span{margin-left:-24px;font-size:10px;height:40px;display:grid;-ms-flex-line-pack:center;align-content:center}.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .el-sub-menu,.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .kq-sub-menu,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .el-sub-menu,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .kq-sub-menu{height:100%;width:30px}.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .el-sub-menu .el-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .el-sub-menu .kq-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .kq-sub-menu .el-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .kq-sub-menu .kq-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .el-sub-menu .el-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .el-sub-menu .kq-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .kq-sub-menu .el-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .kq-sub-menu .kq-sub-menu__icon-arrow{display:none}.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .el-sub-menu .el-sub-menu__title,.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .el-sub-menu .kq-sub-menu__title,.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .kq-sub-menu .el-sub-menu__title,.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .kq-sub-menu .kq-sub-menu__title,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .el-sub-menu .el-sub-menu__title,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .el-sub-menu .kq-sub-menu__title,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .kq-sub-menu .el-sub-menu__title,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .kq-sub-menu .kq-sub-menu__title{height:100%;border-bottom:none;padding:0}.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .el-sub-menu .el-sub-menu__title .kq-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .el-sub-menu .kq-sub-menu__title .kq-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .kq-sub-menu .el-sub-menu__title .kq-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .kq-sub-menu .kq-sub-menu__title .kq-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .el-sub-menu .el-sub-menu__title .kq-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .el-sub-menu .kq-sub-menu__title .kq-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .kq-sub-menu .el-sub-menu__title .kq-sub-menu__icon-arrow,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .kq-sub-menu .kq-sub-menu__title .kq-sub-menu__icon-arrow{display:none}.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .el-sub-menu:hover .el-sub-menu__title,.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .el-sub-menu:hover .kq-sub-menu__title,.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .kq-sub-menu:hover .el-sub-menu__title,.kq-plotting-project-cartoon-play .playtimeline .lineheader .el-menu-wrap .kq-sub-menu:hover .kq-sub-menu__title,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .el-sub-menu:hover .el-sub-menu__title,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .el-sub-menu:hover .kq-sub-menu__title,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .kq-sub-menu:hover .el-sub-menu__title,.kq-plotting-project-cartoon-play .playtimeline .lineheader .kq-menu-wrap .kq-sub-menu:hover .kq-sub-menu__title{border-bottom:none;color:var(--kq-color-primary)}.kq-plotting-project-cartoon-play .playtimeline .lineheader .nowtime{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50%}.kq-plotting-project-cartoon-play .playtimeline .lineheader .timeheader{display:-webkit-box;display:-ms-flexbox;display:flex;width:40%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.kq-plotting-project-cartoon-play .playtimeline .lineheader .timeheader .timeleft{display:inline-block;color:var(--kq-color-primary);text-align:left;width:80px}.kq-plotting-project-cartoon-play .playtimeline .lineheader .timeheader .timeright{display:inline-block;text-align:right;color:var(--kq-color-danger);margin:0 8px}.kq-plotting-project-cartoon-play .playtimeline .lineheader .switch{margin:0 16px}.kq-plotting-project-cartoon-play .playtimeline .timeshow{width:100%}.kq-plotting-project-cartoon-play .playtimeline .progressshow{margin-top:16px}