.newdpagefeedbox{position: fixed;bottom: 2vh;right: 5px;}
.newdpagefeedbox .open{display: none;width: 27vw;height: 45vh;min-width: 323px;min-height: 441px;position: relative;padding: 15px;background: #fff;box-shadow: rgb(0 0 0 / 20%) 0px 2px 15px;}
.newdpagefeedbox .open.act{display: block;}
.newdpagefeedbox .open iframe{width: 100%;height: 100%!important;}
.newdpagefeedbox .open .exit{display: flex;align-items: center;width: 30px;height: 30px;background: #fff;border-radius: 50%;justify-content: center;position: absolute;top: 10px;right: 10px;background: var(--color);cursor: pointer;}
.newdpagefeedbox .open .exit span{width: 2px;height: 20px;background: #fff;position: absolute;}
.newdpagefeedbox .open .exit span:nth-child(1){transform: rotate(45deg);}
.newdpagefeedbox .open .exit span:nth-child(2){transform: rotate(-45deg);}
.newdpagefeedbox .close{display: none;background: var(--color);border-radius: 50%;width: 90px;height: 90px;padding: 10px;cursor: pointer;}
.newdpagefeedbox .close.act{display: block;}
@media (max-width:768px) {
  .newdpagefeedbox{display: none;}
}