.fs-container{width:1000px;margin:50px}.literally{width:100%;height:100%}.literally>canvas,.literally img.background{position:absolute}.toolset{margin:1rem}.tool{background:rgba(83,123,141,.5);padding:.25rem;margin:.25rem;border-radius:.25rem;color:#000;text-align:center;text-decoration:none;position:relative}.tool.current{color:#fff;background:#537b8d}.tool:hover{text-decoration:underline;background:rgba(83,123,141,.75)}.toolLabel{font-size:1.25rem}#tools-sizes.disabled{pointer-events:none}#tools-sizes.disabled .tool:after{content:" ";background:hsla(0,0%,100%,.75);position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.25rem}.yk-canvas-wrapper{position:relative;height:100%}.yk-canvas-wrapper .pen-shape-ul li{cursor:pointer}.yk-canvas-wrapper .font_fll,.yk-canvas-wrapper .font_fll_i{font-size:14px}.yk-canvas-wrapper .heng_img{width:150px;height:150px;background:#304b4b;margin-left:20px}.yk-canvas-wrapper .mainimg_main{width:100%;height:80%}.yk-canvas-wrapper .img_Isshow{width:100%;height:100%}.yk-canvas-wrapper .img_bottom{width:100%;height:20%;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.yk-canvas-wrapper .left_top{border-left:1px solid red;left:0}.yk-canvas-wrapper .left_top,.yk-canvas-wrapper .right_top{z-index:9000;border-top:1px solid red;position:absolute;top:0;height:50px;width:50px}.yk-canvas-wrapper .right_top{border-right:1px solid red;right:0}.yk-canvas-wrapper .shape-select-main{position:relative}.yk-canvas-wrapper .shape-select-main .many-shape-list{position:absolute;width:70px;background-color:grey;height:200px;left:0;bottom:50px;z-index:2000}.yk-canvas-wrapper .bottom_left{border-left:1px solid red;left:0}.yk-canvas-wrapper .bottom_left,.yk-canvas-wrapper .bottom_right{z-index:9000;border-bottom:1px solid red;position:absolute;bottom:0;height:50px;width:50px}.yk-canvas-wrapper .bottom_right{border-right:1px solid red;right:0}.yk-canvas-wrapper .canvasActive{background-color:#3fa2ff}.yk-canvas-wrapper .GreenBoard{z-index:-10;width:100%;height:100%;position:fixed;top:0;left:0;background-color:#304b4b}.yk-canvas-wrapper .yk-set-botton{position:fixed;bottom:0;right:0}.yk-canvas-wrapper .yk-set-botton ul{list-style:none;margin:0;padding:0;background:#1e3838}.yk-canvas-wrapper .yk-set-botton ul li{float:left;color:#fff;text-align:center;font-size:14px;padding:5px 0;border-right:1px solid #657a7a;width:70px}.yk-canvas-wrapper .yk-set-botton ul li span{display:inline-block;width:100%}.yk-canvas-wrapper .yk-set-botton ul li i{display:inline-block;width:100%;font-size:22px}.yk-canvas-wrapper .yk-set-gengduo{position:fixed;bottom:51px;right:70px}.yk-canvas-wrapper .yk-set-gengduo ul{list-style:none;margin:0;padding:0;background:#1e3838}.yk-canvas-wrapper .yk-set-gengduo ul li{float:left;color:#fff;text-align:center;font-size:14px;padding:5px 0;border-right:1px solid #657a7a;width:70px}.yk-canvas-wrapper .yk-set-gengduo ul li span{display:inline-block;width:100%}.yk-canvas-wrapper .yk-set-gengduo ul li i{display:inline-block;width:100%;font-size:22px}.yk-canvas-wrapper .xpc{z-index:1000000;width:50px;height:50px;position:fixed;top:10px;left:10px;background-color:#fff}.yk-canvas-wrapper .pencilshapeselectmain_gengduo{position:fixed;bottom:52px;right:285px;z-index:2000;width:70px}.yk-canvas-wrapper .pencilshapeselectmain_gengduo .pen-shape-ul{list-style:none;margin:0;padding:0}.yk-canvas-wrapper .pencilshapeselectmain_gengduo .pen-shape-ul li{width:100%;height:40px;line-height:40px;color:#fff;font-size:23px;text-align:center;background-color:#224040;border-bottom:1px solid #657a7a}.yk-canvas-wrapper .pencilshapeselectmain_gengduo .pen-shape-ul .canvasActive{background-color:#3fa2ff}.yk-canvas-wrapper .pencilshapeselectmain_pan{position:fixed;bottom:52px;right:72px;z-index:2000;width:70px}.yk-canvas-wrapper .pencilshapeselectmain_pan .pen-shape-ul{list-style:none;margin:0;padding:0}.yk-canvas-wrapper .pencilshapeselectmain_pan .pen-shape-ul li{width:100%;height:40px;line-height:40px;color:#fff;font-size:23px;text-align:center;background-color:#224040;border-bottom:1px solid #657a7a}.yk-canvas-wrapper .pencilshapeselectmain_pan .pen-shape-ul .canvasActive{background-color:#3fa2ff}.yk-canvas-wrapper .pencilshapeselectmain_pizhu{position:fixed;bottom:52px;right:72px;z-index:2000;width:70px}.yk-canvas-wrapper .pencilshapeselectmain_pizhu .pen-shape-ul{list-style:none;margin:0;padding:0}.yk-canvas-wrapper .pencilshapeselectmain_pizhu .pen-shape-ul li{width:100%;height:40px;line-height:40px;color:#fff;font-size:23px;text-align:center;background-color:#224040;border-bottom:1px solid #657a7a}.yk-canvas-wrapper .pencilshapeselectmain_pizhu .pen-shape-ul .canvasActive{background-color:#3fa2ff}.yk-canvas-wrapper .pencilshapeselectmain{position:fixed;bottom:52px;right:144px;z-index:2000;width:70px}.yk-canvas-wrapper .pencilshapeselectmain .pen-shape-ul{list-style:none;margin:0;padding:0}.yk-canvas-wrapper .pencilshapeselectmain .pen-shape-ul li{width:100%;height:40px;line-height:40px;color:#fff;font-size:23px;text-align:center;background-color:#224040;border-bottom:1px solid #657a7a}.yk-canvas-wrapper .pencilshapeselectmain .pen-shape-ul .canvasActive{background-color:#3fa2ff}.yk-canvas-wrapper .pencilshapeselectmainismanyou{position:fixed;bottom:52px;right:214px;z-index:2000;width:70px}.yk-canvas-wrapper .pencilshapeselectmainismanyou .pen-shape-ul{list-style:none;margin:0;padding:0}.yk-canvas-wrapper .pencilshapeselectmainismanyou .pen-shape-ul li{width:100%;height:40px;line-height:40px;color:#fff;font-size:23px;text-align:center;background-color:#224040;border-bottom:1px solid #657a7a}.yk-canvas-wrapper .pencilshapeselectmainismanyou .pen-shape-ul .canvasActive{background-color:#3fa2ff}.yk-canvas-wrapper .ykcolorgroupwrapper{z-index:2000;position:fixed;width:70px;right:276px;bottom:50px}.yk-canvas-wrapper .ykcolorgroupwrapper .color-group-ul-wrapper{list-style:none;background:none}.yk-canvas-wrapper .ykcolorgroupwrapper .color-group-ul-wrapper li{padding:0;float:left;margin-left:16px;width:35px;height:35px}.yk-canvas-wrapper .ykcolorgroupwrapperismanyou{z-index:2000;position:fixed;width:70px;right:680px;bottom:50px}.yk-canvas-wrapper .ykcolorgroupwrapperismanyou .color-group-ul-wrapper{list-style:none;background:none}.yk-canvas-wrapper .ykcolorgroupwrapperismanyou .color-group-ul-wrapper li{padding:0;float:left;margin-left:16px;width:35px;height:35px}.yk-canvas-wrapper .yk-color-group-wrapper-black{bottom:43px}.yk-canvas-wrapper .yk-color-group-wrapper-black .color-group-ul-wrapper{list-style:none;background:none}.yk-canvas-wrapper .yk-color-group-wrapper-black .color-group-ul-wrapper li{padding:0;float:left;margin-left:16px;width:35px;height:35px}.yk-canvas-wrapper .colorClearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}.yk-canvas-wrapper .yk-pencil-wrapper-black{width:43px;bottom:43px}.yk-canvas-wrapper .yk-pencil-wrapper-black .color-group-ul-wrapper{list-style:none;padding:0;background:none}.yk-canvas-wrapper .yk-pencil-wrapper-black .color-group-ul-wrapper li{display:block;padding:0;margin:0 auto;margin-top:10px;text-align:center;color:#fff;background-color:#3fa2ff;border-radius:50%}.yk-canvas-wrapper .yk-pencil-wrapper-black .color-group-ul-wrapper li:first-child{margin-left:10px;width:20px;height:20px}.yk-canvas-wrapper .yk-pencil-wrapper-black .color-group-ul-wrapper li:nth-child(2){margin-left:5px;width:30px;height:30px}.yk-canvas-wrapper .yk-pencil-wrapper-black .color-group-ul-wrapper li:last-child{width:40px;height:40px}.yk-canvas-wrapper .ykpencilwrapper{z-index:2000;position:fixed;width:43px;bottom:51px;right:213px}.yk-canvas-wrapper .ykpencilwrapper .color-group-ul-wrapper{list-style:none;padding:0;background:none}.yk-canvas-wrapper .ykpencilwrapper .color-group-ul-wrapper li{display:block;padding:0;margin:0 auto;margin-top:10px;text-align:center;color:#fff;background-color:#3fa2ff;border-radius:50%}.yk-canvas-wrapper .ykpencilwrapper .color-group-ul-wrapper li:first-child{margin-left:10px;width:20px;height:20px}.yk-canvas-wrapper .ykpencilwrapper .color-group-ul-wrapper li:nth-child(2){margin-left:5px;width:30px;height:30px}.yk-canvas-wrapper .ykpencilwrapper .color-group-ul-wrapper li:last-child{width:40px;height:40px}@media screen and (max-width:700px){.yk-canvas-wrapper .ykpencilwrapper #canvas-brush,.yk-canvas-wrapper .ykpencilwrapper #canvas-drawImage h5,.yk-canvas-wrapper .ykpencilwrapper #img-box{display:none}.yk-canvas-wrapper .ykpencilwrapper #canvas-drawImage button{width:auto;position:absolute;-webkit-box-flex:1;-ms-flex:1;flex:1}.yk-canvas-wrapper .ykpencilwrapper .wrap #control{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:center}}.yk-canvas-wrapper .ykpencilwrapper .fix-body{position:fixed!important;left:0;top:0;bottom:0;right:0;overflow:hidden}.yk-canvas-wrapper .ykpencilwrapper .inner.draw{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.yk-canvas-wrapper .ykpencilwrapper .draw h5{margin-bottom:10px}.yk-canvas-wrapper .ykpencilwrapper #img-box{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:10px}.yk-canvas-wrapper .ykpencilwrapper #img-box .img-item .fa{position:absolute;cursor:pointer;right:1px;top:-1px;font-size:12px;font-weight:1;display:none;color:#ccc}.yk-canvas-wrapper .ykpencilwrapper #img-box .img-item:hover .fa{display:block}.yk-canvas-wrapper .ykpencilwrapper #img-box .img-item .fa:hover{color:#f2849e}.yk-canvas-wrapper .ykpencilwrapper #img-box img{border:1px solid #ccc;width:90px;height:60px;margin:5px}.yk-canvas-wrapper .ykpencilwrapper .wrap{width:740px;border:1px solid #585858;overflow:hidden}.yk-canvas-wrapper .ykpencilwrapper .fl{display:block}.yk-canvas-wrapper .ykpencilwrapper #canvas{border-right:1px solid #585858;cursor:crosshair}.yk-canvas-wrapper .ykpencilwrapper #control{width:130px;height:400px;margin-left:4px}.yk-canvas-wrapper .ykpencilwrapper #control div{padding:5px}.yk-canvas-wrapper .ykpencilwrapper #canvas-color ul{overflow:hidden;margin:0;padding:0}.yk-canvas-wrapper .ykpencilwrapper #canvas-color ul li{float:left;display:inherit;width:13px;height:13px;border:3px solid #fff;margin:8px;cursor:pointer}.yk-canvas-wrapper .ykpencilwrapper #canvas-color .active{border:1px solid #f2849e}.yk-canvas-wrapper .ykpencilwrapper #canvas-brush span{display:inline-block;width:20px;height:15px;margin-left:10px;cursor:pointer}.yk-canvas-wrapper .ykpencilwrapper #canvas-brush .small{font-size:12px}.yk-canvas-wrapper .ykpencilwrapper #canvas-brush .middle{font-size:14px}.yk-canvas-wrapper .ykpencilwrapper #canvas-brush .big{font-size:16px}.yk-canvas-wrapper .ykpencilwrapper #canvas-control span{display:inline-block;font-size:14px;width:20px;height:15px;margin-left:10px;cursor:pointer}.yk-canvas-wrapper .ykpencilwrapper #canvas-brush .active,.yk-canvas-wrapper .ykpencilwrapper #canvas-control .active{color:#f2849e}.yk-canvas-wrapper .ykpencilwrapper .drawImage{width:100px;height:30px;font-size:12px;line-height:30px}.yk-canvas-wrapper .ykpencilwrapperismanyou{z-index:2000;position:fixed;width:43px;bottom:51px;right:585px}.yk-canvas-wrapper .ykpencilwrapperismanyou .color-group-ul-wrapper{list-style:none;padding:0;background:none}.yk-canvas-wrapper .ykpencilwrapperismanyou .color-group-ul-wrapper li{display:block;padding:0;margin:0 auto;margin-top:10px;text-align:center;color:#fff;background-color:#3fa2ff;border-radius:50%}.yk-canvas-wrapper .ykpencilwrapperismanyou .color-group-ul-wrapper li:first-child{margin-left:10px;width:20px;height:20px}.yk-canvas-wrapper .ykpencilwrapperismanyou .color-group-ul-wrapper li:nth-child(2){margin-left:5px;width:30px;height:30px}.yk-canvas-wrapper .ykpencilwrapperismanyou .color-group-ul-wrapper li:last-child{width:40px;height:40px}@media screen and (max-width:700px){.yk-canvas-wrapper .ykpencilwrapperismanyou #canvas-brush,.yk-canvas-wrapper .ykpencilwrapperismanyou #canvas-drawImage h5,.yk-canvas-wrapper .ykpencilwrapperismanyou #img-box{display:none}.yk-canvas-wrapper .ykpencilwrapperismanyou #canvas-drawImage button{width:auto;position:absolute;-webkit-box-flex:1;-ms-flex:1;flex:1}.yk-canvas-wrapper .ykpencilwrapperismanyou .wrap #control{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:center}}.yk-canvas-wrapper .ykpencilwrapperismanyou .fix-body{position:fixed!important;left:0;top:0;bottom:0;right:0;overflow:hidden}.yk-canvas-wrapper .ykpencilwrapperismanyou .inner.draw{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.yk-canvas-wrapper .ykpencilwrapperismanyou .draw h5{margin-bottom:10px}.yk-canvas-wrapper .ykpencilwrapperismanyou #img-box{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:10px}.yk-canvas-wrapper .ykpencilwrapperismanyou #img-box .img-item .fa{position:absolute;cursor:pointer;right:1px;top:-1px;font-size:12px;font-weight:1;display:none;color:#ccc}.yk-canvas-wrapper .ykpencilwrapperismanyou #img-box .img-item:hover .fa{display:block}.yk-canvas-wrapper .ykpencilwrapperismanyou #img-box .img-item .fa:hover{color:#f2849e}.yk-canvas-wrapper .ykpencilwrapperismanyou #img-box img{border:1px solid #ccc;width:90px;height:60px;margin:5px}.yk-canvas-wrapper .ykpencilwrapperismanyou .wrap{width:740px;border:1px solid #585858;overflow:hidden}.yk-canvas-wrapper .ykpencilwrapperismanyou .fl{display:block}.yk-canvas-wrapper .ykpencilwrapperismanyou #canvas{border-right:1px solid #585858;cursor:crosshair}.yk-canvas-wrapper .ykpencilwrapperismanyou #control{width:130px;height:400px;margin-left:4px}.yk-canvas-wrapper .ykpencilwrapperismanyou #control div{padding:5px}.yk-canvas-wrapper .ykpencilwrapperismanyou #canvas-color ul{overflow:hidden;margin:0;padding:0}.yk-canvas-wrapper .ykpencilwrapperismanyou #canvas-color ul li{float:left;display:inherit;width:13px;height:13px;border:3px solid #fff;margin:8px;cursor:pointer}.yk-canvas-wrapper .ykpencilwrapperismanyou #canvas-color .active{border:1px solid #f2849e}.yk-canvas-wrapper .ykpencilwrapperismanyou #canvas-brush span{display:inline-block;width:20px;height:15px;margin-left:10px;cursor:pointer}.yk-canvas-wrapper .ykpencilwrapperismanyou #canvas-brush .small{font-size:12px}.yk-canvas-wrapper .ykpencilwrapperismanyou #canvas-brush .middle{font-size:14px}.yk-canvas-wrapper .ykpencilwrapperismanyou #canvas-brush .big{font-size:16px}.yk-canvas-wrapper .ykpencilwrapperismanyou #canvas-control span{display:inline-block;font-size:14px;width:20px;height:15px;margin-left:10px;cursor:pointer}.yk-canvas-wrapper .ykpencilwrapperismanyou #canvas-brush .active,.yk-canvas-wrapper .ykpencilwrapperismanyou #canvas-control .active{color:#f2849e}.yk-canvas-wrapper .ykpencilwrapperismanyou .drawImage{width:100px;height:30px;font-size:12px;line-height:30px}.yk-canvas-wrapper .dialogimg{z-index:3000000000;overflow:auto;cursor:pointer;position:fixed;top:15%;left:50%;margin-left:-480px;height:600px;width:960px}.yk-canvas-wrapper .dialogimg .allimg-col{float:left;width:210px;height:150px;margin:10px;background:#304b4b}.yk-canvas-wrapper .dialogimg .allimg-col .allimg-img{width:100%;height:100%}.yk-canvas-wrapper .dialogimg .icon-closeimg{size:26px;position:fixed;top:20px;right:20px;font-size:35px;cursor:pointer;font-weight:bolder}.yk-canvas-wrapper .zzrow-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#304b4b;z-index:2510}.yk-canvas-wrapper .zzrow-wrapper .deletepaint,.yk-canvas-wrapper .zzrow-wrapper .savepaint{position:inherit;right:0;font-size:23px;color:#fff}.yk-canvas-wrapper .zzrow-wrapper .savepaint{top:28px}.yk-canvas-wrapper .zzrow-wrapper .PreviewRight{width:90%;height:150px;margin:5px auto 0}.yk-canvas-wrapper .zzrow-wrapper .PreviewRight .btn-imgpre{margin-top:20px}.yk-canvas-wrapper .zzrow-wrapper .PreviewRight .PreviewRight-top{white-space:nowrap;overflow-x:auto;overflow-y:hidden;height:97%;width:100%;margin-bottom:5px}.yk-canvas-wrapper .zzrow-wrapper .PreviewRight .PreviewRight-top .imglistcol{position:relative;float:none;display:inline-block;border-radius:5%;height:88%;width:135px;border:1px solid grey;margin-left:2%;padding:5px}.yk-canvas-wrapper .zzrow-wrapper .PreviewRight .PreviewRight-top .imglistcol .img{width:100%;height:100%;background:#304b4b}.yk-canvas-wrapper .zzrow-wrapper .PreviewRight .PreviewRight-top .img-list-col-info{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:1000;text-align:center;color:#fff;font-size:25px}.yk-canvas-wrapper .zzrow-wrapper .PreviewRight .PreviewRight-top .imglistcol:first-child{margin-left:0}.yk-canvas-wrapper .zzrow-wrapper .PreviewRight .PreviewRight-bottom{position:fixed;right:30px;bottom:30px;width:100%;text-align:right}.yk-canvas-wrapper .yk-pencil-wrapper-black{z-index:2000;position:fixed;width:0;bottom:52px;right:318px}.yk-canvas-wrapper .yk-color-group-wrapper-black{z-index:2000;position:fixed;width:70px;right:303px;bottom:51px}.tool{border:1px dotted #fff}