@-webkit-keyframes tutorial{0%{background-size:100%}30%{background-position:50% 50%;background-size:150%}40%{background-position:50% 100%}50%{background-position:50% 0}60%{background-position:50% 50%}70%{background-position:100% 50%}80%{background-position:0 50%}90%{background-position:50% 50%;background-size:150%}100%{background-size:100%}}@keyframes tutorial{0%{background-size:100%}30%{background-position:50% 50%;background-size:150%}40%{background-position:50% 100%}50%{background-position:50% 0}60%{background-position:50% 50%}70%{background-position:100% 50%}80%{background-position:0 50%}90%{background-position:50% 50%;background-size:150%}100%{background-size:100%}}#PicEditor .top-menu{width:100%;-webkit-box-shadow:0 1px 1px 0 #dadada;box-shadow:0 1px 1px 0 #dadada;margin-bottom:16px}#PicEditor .top-menu .top-menu-item{font-size:15px;width:50%;height:44px;border-bottom:transparent 2px solid;display:inline-block;vertical-align:top;text-align:center;color:#747474;line-height:46px}#PicEditor .top-menu .top-menu-item.active{border-bottom:#f60 2px solid;color:#1e1e1e}#PicEditor .image{max-width:640px;max-height:640px;padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;position:relative}#PicEditor .image>div.image-node{width:100%;height:100%;background-color:#d8d8d8;border-radius:5px;overflow:hidden;position:relative}#PicEditor .image>div.image-node>canvas{position:absolute;top:0;left:0}#PicEditor .image>div.image-node>div.frame{background-size:100%;background-position:center;width:100%;height:100%;position:absolute;top:0;left:0}#PicEditor .image>div.image-node>div.tutorial{border-radius:6px;background-color:rgba(0,0,0,.85);position:absolute;bottom:10px;left:10px;color:#fff;font-size:14px;padding:10px;text-align:center;line-height:1.36}#PicEditor .image>div.image-node>a.upload{color:#fff;position:absolute;top:10px;left:10px;width:33px;height:27px;background:url(/i/icon/icn_photo_upload@2x.png);background-repeat:no-repeat;background-size:100%}#PicEditor .image>div.image-node>a.upload .Uploader{position:absolute;top:0;bottom:0;left:0;right:0}#PicEditor .image>div.image-node>a.upload .uploadProgressCont{background:rgba(0,0,0,.6);position:absolute;top:0;left:0;right:0;bottom:0}#PicEditor .image>div.image-node>a.upload .uploadProgressCont .uploadProgressBarHolder{background:rgba(255,255,255,.6);height:2px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:34px;left:16px;right:16px}#PicEditor .image>div.image-node>a.upload .uploadProgressCont .uploadProgressBarHolder .uploadProgressBar{background:#f60}#PicEditor .zoom-slider{padding:4px 16px 16px}#PicEditor .zoom-slider>div.zoom-btn{width:9%;background-repeat:no-repeat;background-position:center;background-size:20px;display:inline-block;vertical-align:middle;height:30px}#PicEditor .zoom-slider>div.zoom-btn.inc{background-image:url(/i/profile/icn-plus@2x.png);margin:0 0 0 1%}#PicEditor .zoom-slider>div.zoom-btn.dec{background-image:url(/i/profile/icn-minus@2x.png);margin:0 1% 0 0}#PicEditor .zoom-slider input[type=range]{-webkit-appearance:none;margin:0;padding:0;width:80%;display:inline-block;vertical-align:middle;height:30px}#PicEditor .zoom-slider input[type=range]:focus{outline:0}#PicEditor .zoom-slider input[type=range]::-webkit-slider-runnable-track{width:100%;cursor:pointer;animate:.2s;border:.2px solid #010101;height:4px;border-radius:2px;background:#c9c9c9}#PicEditor .zoom-slider input[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-appearance:none;margin-top:-13px;background:#fff;width:28px;height:28px;border:4px solid #aeaeae;border-radius:100%}#PicEditor .zoom-slider input[type=range]:focus::-webkit-slider-runnable-track{background:#010101}#PicEditor .zoom-slider input[type=range]::-moz-range-track{width:100%;cursor:pointer;animate:.2s;height:4px;border-radius:2px;background:#c9c9c9}#PicEditor .zoom-slider input[type=range]::-moz-range-thumb{margin-top:-13px;background:#fff;width:20px;height:20px;border:4px solid #aeaeae;border-radius:100%}#PicEditor .categories{overflow-x:scroll;white-space:nowrap;margin-bottom:16px}#PicEditor .categories span.button{display:inline-block}#PicEditor .categories span.button:first-child{margin-left:16px}#PicEditor .filters,#PicEditor .frames{overflow-x:scroll;white-space:nowrap;margin-bottom:4px;scroll-behavior:smooth;padding:0 0 3px}#PicEditor .filters .filter,#PicEditor .filters .frame,#PicEditor .frames .filter,#PicEditor .frames .frame{width:80px;height:80px;background-position:center;margin-right:8px;border-radius:3px;background-color:#d8d8d8;overflow:hidden;display:inline-block;vertical-align:middle}#PicEditor .filters .filter.selected,#PicEditor .filters .frame.selected,#PicEditor .frames .filter.selected,#PicEditor .frames .frame.selected{width:84px;height:84px;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.34);box-shadow:0 0 3px 0 rgba(0,0,0,.34)}#PicEditor .filters .filter>div,#PicEditor .filters .frame>div,#PicEditor .frames .filter>div,#PicEditor .frames .frame>div{width:100%;height:100%}#PicEditor .filters .filter>div>div,#PicEditor .filters .frame>div>div,#PicEditor .frames .filter>div>div,#PicEditor .frames .frame>div>div{background-size:100%;background-position:center center;width:100%;height:100%}#PicEditor .filters .filter>div>div>div.pseudo-badge,#PicEditor .filters .frame>div>div>div.pseudo-badge,#PicEditor .frames .filter>div>div>div.pseudo-badge,#PicEditor .frames .frame>div>div>div.pseudo-badge{width:100%;height:100%;text-transform:uppercase;background:rgba(0,0,0,.3);color:#fff;font-size:13px;font-weight:700;line-height:100px;text-align:center}#PicEditor .filters .filter:first-child,#PicEditor .filters .frame:first-child,#PicEditor .frames .filter:first-child,#PicEditor .frames .frame:first-child{margin-left:16px}#PicEditor .other,#PicEditor .rules{text-align:center;padding:0 16px}#PicEditor .other a,#PicEditor .rules a{font-size:16px;font-weight:400;line-height:44px;color:#9b9b9b;display:block}#PicEditor .other a svg,#PicEditor .rules a svg{margin:0 8px 4px 0}#PicEditor .rules a{display:inline-block;width:50%;vertical-align:middle}.rulesPopup{padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.rulesPopup ul{padding-left:16px;line-height:24px;text-align:left;margin:0 auto}.rulesPopup .info{font-weight:700}.rulesPopup .textarea{border:1px solid #dedede;margin:30px 0}@media screen and (max-height:600px){#PicEditor .image{max-width:320px!important;max-height:320px!important}}