/* diary.css */
page{background: #fff;}
.con{padding: 0 30rpx;}
.ipt{width: 100%;border-bottom: 1rpx solid #e9e9e9;padding: 30rpx 0;font-size: 32rpx;color: #333;}
.textarea{width: 100%;padding: 30rpx 0;font-size: 32rpx;color: #333;height: 300rpx;}
.placeholder{color: #999;}
#editor {width: 100%;height: 200px;background-color: #fff;padding-top: 30rpx;font-style: normal;font-size: 32rpx;color: #333;}
.ql-editor.ql-blank:before {color: #999;font-style: normal;}
.imgbox{margin-top: 30rpx;flex-wrap: wrap;}
.imgs{width: 100%;height: 400rpx;position: relative;border-radius: 8rpx;}
.imgbox .imgs:nth-child(4n){margin-right: 0;}
.img{width: 100%;height: 100%;border-radius: 8rpx;}
.del{width: 42rpx;height: 42rpx;position: absolute;top: -20rpx;right: -20rpx;}
.upload{width: 100%;height: 400rpx;background: #F7F8FA;border-radius: 8rpx;flex-direction: column;justify-content: center;font-size: 24rpx;color: #999;}
.upload image{width: 35rpx;height: 35rpx;margin: 0 auto 10rpx;}
.btn{position: fixed;left: 50%;transform: translateX(-50%);bottom: 110rpx;width: 242rpx;height: 76rpx;background: var(--main);border-radius: 37rpx;font-size: 28rpx;color: #fff;text-align: center;line-height: 76rpx;z-index: 50;}