.main[data-v-08d0926e]{padding:0 25px}#mask-img[data-v-08d0926e]{position:fixed;z-index:1000;background:rgba(0,0,0,.4);top:0;bottom:0;right:0;left:0}#mask-img div[data-v-08d0926e]:not(.el-image){position:fixed;width:60%;height:200px;top:0;bottom:0;right:0;left:0;margin:auto;background:#fff;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;padding:30px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}#mask-img div>i[data-v-08d0926e]{position:absolute;top:10px;right:10px;width:30px;height:30px;cursor:pointer;display:block}#mask-img div>i[data-v-08d0926e]:after,#mask-img div>i[data-v-08d0926e]:before{content:"";position:absolute;width:100%;height:1px;background:#000;top:0;bottom:0;right:0;left:0;margin:auto}#mask-img div>i[data-v-08d0926e]:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#mask-img div>i[data-v-08d0926e]:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#mask-img span[data-v-08d0926e]{display:inline-block;position:relative;color:#fff;width:30%;margin-right:3%;height:100%;border:1px solid #eee;border-radius:5px;overflow:hidden}#mask-img span i[data-v-08d0926e]{position:absolute;cursor:pointer;top:0;bottom:0;right:0;left:0;width:1em;height:1em;line-height:0;z-index:6;opacity:0;margin:auto;-webkit-transition:all .3s;transition:all .3s}#mask-img span i[data-v-08d0926e]:after{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%}#mask-img span[data-v-08d0926e]:before{content:"";position:absolute;z-index:5;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.35);opacity:0}#mask-img span:hover i[data-v-08d0926e],#mask-img span[data-v-08d0926e]:hover:before{opacity:1;-webkit-transition:all .3s;transition:all .3s}#mask-img span img[data-v-08d0926e]{display:block;width:100%;height:100%}.hcwpbildetails-active{background:#c9fcf8!important}