.mask-layer *{padding:0;margin:0;box-sizing:border-box}.mask-layer{position:fixed;width:100%;height:100%;top:0;left:0;z-index:202020;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-y:auto}.mask-layer .mask-layer-close{position:absolute;top:20px;right:20px;width:32px;height:32px;background:url(//a0.leadongcdn.cn/cloud/lkBprKkjlmSRniionrklio/closeicon-180-140.png) no-repeat center center;background-size:cover;cursor:pointer}.mask-layer-black{width:100%;height:100%;background:#000;opacity:.70;position:absolute;top:0;left:0}.mask-layer-container{width:100%;height:100%;position:relative}.mask-layer-container .small-content{height:100px;position:absolute;left:50%;transform:translate(-50%);transform:translate(-50%);-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);bottom:0;overflow:hidden;display:none}.small-content .small-img-box{position:relative;top:0;height:100%;background:rgba(0,0,0,0.7);display:flex}.small-img-box .mask-small-img{width:100px;height:100px;border:2px solid transparent;margin:0 5px 0 0;opacity:.4;cursor:pointer}.small-img-box .mask-small-img.onthis{border:2px solid #1e9fff;opacity:1}.small-content .box-go-left{position:absolute;width:20px;display:block;text-align:center;left:0;bottom:0;height:100px;background:url(./img/left_img.png) no-repeat center;background-size:20px;background-color:rgba(0,0,0,0.3);cursor:pointer}.small-content .box-go-right{position:absolute;width:20px;display:block;text-align:center;right:0;bottom:0;height:100px;background:url(./img/right_img.png) no-repeat center;background-size:20px;background-color:rgba(0,0,0,0.3);cursor:pointer}.small-content .box-go-left:hover,.small-content .box-go-right:hover{cursor:pointer;background-color:rgba(0,0,0,0.8);background-size:24px}.mask-layer-container .img-pre{width:54px;height:54px;border-radius:100%;position:absolute;left:27%;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);cursor:pointer;border:3px solid #fff}.mask-layer-container .img-pre svg{position:absolute;top:50%;left:48%;transform:translate(-50%,-50%);color:inherit}.mask-layer-container .img-next svg{position:absolute;top:52%;right:-2px;transform:translate(-50%,-50%)}.mask-layer-container .img-next svg path{fill:currentColor;color:#fff}.mask-layer-container .img-next{width:54px;height:54px;position:absolute;border-radius:100%;cursor:pointer;right:27%;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);border:3px solid #fff}.mask-layer-container .mask-layer-imgbox{width:100%;height:100%;position:relative}.mask-layer-container .mask-layer-imgbox.has-small{height:100%}.mask-layer-imgbox .mask-layer-imgName{z-index:999;position:absolute;bottom:-30px;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%);-moz-transform:translate(-50%);-ms-transform:translate(-50%);-o-transform:translate(-50%);height:30px;width:630px;padding:5px;color:#fff;background:rgba(0,0,0,0.3);transition:all linear .3s;display:none}.mask-layer-imgbox:hover .mask-layer-imgName{bottom:0}.mask-layer-imgbox .layer-img-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:35%}.mask-layer-imgbox .layername{font-size:20px;color:#5580f1;margin:10px 0 20px}.mask-layer-imgbox .layerdouc{font-size:14px;color:#fff;line-height:24px;max-height:120px;overflow-y:auto;padding-right:10px}.layer-img-box>p{position:absolute;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;width:100%;height:100%;-webkit-margin-before:0;-webkit-margin-after:0;cursor:move;left:0;top:0}.mask-layer-imgbox .layerImbox{position:relative;width:100%;height:0;padding-bottom:66%}.mask-layer-imgbox .layer-img-box img{position:absolute;height:100%;width:100%;display:block;object-fit:cover}.mask-layer-imgbox .layerdouc::-webkit-scrollbar{width:8px}.mask-layer-imgbox .layerdouc::-webkit-scrollbar-track{background:#868686;border-radius:5px}.mask-layer-imgbox .layerdouc::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:5px}.leadong23154 .box .scroll::-webkit-scrollbar-thumb .mask-layer-imgbox .layer-img-box img:hover{cursor:move}.zoomImg-hide-box{display:none !important}.mask-layer .contextmenu{list-style:none;display:none;position:absolute;width:180px;background:#fff;border-radius:5px;z-index:99;border:1px solid #333}.mask-layer .contextmenu li{transition:ease .3s}.mask-layer .contextmenu li:hover{background:#333}.mask-layer .contextmenu li>a{display:block;padding:10px 10px 10px 35px;color:#000;text-decoration:none;transition:ease .3s}.mask-layer .contextmenu li>a.clockwise{background:url(img/right_rotate.png) no-repeat left 5px center;background-size:24px 24px}.contextmenu li>a.clockwise:hover{background:url(img/right_rotate_h.png) no-repeat left 5px center;background-size:24px 24px}.mask-layer .contextmenu li>a.counterClockwise{background:url(img/left_rotate.png) no-repeat left 5px center;background-size:24px 24px}.contextmenu li>a.counterClockwise:hover{background:url(img/left_rotate_h.png) no-repeat left 5px center;background-size:24px 24px}.mask-layer .contextmenu li>a.downimg{background:url(img/down.png) no-repeat left 5px center;background-size:24px 24px}.contextmenu li>a.downimg:hover{background:url(img/down_h.png) no-repeat left 5px center;background-size:24px 24px}.mask-layer .contextmenu li:hover>a{color:#fff}.mask-layer .contextmenu .menu-parend:hover .menu-child{display:block}@media(max-width:1440px){.mask-layer-container .img-pre{left:26%}.mask-layer-container .img-next{right:26%}}@media(max-width:1200px){.mask-layer-container .img-pre{left:20%}.mask-layer-container .img-next{right:20%}}@media(max-width:900px){.mask-layer-imgbox .layer-img-box{width:40%}.mask-layer-imgbox .layername{font-size:14px;margin:10px 0}.mask-layer-imgbox .layerdouc{font-size:12px;max-height:50px;line-height:unset}}@media(max-width:768px){.mask-layer-imgbox .layer-img-box{width:unset}.mask-layer-imgbox .layername{font-size:17px;margin:10px 0 20px}.mask-layer-imgbox .layerdouc{font-size:14px;height:120px;line-height:25px}.mask-layer-container .img-pre{left:14%}.mask-layer-container .img-next{right:14%}.mask-layer-imgbox .layerdouc{max-height:150px}}@media(max-width:600px){.mask-layer-imgbox .layer-img-box{width:100%;padding:0 20px;top:40px;transform:translateX(-50%)}.mask-layer-imgbox .layerdouc{max-height:100%;padding-right:0;height:100%}.mask-layer .mask-layer-close{top:5px}.mask-layer-container .img-next,.mask-layer-container .img-pre{width:54px;height:54px;bottom:unset;top:unset;transform:unset;margin:0 10px;border:2px solid #fff;position:relative;right:unset;left:unset}.mask-layer-container .bagjt{position:absolute;bottom:40px;display:flex;left:50%;transform:translateX(-50%)}.mask-layer-container .img-pre svg,.mask-layer-container .img-next svg{width:25px}.mask-layer-container .img-next svg{right:0}}