.viewcompress .drag{height:220px;display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;padding:30px!important;margin:0 0 0 20px}.viewcompress .imgbox{display:none}.viewcompress .imgbox .item{width:calc(50% - 10px)}.viewcompress .imgbox .item h5{background:rgba(0,0,0,.03);height:55px;padding:0 20px;border:1px #eee solid;font-size:14px;color:var(--text-two);border-bottom:0}.viewcompress .imgbox .item .sliderbox{justify-content:center;align-items:center}.viewcompress .imgbox .item .sliderbox span{margin-right:15px}.viewcompress .imgbox .item .slider{width:300px}.viewcompress .imgbox .item .layui-slider-wrap-btn{border-color:var(--main)!important}.viewcompress .imgbox .item .layui-slider-bar{background:var(--main-hover)!important}.viewcompress .imgbox .item .layui-slider-input-btn i:hover{color:var(--main)}.viewcompress .imgbox .item .imgcot{border:1px #e2e2e2 dashed;display:flex;align-items:center;justify-content:center;height:400px;padding:20px}.viewcompress .imgbox .item .imgcot img{max-width:100%;max-height:100%}.viewcompress .download{background:var(--main);color:#fff;padding:10px 20px;cursor:pointer;border-radius:20px}.viewcompress .download:hover{background:var(--main-hover)}@media screen and (max-width:1350px){.viewcompress .imgbox .item .slider{width:200px}}@media screen and (max-width:1300px){.viewcompress .imgbox{flex-direction:column}.viewcompress .imgbox .item{width:100%}.viewcompress .imgbox .item:first-child{margin-bottom:20px}.viewcompress .imgbox .item .imgcot{height:300px}}@media screen and (max-width:1050px){.viewcompress .drag{width:100%;height:auto;margin-left:0}}@media screen and (max-width:750px){.viewcompress .box .drag{padding:10px}.viewcompress .drag .layui-icon{font-size:50px}.viewcompress .drag p{font-size:12px;line-height:24px}.viewcompress .imgbox .item:first-child{margin-bottom:10px}.viewcompress .imgbox .item .imgcot{height:200px}.viewcompress .imgbox .item h5{font-size:12px;padding:0 10px}.viewcompress .imgbox .item .imgcot{padding:10px}}