.poper{background:rgba(0,0,0,0.6);left:0;top:0;right:0;bottom:0;z-index:-1;position:fixed;opacity:0;-webkit-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);}
.poper.show{opacity:1;z-index:999999999;}
.poper>span{position:absolute;display:block;right:20px;top:20px;width:40px;height:40px;cursor:pointer;}
.poper>span:after,.poper>span:before{display:block;content:'';height:2px;width:100%;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#FFF;top:50%;margin-top:-1px;stop:center center;}
.poper>span:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.poper>a{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:30px;background:var(--bg);padding:32px 16px;-webkit-border-radius:8px;border-radius:8px;color:var(--co);}
.poper>a[rel="prev"]{left:0;padding-left:4px;-webkit-border-radius:0 8px 8px 0;border-radius:0 8px 8px 0;}
.poper>a[rel="next"]{right:0;padding-right:4px;-webkit-border-radius:8px 0 0 8px;border-radius:8px 0 0 8px;}
.poper>a:hover{background:var(--co);color:#FFF;}
.poper>div{background:#FFF;position:absolute;max-width:100%;max-height:100%;min-width:300px;min-height:300px;-webkit-border-radius:8px;border-radius:8px;overflow:hidden;}
.poper>div>h3{height:var(--fldh);line-height:var(--fldh);font-weight:normal;font-size:16px;padding:4px 20px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.08);box-shadow:0 0 30px 0 rgba(0,0,0,0.08);}
.poper>div>h3~div{padding:16px 20px;}
.poper>div>div{line-height:170%;color:#444;}
.poper>div>div>p{color:#333;}
.poper>div>div>p:last-of-type{margin-bottom:0;}
.poper>div>div>p:first-of-type{margin-top:0;}
.poper>div>div img{display:block;max-width:100%;}
.poper.tr>div{background:transparent;}