.preview-container{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10000}.preview-container .image-wrapper{position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:0}.preview-container .pos-tip{position:absolute;top:48px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:8px 15px;border-radius:2px;background-color:rgba(0,0,0,.15);color:#fff}.preview-container .close{width:150px;height:150px;position:absolute;right:-75px;top:-75px;border-radius:50%;background-color:rgba(0,0,0,.8)}.preview-container .hover-icon .icon-guanbi{width:30px;height:30px;position:absolute;bottom:30px;left:30px;font-size:30px;line-height:30px}.preview-container .arrow-prev{left:0}.preview-container .arrow-next{right:0}.preview-container .arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:40px 20px;text-align:center}.preview-container .hover-icon{color:hsla(0,0%,100%,.6);-webkit-transition:all .15s;transition:all .15s;cursor:pointer}.preview-container .arrow:hover{background-color:#3d3d3d}.preview__operation{position:absolute;bottom:30px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);background:#fff;width:380px;border-radius:10px;-webkit-box-shadow:-1px -1px 20px #888;box-shadow:-1px -1px 20px #888}.preview__operation-top{height:41px;border-bottom:1px solid #dde2ee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview__operation-top .h1{display:block;font-size:14px;font-weight:400;color:#3e4454;margin:0}.preview__operation-top .flexEnd{justify-self:flex-end;position:absolute;right:10px;color:#a6aab8}.preview__operation-main{height:46px}.preview__operation-item,.preview__operation-main{display:-webkit-box;display:-ms-flexbox;display:flex}.preview__operation-item{width:140px;height:100%;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview__operation-item:not(:last-child){border-right:1px solid #dde2ee}.preview__operation-item:nth-child(2){width:220px}.preview__operation-item span{color:#a6aab8;font-size:14px}.preview__operation-icon{color:#007aff;font-size:24px;cursor:pointer;outline:none}.preview__operation-disabled{color:#bbb;cursor:not-allowed}.preview-inner{-webkit-transform:translateZ(0) scale(1) rotate(0deg);transform:translateZ(0) scale(1) rotate(0deg);max-height:100%}