@charset "UTF-8";
/* ================================ */
/* ========>>> 文件信息 <<<======== */
/* ======>>> 创建者：恒毅 <<<====== */
/* ================================ */
/* 全局样式初始化 */
* {
  padding: 0;
  margin: 0;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body {
  font-family: "微软雅黑";
}

ul li {
  list-style: none;
}

input {
  font-family: "微软雅黑";
}

textarea {
  font-family: "微软雅黑";
}

select {
  font-family: "微软雅黑";
}

a {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

.clear {
  clear: both;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox .canvas-table-edit-panel table tr td{
  position: relative;
}

/* #JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox .canvas-table-edit-panel table tr td::before{
  display: block;
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10000;
  cursor: w-resize;
} */

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox .canvas-table-edit-panel table tr td::before:hover{
  background: #009688;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox .canvas-table-edit-panel table tr td .colWidthStretchBar{
  display: block;
  width: 4px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10000;
  cursor: w-resize;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox .canvas-table-edit-panel table tr td .colWidthStretchBar:hover{
  background: #009688;
}


#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox .canvas-table-edit-panel table tr td
.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.header, .content, .footer {
  width: 100%;
}

/* ================================ */
/* ========>>> 画布区域 <<<======== */
/* ================================ */
#JY_tools_CanvasBox {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;

  /* ========>>> 画布页脚 <<<======== */
}

.FontLoadMaskLayer{
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.FontLoadMaskLayer img{
  display: block;
  max-width: 50%;
  max-height: 50%;
  min-width: 12px;
  min-height: 12px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceTools {
  width: 100%;
  height: 32px;
  border-bottom: 1px solid #cccccc;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceTools .left{
  position: absolute;
  top: 0;
  left: 10px;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceTools .left li{
  padding: 0 0 0 6px;
  float: left;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceTools .right{
  position: absolute;
  top: 0;
  right: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceTools .right li{
  padding: 0 6px 0 0;
  float: left;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceTools .function-list{
  line-height: normal;
  margin: 0;
  height: 32px;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceTools .function-list li{
  display: inline-block;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceTools .function-list li .btn-style{
  display: inline-block;
  height: 24px;
  line-height: 22px;
  padding: 0 12px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e4e4e4));
  background: -webkit-linear-gradient(top, #f7f7f7 0%,#e4e4e4 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%,#e4e4e4 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%,#e4e4e4 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%,#e4e4e4 100%);
  font-size: 12px;
  margin-top: 3px;
  cursor: pointer;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceTools .function-list li .btn-style:hover{
  background: #e4e4e4;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceTools .function-list li .closeCurCanvas{
  display: inline-block;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 28px;
  font-size: 20px;
  cursor: pointer;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceTools .function-list li .closeCurCanvas:hover{
  background: #e4e4e4;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox {
  width: 100%;
  height: 50%;
  height: calc(100% - 58px);
  height: -webkit-calc(100% - 58px);
  height: -moz-calc(100% - 58px);
  overflow: hidden;
  position: absolute;
  top: 32px;
  left: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 14px;
  position: absolute;
  top: 0;
  left: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas {
  width: 600px;
  height: 337px;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas #JY_tools_Canvas_panel{
  width: 600px;
  height: 337px;
  overflow: hidden;
  border: 1px solid #aaaaaa;
  box-sizing: content-box;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  zoom: 1;
  z-index: 10;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 2;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel-bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 1;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel-bg-img-opacity {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .bg-box {
  width: 100%;
  height: 100%;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list {
  display: block;
  border: 1px solid transparent;
  text-align: left;
  position: absolute;
  z-index: 1;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .cont-edit {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .cont-edit .text-cont {
  display: block;
  width: 100%;
  height: 100%;  
  overflow: hidden;
  outline: none;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .cont-edit .text-cont:hover {
  -webkit-touch-callout: inherit;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  -o-user-select: auto;
  user-select: auto;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .cont-edit .img-cont {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .cont-edit .img-cont img {
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .cont-edit .img-cont:hover {
  -webkit-touch-callout: inherit;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  -o-user-select: auto;
  user-select: auto;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .cont-edit .shape-cont {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .cont-edit .shape-cont img {
  display: block;
  margin: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.rightmouse-panel-div{
  position: fixed !important;
  z-index: 1000000 !important;
}

/* #JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox .canvas-table-edit-panel tr:nth-of-type(1){
  display: none !important;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox .canvas-table-edit-panel tr td:nth-of-type(1){
  display: none !important;
} */

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .cont-edit .shape-cont:hover {
  -webkit-touch-callout: inherit;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  -o-user-select: auto;
  user-select: auto;
}

/* 编辑面板 */
.canvas-table-edit-panel{
  width: 100%;
  height: 100%;
  position: relative;
}

.canvas-table-edit-panel .canvas-table-select-cell-box {
  /* box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 0 6px 4px rgba(0, 0, 0, 0.25);
  border: 2px solid green; */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.canvas-table-edit-panel table {
  border-collapse: collapse;
}

.canvas-table-edit-panel table tr td {
  border: 1px solid #cccccc;
  outline: none;
  padding: 4px 6px;
  line-height: 1.2em;
}

.canvas-table-edit-panel .col-width-panel-item{
  display: none !important;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .cont-edit .text-cont-textarea {
  width: 100%;
  height: 100%;
  resize: none;
  border: none;
  outline: none;
  outline-color: #000000;
  outline-width: 2px;
  -webkit-touch-callout: inherit;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  -o-user-select: auto;
  user-select: auto;
  cursor: text !important;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .cont-edit .container-drag {
  cursor: move !important;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .drag-move {
  width: 5px;
  height: 5px;
  position: absolute;
  z-index: 900;
  cursor: move;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .top-line {
  width: 100%;
  top: -3px;
  left: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .right-line {
  height: 100%;
  top: 0;
  right: -3px;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .bottom-line {
  width: 100%;
  left: 0;
  bottom: -3px;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .left-line {
  height: 100%;
  top: 0;
  left: -3px;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .lifting-btn {
  display: block;
  width: 10px;
  height: 10px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #188eee;
  position: absolute;
  z-index: 1000;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .table-type-list{
  border-color: #cccccc;
  /* opacity: 0.8;
  filter: alpha(opacity=0.8); */
  background: #ffffff;
  cursor: default !important;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .table-type-list::after{
  display: block;
  content: "×";
  text-align: center;
  line-height: 6px;
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .top-left-corner {
  left: -5px;
  top: -5px;
  cursor: nw-resize;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .top-right-corner {
  right: -5px;
  top: -5px;
  cursor: ne-resize;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .bottom-left-corner {
  bottom: -5px;
  left: -5px;
  cursor: ne-resize;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .bottom-right-corner {
  right: -5px;
  bottom: -5px;
  cursor: nw-resize;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .horizontal-lifting-left {
  margin: auto;
  top: 0;
  left: -5px;
  bottom: 0;
  cursor: e-resize;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .horizontal-lifting-right {
  margin: auto;
  top: 0;
  right: -5px;
  bottom: 0;
  cursor: e-resize;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .vertical-lifting-top {
  margin: auto;
  left: 0;
  top: -5px;
  right: 0;
  cursor: n-resize;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .vertical-lifting-bottom {
  margin: auto;
  left: 0;
  bottom: -5px;
  right: 0;
  cursor: n-resize;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list .work-edit-area-operation-box .rotary-handle {
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
  background: #ffffff;
  font-size: 14px;
  border: 1px solid #188eee;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -46px;
  z-index: 1000;
  display: none;
  cursor: url(/home/drawing_tools/images/mouse_rotation.svg), pointer;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-selected-status:hover {
  border: 1px dashed #6fbeff;
}

/* 表格类型 */
#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-work-edit-area-list-table {
  display: block;
  border: 1px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-selected-status {
  border: 1px solid #188eee !important;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .JY-tools-selected-status .work-edit-area-operation-box {
  display: block;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .table-tyle {
  border: 2px solid transparent !important;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .JY-tools-canvas-panel .table-tyle .work-edit-area-operation-box .lifting-btn {
  cursor: default;
  border: 1px solid #dcdcdc;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-function {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-function .combinationToolbarPanel-function-btn {
  width: 200px;
  height: 100px;
  position: absolute;
  border: 2px dashed  #188eee;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-function .ombinationToolbarPanel-function-bg-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-function .combinationToolbarPanel-function-btn .combinationToolbarPanel-function-btn-list {
  width: 10px;
  height: 10px;
  background: #ffffff;
  border: 1px solid #188eee;
  z-index: 10;
  position: absolute;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-function .combinationToolbarPanel-function-btn .ctp-left-top {
  top: -5px;
  left: -5px;
  cursor: nw-resize;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-function .combinationToolbarPanel-function-btn .ctp-right-top {
  top: -5px;
  right: -5px;
  cursor: ne-resize;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-function .combinationToolbarPanel-function-btn .ctp-right-bottom {
  right: -5px;
  bottom: -5px;
  cursor: nw-resize;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-function .combinationToolbarPanel-function-btn .ctp-left-bottom {
  left: -5px;
  bottom: -5px;
  cursor: ne-resize;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-function .combinationToolbarPanel-function-btn .move-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: move;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea {
  position: absolute;
  z-index: 1000;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .combinationToolbarPanel-workArea-list {
  width: 100px;
  height: 56px;
  position: absolute;
  border: 1px solid transparent;
  cursor: pointer;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .combinationToolbarPanel-workArea-list .cwl {
  width: 0;
  height: 0;
  position: absolute;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .combinationToolbarPanel-workArea-list .cwl-left-top {
  top: 0;
  left: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .combinationToolbarPanel-workArea-list .cwl-right-top {
  top: 0;
  right: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .combinationToolbarPanel-workArea-list .cwl-right-bottom {
  right: 0;
  bottom: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .combinationToolbarPanel-workArea-list .cwl-left-bottom {
  left: 0;
  bottom: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .combinationToolbarPanel-workArea-list:hover {
  border: 1px dashed #188eee;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .combinationToolbarPanel-workArea-list.select-el {
  border: 1px solid #188eee;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .combinationToolbarPanel-workArea-rotate-box {
  width: 200px;
  height: 100px;
  position: absolute;
  border: 2px dashed  transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .combinationToolbarPanel-workArea-rotate-box .combinationToolbarPanel-workArea-rotate-list {
  width: 100px;
  height: 56px;
  position: absolute;
  border: 1px solid #188eee;
  cursor: pointer;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .combinationToolbarPanel-workArea-rotate-box .combinationToolbarPanel-workArea-rotate-panel {
  width: 100%;
  width: calc(100% + 4px);
  width: -webkit-calc(100% + 4px);
  width: -moz-calc(100% + 4px);
  height: 100%;
  height: -webkit-calc(100% + 4px);
  height: -moz-calc(100% + 4px);
  border: 2px dashed  #188eee;
  position: absolute;
  top: -2px;
  left: -2px;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .combinationToolbarPanel-workArea-zoom-box {
  width: 200px;
  height: 100px;
  position: absolute;
  border: 2px dashed  transparent;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .combinationToolbarPanel-workArea-zoom-box .combinationToolbarPanel-workArea-zoom-list {
  width: 100px;
  height: 56px;
  position: absolute;
  border: 1px solid #188eee;
  cursor: pointer;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .combinationToolbarPanel-workArea-zoom-box .combinationToolbarPanel-workArea-zoom-panel {
  width: 100%;
  width: calc(100% + 4px);
  width: -webkit-calc(100% + 4px);
  width: -moz-calc(100% + 4px);
  height: 100%;
  height: -webkit-calc(100% + 4px);
  height: -moz-calc(100% + 4px);
  border: 2px dashed  #188eee;
  position: absolute;
  top: -2px;
  left: -2px;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel #JY_tools_Canvas .combinationToolbarPanel .combinationToolbarPanel-workArea .centerEl {
  display: block;
  width: 2px;
  height: 2px;
  margin: auto;
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox #JY_tools_CanvasWorkspacePanel .bg-panel {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceBox .screenCaptureLayer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  cursor: move;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter {
  height: 26px;
  margin: auto;
  padding: 0 10px;
  background: #ffffff;
  border-top: 1px solid #aaaaaa;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .foot {
  width: 100%;
  height: 26px;
  position: relative;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .coordinate {
  position: absolute;
  top: 0;
  left: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .coordinate .list {
  line-height: 26px;
  font-size: 13px;
  color: #ffffff;
  margin-right: 12px;
  float: left;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .coordinate .list .title {
  float: left;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .coordinate .list .num {
  margin-left: 4px;
  float: left;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .coordinate .list .unit {
  float: left;
  margin-left: 4px;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .canvas-zoom {
  position: absolute;
  top: 0;
  right: 0;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .canvas-zoom .icon {
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  padding: 0 6px;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  float: left;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-options {
  width: 100%;
  height: 26px;
  line-height: 26px;
  margin: 0 0;
  float: left;
  cursor: pointer;
}

/* 缩放拉伸条 */
#JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-stretch-bar-box {
  width: 200px;
  height: 100%;
  margin: 0 14px;
  text-align: center;
  padding: 0 72px 0 36px;
  position: relative;
}

#JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-stretch-bar-box #canvas_zoomIn{
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  color: #000000;
  position: absolute;
  top: 0;
  left: 0;
}

#JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-stretch-bar-box #canvas_zoomOut{
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  color: #000000;
  position: absolute;
  top: 0;
  right: 36px;
}

#JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-stretch-bar-box #restoreCanvasSize{
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  color: #000000;
  position: absolute;
  top: 0;
  right: 0;
}

#JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-stretch-bar-box .scale-stretch-bar{
  width: 100%;
  height: 2px;
  border-radius: 0px;
  border: 1px solid #000000;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e4e4e4));
  background: -webkit-linear-gradient(top, #f7f7f7 0%,#e4e4e4 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%,#e4e4e4 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%,#e4e4e4 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%,#e4e4e4 100%);
  background: #000000;
  vertical-align: middle;
  margin-top: 12px;
  position: relative;
  float: right;
}

/* #JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-stretch-bar-box .scale-stretch-bar .stretch-controller{
  width: 10px;
  height: 18px;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e4e4e4));
  background: -webkit-linear-gradient(top, #f7f7f7 0%,#e4e4e4 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%,#e4e4e4 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%,#e4e4e4 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%,#e4e4e4 100%);
  border: 1px solid #000000;
  background: #000000;
  box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 1px 1px 4px 4px rgba(0, 0, 0, 0.25);
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
} */

#JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-stretch-bar-box .scale-stretch-bar .stretch-controller{
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
}

#JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-stretch-bar-box .scale-stretch-bar .stretch-controller::after {
  display: block;
  content: "";
  width: 10px;
  height: 18px;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e4e4e4));
  background: -webkit-linear-gradient(top, #f7f7f7 0%,#e4e4e4 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%,#e4e4e4 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%,#e4e4e4 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%,#e4e4e4 100%);
  border: 1px solid #000000;
  background: #000000;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-options .scale-num {
  width: 100%;
  text-align: center;
  white-space: nowrap;
  color: #000000;
  font-size: 13px;
  position: relative;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-options .scale-num span {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  padding: 0 24px 0 12px;
  position: relative;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-options .scale-num b{
  display: block;
  width: 100%;
  height: 100%;
  font-weight: normal;
  overflow: hidden;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-options .scale-num::after {
  display: inline-block;
  content: "";
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #000000 transparent;
  position: absolute;
  top: 10px;
  right: 6px;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-options .scale-select {
  width: 120px;
  border-radius: 4px;
  border: 1px solid #aaaaaa;
  background: #ffffff;
  box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.1);
  padding: 8px;
  margin: auto;
  position: absolute;
  left: 0;
  bottom: 110%;
  right: 0;
  z-index: 10000;
  display: none;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-options .scale-select .scale-select-option {
  height: 26px;
  text-align: center;
  line-height: 26px;
  margin: 0 auto;
  font-size: 15px;
  border-radius: 4px;
  border: 1px solid transparent;
  cursor: pointer;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-options .scale-select .cur .scale-select-option {
  border: 1px solid rgb(107, 187, 253) !important;
  background: -moz-linear-gradient(top, #56b3ff 0%, #188eee 100%) !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56b3ff), color-stop(100%, #188eee)) !important;
  background: -webkit-linear-gradient(top, #56b3ff 0%, #188eee 100%) !important;
  background: -o-linear-gradient(top, #56b3ff 0%, #188eee 100%) !important;
  background: -ms-linear-gradient(top, #56b3ff 0%, #188eee 100%) !important;
  background: linear-gradient(to bottom, #56b3ff 0%, #188eee 100%) !important;
  color: #ffffff;
}

#JY_tools_CanvasBox #JY_tools_CanvasWorkspaceFooter .canvas-zoom .scale-options .scale-select li:hover .scale-select-option {
  border: 1px solid #aaaaaa;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e4e4e4));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #e4e4e4 100%);
}

.loading-win {
  width: 100%;
  height: 100%;
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15000000;
}

.loading-win img {
  display: block;
  margin: auto;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* ================================ */
/* ========>>> 弹窗区域 <<<======== */
/* ================================ */
.change-opacity-win {
  width: 260px;
  min-height: 36px;
  border-radius: 4px;
  padding: 6px 0;
  border: 1px solid #cccccc;
  background: #ffffff;
  box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
}

.change-opacity-win .slide-bar-list {
  padding: 0 84px 0 72px;
  height: 36px;
  line-height: 36px;
  position: relative;
}

.change-opacity-win .slide-bar-list .left-parameter {
  width: 62px;
  height: 36px;
  text-align: left;
  line-height: 36px;
  font-size: 14px;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 10px;
}

.change-opacity-win .slide-bar-list .slide-bar-box {
  display: inline-block;
  width: 100%;
  height: 6px;
  border-radius: 100px;
  border: 1px solid #cccccc;
  vertical-align: middle;
  position: relative;
  z-index: 100;
  cursor: pointer;
}

.change-opacity-win .slide-bar-list .slide-bar-box .slide-bar {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e4e4e4));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #e4e4e4 100%);
  position: absolute;
  top: 0;
  left: 0;
}

.change-opacity-win .slide-bar-list .slide-bar-box .currentpunctuation {
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

.change-opacity-win .slide-bar-list .slide-bar-box .currentpunctuation::after {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #cccccc;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e4e4e4));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, #e4e4e4 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #e4e4e4 100%);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.change-opacity-win .slide-bar-list .right-parameter {
  width: 74px;
  height: 36px;
  text-align: right;
  line-height: 36px;
  white-space: nowrap;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 10px;
}

#customPicturesUpload_input {
  display: none;
}

/* 图层右键弹窗 */
.layer-list-drop-down-menu {
  width: 200px;
  padding: 6px 0;
  border: 1px solid #aaaaaa;
  background: #ffffff;
  box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 1px 1px 6px 4px rgba(0, 0, 0, 0.2);
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  position: absolute;
  top: 100px;
  left: 100px;
  z-index: 10000;
  display: none;
}

.layer-list-drop-down-menu li {
  padding: 0 10px;
  cursor: pointer;
}

.layer-list-drop-down-menu li a {
  display: inline-block;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #e4e4e4;
  padding: 6px 0;
  color: #000000;
}

.layer-list-drop-down-menu li:hover a {
  background: #dbdfff;
}

.layer-list-drop-down-menu li:last-child a {
  border-bottom: none;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list {
  padding: 12px;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block {
  min-height: 36px;
  line-height: 36px;
  padding: 2px 0 2px 102px;
  position: relative;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-title {
  width: 90px;
  text-align: right;
  position: absolute;
  font-size: 0;
  top: 6px;
  left: 0;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-title span {
  display: inline-block;
  line-height: 1.2em;
  vertical-align: middle;
  font-size: 15px;
  text-align: left;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont {
  width: 100%;
  min-height: 36px;
  line-height: 36px;
  padding-top: 5px;
  font-size: 0;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont::after {
  display: block;
  content: "";
  height: 0;
  visibility: hidden;
  clear: both;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont * {
  font-size: 15px;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .text-type {
  display: inline-block;
  line-height: 1.2em;
  vertical-align: middle;
  font-size: 15px;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .radio-item-box {
  line-height: 26px;
  padding: 4px 0;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .radio-item-box .radio-item {
  display: inline-block;
  padding: 0 0 0 30px;
  margin-right: 20px;
  min-height: 26px;
  line-height: 26px;
  position: relative;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .radio-item-box .radio-item .radio-item-inptu {
  width: 30px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .radio-item-box .radio-item .radio-item-inptu input[type="radio"] {
  width: 24px;
  height: 24px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .radio-item-box .radio-item .radio-item-name {
  width: 100%;
  height: 26px;
  line-height: 26px;
  font-size: 0;
  overflow: hidden;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .radio-item-box .radio-item .radio-item-name span {
  display: inline-block;
  max-width: 120px;
  line-height: 1.2em;
  font-size: 15px;
  vertical-align: middle;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .checkbox-item-box {
  line-height: 26px;
  padding: 4px 0;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .checkbox-item-box .checkbox-item {
  display: inline-block;
  padding: 0 0 0 30px;
  margin-right: 20px;
  min-height: 26px;
  line-height: 26px;
  position: relative;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .checkbox-item-box .checkbox-item .checkbox-item-inptu {
  width: 30px;
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .checkbox-item-box .checkbox-item .checkbox-item-inptu input[type="checkbox"] {
  width: 24px;
  height: 24px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .checkbox-item-box .checkbox-item .checkbox-item-name {
  width: 100%;
  height: 26px;
  line-height: 26px;
  font-size: 0;
  overflow: hidden;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .checkbox-item-box .checkbox-item .checkbox-item-name span {
  display: inline-block;
  max-width: 120px;
  line-height: 1.2em;
  font-size: 15px;
  vertical-align: middle;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .text-item-box {
  line-height: 30px;
  padding: 2px 0;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .text-item-box .text-item {
  display: inline-block;
  width: 100px;
  padding: 0 30px 0 0;
  border: 1px solid #cccccc;
  background: #ffffff;
  margin: 0 20px 10px 0;
  min-height: 30px;
  line-height: 30px;
  position: relative;
  float: left;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .text-item-box .text-item .text-item-inptu {
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 0;
  overflow: hidden;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .text-item-box .text-item .text-item-inptu input {
  width: 100%;
  width: calc(100% - 12px);
  width: -webkit-calc(100% - 12px);
  width: -moz-calc(100% - 12px);
  box-sizing: content-box;
  height: 100%;
  border: none;
  background: transparent;
  outline: none;
  font-size: 15px;
  padding: 0 6px;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .text-item-box .text-item .text-item-del {
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
  background: #e4e4e4;
  margin: auto;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  cursor: pointer;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .text-item-box .text-item .text-item-del:hover {
  background: #d2d2d2;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .text-item-box .text-item-add-btn {
  display: inline-block;
  width: 130px;
  text-align: center;
  min-height: 30px;
  line-height: 30px;
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #ffffff;
  border: 1px solid #31a1fd;
  background: -moz-linear-gradient(top, #43abff 0%, #188eee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43abff), color-stop(100%, #188eee));
  background: -webkit-linear-gradient(top, #43abff 0%, #188eee 100%);
  background: -o-linear-gradient(top, #43abff 0%, #188eee 100%);
  background: -ms-linear-gradient(top, #43abff 0%, #188eee 100%);
  background: linear-gradient(to bottom, #43abff 0%, #188eee 100%);
  color: #ffffff;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  -webkit-text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  -moz-text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  -ms-text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  -o-text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  float: left;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .text-item-box .text-item-add-btn:hover {
  background: #55b3ff;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .text-edit-input {
  width: 100%;
  width: calc(100% - 12px);
  width: -webkit-calc(100% - 12px);
  width: -moz-calc(100% - 12px);
  box-sizing: content-box;
  height: 36px;
  border: 1px solid #cccccc;
  background: #ffffff;
  padding: 0 6px;
  outline: none;
  font-size: 15px;
  font-weight: bold;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .text-edit-textarea {
  width: 100%;
  height: 80px;
  border: 1px solid #cccccc;
  background: #ffffff;
  padding: 10px 10px;
  outline: none;
  resize: none;
  line-height: 1.2em;
  font-size: 15px;
  font-weight: bold;
}

.hy-public-win-pc .win-panel .win-cont .win-cont-data .itme-title-and-self-adaption .ul-list li .block .ul-list-cont .text-edit-select {
  width: 100%;
  height: 36px;
  border: 1px solid #cccccc;
  background: #ffffff;
  padding: 0 6px;
  outline: none;
  font-size: 15px;
  font-weight: bold;
}

.newCanvas_win .win-panel{
  width: 320px;
  width: 280px;
}