.lightbox{position:fixed;top:0;left:0;bottom:0;right:0;display:none;width:100%;height:100vh;background:rgba(0,0,0,.7);overflow:hidden;z-index:9999}.lightbox.active{display:block}.lightbox-title{display:flex;justify-content:space-between;padding:0 20px;width:100%;height:60px;line-height:60px;color:#fff;font-size:20px}.lightbox-title p{position:relative;margin:0;display:flex;justify-content:space-between;align-items:center;margin-right:20px;width:120px;height:60px}.lightbox-title p i{display:inline-block;width:60px;height:60px;line-height:60px;text-align:center;font-size:20px;color:#fff;cursor:pointer}.lightbox-title p i.active{display:inline-block}.lightbox-content{position:relative;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:20px;width:100%;height:calc(100vh - 120px)}.lightbox-ls{position:relative;top:20px;box-sizing:border-box;display:flex;justify-content:space-between;padding:0;width:1200px;height:100%;overflow:hidden}.lightbox-ls .lightbox-arrow{display:flex;justify-content:center;align-items:center;width:50px;height:100%;font-size:32px;color:#fff;font-weight:700;cursor:pointer}.lightbox-ls ul{flex:1;width:100%;height:100%;overflow:hidden}.lightbox-ls ul li{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;width:100%;height:100%;text-align:center}.lightbox-ls ul li img{display:inline-block;max-width:700px;width:auto;height:auto}.lightbox-ls ul li .lightbox-arrow{position:absolute;top:0;display:flex;justify-content:center;align-items:center;width:50px;height:100%;cursor:pointer}