.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{width:100%;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 .actives{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)}@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}}@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:750px){.watermark .drag{width:calc(100% - 20px)!important;min-height:350px;padding:10px!important}.watermark .drag .layui-icon{font-size:50px}.watermark .drag p{font-size:12px;line-height:24px}.watermark .drag img{max-height:350px}.watermark .preview{margin-top:10px}.watermark .operate .li{margin-bottom:20px}.watermark .operate .li .downall,.watermark .operate .li .down{padding:10px 20px;font-size:12px}}