.page-demo {
  color:#666;
}


#canvasBox {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.greet {
  padding: 20px;
  font-size: 20px;
  user-select: none;
}
.greet a {
  cursor: pointer;
}
.greet select {
  font-size: 18px;
}
canvas {
  flex: 1;
  //border: 0.5px solid #ccc;
  cursor: crosshair;
}




@media screen and (orientation: portrait) {
  .dd-write-sign-page {
    position: absolute;
    width: 100vh;
    height: 100vw;
    top: 0;
    left: 100vw;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: 0% 0%;
  }
}

@media screen and (orientation: landscape) {
  .dd-write-sign-page {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
  }
}

.dd-write-sign {
  height: calc(~"100% - 83px");
}

.dd-write-sign-del.t-text-button {
  height: 32px;
  line-height: 32px;

  .iconfont {
    height: 32px;
  }
}
.img-border{
  border:1px solid #ccc;

}