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

.made-img-box{
  position:relative;
  margin-top:60rpx;
}
.made-img-box image {
  width:100%;
  height:588rpx;
}
.made-prompt{
  width:inherit;
  height:inherit;
}
.made-box{
  width:270rpx;
  height:270rpx;
  padding:1rpx;
  margin:0 auto;
  /* background:red; */
}
.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-icon{
  width:190rpx;
}
.footer-add-btn{
  background:#00af66;
  color:#fff;
}
/* .made-font{
  position: absolute;
  top:0;
  left:0;
} */
.font-content{
  display: inline-block;
  position:relative;
}
.font-content .iconfont{
  position:absolute;
  font-size:60rpx;
  z-index:10;
}
.icon-close{
  top:'-20rpx';
  left:'-20rpx';
}
.icon-rotate{
  bottom:'-20rpx';
  right:'-20rpx';
}
.slider-box{
  margin-top:100rpx;
}



/* 层样式 */
.font-ceng{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:110000;
  background:rgba(0,0,0,0.6);
}
.input-box input{
  width:600rpx;
  height:150rpx;
  line-height:150rpx;
  margin:50rpx auto;
  text-align:center;
  background:none;
  border:2rpx dashed #fff;
  color:#fff;
  font-size:30rpx;
  font-weight: bold;
}
.font-color{
  width:600rpx;
  margin:0 auto;
}
.font-item{
  width:50rpx;
  height:50rpx;
  border-radius:50%;
}
.isColor{
  width:40rpx;
  height:40rpx;
  border:5rpx solid #fff;
  border-radius:50%;
}
.isColor .font-item{
  width:30rpx;
  height:30rpx;
  border-radius:50%;
  border:5rpx solid rgba(0,0,0,0.6);
}