.picpop-background{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;width:100%;height:100%;top:0;left:0;position:fixed;z-index:9999;background-color:transparent;overflow-y:scroll;box-sizing:border-box}.picpop-background>.imgZone{position:relative;margin:auto;margin-top:30px;margin-bottom:30px;padding:10px;box-shadow:0 0 3px rgba(51,51,102,.6),4px 4px 6px rgba(51,51,102,.4),6px 6px 12px rgba(51,51,102,.4);background-color:#fff;opacity:0;max-width:calc(100% - 30px);box-sizing:border-box}.picpop-background>.imgZone img{width:100% !important;height:100% !important}.picpop-background>.imgZone .pic-close{position:absolute;text-align:center;line-height:28px;vertical-align:middle;cursor:pointer;background-color:#fff;color:#000;top:-15px;right:-15px;width:30px;height:30px;border-radius:5px;box-shadow:0 0 3px rgba(51,51,102,.6),4px 4px 6px rgba(51,51,102,.4),6px 6px 12px rgba(51,51,102,.4)}.picpop-background>.imgZone .pic-close a{display:inline-block;outline:none}.picpop-background>.imgZone .pic-close:hover{background-color:#1c1cff}.picpop-background>.imgZone .pic-close:hover>a{color:#fff}.picpop-active{background-color:rgba(0,0,0,.5)}.picpop-active>.imgZone{opacity:1}@media(max-width:590px){.imgZone{width:90% !important}}