.custom-modal-view{
  border-radius: 20px;
}
.custom-modal-view-overlay{
  position: fixed;
  top:0;left:0;right:0;
  height:100vh;
  opacity: 0;
}
.custom-modal-view .title{
  font-size: 34rpx;
  font-weight: 500;
  line-height: 50rpx;
  position: relative;
}
.custom-modal-view .title.center{
  text-align: center;
}
.close-btn-area{
  position: absolute;
  right:-32rpx;top:-32rpx;
  width:100rpx;height:82rpx;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.custom-modal-view .title .close-btn{
  position: relative;
  width:50rpx;height:50rpx;
}
.custom-modal-view .title .close-btn::before,.custom-modal-view .title .close-btn::after{
  content: '';
  position: absolute;
  width:80%;
  height:4rpx;
  left:10%;top:50%;
  margin-top:-2rpx;
  background-color: #999999;
  transform: rotate(45deg);
}
.custom-modal-view .title .close-btn::after{
  width:4rpx;
  height:80%;
  left:50%;top:10%;
  margin-top:0;
  margin-left: -2rpx;
}
.modal-view-main{
  border-radius: 24rpx;
  background-color: #fff;
  padding:32rpx;
  position: relative;
  z-index: 111;
}
.custom-modal-view .content-textarea{
  border: 1.2px solid rgba(85, 85, 85, 0.3);
  border-radius: 18rpx;
  margin:30rpx 0;
  padding:24rpx 20rpx;
  font-size: 34rpx;
  width:100%;
  box-sizing: border-box;
  line-height:50rpx;
  height: 214rpx;
}
.custom-modal-view .content-textarea.error{
  border-color:red;
}

.custom-modal-view .content-text{
  color: #666666;
  font-size: 28rpx;
  text-align: center;
  margin:32rpx 0 40rpx 0;
}

.modal-view-main .btns{
  margin-top:32rpx;
  display: flex;
  gap: 18rpx;
}
.modal-view-main .btns .button{
  flex:1;
  font-size: 16px;
  padding:16px;
  line-height: 1;
  font-weight: 500;
  border-width: 2rpx;/* 边框显示不完整 bug */
}

.modal-view-main .btns .button.cancel{
  border-color:rgba(153, 153, 153, 0.5);
  background-color: rgba(153, 153, 153, 0.1);
  color:var(--main-font-color);
}

.modal-view-main .btns .button.confirm{
  font-weight: bold;
}