.super-code-wrap *{margin:0;padding:0}.super-code-wrap em{font-style:normal}.super-code-wrap img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.super-code-wrap{display:none}.super-code-popup{background-color:rgba(0,0,0,.6)}.super-code-pc,.super-code-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.super-code-container{position:absolute;top:50%;left:50%;width:85.333%;max-width:320px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.super-code-pc .super-code-container{border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.2);-webkit-transform:translate(0);transform:translate(0)}.super-code-container .super-code-before{display:none}.super-code-pc .super-code-container .super-code-before{display:block;position:absolute;top:9999px;left:-9999px;width:10px;height:10px;background-color:#fff;-webkit-box-shadow:-4px 8px 14px rgba(0,0,0,.2);box-shadow:-4px 8px 14px rgba(0,0,0,.2);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.super-code-animate-waggle{-webkit-animation:waggle .3s ease;animation:waggle .3s ease}.super-code-animate-pcWaggle,.super-code-animate-waggle{-webkit-transform-origin:center 40%;transform-origin:center 40%}.super-code-animate-pcWaggle{-webkit-animation:pcWaggle .3s ease;animation:pcWaggle .3s ease}.super-code-drag{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:14px 10px 20px}.super-code-drag,.super-code-text{border-radius:4px;background-color:#fff}.super-code-text{padding:14px 10px 8px}.super-code-title{display:-webkit-box;display:-ms-flexbox;display:flex;color:#464646;font-size:18px;font-weight:700;line-height:25px;margin-bottom:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.super-code-text-img{width:66px;height:22px;margin-left:12px}.super-code-lib-green{color:#00bc70}.super-code-main{position:relative;width:100%;margin-bottom:20px}.super-code-main-img{font-size:0}.super-code-error-message{bottom:-1px;left:0;width:100%;height:0;line-height:28px;background-color:#ff5050;color:#fff;padding-left:20px;font-size:13px;overflow:hidden}.super-code-error-message,.super-code-success-message{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease;transition:all .3s ease}.super-code-success-message{display:none;opacity:0;top:0;left:-1px;width:calc(100% + 2px);height:calc(100% + 3px);text-align:center;background-color:hsla(0,0%,100%,.9);padding-top:42px;margin-top:-1px}.super-code-success-icon{position:relative;display:inline-block;width:60px;height:60px;border-radius:50%;background-color:#00bc70}.super-code-success-icon:before{left:19px;top:25px;height:18px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.super-code-success-icon:after,.super-code-success-icon:before{position:absolute;content:"";width:3px;border-radius:1px;background-color:#fff}.super-code-success-icon:after{left:35px;top:15px;height:30px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.super-code-success-text{margin-top:10px;color:#00bc70;font-size:13px}.super-code-img-bg{width:100%;max-height:173px}.super-code-img-block{position:absolute;top:40px;left:8px;width:64px;height:64px;filter:drop-shadow(0 0 4px);-webkit-filter:drop-shadow(0 0 4px)}.super-code-drag-wrap{position:relative;width:100%;height:48px;margin-bottom:20px;border-radius:24px;background-color:#e6e6e6}.super-code-drag-placeholder{width:100%;height:100%;text-indent:80px;color:#909090;font-size:15px;line-height:48px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.super-code-drag-wrap-dragging .super-code-drag-placeholder{opacity:0}.super-code-drag-btn{position:absolute;left:4px;top:4px;width:60px;height:40px;border-radius:20px;background-color:#00bc70;-webkit-box-shadow:0 3px 10px 0 #83dcc1;box-shadow:0 3px 10px 0 #83dcc1;cursor:pointer}.super-code-drag-btn-decorate-left:before{content:"";position:absolute;left:24px;top:13px;width:10px;height:1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left top;transform-origin:left top;background-color:#fff}.super-code-drag-btn-decorate-left:after{content:"";position:absolute;left:20px;top:20px;width:10px;height:1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:right top;transform-origin:right top;background-color:#fff}.super-code-drag-wrap-dragging .super-code-drag-btn-decorate-left,.super-code-drag-wrap-dragging .super-code-drag-btn-decorate-right{display:none}.super-code-drag-btn-decorate-right:before{content:"";position:absolute;left:32px;top:13px;width:10px;height:1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left top;transform-origin:left top;background-color:#fff}.super-code-drag-btn-decorate-right:after{content:"";position:absolute;left:28px;top:20px;width:10px;height:1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:right top;transform-origin:right top;background-color:#fff}.super-code-dragging-btn-decorate{display:none;position:absolute;left:28px;top:18px;width:4px;height:4px;background-color:#fff;border-radius:50%}.super-code-drag-wrap-dragging .super-code-dragging-btn-decorate{display:block}.super-code-dragging-btn-decorate:before{content:"";position:absolute;left:-14px;top:-3px;width:0;height:0;border:5px solid transparent;border-right-color:#fff}.super-code-dragging-btn-decorate:after{content:"";position:absolute;left:8px;top:-3px;width:0;height:0;border:5px solid transparent;border-left-color:#fff}.super-code-tips{position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:20px;line-height:20px;color:#bcbcbc}.super-code-btns,.super-code-tips{display:-webkit-box;display:-ms-flexbox;display:flex}.super-code-btns{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.super-code-tips-text{font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.super-code-reload{width:20px;height:20px;cursor:pointer}.super-code-pc .super-code-reload{width:16px;height:16px}.super-code-text-btn{width:100%;height:44px;border-radius:4px;background-color:rgba(18,194,134,.6);text-align:center;line-height:44px;font-size:16px;font-weight:700;color:#fff;margin-top:36px;cursor:pointer}.super-code-text-btn-allow{background-color:#00bc70}.super-code-close{position:relative;margin-top:32px;margin-left:calc(50% - 18.5px);width:37px;height:37px;border-radius:50%;border:1px solid #fff;cursor:pointer}.super-code-pc .super-code-close{position:absolute;top:19px;right:0;margin-top:0;margin-left:0;margin-right:12px;width:16px;height:16px;border-radius:0;border:none}.super-code-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.super-code-close:after,.super-code-close:before{content:"";position:absolute;left:10px;top:18px;width:18px;height:1px;background-color:#fff}.super-code-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.super-code-pc .super-code-close:after,.super-code-pc .super-code-close:before{top:8px;left:0;background-color:#909090}.super-code-text-point{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;border-radius:50%;border:2px solid #fff;background-color:#00bc70;color:#fff;text-align:center;line-height:22px;font-size:14px;opacity:0;-webkit-box-shadow:0 0 6px rgba(0,0,0,.6);box-shadow:0 0 6px rgba(0,0,0,.6);cursor:pointer}.super-code-show,.super-code-text-point{-webkit-animation:showAnimation .3s forwards;animation:showAnimation .3s forwards}.super-code-show,.super-code-showed{display:block}.super-code-hidden{display:block;-webkit-animation:hiddenAnimation .3s forwards;animation:hiddenAnimation .3s forwards}.transition{-webkit-transition:all .3s ease;transition:all .3s ease}.super-code-error{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:40px;line-height:40px;padding:0 16px;background:rgba(0,0,0,.8);color:#fff;font-size:13px;text-align:center;border-radius:7px}@-webkit-keyframes hiddenAnimation{0%{opacity:1}to{opacity:0;display:none}}@keyframes hiddenAnimation{0%{opacity:1}to{opacity:0;display:none}}@-webkit-keyframes showAnimation{0%{opacity:0}to{opacity:1}}@keyframes showAnimation{0%{opacity:0}to{opacity:1}}@-webkit-keyframes waggle{0%{-webkit-transform:translate(-50%,-50%) rotate(-1deg);transform:translate(-50%,-50%) rotate(-1deg)}20%{-webkit-transform:translate(-50%,-50%) rotate(1deg);transform:translate(-50%,-50%) rotate(1deg)}40%{-webkit-transform:translate(-50%,-50%) rotate(-1deg);transform:translate(-50%,-50%) rotate(-1deg)}60%{-webkit-transform:translate(-50%,-50%) rotate(1deg);transform:translate(-50%,-50%) rotate(1deg)}80%{-webkit-transform:translate(-50%,-50%) rotate(-1deg);transform:translate(-50%,-50%) rotate(-1deg)}to{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}}@keyframes waggle{0%{-webkit-transform:translate(-50%,-50%) rotate(-1deg);transform:translate(-50%,-50%) rotate(-1deg)}20%{-webkit-transform:translate(-50%,-50%) rotate(1deg);transform:translate(-50%,-50%) rotate(1deg)}40%{-webkit-transform:translate(-50%,-50%) rotate(-1deg);transform:translate(-50%,-50%) rotate(-1deg)}60%{-webkit-transform:translate(-50%,-50%) rotate(1deg);transform:translate(-50%,-50%) rotate(1deg)}80%{-webkit-transform:translate(-50%,-50%) rotate(-1deg);transform:translate(-50%,-50%) rotate(-1deg)}to{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}}@-webkit-keyframes pcWaggle{0%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}20%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}40%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}60%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}80%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes pcWaggle{0%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}20%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}40%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}60%{-webkit-transform:rotate(1deg);transform:rotate(1deg)}80%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media screen and (max-width:340px){.super-code-drag-placeholder{font-size:12px}}@media screen and (max-height:420px){.super-code-text{padding:10px 10px 16px}.super-code-drag{padding:10px}.super-code-title{font-size:16px;margin-bottom:8px}.super-code-main{margin-bottom:16px}.super-code-tips-text{display:none}.super-code-text-btn{position:absolute;bottom:12px;right:10px;width:calc(100% - 50px);height:30px;line-height:30px}.super-code-close{position:absolute;top:0;right:0;margin-top:0;margin-left:0}.super-code-close:after,.super-code-close:before{background-color:#909090}.super-code-success-message{padding-top:22px}.super-code-drag-placeholder{font-size:12px}.super-code-drag .super-code-tips{display:contents}.super-code-drag .super-code-reload{position:absolute;top:12px;right:40px;width:16px;height:16px}.super-code-drag-wrap{margin-bottom:0}.super-code-drag .super-code-main{margin-bottom:8px}.super-code-pc .super-code-close{top:12px}}