/* pages/customized/made/made.wxss */
page{
  background:#fff;
}

.made-content{
 width:750rpx;
 height:588rpx;


}
.made-content-canvas{
 position:absolute;
 top:0;
 left:0;
 /* opacity:0; */
}
.made-img-box{
  margin-top:60rpx;
  position: relative;
}
.made-prompt{
  width:inherit;
  height:inherit;
}
.made-img{
  background:red;
  width:270rpx;
  height:270rpx;
  padding:1rpx;
  margin:0 auto;
  position:fixed;
  top:0;
  left:0;
}
.made-img-image{
  width:750rpx;
  height:588rpx;
}
/* .made-font{
  background:blue;
  width:270rpx;
  height:270rpx;
  padding:1rpx;
  margin:0 auto;
} */
.font-content{
  display: inline-block;
  position:relative;
}
.made-box{
  position:relative;
  width: inherit;
  height: inherit;
}
.edit-content{
   /* width:270rpx;
  height:270rpx; */
  position:absolute;
  top:0;
  left:0;
  /* overflow: hidden; */
  z-index:30;
}
.made-font{
   /* width:270rpx;
  height:270rpx; */
  position:absolute;
  top:0;
  left:0;
  /* overflow: hidden; */
  z-index:40;
}
.btn-box{
  width:70%;
  margin:60rpx auto;
}
.btn-box button{
  width:200rpx;
  background:none;
  color:#c9c9c9;
  font-size:32rpx;
  margin-bottom:36rpx;
  border:1rpx solid #c9c9c9;
  box-shadow:none;
}
.btn-box button.active{
  color:#00af66;
  border:1rpx solid #00af66
}
.footer{
  position:fixed;
  bottom:0;
  width:100%;
  z-index:10;
  line-height:92rpx;
  background:#fff;
  border-top:1rpx solid #dcdcdc;
  text-align: center;
  color:#666;
  font-size:30rpx;
  cursor: pointer;
}
.footer-btn{
  border-left:1rpx solid #dcdcdc;
}
.footer-btn:first-child{
  border-left:0rpx solid #dcdcdc;
}