*{margin:0;padding:0}.dropdown-menu{display:inline-block;min-width:60px;max-width:150px;background-color:#fff;position:relative;vertical-align:middle;text-align:left;cursor:pointer;white-space:nowrap}.dropdown-menu .label{overflow:hidden;text-overflow:ellipsis;padding:5px 25px 5px 5px;border-radius:4px;border:solid 1px #eaeaea;position:relative;line-height:1}.dropdown-menu .label:hover{border:1px solid #ddd;background-color:#f5f5f5}.dropdown-menu .label.active{border:solid 1px #2d99ec;background-color:#f5f5f5}.dropdown-menu .label:after{content:"";width:0;height:0;display:inline-block;border-top:solid 5px #eaeaea;border-left:solid 4px transparent;border-right:solid 4px transparent;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.dropdown-float-menu{visibility:hidden;opacity:0;list-style:none;position:absolute;width:auto;border:solid 1px #eaeaea;min-width:60px;background-color:#fff;text-align:left;transition:opacity linear .08s;z-index:1009;max-height:300px;overflow-y:auto}.dropdown-float-menu>li{cursor:pointer;overflow:hidden;line-height:2.2;padding:0 12px;text-overflow:ellipsis}.dropdown-float-menu>li.hover{background-color:#f5f5f5}.dropdown-float-menu.visible{opacity:1;visibility:visible}@font-face{font-family:iconfont-image-editor;src:url(//assets.yiban.io/assets/iconfonts/ic-image-editor-3d103824db.ttf) format("truetype")}.ff-image-editor{font-family:iconfont-image-editor!important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}.ff-image-editor.ic-like:before{content:"\e6a0"}.ff-image-editor.ic-delete:before{content:"\e61a"}.ff-image-editor.ic-question:before{content:"\e60b"}.ff-image-editor.ic-upload:before{content:"\e619"}.ff-image-editor.ic-search:before{content:"\e62a"}.ff-image-editor.ic-move-up:before{content:"\e618"}.ff-image-editor.ic-move-down:before{content:"\e617"}.ff-image-editor.ic-undo:before{content:"\e616"}.ff-image-editor.ic-redo:before{content:"\e613"}.ff-image-editor.ic-font:before{content:"\e6f5"}.ff-image-editor.ic-picture:before{content:"\e604"}.ff-image-editor.ic-arrow:before{content:"\e890"}.ff-image-editor.ic-rect:before{content:"\e61e"}.ff-image-editor.ic-circle:before{content:"\e61c"}.ff-image-editor.ic-line:before{content:"\e61b"}.ff-image-editor.ic-mosaic:before{content:"\e6b3"}.ff-image-editor.ic-close:before{content:"\e622"}.ff-image-editor.ic-tip:before{content:"\e691"}.ff-image-editor.ic-back:before{content:"\e6a7"}.ff-image-editor.ic-download:before{content:"\e651"}.ff-image-editor.ic-add:before{content:"\e600"}.ff-image-editor.ic-crop:before{content:"\e611"}.ff-image-editor.ic-apple:before{content:"\e609"}.ff-image-editor.ic-android:before{content:"\e61d"}.ff-image-editor.ic-copy:before{content:"\e614"}@font-face{font-family:Alibaba_PuHuiTi_Thin;src:url(//assets.yiban.io/assets/iconfonts/Alibaba_PuHuiTi_2-dfa78e845f.0_35_Thin_35_Thin.ttf) format("truetype")}@font-face{font-family:Alibaba_PuHuiTi_Light;src:url(//assets.yiban.io/assets/iconfonts/Alibaba_PuHuiTi_2-f2f9486d06.0_45_Light_45_Light.ttf) format("truetype")}@font-face{font-family:Alibaba_PuHuiTi_Regular;src:url(//assets.yiban.io/assets/iconfonts/Alibaba_PuHuiTi_2-7d731481e9.0_55_Regular_55_Regular.ttf) format("truetype")}@font-face{font-family:Alibaba_PuHuiTi_Regular_Bold;src:url(//assets.yiban.io/assets/iconfonts/Alibaba_PuHuiTi_2-07c596ce53.0_55_Regular_85_Bold.ttf) format("truetype")}@font-face{font-family:Alibaba_PuHuiTi_Medium;src:url(//assets.yiban.io/assets/iconfonts/Alibaba_PuHuiTi_2-092a99ee52.0_65_Medium_65_Medium.ttf) format("truetype")}@font-face{font-family:Alibaba_PuHuiTi_SemiBold;src:url(//assets.yiban.io/assets/iconfonts/Alibaba_PuHuiTi_2-7f05e058c6.0_75_SemiBold_75_SemiBold.ttf) format("truetype")}@font-face{font-family:Alibaba_PuHuiTi_ExtraBold;src:url(//assets.yiban.io/assets/iconfonts/Alibaba_PuHuiTi_2-7bc7c655bc.0_95_ExtraBold_95_ExtraBold.ttf) format("truetype")}@font-face{font-family:Alibaba_PuHuiTi_Heavy;src:url(//assets.yiban.io/assets/iconfonts/Alibaba_PuHuiTi_2-12bbf943a7.0_105_Heavy_105_Heavy.ttf) format("truetype")}@font-face{font-family:Alibaba_PuHuiTi_Black;src:url(//assets.yiban.io/assets/iconfonts/Alibaba_PuHuiTi_2-987becdc52.0_115_Black_115_Black.ttf) format("truetype")}@font-face{font-family:Alimama_ShuHeiTi_Bold;src:url(//assets.yiban.io/assets/iconfonts/Alimama_ShuHeiTi_Bold-98a341cd77.ttf) format("truetype")}body{background:#f5f7f9;color:#444;text-align:center;padding:0;margin:0}*{box-sizing:border-box}template{display:none}label{color:#3c3c3c;font-size:14px;text-align:center;border-bottom:1px solid #eaeaea;padding-bottom:10px}select{background:#fff;padding:5px;line-height:30px;border-radius:4px;border:1px solid #eaeaea;cursor:pointer;outline:none}select:hover{background:#fafafa}.backdrop{position:fixed;inset:0;background:#000000b3;z-index:101}ul,ol{list-style:none;padding:0;margin:0}.tooltip{white-space:nowrap;display:inline-block;position:absolute;left:50%;background:#14141499;color:#fff;border-radius:2px;transform:translate(-50%,-100%);min-width:50px;z-index:1000;line-height:20px;font-size:12px;padding:2px 6px}.tooltip:after{box-sizing:content-box;content:"";display:inline-block;width:0;height:0;border:5px solid transparent;border-top-color:#14141499;position:absolute;left:50%;bottom:-10px;transform:translate(-50%)}.no-scroll{overflow:hidden}.pointer{cursor:pointer}.flex{display:flex}.flex .cell{flex:1}.options{color:#000;background:#fffffff2;box-shadow:0 2px 5px #0000004d;line-height:40px;border-radius:6px}.options .divider{display:inline-block;width:8px}.btn{padding:5px 12px;background:#fff;border-radius:5px;font-size:14px;border:1px solid #eaeaea;cursor:pointer;outline:none;line-height:normal;transition:border-color .1s ease 0s,background-color .1s ease 0s}.btn:hover{border-color:#d0d0d0}.btn:active{background:#f5f5f5;border-color:#ccc}.btn.active{border:1px solid #2d99ec}.btn .ff-image-editor{color:#888}.btn-block{display:block;width:100%;margin:10px 0}.btn.btn-primary{border:1px solid #20c05c;background:#20c05c;color:#fff;transition:background-color .2s ease 0s}.btn.btn-primary:hover{border-color:#2ad069;background:#2ad069;color:#fff}.btn.btn-primary:active{background:#22ad56}.btn.btn-primary .ff-image-editor{color:#fff!important}a.btn{text-decoration:none;color:#000}.hide{display:none!important}.invisible{visibility:hidden!important}.dialog{position:fixed;inset:0;background:#000000b3;z-index:101;z-index:1000}.dialog .btn.btn-primary{background-color:#20c05c}.measure-text{position:absolute;padding:0;margin:0;opacity:0;left:0;top:600px;z-index:0;white-space:nowrap;overflow:hidden;text-align:left;display:inline-block}#main-header .inner{width:auto;margin:auto;position:relative;max-width:1090px;padding-left:15px;padding-right:12px}#main-header .inner .btn-back{display:inline-block;padding:0 5px;cursor:pointer;color:#444;text-decoration:none}#main-header .inner .btn-back .ic-back{vertical-align:1px}#main-header .inner .btn-back:hover{background:#0000000a}#main-header .inner .logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:27px}#main-header .inner .auth-wrap{float:right}#main-header .inner .auth-wrap a{vertical-align:middle}#main-header .inner .auth-wrap .login-btn{margin-right:10px}#main-wrap{position:relative;z-index:1;max-width:1090px;margin:auto}#main-wrap:after{display:table;content:"";clear:both}#resources-wrap,#tools-wrap{float:left;width:23%;padding:15px 15px 0;margin-top:45px}#resources-wrap .inner .template-wrap{text-align:left;padding:10px 0;background-color:#fff;overflow:auto}#resources-wrap .inner .template-wrap .label{display:block;margin:0 15px}#resources-wrap .inner .template-wrap .tip{text-align:center;margin-bottom:10px;color:#5d5d5d}#resources-wrap .inner .template-wrap .tip .tip-icon{width:18px;height:18px;vertical-align:middle}#resources-wrap .inner .template-wrap .tip .tip-text{color:#5d5d5d;text-decoration:none;font-size:12px;vertical-align:middle}#resources-wrap .inner .template-wrap .tip .tip-text:hover{text-decoration:underline}#resources-wrap .inner .template-wrap #preset-list{height:400px;overflow-y:scroll;overflow-x:hidden;position:relative;padding:0 15px}#resources-wrap .inner .template-wrap #preset-list.loading:before{position:absolute;top:0;left:0;right:0;content:"\8f7d\5165\4e2d...";text-align:center;display:block}#resources-wrap .inner .template-wrap .preset-nav{margin-bottom:10px;text-align:center;font-size:14px;color:#5d5d5d}#resources-wrap .inner .template-wrap .preset-nav .item{padding:10px 0;border-radius:3px 3px 0 0;border-bottom:1px solid #eaeaea}#resources-wrap .inner .template-wrap .preset-nav .item:hover{background-color:#fafafa}#resources-wrap .inner .template-wrap .preset-nav .item.active{color:#20c05c;border-bottom:2px solid #20c05c}#resources-wrap .inner .template-wrap .preset-nav .item+.item{position:relative}#resources-wrap .inner .template-wrap .preset-nav .item+.item:after{height:20px;content:"";position:absolute;top:10;left:0;border-left:1px solid #eaeaea}#resources-wrap .inner .template-wrap .preset-page-wrap{margin-top:10px;border-top:1px solid #eaeaea;padding-top:10px;text-align:center}#resources-wrap .inner .template-wrap .preset-page-wrap .item:hover{text-decoration:underline}#resources-wrap .inner>label{margin:8px 0;text-align:left;display:block}#resources-wrap .inner li+li{margin-top:8px}#resources-wrap .inner img{width:100%;max-height:260px;background:#f0f0f0;min-height:100px;-o-object-fit:cover;object-fit:cover;cursor:pointer}#tools-wrap .group{padding:10px 18px 18px;background:#fff;text-align:left}#tools-wrap .group label{display:block;line-height:normal}#tools-wrap .group select{display:block;width:100%}#tools-wrap .group .filters-select{margin-top:5px;display:block;max-width:none}#tools-wrap .group .filters-select .label{height:initial;line-height:normal;border:none}#tools-wrap .filter-wrapper{padding-bottom:10px}#tools-wrap .group+.group{margin-top:15px}#tools-wrap .group.save .label{display:inline;border:none;font-size:13px}#tools-wrap .group.save .btn{padding:10px;margin:10px 0;text-align:left}#tools-wrap .group.save .upload label{color:#949494}#tools-wrap .group.save #create-preset{color:#545454}#tools-wrap #create-preset,#tools-wrap #download{text-align:center}#canvas-wrap{float:left;text-align:left;background:#fff;margin-top:60px;width:54%;padding:17px;border-top:none;position:relative}#canvas-wrap #canvas-action-bar{width:100%}#canvas-wrap #canvas-action-bar .btn-group{display:inline-block;padding:5px 5px 5px 0}#canvas-wrap #canvas-action-bar .btn-group+.btn-group{padding-left:5px;border-left:1px solid #eaeaea;padding-right:0}#canvas-wrap #canvas-action-bar .btn-group-right{float:right}#canvas-wrap #canvas-action-bar .btn-group-right .btn{font-size:12px}#canvas-wrap #canvas-action-bar .btn-group-right #reset{color:#585858}#canvas-wrap #canvas-action-bar .btn-group-right #preview{margin-left:8px}#canvas-wrap #canvas-action-bar .icon-btn{background:transparent;border:none;position:relative;font-size:12px;color:#949494}#canvas-wrap #canvas-action-bar .icon-btn .ff-image-editor{font-size:15px;color:#949494;cursor:pointer;padding:4px;border-radius:4px}#canvas-wrap #canvas-action-bar .icon-btn:hover,#canvas-wrap #canvas-action-bar .icon-btn:hover .ff-image-editor{color:#22ad56}#canvas-wrap #canvas-action-bar .change-btn-guide{top:15px;left:438px}#canvas-wrap #canvas-holder{margin-top:17px;position:relative}#canvas-wrap #canvas-holder canvas{width:100%;height:380px}#canvas-wrap #canvas-holder #sprites{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden}#canvas-wrap #canvas-holder #sprites.creating .sprite{visibility:hidden}#canvas-wrap #canvas-holder #bg-canvas{background:#f8f8f8}#canvas-wrap #canvas-holder #sprites-canvas{position:absolute;left:0;top:0}#canvas-wrap #canvas-holder:after{clear:both;content:"";display:block}#bg-actions-layer{position:fixed;inset:0;border-radius:2px;background:#ffffffbf;z-index:2}#bg-actions-layer .inner{position:absolute}#bg-actions-layer .inner .content{display:flex;justify-content:center;align-items:center;position:absolute;inset:0;flex-direction:column;background:#f8f8f8}#bg-actions-layer .inner .content.show{display:flex}#bg-actions-layer .inner #buy-vip-content{padding-top:15%;display:flex;flex-direction:column;align-items:center;justify-content:center}#bg-actions-layer .inner #buy-vip-content.show{display:flex}#bg-actions-layer .inner #buy-vip-content .background-image{width:320px;height:184px}#bg-actions-layer .inner #buy-vip-content #buy-vip-btn{margin-top:41px;width:208px;height:40px;text-align:center}#bg-actions-layer .close-btn{display:none;cursor:pointer;padding:5px;position:absolute;right:5px;top:5px}#bg-actions-layer .close-btn:hover{opacity:.8}#bg-actions-layer.show-close-btn .inner .content{background:transparent}#bg-actions-layer.show-close-btn .close-btn{display:block}#bg-actions-layer button{width:180px;height:46px;padding:0;font-size:15px;text-align:left}#bg-actions-layer button i{font-size:20px;margin-left:30px;margin-right:10px}#bg-actions-layer .btn-default{border-color:transparent}#bg-actions-layer .btn-default i{color:#cecece}#bg-actions-layer .btn-default:hover{border-color:#eaeaea}#bg-actions-layer button+button{margin-top:10px}#bg-actions-layer .pure-color{position:relative}#bg-actions-layer .pure-color .sp-replacer{position:absolute;left:25px;top:15px;visibility:hidden}#image-cropper{position:fixed;inset:0;background:#000000b3;z-index:101}#image-cropper .bg-canvas,#image-cropper .sprites-canvas{position:absolute;left:0;top:0;width:100%;height:100%}#image-cropper .bg-canvas{z-index:1}#image-cropper .sprites-canvas{z-index:2}#image-cropper .covers{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3}#image-cropper .covers .cover{position:absolute;background:#00000059;display:block}#image-cropper .covers .cover.T{top:0;left:0;width:100%}#image-cropper .covers .cover.B{bottom:0;left:0;width:100%;height:100%}#image-cropper .covers .cover.L{left:0}#image-cropper .covers .cover.R{right:0}#image-cropper .crop-area{left:0;top:0;position:absolute;z-index:4}#image-cropper .options{z-index:10;position:absolute;top:75px;padding:0 10px;left:50%;transform:translate(-50%);white-space:nowrap}#image-cropper .options .slider{margin-left:15px;margin-right:15px;vertical-align:middle;position:relative;display:inline-block;width:130px;height:2px;border:none;overflow:visible;background:#2d99ec}#image-cropper .options .slider .handle{display:block;width:13px;height:13px;border-radius:13px;background:#2d99ec;position:absolute;cursor:move;left:-6.5px;top:-6.5px}#image-cropper .modifier .dragdot{transform:scale(.85)}#image-cropper .modifier .dragbar:hover .dragdot,#image-cropper .modifier .dragdot:hover{transform:scale(.95)}#preset-list li{position:relative;border:1px solid transparent;transition:box-shadow linear .15s,border linear .15s;z-index:0}#preset-list li:hover{border:1px solid #b0b7b6;box-shadow:0 6px 12px #00000014;z-index:9}#preset-list li:hover button{opacity:.6}#preset-list li button{position:absolute;width:24px;height:24px;line-height:24px;font-size:18px;bottom:10px;right:10px;cursor:pointer;border:0;outline:none;display:inline-block;text-align:center;background:#333333a1;color:#fff;transition:color .2s ease 0ms;border-radius:5px;opacity:0;transition:opacity .2s ease 0s}#preset-list li button:hover{opacity:1}#preset-list li button.like:hover{background:#21cebaa1}#preset-list li button.delete:hover{background:#ec6060a1}#image-previewer{position:fixed;inset:0;background:#000000b3;z-index:101}#image-previewer .inner{position:fixed;top:50%;left:50%;overflow:hidden;width:980px;height:680px;transform:translate(-50%,-50%);background:#fff;border-radius:4px;padding-top:85px}#image-previewer .inner .close{position:absolute;top:6px;right:10px;padding:8px;cursor:pointer}#image-previewer .inner .close:hover{opacity:.8}#image-previewer .inner .hint{font-size:14px;margin:30px 0;color:#3f3f3f}#image-previewer .inner .options{position:absolute;top:40px;left:50%;line-height:36px;transform:translate(-50%);border:1px solid #eaeaea;box-shadow:none;white-space:nowrap}#image-previewer .inner .options .btn{font-size:14px;border:none;border-radius:0;line-height:36px;padding:0 22px}#image-previewer .inner .options .btn:hover{opacity:.7}#image-previewer .inner .options .btn:active{background-color:#fff}#image-previewer .inner .options .btn+.btn{border-left:1px solid #eaeaea}#image-previewer .inner .options .btn.active{color:#20c05c}#image-previewer .inner .case-preview:after{content:"";display:block;clear:both}#image-previewer .inner .case-preview .full-size-preview-wrap{max-height:596px;overflow:auto}#image-previewer .inner .case-preview .image-wrap{text-align:center;font-size:0;margin-top:30px}#image-previewer .inner .case-preview .image-wrap .android,#image-previewer .inner .case-preview .image-wrap .ios{vertical-align:top;display:inline-block;position:relative;overflow:hidden}#image-previewer .inner .case-preview .image-wrap .android.single,#image-previewer .inner .case-preview .image-wrap .ios.single,#image-previewer .inner .case-preview .image-wrap .android.multiple,#image-previewer .inner .case-preview .image-wrap .ios.multiple{border:1px solid #e7e7e7;box-shadow:0 8px 21px #0300000f}#image-previewer .inner .case-preview .image-wrap .android .background,#image-previewer .inner .case-preview .image-wrap .ios .background{width:340px;position:relative;z-index:5}#image-previewer .inner .case-preview .image-wrap .android .content,#image-previewer .inner .case-preview .image-wrap .ios .content{position:absolute}#image-previewer .inner .case-preview .image-wrap .android .content.horizontal-center,#image-previewer .inner .case-preview .image-wrap .ios .content.horizontal-center{height:100%;left:50%;top:0;transform:translate(-50%)}#image-previewer .inner .case-preview .image-wrap .android .content.vertical-center,#image-previewer .inner .case-preview .image-wrap .ios .content.vertical-center{width:100%;top:50%;left:0;transform:translateY(-50%)}#image-previewer .inner .case-preview .image-wrap .android .desc,#image-previewer .inner .case-preview .image-wrap .ios .desc{margin-top:20px}#image-previewer .inner .case-preview .image-wrap .android .rect,#image-previewer .inner .case-preview .image-wrap .ios .rect{position:absolute;overflow:hidden}#image-previewer .inner .case-preview .image-wrap .android{margin-right:100px}#image-previewer .inner .case-preview .image-wrap .android.single,#image-previewer .inner .case-preview .image-wrap .android.multiple{border-radius:4px}#image-previewer .inner .case-preview .image-wrap .android .single-rect{top:99.28px;left:13.6px;width:311.1px;height:174.42px}#image-previewer .inner .case-preview .image-wrap .android .multiple-main-rect{width:312.12px;height:175.44px;top:14.28px;left:14.96px}#image-previewer .inner .case-preview .image-wrap .android .multiple-sub-rect{width:55.08px;height:53.04px;bottom:13.26px;right:13.26px}#image-previewer .inner .case-preview .image-wrap .android .friends-rect{width:44.88px;height:44.88px;top:4.08px;left:3.06px}#image-previewer .inner .case-preview .image-wrap .ios.single{border-radius:8px}#image-previewer .inner .case-preview .image-wrap .ios.multiple{border-radius:4px}#image-previewer .inner .case-preview .image-wrap .ios .single-rect{top:88.4px;left:12.92px;width:315.52px;height:176.12px}#image-previewer .inner .case-preview .image-wrap .ios .multiple-main-rect{width:315.86px;height:179.52px;top:12.24px;left:12.92px}#image-previewer .inner .case-preview .image-wrap .ios .multiple-sub-rect{width:46.92px;height:44.88px;bottom:16.32px;right:16.32px}#image-previewer .inner .case-preview .image-wrap .ios .friends-rect{width:42.84px;height:44.88px;top:4.08px;left:4.08px}#image-previewer .inner .case-preview .desc-wrap{margin-top:30px;font-size:16px;color:#888}#image-previewer .inner .case-preview .desc-wrap .ff-image-editor{font-size:27px;padding-right:10px;opacity:.6}#image-previewer .inner .case-preview .desc-wrap .android-desc{display:inline-block;width:340px;margin-right:100px}#image-previewer .inner .case-preview .desc-wrap .ios-desc{display:inline-block;width:340px}#loading-cover{position:fixed;left:0;top:0;width:100%;height:100%;background:#ffffffbf;z-index:1000}#loading-cover .hint{margin-top:18vh;transform:translateY(-50%);font-size:26px}.sprite{position:absolute;display:block;z-index:0}.sprite .modifier{z-index:10;position:absolute;left:0;top:0;width:100%;height:100%;cursor:grab;cursor:-webkit-grab}.sprite .modifier.hide{opacity:0;display:block!important;cursor:pointer}.sprite .modifier.hide .draggable{visibility:hidden}.sprite .modifier.hide:hover{opacity:.65}.sprite .modifier.moving{cursor:grabbing!important;cursor:-webkit-grabbing!important}.sprite .modifier.disabled{cursor:inherit!important}.sprite .modifier.disabled .draggable{visibility:hidden}.sprite .modifier .border{font-size:0px;background-color:#2d99ec;position:absolute;width:2.56045519px;height:2.56045519px;display:block}.sprite .modifier .dragbar{width:20.48364154px;height:20.48364154px;display:block;position:absolute;cursor:move}.sprite .modifier .dragbar.top{margin-top:-10.24182077px;cursor:n-resize}.sprite .modifier .dragbar.left{margin-left:-10.24182077px;cursor:w-resize}.sprite .modifier .dragbar.right{margin-right:-10.24182077px;cursor:e-resize}.sprite .modifier .dragbar.bottom{margin-bottom:-10.24182077px;cursor:s-resize}.sprite .modifier .dragbar:hover .dragdot{background:#0d87d6;transform:scale(1.4)}.sprite .modifier .rotate-wrap{position:absolute;left:50%;bottom:0}.sprite .modifier .border.left,.sprite .modifier .dragbar.left{left:0;top:0;height:100%}.sprite .modifier .border.right,.sprite .modifier .dragbar.right{right:0;top:0;height:100%}.sprite .modifier .border.top,.sprite .modifier .dragbar.top{top:0;left:0;width:100%}.sprite .modifier .border.bottom,.sprite .modifier .dragbar.bottom{bottom:0;left:0;width:100%}.sprite .modifier .dragdot{width:12.80227596px;height:12.80227596px;position:absolute;display:block;border-radius:12.80227596px;border:1px solid white;background:#2d99ec;margin-top:-6.40113798px;margin-left:-6.40113798px}.sprite .modifier .dragdot:hover{background:#0d87d6;transform:scale(1.4)}.sprite .modifier .dragdot.top,.sprite .modifier .dragdot.bottom,.sprite .modifier .dragdot.left,.sprite .modifier .dragdot.right{left:50%;top:50%}.sprite .modifier .dragdot.top-left{left:0;top:0;margin-left:-6.40113798px;margin-top:-6.40113798px;cursor:nw-resize}.sprite .modifier .dragdot.top-right{right:0;top:0;margin-right:-6.40113798px;margin-top:-6.40113798px;cursor:ne-resize}.sprite .modifier .dragdot.bottom-left{left:0;bottom:0;margin-left:-6.40113798px;margin-bottom:-6.40113798px;cursor:sw-resize}.sprite .modifier .dragdot.bottom-right{right:0;bottom:0;margin-right:-6.40113798px;margin-bottom:-6.40113798px;cursor:se-resize}.sprite .modifier .dragdot.rotate{top:20px;cursor:move}.sprite .modifier.line-type .dragbar,.sprite .modifier.line-type .dragdot{cursor:move!important}.sprite-options{color:#000;background:#fff;box-shadow:0 2px 5px #0000004d;line-height:40px;border-radius:2px;position:absolute;margin-top:-48px;padding:0 10px;transform:translate(-50%);white-space:nowrap;z-index:20}.sprite-options.at-bottom{margin-top:0}.sprite-options select,.sprite-options option{font-size:16px}.sprite-options .delete-btn{background:none;border:none;margin:-10px -6px -10px 10px;position:relative;color:#8a8a8a;font-size:17px;padding:2px 6px;display:inline-block;vertical-align:middle;transition:color .2s ease 0s}.sprite-options .delete-btn:before{position:absolute;inset:0 auto 0 -3px;content:"";display:inline-block;border-left:1px solid #eaeaea}.sprite-options .delete-btn:hover{color:#ff5d5d}.sprite-options .delete-btn:active{color:#e44747}.sprite-options .input-small{background:#fff;outline:none;vertical-align:middle;display:inline-block;width:30px;border-radius:2px;font-size:12px;padding:2px 4px;border:1px solid #eaeaea;text-align:center}.sprite-options .opacity-input+i{margin-right:5px;margin-left:2px;font-size:12px;font-style:normal;color:#888}.sprite-options .dropdown-menu{line-height:20px}.sprite-options .dropdown-menu .label{border-radius:0}.sprite-options label{border:none;padding:0;font-size:12px}.sprite-text-edit-box{position:absolute;left:0;top:0;z-index:101;transform-origin:0 0}.sprite-text-edit-box textarea{padding:0;margin:0;border:none;background:transparent;word-break:break-all;word-wrap:break-word;overflow:hidden;resize:none}button.color{background:#666;border:none;width:15px;height:15px;display:inline-block;border-radius:4px}.filter-option{line-height:40px;color:#949494}.filter-option .thumbnail{width:32px;height:32px;border-radius:50%;vertical-align:middle;margin-right:10px}.filter-option .filter-name{vertical-align:middle}.mp-select-dialog .inner{padding:0}.mp-select-dialog .hint{line-height:30px;text-align:center}.mp-select-dialog ul{width:400px;list-style:none;margin:auto;padding:0}.mp-select-dialog li{padding:15px;display:block;text-decoration:none;text-align:left;color:#444;line-height:48px;cursor:pointer;border-bottom:1px solid #f0f0f0}.mp-select-dialog li:hover{background:#fcfcfc}.mp-select-dialog li .avatar{width:48px;height:48px;border-radius:24px;display:inline-block;vertical-align:middle;margin-right:15px}.mp-select-dialog .add-mp{height:80px;line-height:50px;padding:15px;cursor:pointer;display:block;color:#444;border-bottom:1px solid #f0f0f0}.mp-select-dialog .add-mp .ic-add{font-size:26px;margin-left:12px;margin-right:26px;vertical-align:middle;color:#5d5d5d}.mp-select-dialog .add-mp:hover{text-decoration:none;background-color:#fcfcfc}.mp-select-dialog .local-download{height:80px;line-height:50px;padding:15px;cursor:pointer}.mp-select-dialog .local-download .ic-download{font-size:26px;margin-left:12px;margin-right:26px;vertical-align:middle;color:#5d5d5d}.mp-select-dialog .local-download:hover{background-color:#fcfcfc}.mp-select-dialog #add-btn .avatar{opacity:.2;margin-left:10px;width:40px;height:40px}#sprite-create-mask .cover{position:absolute;z-index:100;background-color:#efefef02}#sprite-create-mask .cover .hint{position:absolute;left:50%;top:0;background:#20c05ced;transform:translate(-50%);font-size:16px;color:#fff;padding:13px 10px;border-radius:0;width:100%}#sprite-create-mask .top{top:0;left:0;right:0}#sprite-create-mask .left{left:0;bottom:0}#sprite-create-mask .right{right:0;bottom:0}#sprite-create-mask .bottom{bottom:0}#tools-list{padding:10px 18px 18px;background:#fff;text-align:left;font-size:0;z-index:200}#tools-list label{display:block;line-height:normal}#tools-list select{display:block;width:100%}#tools-list .filters-select{margin-top:5px;display:block;max-width:none}#tools-list .filters-select .label{height:initial;line-height:normal;border:none}#tools-list .tool-btn{display:inline-block;width:33%;padding:10px 0;text-align:center;background-color:#fff;border:1px solid #fff;border-radius:5px;outline:none;cursor:pointer;transition:box-shadow .1s linear;color:#949494}#tools-list .tool-btn .ic{font-size:24px}#tools-list .tool-btn:hover{background-color:#fdfdfd;box-shadow:inset 0 5px 15px #0000000a;border:1px solid #f5f5f5}#tools-list .tool-btn.active{background-color:#f8f8f8;box-shadow:inset 0 5px 15px #00000014;border:1px solid #f2f2f2}#tools-list .tool-btn .tool-btn-img{display:block;width:26px;height:26px;margin:0 auto}#tools-list .tool-btn .tool-btn-text{display:block;margin-top:5px}#tools-list #text-tool,#tools-list #picture-tool,#tools-list #line-tool{margin-top:10px}#source-picture-dialog{position:fixed;inset:0;background:#000000b3;z-index:101}#source-picture-dialog .inner{margin-top:0;width:820px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #eaeaea;background-color:#fff;text-align:left}#source-picture-dialog .inner>header{padding:10px 15px;border-bottom:1px solid #eaeaea;position:relative;margin-bottom:0}#source-picture-dialog .inner>header .dialog-close{font-size:16px;padding:0 3px;cursor:pointer;border-radius:3px;color:#333}#source-picture-dialog .inner .search-bar{padding:10px 15px;border-bottom:1px solid #eaeaea;position:relative}#source-picture-dialog .inner .search-bar .search-input{line-height:27px;padding-left:3px;border:1px solid #eaeaea;outline:none;border-radius:4px;transition:border-color .2s ease 0s}#source-picture-dialog .inner .search-bar .search-input:focus{border-color:#22ad56}#source-picture-dialog .inner .search-bar .search-btn{border:1px solid #20c05c;background:#20c05c;color:#fff;transition:background-color .2s ease 0s;height:28px;outline:none;border-radius:5px;padding:0 15px}#source-picture-dialog .inner .search-bar .search-btn:hover{border-color:#2ad069;background:#2ad069;color:#fff}#source-picture-dialog .inner .search-bar .search-btn:active{background:#22ad56}#source-picture-dialog .inner .search-bar .tip{position:absolute;right:30px;top:50%;transform:translateY(-50%);color:#222;text-decoration:none;font-size:14px}#source-picture-dialog .inner .search-bar .tip:hover{text-decoration:underline}#source-picture-dialog .inner .content{padding:4px;height:420px;overflow:auto}#source-picture-dialog .inner .content::-webkit-scrollbar{width:8px}#source-picture-dialog .inner .content::-webkit-scrollbar-thumb{border-radius:20px;background:#c8c8c8;cursor:pointer}#source-picture-dialog .inner .content::-webkit-scrollbar-thumb:hover{background:#bebebe}#source-picture-dialog .inner .content::-webkit-scrollbar-thumb:active{background:#b0b0b0}#source-picture-dialog .inner .content .loading-tip{text-align:center;padding:10px 0}#source-picture-dialog .inner .content ul{overflow:hidden}#source-picture-dialog .inner .content ul>li{float:left;padding-top:10px;margin-left:10px}#source-picture-dialog .inner .content:after{content:"";display:block;clear:both}#source-picture-dialog .inner .content .pic-wrap{position:relative}#source-picture-dialog .inner .content .pic-wrap .pic{width:250px;height:158px;border:1px solid transparent;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:border-color .2s ease 0s}#source-picture-dialog .inner .content .pic-wrap .pic:hover{opacity:.9;border:1px solid #b0b7b6}#source-picture-dialog .inner .content .pic-wrap .pic-tip{font-size:14px;position:absolute;right:10px;bottom:10px;color:#ffffffb3;text-shadow:0 4px 10px rgba(0,0,0,.2);cursor:pointer}#source-picture-dialog .inner .content .pic-wrap .pic-tip:hover{color:#fff}#source-picture-dialog .inner .content .pic-wrap .pic-tip:hover:after{visibility:visible}#source-picture-dialog .inner .content .pic-wrap .pic-tip:after{white-space:nowrap;display:inline-block;position:absolute;background:#14141499;color:#fff;border-radius:2px;transform:translate(-50%,-100%);min-width:50px;z-index:1000;line-height:20px;font-size:12px;padding:2px 6px;background:#505050cc;left:auto;right:0;bottom:22px;transform:none;visibility:hidden;content:attr(author)}#source-picture-dialog .inner .content .pic-wrap .pic-tip:after:after{box-sizing:content-box;content:"";display:inline-block;width:0;height:0;border:5px solid transparent;border-top-color:#14141499;position:absolute;left:50%;bottom:-10px;transform:translate(-50%)}#source-picture-dialog .inner .content .pic-desc{text-align:center;font-size:14px;cursor:pointer}#source-picture-dialog .loading{min-height:420px;display:flex;justify-content:center;align-items:center;flex-direction:column}#source-picture-dialog .search-no-more p{font-size:12px;color:#8d8d8d;margin-top:25px}.sp-replacer{background:none;border:none;padding:0}.sp-replacer .sp-preview{border:1px solid #eaeaea;border-radius:2px;background:#fff;width:27px;height:18px}.sp-replacer .sp-preview-inner{width:23px;height:14px;margin:1px;border-radius:2px}.sp-replacer .sp-preview-inner:hover{border:1px solid #a0a0a0}.sp-replacer .sp-dd{display:none}.sp-container{position:absolute;top:231.609px;left:553px;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 5px 20px #1414140f}.sp-container button{height:32px;line-height:32px;cursor:pointer;text-align:center;font-weight:400;box-sizing:border-box;min-width:64px;color:#222;border-radius:4px;padding:0 10px;transition:all .2s;background:#20c05c;color:#fff;transition:background-color .2s ease 0s;border:none!important;box-shadow:none!important;text-shadow:none!important}.sp-container button:hover{background:#2ad069}.sp-container button:active{background:#22ad56}.sp-container .sp-cancel{font-size:12px;color:#5d5d5d!important}.sp-container .sp-cancel:hover{color:#4f4c4c!important}.sp-container .sp-palette-row:before{display:block;font-size:13px;color:#707a7d;margin-bottom:4px;text-align:left}.sp-container .sp-palette-row-0:before{content:"\9ed8\8ba4\989c\8272"}.sp-container .sp-palette-row-selection{margin-top:5px}.sp-container .sp-palette-row-selection:before{content:"\5386\53f2\989c\8272"}.vline{display:inline-block;width:1px;height:28px;background-color:#eaeaea}