.image-read-parent{cursor:-webkit-zoom-in;cursor:zoom-in}.image-read-box{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:rgba(58,58,60,.76);cursor:-webkit-zoom-out;cursor:zoom-out;z-index:999;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-read-box .next,.image-read-box .prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;-webkit-transition:color .2s;transition:color .2s;color:#fff;background:0 0;border:none;z-index:1}.image-read-box .next:not(:disabled):hover,.image-read-box .prev:not(:disabled):hover{color:#3a8ee6}.image-read-box .next:disabled,.image-read-box .prev:disabled{color:#606266;cursor:not-allowed}.image-read-box .next:focus,.image-read-box .prev:focus{outline:0}.image-read-box .prev{left:20px}.image-read-box .next{right:20px}.image-read-box .box{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:100%;height:100%}.image-read-box .box ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:0}.image-read-box .box ul div{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.image-read-box .box ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%;list-style-type:none;-ms-flex-negative:0;flex-shrink:0}.image-read-box .box ul li img{display:inline-block;max-width:100%}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}