@charset "UTF-8";.image .scrollable-tabs-container{display:flex;align-items:center;width:calc(100% - 80px);position:relative;padding:0 40px;background:#f5f5f5;border-radius:5px;margin-bottom:20px}.image .scrollable-tabs-container a{color:var(--text-two)}.image .arrow-btn .icon{color:var(--text-two)!important}.image .tabs-wrapper{overflow:hidden;width:100%}.image .tabs-container{display:flex;gap:15px;transition:transform .3s ease;padding:10px 0}.image .tab{cursor:pointer;white-space:nowrap;transition:all .3s ease;flex-shrink:0}.image .tab a{padding:8px 16px;display:block}.image .tab a:hover{color:var(--main)}.image .tab.active{background-color:var(--main);color:#fff;border-color:var(--main);border-radius:5px}.image .tab.active a{color:#fff}.image .arrow-btn{border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.image .arrow-btn:hover{background-color:#f0f0f0}.image .left-arrow{left:0}.image .right-arrow{right:0}.image .arrow-btn i{color:#333;font-size:14px}.image .arrow-btn:disabled{opacity:.5;cursor:not-allowed}.image .cotbox .drag{width:calc(100% - 60px);padding:125px 30px}.image .pressresult{background-image:linear-gradient(to right,var(--main),var(--second));border-top-left-radius:10px;border-top-right-radius:10px;margin-top:20px;padding:20px;display:none}.image .pressresult .minus{color:#fff;display:none}.image .pressresult .minus .help{padding-bottom:10px;font-size:16px}.image .pressresult .minus .help .reduction{font-size:24px;padding:0 5px}.image .pressresult .minus .data span{font-weight:700}.image .pressresult .minus .data .numb{padding-right:5px;font-size:16px}.image .pressresult .minus .data .size{padding-left:5px;font-size:16px}.image .pressresult .downall{background:#fff;height:50px;padding:0 20px;border-radius:50px;color:var(--main);cursor:pointer;display:none}.image .pressresult .downall:hover{background:#f2f2f2}.image .pressresult .downall .icon{color:var(--main)}.image .down-small{background-image:linear-gradient(to right,#fe6f26,#fe8926);color:#fff!important;border:none;outline:none;padding:15px 24px;font-size:14px;cursor:pointer;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:none}.image .down-small:hover{background-image:linear-gradient(to right,#fd7a39,#fc9846)}.image .imglist{padding:20px;display:none}.image .imglist .imginfo{margin-bottom:10px}.image .imglist .list{border-bottom:1px #eee solid;padding-bottom:10px;margin-bottom:20px}.image .imglist .list:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.image .imglist .list .imgbox{width:50px;height:50px;margin-right:20px;overflow:hidden;border-radius:10px}.image .imglist .list .imgbox img{max-width:50px}.image .imglist .list .img{background-size:cover}.image .imglist .list .img{width:50px}.image .imglist .list .fileinfo .name{color:var(--text-two);font-size:16px;padding-bottom:6px}.image .imglist .list .fileinfo .suffix{padding:2px 10px;border-radius:4px;background:#cfb53d;color:#fff;margin-right:4px;font-size:12px}.image .imglist .list .fileinfo .size{font-weight:lighter}.image .imglist .list .compress{align-items:flex-end}.image .imglist .list .compress .ratio{font-size:14px;font-weight:700;color:var(--text-two)}.image .imglist .list .compress .size{margin-top:6px;font-weight:lighter}.image .imglist .list .down{margin-left:20px;background:#ffefe2;padding:5px 10px;border-radius:5px;cursor:pointer;display:none}.image .imglist .list .down:hover{background:#fee5d0}.image .imglist .list .down .icon{color:var(--main)}.image .imglist .list .error{color:var(--main);display:none}.image .layui-progress{height:2px;background:#fff}.image .layui-progress-bar{height:2px;background-color:var(--main)}.image .progress{font-size:14px;color:#fff}.size .cotbox .drag{width:calc(100% - 60px);padding:125px 30px}.size .param{margin-top:20px}.size .param .li{margin-right:10px;position:relative}.size .param .li img{max-height:200px;padding:10px;border:1px #eee solid;border-radius:10px;margin-bottom:0}.size .param .li p{position:absolute;top:11px;left:11px;padding:5px 10px;color:#fff;background:var(--main)}.size .param .after img{display:none}.size .param .after img:first-child{display:block}.size .param .layui-form-label{width:40px}.size .param .layui-input-block{margin-left:70px}.size .layui-form-item .layui-input-inline{width:100px}.size .pressresult .minus .help{padding-bottom:0}.size .height{display:none}.size .param .list .layui-input-block{display:flex;flex-wrap:wrap}.size .param .list .layui-form-radio{margin-right:0;padding-right:5px}.size .param .item{display:flex;align-items:center;width:165px}.size .param .item .icon{color:var(--text-three);margin-top:6px;font-size:20px}.size .param .item .icon:hover{color:var(--main)}.watermark .preview{margin-left:20px;width:120px;height:550px;padding:40px 0}.watermark .swiper-slide{width:110px;height:100px!important;margin:0 auto;padding:4px;border:1px #eee solid;display:flex;align-items:center;justify-content:center}.watermark .swiper-slide img{max-width:100%;max-height:100%}.watermark .swiper-button-prev{width:100%;height:30px;background:var(--main);color:#fff;top:0;left:0;margin-top:0;border-top-left-radius:5px;border-top-right-radius:5px}.watermark .swiper-button-prev:after{font-size:14px;transform:rotate(90deg)}.watermark .swiper-button-next{width:100%;height:30px;background:var(--main);color:#fff;bottom:0;left:0;top:auto;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.watermark .swiper-button-next:after{font-size:14px;transform:rotate(90deg)}.watermark .swiper-button-lock{display:flex}.watermark .operate{width:400px;margin-left:20px;padding:20px}.watermark .operate .li{align-items:center;margin-bottom:25px}.watermark .operate .li:last-child{margin-bottom:0}.watermark .operate .li .name{width:65px}.watermark .operate .li .numb{margin-left:5px}.watermark .operate .li .layui-slider{width:100%}.watermark .operate .li .layui-form-radio{margin-top:1px}.watermark .operate .li .layui-slider-bar{background:var(--main)!important}.watermark .operate .li .layui-slider-wrap-btn{border-color:var(--main)!important}.watermark .operate .li .position{width:154px;display:flex;flex-direction:row;flex-wrap:wrap}.watermark .operate .li .item{width:40px;height:40px;border-left:1px var(--main) solid;border-top:1px var(--main) solid;display:flex;align-items:center;justify-content:center}.watermark .operate .li .item:hover{background:var(--main)}.watermark .operate .li .item:hover .icon{color:#fff}.watermark .operate .li .item:nth-child(3n){border-right:1px var(--main) solid}.watermark .operate .li .item:nth-last-child(-n+3){border-bottom:1px var(--main) solid}.watermark .operate .li .item .icon{color:var(--main);font-size:20px}.watermark .operate .li .cur{background:var(--main)}.watermark .operate .li .cur .icon{color:#fff}.watermark .operate .li .down{background-image:linear-gradient(to right,var(--main),var(--second));color:#fff!important;border:none;outline:none;padding:12px 24px;border-radius:5px;font-size:14px;margin-left:10px}.watermark .operate .li .down:hover{background-image:linear-gradient(to right,var(--main-hover),var(--second-hover))}.watermark .operate .li .downall{background:linear-gradient(to right,#18b8d8,#66e0f8);color:#fff!important;border:none;outline:none;padding:12px 24px;border-radius:5px;font-size:14px}.watermark .operate .li .downall:hover{background:linear-gradient(to right,#1ccef1,#71e3fa)}.watermark .watertitle .layui-input{margin-left:10px;font-size:14px}.watermark .waterimg{display:none}.watermark .drag{height:calc(100% - 60px);min-height:568px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px!important}.watermark .drag img{display:none;max-width:100%;max-height:505px}.watermark .swiper{display:none}.watermark .active{border-color:var(--main)}.watermark .water-text{margin-left:10px}.watermark .custom{display:none}.watermark .dragwater{padding:0;height:80px;width:200px;display:flex;align-items:center;justify-content:center;flex-direction:column}.watermark .dragwater img{display:none;max-width:100%;max-height:100%}.watermark .dragwater i{font-size:40px!important}.watermark .dragwater p{font-size:12px}.watermark .layui-slider-input-btn i:hover{color:var(--main)}.watermark .layui-btn{background-color:var(--main)}.watermark .layui-btn-primary:hover{border-color:var(--main)}.cotbox .layui-upload-drag .layui-icon{color:var(--main);font-size:60px}.layui-form-radio:hover>*,.layui-form-radioed,.layui-form-radioed>i{color:var(--main)!important}.cropping .operate{width:450px;margin-left:20px;padding:20px}.cropping .operate .li{align-items:center;margin-bottom:25px}.cropping .operate .li:last-child{margin-bottom:0}.cropping .operate .li .name{width:65px}.cropping .operate .li .numb{margin-left:5px}.cropping .operate .li .unit{position:absolute;top:0;right:0;font-size:14px}.cropping .operate .li .layui-input-inline{margin-right:0}.cropping .operate .li em{margin:0 10px}.cropping .operate .li input{padding-right:30px;font-size:14px}.cropping .operate .li .layui-form-radio{width:72px;margin-top:0}.cropping .operate .prorata .name{position:relative;top:4px}.cropping .operate .item{margin-bottom:25px}.cropping .operate .item .li{margin-bottom:0;width:calc(50% - 20px)}.cropping .operate .item .li:first-child{margin-right:40px}.cropping .operate .btn{border:1px #eee solid;padding:5px 10px;border-radius:5px;margin-right:10px;cursor:pointer}.cropping .operate .btn span{color:#646464;font-size:14px;margin-right:4px}.cropping .operate .btn i{color:#646464;font-size:14px}.cropping .operate .btn:hover{border-color:var(--main)}.cropping .operate .btn:hover i,.cropping .operate .btn:hover span{color:var(--main)}.cropping .operate .lock .layui-form-checkbox{margin-top:0;margin-left:10px}.cropping .bysize{display:none}.cropping .bysize .layui-input-inline{width:95px}.cropping .operate .cc{width:100px;margin-bottom:10px;text-align:center}.cropping .operate .cc:nth-child(3n){margin-right:0}.cropping .operate .li .down{background-image:linear-gradient(to right,var(--main),var(--second));color:#fff!important;border:none;outline:none;padding:12px 24px;border-radius:5px;font-size:14px;margin-left:10px}.cropping .operate .li .down:hover{background-image:linear-gradient(to right,var(--main-hover),var(--second-hover))}.cropping .operate .li .downall{background:linear-gradient(to right,#18b8d8,#66e0f8);color:#fff!important;border:none;outline:none;padding:12px 24px;border-radius:5px;font-size:14px}.cropping .operate .li .downall:hover{background:linear-gradient(to right,#1ccef1,#71e3fa)}.cropping .drag{width:100%!important;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0!important}.cropping cropper-canvas{width:100%;height:100%}.cropping .cropper-container{height:100%!important}.cropping .coordinate{position:absolute;left:0;top:-20px;color:#fff;font-size:12px}.cropping .width{width:100%;height:24px;line-height:24px;position:absolute;top:-24px;left:0;color:#fff;font-size:12px;display:flex;justify-content:space-between}.cropping .width .line:first-child{width:1px;height:24px;background:var(--main)}.cropping .width .line:last-child{width:1px;height:24px;background:var(--main)}.cropping .height{width:24px;height:100%;position:relative;left:-24px;top:0;display:flex;justify-content:center;align-items:center}.cropping .height span{transform:rotate(-90deg);transform-origin:center center;font-size:12px;color:#fff}.cropping .height .line:first-child{width:24px;height:1px;background:var(--main);position:absolute;left:0;bottom:0}.cropping .height .line:last-child{width:24px;height:1px;background:var(--main);position:absolute;left:0;top:0}@media screen and (max-width:1400px){.watermark .operate{width:350px}.watermark .preview{width:100px}.watermark .swiper-slide{width:90px;height:70px!important}.watermark .drag{padding:20px!important;width:calc(100% - 40px)!important;height:calc(100% - 40px)!important}}@media screen and (max-width:1300px){.watermark .itemcot{flex-direction:column;width:calc(100% - 370px)}.watermark .preview{margin-left:0;width:calc(100% - 80px);height:70px!important;margin-top:20px;padding:10px 40px}.watermark .swiper-button-prev{width:30px;height:100%;border-radius:5px 0 0 5px}.watermark .swiper-button-prev:after{transform:rotate(0)}.watermark .swiper-button-next{width:30px;height:100%;border-radius:0 5px 5px 0;right:0;left:unset}.watermark .swiper-button-next:after{transform:rotate(0)}.watermark .swiper-slide{height:80px!important}.watermark .swiper-wrapper{display:flex;align-items:center}.watermark .drag{min-height:470px}.watermark .drag img{max-height:470px}.cropping{flex-direction:column!important}.cropping .drag{height:500px}.cropping .operate{margin-left:0;width:100%}.cropping .operate .cc{width:70px}.cropping .operate .cc:nth-child(3n){margin-right:10px}.cropping .operate .li{margin-bottom:20px}}@media screen and (max-width:1100px){.watermark .operate{width:300px}.watermark .itemcot{width:calc(100% - 320px)}}@media screen and (max-width:1000px){.watermark{flex-direction:column!important}.watermark .itemcot{width:100%}.watermark .operate{width:100%;margin-left:0;margin-top:20px;padding:0}.watermark .operate .li:last-child{justify-content:center}.watermark .drag{min-height:400px}.watermark .drag img{max-height:400px}}@media screen and (max-width:950px){.size .param .li img{max-height:150px}}@media screen and (max-width:850px){.size .param .li img{max-height:100px}}@media screen and (max-width:750px){.watermark .drag{min-height:350px}.watermark .drag img{max-height:350px}}