.blue-btn[data-v-2da04bd0]{background:#324157}.blue-btn[data-v-2da04bd0]:hover{color:#324157}.blue-btn[data-v-2da04bd0]:hover:after,.blue-btn[data-v-2da04bd0]:hover:before{background:#324157}.light-blue-btn[data-v-2da04bd0]{background:#3a71a8}.light-blue-btn[data-v-2da04bd0]:hover{color:#3a71a8}.light-blue-btn[data-v-2da04bd0]:hover:after,.light-blue-btn[data-v-2da04bd0]:hover:before{background:#3a71a8}.red-btn[data-v-2da04bd0]{background:#c03639}.red-btn[data-v-2da04bd0]:hover{color:#c03639}.red-btn[data-v-2da04bd0]:hover:after,.red-btn[data-v-2da04bd0]:hover:before{background:#c03639}.pink-btn[data-v-2da04bd0]{background:#e65d6e}.pink-btn[data-v-2da04bd0]:hover{color:#e65d6e}.pink-btn[data-v-2da04bd0]:hover:after,.pink-btn[data-v-2da04bd0]:hover:before{background:#e65d6e}.green-btn[data-v-2da04bd0]{background:#30b08f}.green-btn[data-v-2da04bd0]:hover{color:#30b08f}.green-btn[data-v-2da04bd0]:hover:after,.green-btn[data-v-2da04bd0]:hover:before{background:#30b08f}.tiffany-btn[data-v-2da04bd0]{background:#4ab7bd}.tiffany-btn[data-v-2da04bd0]:hover{color:#4ab7bd}.tiffany-btn[data-v-2da04bd0]:hover:after,.tiffany-btn[data-v-2da04bd0]:hover:before{background:#4ab7bd}.yellow-btn[data-v-2da04bd0]{background:#fec171}.yellow-btn[data-v-2da04bd0]:hover{color:#fec171}.yellow-btn[data-v-2da04bd0]:hover:after,.yellow-btn[data-v-2da04bd0]:hover:before{background:#fec171}[data-v-2da04bd0]{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-v-2da04bd0] .el-color-picker{vertical-align:top}[data-v-2da04bd0] .el-color-picker .el-color-picker__trigger{border-color:#b3d8ff}.layout[data-v-2da04bd0]{height:100%;position:relative}.layout .open-tool-bar[data-v-2da04bd0]{position:absolute;left:50%;top:0;width:200px;z-index:999;margin-left:-100px;cursor:pointer;text-align:center;color:#606266;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);background:#fff}.layout .open-tool-bar i[data-v-2da04bd0]{color:#606266}.layout .open-tool-bar[data-v-2da04bd0]:hover{background:#ddd}.layout .header[data-v-2da04bd0]{background-color:#fff;position:absolute;text-align:center;width:100%;z-index:999;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.layout .header .tab[data-v-2da04bd0]{margin-right:5px;color:#409eff;border-color:#b3d8ff;background:#ecf5ff}.layout .header .tab i[data-v-2da04bd0]{vertical-align:text-bottom;margin-right:2px}.layout .header .tab[data-v-2da04bd0]:hover{background:#409eff;border-color:#409eff;color:#fff}.layout .header .nav[data-v-2da04bd0]{margin:10px auto 0}.layout .header .slide-bar[data-v-2da04bd0]{width:20%;margin:0 auto}.layout .header .slide-bar .setterSize[data-v-2da04bd0]{padding:5%;font-size:14px}.layout .header .tools-bar[data-v-2da04bd0]{margin-bottom:10px}.layout .body[data-v-2da04bd0]{position:relative;border-radius:5px;height:100%;margin:0 auto}.layout .body canvas[data-v-2da04bd0]{position:absolute;z-index:0;left:0;right:0;width:100%;height:100%}