css.less

:global(.ant-modal) {
  width:3rem !important;
}
:global(.ant-modal-header){
  position: relative; padding:0; border-radius: .05rem; border: none;
  &:before{
    display:block;
    width: 100%;
    height: .04rem;
    background:linear-gradient(133deg, rgba(255, 197, 159, 1) 0%, rgba(255, 157, 91, 1) 100%);
    border-radius:5px 5px 0px 0px; content:'';
  }
}
:global(.ant-modal-title){
  text-align: center; color:#333; font-size: .18rem; line-height: .25rem; margin-top: .2rem;
}
:global(.ant-modal-body){
  padding:0; text-align: center; margin-top:.1rem;
}

.footer{
  display:flex; border-top: 1px solid #F8F8F8;
  .ok{
    flex:1; text-align: center; font-size:.18rem; color:#333; height: .44rem; line-height: .44rem;
  }
  .cancel{
    flex:1; text-align: center; font-size:.18rem; border-right: 1px solid #F8F8F8;color:#333; height: .44rem; line-height: .44rem;
  }
}