.code {
  width: 750px;
  margin: 0 auto;
}
.bg-img {
  background: url(/./img/dcbf917f9456c723861b92aac032cdd4.png) no-repeat;
  width: 100%;
  height: 600px;
}
.input-val {
  width: 295px;
  background: #fafafa;
  height: 2.8rem;
  padding: 0 2%;
  border-radius: 5px;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 1.0625rem;
}
.input-yangshi {
  width: 295px;
  background: #fafafa;
  height: 2.8rem;
  padding: 0 2%;
  border-radius: 5px;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 1.0625rem;
  margin-bottom: 20px;
}
.txt {
  width: 695px;
  height: 4.8rem;
  background: #fafafa;
  border-radius: 5px;
  font-size: 1.0625rem;
  margin-bottom: 20px;
}
#canvas {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
}
.sub-btn {
  width: 100px;
  height: 40px;
  background: #1e0e68;
  border: 1px solid #ccc;
  border-radius: 10px;
  display: block;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  float: right;
}
.right-input {
  margin-left: 40px;
}
.laxia-input {
  width: 330px;
}
.yz-bt {
  display: inline-block;
  -webkit-transform: translateY(12px);
       -o-transform: translateY(12px);
          transform: translateY(12px);
}
.error {
  color: red;
}