.kmClicp {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: black;
  z-index: 999;
}
.demo-img {
  width: 260px;
  display: block;
  overflow: hidden;
}
.out {
  background: transparent;
  outline-color: rgba(0, 0, 0, 0.8);
  outline-width: 999px;
  outline-style: solid;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  border: 1px solid white;
}
.out .line-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
.out .line-row .line {
      border-bottom: 1px dashed rgba(255, 255, 255, 0.7);
}
.out .line-col .line {
    border-right: 1px dashed rgba(255, 255, 255, 0.7);
}
.out .line-row,
  .out .line-col {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
}
.out .line-row .line,
    .out .line-col .line {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      width: 100%;
}
.out .line-row .line:last-child,
      .out .line-col .line:last-child {
        border: none;
}
.btns {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0.4rem;
  text-align: center;
  z-index: 100;
}
.btns button {
    width: 2rem;
    border: none;
    color: white;
    text-align: center;
    padding: 0 0.2rem;
    -webkit-border-radius: 0.2rem;
            border-radius: 0.2rem;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc097), to(#ea712b));
    background: -webkit-linear-gradient(top, #ffc097 0%, #ea712b 100%);
    background: linear-gradient(180deg, #ffc097 0%, #ea712b 100%);
}
#canvasClicp {
  position: absolute;
  top: -999px;
  left: -999px;
}