@charset "UTF-8";.xml-hevue-imgpreview-wrap{position:fixed;top:0;bottom:0;right:0;left:0;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;z-index:9999;color:rgba(255,255,255,.6)}.xml-hevue-imgpreview-wrap .he-img-wrap{width:100%;height:100%;text-align:center;vertical-align:middle;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.xml-hevue-imgpreview-wrap .arrow{width:42px;height:42px;text-align:center;line-height:42px;position:absolute;top:50%;border-radius:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-ms-transform:translateY(-50%);font-size:24px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;background:rgba(0,0,0,.3)}.xml-hevue-imgpreview-wrap .arrow:hover{opacity:.8;-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}.xml-hevue-imgpreview-wrap .arrow-left{left:50px}.xml-hevue-imgpreview-wrap .arrow-right{right:50px}.xml-hevue-imgpreview-wrap .he-close-icon{position:absolute;right:20px;top:50px;z-index:2;width:36px;height:36px;font-size:22px;line-height:36px;text-align:center;border-radius:50%;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;background:rgba(0,0,0,.3)}.xml-hevue-imgpreview-wrap .he-close-icon:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.xml-hevue-imgpreview-wrap .he-control-bar-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;bottom:10%;left:0}.xml-hevue-imgpreview-wrap .he-control-bar{height:44px;bottom:10%;padding:0 22px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:22px;margin:0 auto;background:rgba(0,0,0,.3)}.xml-hevue-imgpreview-wrap .he-control-title{position:absolute;top:30px;left:0;width:100%;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;color:#fff;z-index:1}.xml-hevue-imgpreview-wrap .he-control-num{position:absolute;bottom:5%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-ms-transform:translateX(-50%);padding:0 22px;font-size:16px;border-radius:15px;background:rgba(0,0,0,.3)}.xml-hevue-imgpreview-wrap .he-control-btn{line-height:44px;font-size:24px;cursor:pointer;padding:0 9px;-webkit-transition:all .2s;transition:all .2s}.xml-hevue-imgpreview-wrap .he-control-btn:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.xml-hevue-imgpreview-wrap .fade-enter-active,.xml-hevue-imgpreview-wrap .fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.xml-hevue-imgpreview-wrap .fade-enter,.xml-hevue-imgpreview-wrap .fade-leave-to{opacity:0}.xml-hevue-imgpreview-wrap .hevue-img-status-icon{font-size:56px}.xml-hevue-imgpreview-wrap .rotate-animation{-webkit-animation:rotate 1.5s linear infinite;animation:rotate 1.5s linear infinite}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.xml-hevue-imgpreview-wrap .he-img-wrap{background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.he-close-icon,.he-control-num,.xml-hevue-imgpreview-wrap .arrow,.xml-hevue-imgpreview-wrap .he-control-bar{background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}