.verificationPuzzleContainer{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.view-z-container{
  width: 640rpx;
  height: 267rpx;
  position: relative;
}
.canvas-shadow{
  z-index: 51;
  position: fixed;
}
.canvas-puzzle{
  z-index: 52;
  position: fixed;
}
.pathway {
  height: 80rpx;
  width: 100%;
  background-color: #f0f7ff;
  position: relative;
  /* overflow: hidden; */
  border-radius: 40px;
  margin-top: 20rpx;
}
 
.pathway .tips {
  border-radius: 40px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 80rpx;
  text-align: center;
  color: #298bfc;
  font-size: 32rpx;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pathway  .tips-active {
  border-radius: 40px 0 0 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#75dbfc), to(#3cb7f9));
  z-index: 10;
}
 
.pathway .track {
  border-radius: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f0f7ff;
  /* width: 100%; */
  height: 100%;
  padding-left: 0;
  box-sizing: content-box;
  transform: translateX(0);
}
 
.pathway movable-area {
  border-radius: 40px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: none;
  z-index: 11;
}
 
.pathway movable-view {
  position: absolute;
  top:-14rpx;
  height: 104rpx;
  width: 104rpx;
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/png;base64,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");
}
 
.pathway .disabled {
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.nxin-change {
  width: 640rpx;
  padding: 30rpx 0 20rpx 0;
  background-color: #fff;
  line-height: 28rpx;
}
.nxin-change-title {
  float: left;
  font-size: 28rpx;
}
.nxin-change-fn {
  width: 128rpx;
  height: 28rpx;
  float: right;
}