.clipper-container{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1999;line-height:0;background-color:#000;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clipper-container .clipper-part{position:fixed;top:0;left:0;right:0;bottom:45px;z-index:102}.clipper-container .clipper-part .pCanvas-container{position:relative;width:300px;border-radius:6px;margin:0 auto;margin-top:70px;background-color:#888;overflow:hidden;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==);mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAACnej3aAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==)}.clipper-container .clipper-part .pCanvas-container .water-mark{width:110px;position:absolute;left:16px;bottom:10px}.clipper-container .action-bar{box-sizing:content-box;position:fixed;bottom:0;left:0;right:0;z-index:200;height:45px;line-height:45px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.clipper-container .action-bar .btn-ok{display:block;line-height:45px;background:#d6ab56;text-align:center;color:#fff;font-size:15px;font-weight:700}.clipper-container .action-bar .btn-ok.gray{color:#999;background:#666}.clipper-container .mask{z-index:101;transition:opacity .5s;background-color:#333;opacity:0}.clipper-container .mask.opacity{opacity:.8}.clipper-container .gesture-mask{position:fixed;top:0;left:0;right:0;bottom:45px;z-index:103}.clipper-container .gesture-mask .close_btn{width:16px;height:16px;background:url(https://puui.qpic.cn/vupload/0/20190104_1546592804262_1oo7e5dgntc.png/0) no-repeat 50%;background-size:cover;position:fixed;right:40px;top:20px}.clipper-container .gesture-mask .close_btn.titlebar{top:40px}.clipper-container .gesture-mask .pic_btn{position:fixed;top:275px;left:50%;width:300px;transform:translateX(-50%);text-align:center;display:flex;justify-content:space-between;-webkit-justify-content:space-between;align-items:center}.clipper-container .gesture-mask .pic_btn a{display:flex;align-items:center;color:#fff;font-size:15px;font-weight:700}.clipper-container .gesture-mask .pic_btn a.gray{color:#999}.clipper-container .gesture-mask .pic_btn a img{margin-right:5px}.clipper-container .gesture-mask .rule_content{position:fixed;bottom:70px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.clipper-container .gesture-mask .rule_content .service_statement{padding:0 34px 0 38px;font-size:14px;color:#fff}.clipper-container .gesture-mask .rule_content .service_statement a{width:20px;height:20px;display:inline-block;border-radius:50%;margin-right:7px;vertical-align:text-bottom;border:1px solid #fff}.clipper-container .gesture-mask .rule_content .service_statement a.active{background:url(https://puui.qpic.cn/vupload/0/20190104_1546593131089_5v8rbv2r5ts.png/0) no-repeat 50%;background-size:50%;background-color:#d6ab56}.clipper-container .gesture-mask .rule_content .service_statement .term{color:#d6ab56}.clipper-container .gesture-mask .rule_content .tips{color:#fff;font-size:13px;padding:0 34px 0 38px;line-height:20px;text-align:left;margin-top:8px}.clipper-container .statement{position:fixed;z-index:9999;width:90%;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:5px;background:#fff}.clipper-container .statement .content{max-height:calc(80vh - 128px);overflow:auto;padding-bottom:18px}.clipper-container .statement h2{color:#383838;font-weight:700;font-size:18px;text-align:center;padding-top:21px;padding-bottom:21px;line-height:1}.clipper-container .statement p{font-size:15px;line-height:21px;color:#222;padding:0 28px 0 24px;text-align:left}.clipper-container .statement a{position:relative;display:block;width:100%;line-height:49px;text-align:center;color:#d6ab56;font-weight:700;font-size:16px}.clipper-container .statement a:after{content:"";position:absolute;width:100%;top:0;left:0;right:0;border-top:1px solid #ccc;transform:scaleY(.5);transform-origin:0 0}.diy-share-loading-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:2000}.icon_loading_flower{position:absolute;z-index:9;display:block;width:16px;height:16px;margin:0 auto;background-image:url(https://puui.qpic.cn/vupload/0/20180709_1531122733545.gif/0);background-repeat:no-repeat;background-size:cover;background-position:50%;left:50%;top:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)}