.text_oneLine{overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis}.noSelect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.scrollBar_view_xy ::-webkit-scrollbar{width:8px;height:1px}.scrollBar_view_xy ::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(65,94,85,.86);background:rgba(69,60,65,.7)}.scrollBar_view_xy ::-webkit-scrollbar-track{border-radius:10px;background:transparent}.scrollBar_view_xy ::-webkit-scrollbar-thumb:hover{background:rgba(179,176,167,.8);cursor:pointer!important}.com_btn{border-radius:4px;padding:0 17px;line-height:32px;height:32px;text-align:center;border:1px solid transparent;display:block;cursor:pointer}.com_btn>span{float:right;line-height:30px;height:30px;display:inline-block;letter-spacing:1px}.com_middle{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.bigRadio .el-radio__input{margin-top:-2px}.bigRadio .el-radio__input .el-radio__inner{width:18px;height:18px}.bigRadio .el-radio__input .el-radio__inner:after{width:6px;height:6px}.bigRadio .el-radio__label{font-size:18px}.bigCheck .el-checkbox__input{vertical-align:middle}.bigCheck .el-checkbox__input .el-checkbox__inner{width:18px;height:18px}.bigCheck .el-checkbox__input .el-checkbox__inner:after{width:5px;left:5px;height:10px;top:1px;-webkit-transform:rotate(35deg) scaleY(1);transform:rotate(35deg) scaleY(1)}.bigCheck .el-checkbox__label{font-size:16px}.comNoData{width:100%;height:100%;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.comNoData span{font-size:16px;color:#333;display:inline-block;width:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:30px;text-align:center;letter-spacing:3px}.chartConfig_viewDP{width:100%;height:100%;display:inline-block;padding:10px!important}.chartConfig_viewDP .chartDivConfig{width:100%;margin-bottom:5px;min-height:30px;line-height:30px}.chartConfig_viewDP .chartDivConfig .span_til{float:left;width:30%;max-width:65px;display:inline-block;font-size:14px;line-height:30px;margin-right:5px;color:#333;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis}.chartConfig_viewDP .chartDivConfig:last-child{margin-bottom:0}.chartConfig_viewDP .inpViewConfig .el-input{width:calc(100% - 105px);min-width:70px;float:left}.chartConfig_viewDP .inpViewConfig .el-input .el-input__inner{padding:0 5px}.chartConfig_viewDP .numViewConfig .el-input{width:calc(50% - 37.5px);min-width:70px;float:left}.chartConfig_viewDP .numViewConfig .el-input .el-input__inner{padding:0 5px}.chartConfig_viewDP .numViewConfig_unit{white-space:nowrap}.chartConfig_viewDP .numViewConfig_unit .el-input__inner{padding:0 22px 0 5px!important}.chartConfig_viewDP .numViewConfig_unit .unit{position:relative;left:-21px;display:inline-block;font-size:13px;letter-spacing:1px;line-height:26px;color:#333}.chartConfig_viewDP .checkViewConfig .el-checkbox__label{display:inline-block;float:left;padding-left:0;padding-right:10px;font-size:14px;line-height:30px;color:#333}.chartConfig_viewDP .selViewConfig .el-select{width:calc(100% - 105px);min-width:70px}.chartConfig_viewDP .selViewConfig .el-select-dropdown{margin-top:3px!important}.chartConfig_viewDP .selViewConfig .el-select-dropdown .popper__arrow{display:none}.chartConfig_viewDP .selViewConfig .el-select-dropdown .el-scrollbar__view li{height:30px;line-height:30px;padding:0 10px;font-size:12px}.chartConfig_viewDP .textViewConfig .span_til{width:100%;max-width:100%}.chartConfig_viewDP .textViewConfig .el-textarea__inner{padding:5px}.chartConfig_viewDP .colViewConfig{height:30px}.chartConfig_viewDP .colViewConfig .el-color-picker{width:22px;height:22px;position:relative;top:4px}.chartConfig_viewDP .colViewConfig .el-color-picker .el-color-picker__trigger{width:100%;height:100%;padding:0;border:0}.chartConfig_viewDP .colViewConfig .el-color-picker .el-color-picker__icon{display:none}.chartConfig_viewDP .noMargin{margin-bottom:0}.chartConfig_viewDP .comYMargin{margin-bottom:10px}.chartConfig_viewDP .el-input__inner{line-height:26px!important;height:26px!important;letter-spacing:1px;padding:0 7px!important;font-size:12px;color:#333}.chartConfig_viewDP .el-input__icon{line-height:26px!important}.com_screen_Flot .chartDivConfig .span_til{color:#000!important}.com_screen_Flot .numViewConfig_unit{white-space:nowrap}.com_screen_Flot .numViewConfig_unit .unit{color:#000!important}.com_screen_Flot .textViewConfig .el-textarea__inner{padding:5px;background-color:transparent!important;color:#000!important}.com_screen_Flot .el-input__inner{background-color:transparent!important;color:#000!important;letter-spacing:1px!important}.com_screen_Flot .el-select{width:100%;height:100%}.com_screen_Flot .el-select .el-input__inner{background-color:transparent;color:#000;font-size:14px;letter-spacing:3px}.com_screen_Flot .el-select .el-input__icon{color:#000;font-size:14px}.com_screen_Flot .el-select .el-select-dropdown{margin-top:3px!important;background-color:#fff;border:1px solid rgba(19,181,177,.6)}.com_screen_Flot .el-select .el-select-dropdown ul li{color:#000;padding:0;margin-bottom:5px}.com_screen_Flot .el-select .el-select-dropdown ul li .selOption{width:100%;height:100%;padding:0 20px}.com_screen_Flot .el-select .el-select-dropdown ul li .selOption .opIcon{width:17px;height:17px;margin-right:15px;float:left;display:inline-block;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.com_screen_Flot .el-select .el-select-dropdown ul li .selOption .opIcon>svg{display:inherit}.com_screen_Flot .el-select .el-select-dropdown ul li .selOption .opIcon>svg path{fill:#000}.com_screen_Flot .el-select .el-select-dropdown ul li .selOption span{width:calc(100% - 32px);height:100%;display:inline-block;color:#000;letter-spacing:3px;text-align:left;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis}.com_screen_Flot .el-select .el-select-dropdown ul .hover{background-color:#375690;color:#fff}.com_screen_Flot .el-select .el-select-dropdown .popper__arrow{display:none}.com_screen_Flot .checkViewConfig .el-checkbox__label{color:#000}.comWDSParams_viewDP{width:100%;height:100%;display:inline-block;border:1px solid #ccc}.comWDSParams_viewDP .com_param_div{width:100%;min-height:45px;line-height:45px;border-bottom:1px solid #ccc}.comWDSParams_viewDP .com_param_div .params_div{width:50%;height:45px;line-height:45px;border-right:1px solid #ccc;float:left;padding:0 10px}.comWDSParams_viewDP .com_param_div .params_div>span{float:left;width:70px;display:inline-block;font-size:14px;line-height:45px;margin-right:10px;color:#333;letter-spacing:1px;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis}.comWDSParams_viewDP .com_param_div .params_div .el-input{width:calc(100% - 80px);float:left}.comWDSParams_viewDP .com_param_div .params_div .el-input .el-input__inner[type=number]{width:50%;padding:0 5px;min-width:70px}.comWDSParams_viewDP .com_param_div .params_div .el-color-picker{width:22px;height:22px;position:relative;top:6px}.comWDSParams_viewDP .com_param_div .params_div .el-color-picker .el-color-picker__trigger{width:100%;height:100%;padding:0;border:0}.comWDSParams_viewDP .com_param_div .params_div .el-color-picker .el-color-picker__icon{display:none}.comWDSParams_viewDP .com_param_div .params_div:last-child{border-right:0}.comWDSParams_viewDP .com_param_div:last-child{margin-bottom:0;border-bottom:0}.comWDSParams_viewDP .numViewConfig{position:relative}.comWDSParams_viewDP .numViewConfig .el-input{width:calc(100% - 75px);float:left}.comWDSParams_viewDP .numViewConfig .el-input .el-input__inner[type=number]{width:50%;padding:0 5px;min-width:70px}.comWDSParams_viewDP .selViewConfig .el-select{width:calc(100% - 80px)}.comWDSParams_viewDP .selViewConfig .el-select .el-input{width:100%}.comWDSParams_viewDP .selViewConfig .el-select-dropdown{margin-top:3px!important}.comWDSParams_viewDP .selViewConfig .el-select-dropdown .popper__arrow{display:none}.comWDSParams_viewDP .selViewConfig .el-select-dropdown .el-scrollbar__view li{height:30px;line-height:30px;padding:0 10px;font-size:12px}.comWDSParams_viewDP .checkViewConfig .el-checkbox__label{display:inline-block;float:left;padding-left:0;padding-right:10px;line-height:45px;color:#333;letter-spacing:1px}.comWDSParams_viewDP .el-input__inner{line-height:30px!important;height:30px!important;letter-spacing:1px;padding:0 7px!important;font-size:12px}.comWDSParams_viewDP .el-input__icon{line-height:30px!important}.drag_borChart_xy .vdr-stick{background-color:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:0!important;z-index:10}.drag_borChart_xy .vdr-stick-tl{left:-1px!important;border-left:3px solid #ec6941!important}.drag_borChart_xy .vdr-stick-tl,.drag_borChart_xy .vdr-stick-tm{width:10px!important;height:10px!important;top:-1px!important;border-top:3px solid #ec6941!important}.drag_borChart_xy .vdr-stick-tm{margin-left:-5px!important}.drag_borChart_xy .vdr-stick-tr{width:10px!important;height:10px!important;top:-1px!important;right:-1px!important;border-top:3px solid #ec6941!important;border-right:3px solid #ec6941!important}.drag_borChart_xy .vdr-stick-bl{left:-1px!important;border-left:3px solid #ec6941!important}.drag_borChart_xy .vdr-stick-bl,.drag_borChart_xy .vdr-stick-bm{width:10px!important;height:10px!important;bottom:-1px!important;border-bottom:3px solid #ec6941!important}.drag_borChart_xy .vdr-stick-bm{margin-left:-5px!important}.drag_borChart_xy .vdr-stick-br{width:10px!important;height:10px!important;bottom:-1px!important;right:-1px!important;border-bottom:3px solid #ec6941!important;border-right:3px solid #ec6941!important}.drag_borChart_xy .vdr-stick-ml{height:10px!important;left:-1px!important;border-left:3px solid #ec6941!important;margin-bottom:-5px!important}.drag_borChart_xy .vdr-stick-mr{height:10px!important;right:-1px!important;border-right:3px solid #ec6941!important;margin-bottom:-5px!important}.drag_borChart_xy .FCharsDrog.active{outline:1px dashed #ec6941!important;z-index:9999!important}.screen_page_chart{position:relative;transorm-origin:0 0!important}.screen_page_chart .charts_noData{position:absolute;width:100%;height:100%;z-index:2}.screen_page_chart .charts_noData p{width:100%;height:30px;line-height:30px;letter-spacing:10px;font-size:24px;font-weight:700;color:#fff;text-align:center;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.screen_page_chart .charts_box{width:100%;height:100%;color:#fff;font-size:30px;text-align:center}.canvasScrollbar .el-scrollbar__thumb,.canvasScrollbar .el-scrollbar__thumb:hover{background-color:rgba(109,130,255,.71)!important}.preview_TS{height:100%;overflow-y:auto;overflow-x:hidden;z-index:1999;position:relative}.preview_TS .preview .FCanvas_Page{position:relative;margin:0 auto;background:#fff;height:1080px;width:1200px;margin-top:30px}.preview_TS .preview .FCanvas_Page .FCharsDrog{z-index:0;position:absolute}.preview_TS .preview .FCanvas_Page .FCharsDrog .charts_box{width:100%;height:100%;color:#fff;font-size:30px;text-align:center}.preview_TS .preview .FCanvas_Page .FCharsDrog .text_input{width:100%;height:100%;outline:none;resize:none;border:none;background:transparent}.preview_TS .preview .FCanvas_Page .FCharsDrog .text_img,.preview_TS .preview .FCanvas_Page .FCharsDrog .text_svg,.preview_TS .preview .FCanvas_Page .FCharsDrog .text_svg>*{width:100%;height:100%}.preview_TS .preview .FCanvas_Page .FCharsDrog .text_svg .ellipse{-webkit-transform:scale(.498);transform:scale(.498)}.preview_TS .preview .FCanvas_Page .chart-barder{position:absolute;z-index:999}.preview_TS .preview .FCanvas_Page .linBorTop{border-top:1px dashed #999}.preview_TS .preview .FCanvas_Page .linBorLeft{border-left:1px dashed #999}.preview_TS .preview .FCanvas_Page .chart-xy-barder-bottom,.preview_TS .preview .FCanvas_Page .chart-xy-barder-top{width:100%;border-top:1px dashed #999}.preview_TS .preview .FCanvas_Page .chart-xy-barder-left,.preview_TS .preview .FCanvas_Page .chart-xy-barder-right{height:100%;border-left:1px dashed #999}.preview_TS .preview .graffiti{width:100%;height:100%;position:absolute;z-index:999;margin-top:30px}.preview_TS .preview .graffiti #myCanvas{background:hsla(0,0%,100%,.2);margin:0 auto;display:block}.preview_TS .preview .el-scrollbar{width:100%;height:100%}.preview_TS .preview .el-scrollbar .el-scrollbar__wrap{overflow-x:hidden}.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page{position:relative;margin:0 auto;background:#fff;height:1080px;width:1200px}.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page .FCharsDrog{z-index:0;position:absolute}.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page .FCharsDrog .charts_box{width:100%;height:100%;color:#fff;font-size:30px;text-align:center}.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page .FCharsDrog .text_input{width:100%;height:100%;outline:none;resize:none;border:none;background:transparent}.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page .FCharsDrog .text_img,.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page .FCharsDrog .text_svg,.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page .FCharsDrog .text_svg>*{width:100%;height:100%}.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page .FCharsDrog .text_svg .ellipse{-webkit-transform:scale(.498);transform:scale(.498)}.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page .chart-barder{position:absolute;z-index:999}.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page .linBorTop{border-top:1px dashed #999}.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page .linBorLeft{border-left:1px dashed #999}.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page .chart-xy-barder-bottom,.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page .chart-xy-barder-top{width:100%;border-top:1px dashed #999}.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page .chart-xy-barder-left,.preview_TS .preview .el-scrollbar .el-scrollbar__view .FCanvas_Page .chart-xy-barder-right{height:100%;border-left:1px dashed #999}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti{width:100%;height:100%;position:absolute;z-index:999}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .container{width:250px;height:60px;position:fixed;left:15px;top:70px}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .container h2{width:100%;height:60px;font-size:22px;text-align:center;color:#ff377e;font-weight:400;line-height:60px;border-bottom:1px solid #000}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .container h3{width:100%;height:30px;font-size:18px;text-align:center;color:#41b1ff;font-weight:400;line-height:30px}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .row{width:100%;height:auto;background-color:hsla(0,0%,75.3%,.5);overflow:hidden}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .type{width:100%;height:auto;margin:20px 0;padding-bottom:10px;border-bottom:1px solid #fff}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .type:after{content:"";display:block;clear:both}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .type li{float:left;width:90px;height:45px;margin:0 auto;background-color:#0078ff;color:#fff;font-size:18px;line-height:45px;text-align:center;margin-bottom:15px;border-radius:5px;cursor:pointer;-webkit-transition:all .7s;transition:all .7s}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .type .typeactive,.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .type li:hover{background-color:#fff;color:#0078ff;-webkit-box-shadow:0 0 10px rgba(0,120,255,.77);box-shadow:0 0 10px rgba(0,120,255,.77)}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .type li:nth-child(odd){margin-left:25px}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .type li:nth-child(2n){margin-left:20px}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .style{width:100%;height:40px}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .style li{float:left;width:90px;height:45px;background-color:#ffbc00;color:#fff;font-size:18px;line-height:45px;text-align:center;border-radius:5px;cursor:pointer;-webkit-transition:all .7s;transition:all .7s}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .style .styleactive,.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .style li:hover{color:#ffa800;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(255,232,95,.77);box-shadow:0 0 10px rgba(255,232,95,.77)}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .style li:first-child{margin-left:25px}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .style li:nth-child(2){margin-left:20px}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .poly{position:relative}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .bian{position:absolute;left:100px;top:0;width:90px;height:auto;border-radius:5px;background-color:#ec494e;overflow:hidden;-webkit-transform:scale(1.2);transform:scale(1.2);display:none}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .bian span{display:block;float:left;width:40px;height:45px;font-size:16px;text-align:center;line-height:40px;color:#fff;-webkit-transition:all .7s;transition:all .7s}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .bian input{float:left;width:45px;height:35px;margin-top:5px;border:1px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;line-height:40px;font-size:18px;color:#fff;background:#ec494e;border-radius:3px;-webkit-box-shadow:0 0 0 4px #fff inset;box-shadow:inset 0 0 0 4px #fff;-webkit-transition:all .7s;transition:all .7s}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .back,.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .create,.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .cut{float:left;width:90px;height:45px;margin-left:25px;margin-bottom:15px;background-color:#5bd219;color:#fff;font-size:18px;line-height:45px;text-align:center;border-radius:5px;cursor:pointer}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .clear,.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .copy,.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .save{float:left;width:90px;height:45px;margin-left:20px;margin-bottom:15px;background-color:#5bd219;color:#fff;font-size:18px;line-height:45px;text-align:center;border-radius:5px;cursor:pointer}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .shezhi{-webkit-transition:all .7s;transition:all .7s}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .shezhistyle{background:#fff;color:#5bd219}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .create{position:relative}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .xinjian{position:absolute;left:0;top:0;width:200px;height:165px;border-radius:5px;background-color:#ec494e;-webkit-box-shadow:0 0 15px rgba(236,73,78,.76);box-shadow:0 0 15px rgba(236,73,78,.76);cursor:default;display:none}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .xinjian:hover{color:#fff}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .xinjian_before{position:absolute;right:0;top:0;width:20px;height:20px;color:#fff;line-height:16px;text-indent:-1px;font-size:30px;border:1px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%;cursor:pointer}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .xinjian h6{width:100%;height:50px;color:#fff;line-height:50px;text-align:center;font-size:20px;font-weight:400}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti #ding{width:60px;height:30px;font-size:14px;border-radius:3px;color:#fff;background-color:#0078ff;border:0;outline:none;cursor:pointer;-webkit-box-shadow:0 0 10px rgba(0,120,255,.5);box-shadow:0 0 10px rgba(0,120,255,.5)}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .xinjian_height,.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .xinjian_width{float:left;width:85px;height:40px;margin-left:10px;border-radius:5px;margin-bottom:20px;background-color:#ffbc00}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .xinjian_height:hover,.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .xinjian_width:hover{background-color:#fff;color:#000}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .xinjian_height span,.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .xinjian_width span{float:left;width:30px;height:100%;font-size:16px;text-align:center;line-height:40px}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .xinjian_height input,.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .xinjian_width input{float:left;margin-top:5px;width:50px;height:30px;text-align:center;line-height:30px;font-size:14px;border:1px solid #ffbc00;-webkit-box-sizing:border-box;box-sizing:border-box}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .box{float:left;width:90px;height:auto;background-color:#ec494e;overflow:hidden;border-radius:5px;-webkit-transition:all .7s;transition:all .7s;margin-left:25px}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .linewidth{margin-left:20px}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .box:hover{background-color:#fff}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .box span{display:block;float:left;width:40px;height:45px;font-size:16px;text-align:center;line-height:40px;color:#fff;-webkit-transition:all .3s;transition:all .3s}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .box input{float:left;width:45px;height:35px;margin-top:5px;border:1px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;line-height:40px;font-size:18px;color:#fff;background:#ec494e;border-radius:3px;-webkit-box-shadow:0 0 0 4px #fff inset;box-shadow:inset 0 0 0 4px #fff;-webkit-transition:all .3s;transition:all .3s}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .box2 span{width:55px}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .box2 input{width:140px}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti .space{float:left;width:100%;height:0;border-bottom:1px solid #fff;margin:20px 0}.preview_TS .preview .el-scrollbar .el-scrollbar__view .graffiti #myCanvas{background:hsla(0,0%,100%,.2);margin:0 auto;display:block}.preview_TS .preview .el-scrollbar .el-scrollbar__bar{z-index:999999999}.preview_TS .preview .userList{position:fixed;left:30px;top:30px;width:120px;height:500px}.preview_TS .preview .userList>div{color:#fff}.preview_TS .preview .userList>ul>li{color:#fff;line-height:30px;text-indent:10px}.preview_TS .container_toolbar{width:777px;border-radius:10px;margin:0 auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;position:fixed;border:1px #000;border-style:solid;background:#e5e7df;z-index:2000;cursor:pointer}.preview_TS .container_toolbar>div,.preview_TS .container_toolbar>span>div{margin:6px;border:1px #000;border-style:dotted;border-radius:5px;vertical-align:middle}.preview_TS .container_toolbar>span>div>sup{background-color:hsla(0,0%,100%,0);color:#000;border:none;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.preview_TS .container_toolbar .tool{margin:0;border:none}.preview_TS .container_toolbar .picker{z-index:999999999999}.preview_TS .container_toolbar .number{width:65px}.preview_TS .container_toolbar .number>span{width:20px}.preview_TS .container_toolbar .number .el-input>input{text-align:left;padding-left:5px;padding-right:25px}.preview_TS .container_toolbar .select{background:#fff}