.modal-mask{
  display:none;
  position:fixed;
  left:0;top:0;right:0;bottom:0;
  background:rgba(0,0,0,0.55);
  z-index:999;
  align-items:center;
  justify-content:center;
}
.modal-box{
  background:#fff;
  padding:32px;
  width:520px;
  border-radius:10px;
}
.modal-box h4{
  font-size:18px;
  margin:0 0 16px 0;
  color:#222;
}
.ad-content{
  background:#fff7e6;
  padding:16px;
  border-radius:8px;
  margin-bottom:16px;
  border:1px solid #ffd591;
  cursor:pointer;
  transition: all 0.2s;
}
.ad-content>div{display: none;}
.ad-content:hover{
  background:#fff0d6;
}
.ad-content p{
  margin:8px 0;
  font-size:15px;
  color:#333;
  line-height:1.6;
}
.ad-content strong{
  color:#f5222d;
  font-size:16px;
}
.click-tip{
  color:#1890ff;
  font-size:14px;
  font-weight: bold;
}

.modal-btns{
  display:flex;
  gap:16px;
  justify-content:flex-end;
}
.confirm-down{
  padding:9px 18px;
  background:#1890ff;
  color:#fff;
  text-decoration:none;
  border-radius:6px;
  pointer-events:none;
  opacity:0.5;
}
.confirm-down.active{
  pointer-events:auto;
  opacity:1;
}
.close-modal{
  padding:9px 18px;
  border:1px solid #ccc;
  background:#fff;
  border-radius:6px;
  cursor:pointer;
}


@media screen and (max-width: 800px) {

.modal-box{width: 90%;padding:15px;}


}