html{height:100%}body{height:100%;overflow:hidden;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);background:#fff}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}*{scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.watermark-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:repeat;pointer-events:none;z-index:1000}.iconRight{display:flex;flex-flow:column;justify-content:center;right:10px;width:36px;position:fixed;user-select:none;z-index:50;height:100vh}.iconRight span{display:none}.iconRight div{margin-bottom:10px;cursor:pointer;position:relative}.iconRight img{width:36px}.iconRight :hover span{display:block;position:absolute;right:40px;top:0;background:rgba(0,0,0,.5);color:#fff;padding:5px;border-radius:5px;font-size:12px;z-index:1000}.iconLeftTop{left:10px;top:40px;width:300px;position:fixed;user-select:none;z-index:50}.iconLeftTop .top{display:flex;width:300px}.iconLeftTop .top .left{width:50px;margin-right:10px}.iconLeftTop .top .left img{width:100%;border-radius:5px}.iconLeftTop .top .right{display:flex;width:240px;flex-wrap:wrap;font-size:14px}.iconLeftTop .top .author{width:240px}.iconLeftTop .bottom{max-width:300px;margin-top:10px}.iconLeftTop .bottom img{max-width:100%}.none{display:none}.infosContainer{padding:20px 10px;font-size:14px;line-height:28px;color:#333}.gestureTips{margin:0 auto;position:fixed;left:0;right:0;text-align:center;width:100vw;height:100vh;display:none;pointer-events:none}.gestureTips div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh}.gestureTips div img{width:250px;height:250px}.gestureTips div .img1{width:150px;height:150px}.shareContainer{padding-top:20px}.shareContainer .closebtn{position:relative;color:#fff;cursor:pointer;font-size:24px;top:-500px !important}.shareContainer .iconlist{display:flex;width:400px;justify-content:space-between;color:#fff;margin-top:20px}.shareContainer .iconlist div{width:30%;text-align:center;cursor:pointer;font-size:14px}.shareContainer .iconlist div label{cursor:pointer;font-size:40px;width:100%;display:inline-block;margin:5px 0}.skin-canvas-layer{background:0 0;box-shadow:0 0 0}.skin-layer-lockFullScreen{background-color:#666}.skin-layer-lockFullScreen .layui-form{position:absolute;top:50%;left:50%;width:300px;transform:translate(-50%,-50%);font-size:14px}.skin-layer-lockFullScreen .skin-layer-lockFullScreen-layer-pin{width:100%;height:38px;padding:0 8px;background-color:rgba(255,255,255,.8);border:none;border-radius:3px;box-sizing:border-box}.skin-layer-lockFullScreen .layui-input-suffix{pointer-events:auto;background-color:rgba(0,0,0,.5);border-radius:0 3px 3px 0}.skin-layer-lockFullScreen .layui-input-suffix .layui-icon-right{cursor:pointer;color:#fff}.skin-layer-lockFullScreen .layui-form>div{margin-bottom:8px}.loader-container-main{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;pointer-events:none}.loader-container-main .loader-container{position:relative;width:150px;height:150px;display:flex;justify-content:center;align-items:center;border-radius:50%}.loader-container-main .loader-svg{transform:rotate(-90deg)}.loader-container-main .loader-text{position:absolute;font-size:14px;color:#333}