#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:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqBAMAAAA37dRoAAAAFVBMVEWdm5pHcEydm5qdm5qdm5qdm5qdm5o039HYAAAAB3RSTlP/AKFg2CC//PMPegAAANVJREFUKM91k0kOwjAMRb/CsDfTukEcoJVgz3ABEBJrWHD/KzS145IG+29S/7wmTmKDRM8DgOspR5DhCNGtdNVUm90Xfvqqu0apLrvtxJ2JO0UZRo0yDNqi1iO5uz/3k1xeYJ6NsywB4o/YsBlWjBA4g0AcIhLPdtgMw4U4DEQS4i4sw1EmsUCbf01xnkvb4Y0RVhRLyYXhvaJjngNMihZKsKKFgoU6rrlCtZudWWOcIjgntm/Hvkn71u0Xcl7Tfnm7SuyKcqrPrlSnqu0OcLrF6ay6C3tTTCFXCMPMGwAAAABJRU5ErkJggg==) no-repeat;background-size:100%;border:.04rem solid #fff;border-radius:100%;cursor:pointer;height:26px;position:absolute;right:-10px;top:-12px;width:26px;z-index:5}.mobile #popview .close{height:.52rem;right:-.2rem;top:-.24rem;width:.52rem}