#popview{background:#0006;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:10}#popview:after,#popview:before{content:"";display:block;flex:1}#popview .content{overflow-y:auto}#popview .content,#popview .popcontent{margin:0 auto;max-height:90vh;position:relative}#popview .popcontent{max-width:90vw}#popview.in{animation:popviewIn .3s ease-in-out forwards}#popview.in .popcontent{animation:popcontIn .3s ease-in-out forwards}#popview.out{animation:popviewIn .3s ease-in-out reverse forwards}#popview.out .popcontent{animation:popcontIn .3s ease-in-out reverse forwards}@keyframes popviewIn{0%{opacity:0}90%{opacity:1}to{opacity:1}}@keyframes popcontIn{0%{transform:scale(.4)}to{transform:scale(1)}}#popview .close{background-color:#fff;background-size:100%;border:.04rem solid #fff;border-radius:100%;cursor:pointer;font-size:.24rem;height:26px;line-height:200%;position:absolute;right:-10px;text-align:center;top:-12px;width:26px;z-index:5}.mobile #popview .close{height:.52rem;right:-.2rem;top:-.24rem;width:.52rem}