.modal-overlay{position:absolute;top:0;left:0;width:100%;min-height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.choose-picture-container,.choose-picture-container .choose-picture-btn{display:inline-block}.choose-picture-container .tips{font-size:.15rem;opacity:.3;margin-top:.15rem}.choose-picture-container .error-tips{font-size:.15rem;color:var(--danger);margin-top:.15rem}.tip-modal-overlay{background-color:#fff164;align-items:flex-start}.tip-modal{display:flex;flex-direction:column;align-items:center}.tip-modal .body{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;padding:0rem!important}.tip-modal .body .img{display:flex;justify-content:center}.tip-modal .body .img img{max-width:calc(50% - .4rem);margin:.1rem;border-radius:6px;flex-grow:1}/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#fff164;opacity:.8}.cropper-view-box{display:block;height:100%;outline:2px solid #fff;outline-color:rgba(255,255,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 solid #fff;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#eee;left:0;top:0}.cropper-line{background-color:#fff}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#fff;height:5px;width:5px;opacity:.75}.cropper-point.point-e,.cropper-point.point-n,.cropper-point.point-w,.cropper-point.point-s{visibility:hidden}.cropper-point.point-ne{cursor:nesw-resize;height:20px;width:20px;border-top:4px solid #fff;border-right:4px solid #fff;top:-4px;right:-4px;background-color:transparent;opacity:1}.cropper-point.point-nw{cursor:nwse-resize;height:20px;width:20px;border-top:4px solid #fff;border-left:4px solid #fff;top:-4px;left:-4px;background-color:transparent;opacity:1}.cropper-point.point-sw{cursor:nesw-resize;height:20px;width:20px;border-bottom:4px solid #fff;border-left:4px solid #fff;bottom:-4px;left:-4px;background-color:transparent;opacity:1}.cropper-point.point-se{cursor:nwse-resize;height:20px;width:20px;border-bottom:4px solid #fff;border-right:4px solid #fff;bottom:-4px;right:-4px;background-color:transparent;opacity:1}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.pixel-picture-test-container{width:100%;position:relative;display:flex;flex-wrap:wrap;justify-content:center}.pixel-picture-test-container .pixel-picture-item{flex-grow:1;width:calc(25% - 10px);margin:5px;border:1px solid #ccc;max-width:300px}.pixel-picture-test-container .pixel-picture-item canvas{display:block}.pixel-picture-test-container .loading-box{position:absolute;left:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.pixel-picture-test-container .loading-box .loading{background-color:var(--white);padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.2)}.pixel-picture-test-container .config-box{width:100%;text-align:center;border-bottom:1px dashed #ccc}.pixel-picture-test-container .color-count-box{width:100%;text-align:center}.pixel-picture-test-container .color-count-box .square{display:inline-block;width:10px;height:10px}.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{position:absolute;width:100%;height:4px;background-color:#e9e9e9;border-radius:6px}.rc-slider-track{position:absolute;height:4px;background-color:#abe2fb;border-radius:6px}.rc-slider-track-draggable{z-index:1;box-sizing:content-box;background-clip:content-box;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);transform:translateY(-5px)}.rc-slider-handle{position:absolute;z-index:1;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:solid 2px #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-handle,.rc-slider-disabled .rc-slider-dot{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-mark-text,.rc-slider-disabled .rc-slider-dot{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-top:0;border-bottom:0;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);transform:translate(-5px)}.rc-slider-vertical .rc-slider-handle{position:absolute;z-index:1;margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-appear{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}.test-page .btn-group{margin:15px 0;display:flex}.test-page .input-group{margin-bottom:15px;display:flex}.test-page .input-group .input-item{width:18%;margin-left:1%;margin-right:1%}.test-page .input-group .input-item .slider{margin-top:5px}.test-page .src-group{display:flex;margin-bottom:15px}.pixel-picture-container{background-color:var(--yellow);width:100%}.pixel-picture-container .px-cropper-btn-group .btn-color-box{position:relative}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box{position:absolute;top:calc(.6rem + 5px);right:0;max-width:calc(100vw - .8rem);background-color:#fff;z-index:300;box-shadow:1px 1px 5px rgba(0,0,0,.13);border-radius:4px;cursor:default;font-size:.18rem}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .color-square{width:22px;height:22px;border:1px solid #ddd;flex-shrink:0}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .color-select-head>div,.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .color-select-foot>div,.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .color-select-item>div{height:40px;line-height:40px;flex-grow:1;display:flex;justify-content:center;align-items:center}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .col-rgb,.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .col-code{width:60px;flex-grow:0;flex-shrink:0}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .col-qty{width:70px;flex-grow:0;flex-shrink:0}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .col-input-qty{width:90px}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .col-disable{width:60px;flex-grow:0;flex-shrink:0}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .col-disable>img{cursor:pointer}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .color-select-head{display:flex;border-bottom:1px solid #ddd}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .color-select-foot{display:flex;border-top:1px solid #ddd}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .color-select-foot>div{cursor:pointer}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .color-select-foot>div:last-child{border-left:1px solid #ddd;background-color:#23272b;color:#fff}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .color-select-body{max-height:280px;overflow:auto}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .color-select-item{display:flex;align-items:center}.pixel-picture-container .px-cropper-btn-group .btn-color-box .color-select-box .color-select-item:hover{background-color:#e9ecef}.pixel-picture-container .px-cropper-btn-group .btn-paintbrush-color-box{position:relative}.pixel-picture-container .px-cropper-btn-group .btn-paintbrush-color-box .color-square{width:.2rem;height:.2rem;border:1px solid #ddd;flex-shrink:0}.pixel-picture-container .px-cropper-btn-group .btn-paintbrush-color-box .paintbrush-color-select-box{position:absolute;top:calc(.6rem + 5px);right:0;max-height:280px;width:160px;overflow:auto;background-color:#fff;z-index:300;box-shadow:1px 1px 5px rgba(0,0,0,.13);border-radius:4px}.pixel-picture-container .px-cropper-btn-group .btn-paintbrush-color-box .paintbrush-color-select-box .paintbrush-color-select-item{display:flex;padding:.1rem}.pixel-picture-container .px-cropper-btn-group .btn-paintbrush-color-box .paintbrush-color-select-box .paintbrush-color-select-item:hover{background-color:#e9ecef}.pixel-picture-container .px-cropper-btn-group .btn-paintbrush-color-box .paintbrush-color-select-box .paintbrush-color-select-item .color-square{margin-right:.1rem}.pixel-picture-container .part-type-container{width:50%;max-width:100%;min-width:200px;display:flex;justify-content:center;align-items:center;padding:.3rem .4rem 0rem;margin:0 auto}.pixel-picture-container .part-type-container>span{flex-shrink:0;margin-right:.05rem}.pixel-picture-container .pdf-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.pixel-picture-container .pdf-container .px-btn{position:relative}.pixel-picture-container .pdf-container .px-btn .pdf-progress-container{width:90%;margin-left:5%;height:4px;position:absolute;bottom:0;left:0;overflow:hidden;border-radius:10px}.pixel-picture-container .pdf-container .px-btn .pdf-progress-container .pdf-progress-bar{width:0px;height:100%;background-color:var(--green)}.pixel-picture-container .pdf-container .px-btn .btn-download{padding:0 .1rem 0 .4rem;height:40px;line-height:40px;border-right:1px solid #ebebeb}.pixel-picture-container .pdf-container .px-btn .manual-size-container{border:0px;width:80px;background-color:#f8f9fa}.pixel-picture-container .pdf-container .px-btn .manual-size-container:hover,.pixel-picture-container .pdf-container .px-btn .manual-size-container:focus{border:0px;box-shadow:none;outline:0}.pixel-picture-container .stud-count-container{background-color:#fff;padding:.2rem;width:100%;overflow:auto}.pixel-picture-container .stud-count-container>div{display:inline-flex;align-items:center;justify-content:center}.pixel-picture-container .stud-count-container .item{margin:0rem .1rem;flex-direction:column;display:flex;justify-content:center;align-items:center;color:#333;font-size:15px;font-weight:600}.pixel-picture-container .stud-count-container .item span{width:18px;height:18px;display:inline-block;margin-bottom:5px;margin-top:5px;border:1px solid #333}.pixel-picture-container .canvas-upscaled-container{background-color:var(--yellow);padding:.3rem .4rem;width:100%;display:flex;justify-content:center;align-items:center}.pixel-picture-container .canvas-upscaled-container .canvas{position:relative;display:flex;justify-content:center;align-items:center;width:60%;max-width:100%;min-width:200px}.pixel-picture-container .canvas-upscaled-container .canvas canvas{max-width:100%;max-height:100%;border:.05rem solid #E6C736}.pixel-picture-container .canvas-upscaled-container .canvas .cropper-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.pixel-picture-container .canvas-container{background-color:var(--yellow);width:90%;margin:0rem 5% .5rem;overflow-x:auto;overflow-y:hidden;text-align:center}.pixel-picture-container .canvas-container .canvas-roll{display:inline-flex;align-items:center}.pixel-picture-container .canvas-container .canvas{max-width:130px;max-height:130px;width:130px;border:3px solid #E6C736;flex-shrink:0;margin:.1rem;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,.13);cursor:pointer}.pixel-picture-container .canvas-container .canvas._64x{max-width:150px;max-height:150px;width:150px}.pixel-picture-container .canvas-container .canvas._96_48x{max-width:160px;max-height:160px;width:160px}.pixel-picture-container .canvas-container .canvas._128_64x,.pixel-picture-container .canvas-container .canvas._128x{max-width:180px;max-height:180px;width:180px}.pixel-picture-container .canvas-container .canvas:hover,.pixel-picture-container .canvas-container .canvas.active{border:3px solid #fff;box-shadow:1px 1px 8px rgba(0,0,0,.5)}.pixel-picture-container .canvas-container .canvas canvas{width:100%;height:100%}.pixel-picture-container .loading-box{position:absolute;left:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.pixel-picture-container .loading-box .loading{background-color:var(--white);padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.2)}.pixel-picture-container .config-box{width:100%;text-align:center;border-bottom:1px dashed #ccc}.pixel-picture-container .color-count-box{width:100%;text-align:center}.pixel-picture-container .color-count-box .square{display:inline-block;width:10px;height:10px}@media (max-width: 768px){.canvas-upscaled-container .canvas,.part-type-container{width:100%!important}}:root{--blue: #3490dc;--indigo: #6574cd;--purple: #9561e2;--pink: #f66d9b;--red: #e3342f;--orange: #f6993f;--yellow: #fff164;--green: #38c172;--teal: #4dc0b5;--cyan: #6cb2eb;--white: #fff;--gray: #6c757d;--gray-dark: #343a40;--primary: #3490dc;--secondary: #6c757d;--success: #38c172;--info: #6cb2eb;--warning: #fff164;--danger: #e3342f;--light: #f8f9fa;--dark: #343a40}*,:after,:before{box-sizing:border-box}html,body{padding:0;margin:0;color:#212529;background-color:#f8f8f0}html{font-size:100px}body{font-size:.16rem}#root{position:relative}.page{min-height:100vh}.page .page-head{height:.6rem;line-height:.6rem;text-align:center;background-color:#fff;color:#111;font-size:.26rem;font-weight:600;border-bottom:1px solid rgba(0,0,0,.05)}.page .page-foot{text-align:center;height:1.2rem;background-color:#111;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.page .page-foot .logo{width:.4rem;height:auto;margin-bottom:.1rem}#root{margin-right:auto;margin-left:auto}.px-input{box-sizing:border-box;margin:0;padding:4px 11px;color:rgba(0,0,0,.88);font-size:14px;line-height:1.57142857;list-style:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";position:relative;display:inline-block;width:100%;min-width:0;background-color:#fff;background-image:none;border-width:1px;border-style:solid;border-color:#d9d9d9;border-radius:6px;transition:all .2s}.px-input:hover,.px-input:focus{border-color:#4096ff;box-shadow:0 0 0 2px rgba(5,145,255,.1);outline:0}.px-btn{padding:.1rem .4rem;margin:0rem .05rem;height:40px;border-radius:40px;display:inline-flex;align-items:center;justify-content:center;border:none;font-size:.2rem;font-weight:900;box-shadow:1px 1px 5px rgba(0,0,0,.13);cursor:pointer;letter-spacing:1px}.px-btn.white{color:#212529;background-color:#f8f9fa}.px-btn.black{color:#fff;background-color:#23272b}.px-btn.disable{color:#212529;background-color:#f8f9fa;opacity:.65}.px-title{text-align:center;font-size:.24rem;font-weight:900;color:#393939;margin:.3rem .1rem}.px-hint{color:#23272b;font-size:.18rem;opacity:.3;font-weight:600}.px-hint-error{color:#23272b;font-size:.18rem;font-weight:600;color:var(--danger)}.px-cropper-btn-group{display:flex;justify-content:center}.px-cropper-btn-group .btn{position:relative;cursor:pointer;width:.6rem;height:.6rem;text-align:center;background-color:#fff;color:#333;border-radius:100%;display:flex;justify-content:center;align-items:center;margin:0rem .08rem;padding:.12rem}.px-cropper-btn-group .btn img{max-width:100%}.px-cropper-btn-group .btn .box_slider{display:none;position:absolute;width:75vw;left:50%;transform:translate(-50%);bottom:65px;background-color:#f8f9fa;border-radius:40px;padding:15px 30px!important;box-shadow:0 20px 31px rgba(0,0,0,.13);z-index:20}.px-cropper-btn-group .btn .box_slider .rc-slider-rail,.px-cropper-btn-group .btn .box_slider .rc-slider-track{background-color:#c5c5c5}.px-cropper-btn-group .btn .box_slider .rc-slider-handle{width:22px;height:22px;margin-top:-9px;background-color:#202020;border:solid 2px #202020;opacity:1}.px-cropper-btn-group .btn .box_slider .rc-slider-handle:focus-visible{border-color:#202020;box-shadow:0 0 5px #202020}.px-cropper-btn-group .btn .bg_slider{display:none;position:fixed;top:0;left:0;bottom:0;right:0}.px-cropper-btn-group .btn.slider-btn:after{content:"";position:absolute;bottom:45px;margin-left:2.5px;border-width:10px;border-style:solid;border-color:#f8f9fa transparent transparent transparent!important}.px-cropper-btn-group .btn.slider-btn .box_slider,.px-cropper-btn-group .btn.slider-btn .bg_slider{display:block}@media (min-width: 10px){html{font-size:78px}}@media (min-width: 576px){html{font-size:78px}#root,.max_width{max-width:540px}}@media (min-width: 768px){html{font-size:80px}#root,.max_width{max-width:720px}}@media (min-width: 992px){html{font-size:90px}#root,.max_width{max-width:960px}}@media (min-width: 1200px){html{font-size:100px}#root,.max_width{max-width:1140px}}.home-page .top-box{background:linear-gradient(to bottom,var(--white) 50%,var(--yellow) 50%);padding:.3rem .8rem}.home-page .top-box .pic-container{touch-action:none;z-index:0;overflow:hidden;position:relative;margin:0 auto;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.3),0 0 20px rgba(0,0,0,.1);max-width:534px;max-height:534px}.home-page .top-box .pic-container .pic-handle{width:51px;height:51px}.home-page .top-box .pic-container .pic-handle img{border-radius:100%}.home-page .top-box .pic-container .pic-handle:before{content:"";margin-left:-38px;left:50%;top:50%;margin-top:-6px;width:0;height:0;position:absolute;border-right:6px solid var(--white);border-top:6px solid transparent;border-bottom:6px solid transparent}.home-page .top-box .pic-container .pic-handle:after{content:"";margin-right:-38px;right:50%;top:50%;margin-top:-6px;width:0;height:0;position:absolute;border-left:6px solid var(--white);border-top:6px solid transparent;border-bottom:6px solid transparent}.home-page .bottom-box{background-color:var(--yellow);padding-left:.4rem;padding-right:.4rem}.home-page .bottom-box .column{max-width:680px;margin-left:auto;margin-right:auto}.home-page .bottom-box .column .label{font-size:.26rem;font-weight:600;color:#111;padding-bottom:.1rem}.home-page .bottom-box .column .action{padding-bottom:.3rem}.body{background-color:var(--yellow);display:flex;flex-direction:column;align-items:center}.body .title{text-align:center;font-size:.22rem;font-weight:900;color:#393939;margin:.3rem .1rem}.body .list{width:100%;padding:0 15% 50px}.body .list .item{position:relative;border-bottom:1px solid #fff;min-height:62px;line-height:62px;font-size:.22rem;font-weight:600}.body .list .item a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;text-decoration:none}.choose-picture-container .upload .btn-upload .text{font-size:.2rem;font-weight:900;color:#212529}.generate-container{width:100%}.generate-container .loading{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#faeb5d;padding:.3rem .1rem}.generate-container .loading img{max-width:100%}._cropper-container{background-color:var(--yellow);width:100%;display:flex;flex-direction:column;align-items:center}._cropper-container .config-box{width:100%;max-width:45vh;min-width:200px;display:flex;flex-direction:column;align-items:center;padding:0px .2rem}._cropper-container .config-box .item{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.1rem}._cropper-container .config-box .item .label{width:100%;font-size:.16rem;margin-bottom:.05rem}._cropper-container .config-box .item .content{display:flex;width:100%}._cropper-container .cropper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0rem .4rem}._cropper-container .cropper .cropper-modal{background-color:#ffd924}._cropper-container .cropper .cropper-view-box{outline:2px solid #fff;outline-color:rgba(255,255,255,.75)}._cropper-container .cropper .cropper-content{border:5px solid #E6C736;width:100%;max-width:45vh;min-width:200px;position:relative}._cropper-container .cropper .cropper-content:after{content:"";display:block;padding-bottom:100%}.choose-picture-container{background-color:var(--yellow);display:flex;flex-direction:column;align-items:center}.choose-picture-container .btn-group{display:flex}.choose-picture-container .upload{margin-bottom:.15rem}.choose-picture-container .upload .btn-upload{cursor:pointer;padding:.1rem .25rem;display:inline-flex;align-items:center;border:none;border-radius:.5rem;letter-spacing:1px;background-color:#f8f9fa;box-shadow:1px 1px 5px rgba(0,0,0,.13)}.choose-picture-container .upload .btn-upload .text{font-size:.18rem;font-weight:900;color:#212529}.choose-picture-container .upload .btn-upload .img-photo{margin-right:.1rem}.choose-picture-container .upload .btn-upload .img{margin-left:.1rem}.produce-list-container{background-color:var(--yellow);display:flex;flex-direction:column;align-items:center;width:100%}.produce-list-container .list{width:100%;padding:0px .3rem}.produce-list-container .list .item{position:relative;border-bottom:1px solid #fff;min-height:62px;line-height:62px;font-size:.22rem;font-weight:600;padding-right:65px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.produce-list-container .list .item .radio{position:absolute;top:12px;right:12px;height:40px;width:40px;border-radius:50%;background-color:#fff}.produce-list-container .list .item .radio:after{content:"";top:8px;left:8px;width:24px;height:24px;border-radius:50%;background:#111;position:absolute;display:none}.produce-list-container .list .item.active .radio:after{display:block}.serial-number-container{background-color:var(--yellow);display:flex;flex-direction:column;align-items:center}.serial-number-container .input{background-color:#fff;display:inline-block;border-color:#fff;border-radius:.05rem;border-bottom:4px solid #d8d8d8;font-size:.24rem;font-weight:600;padding:.15rem;margin-bottom:.1rem;max-width:6rem}.serial-number-container .input:focus{border-color:#fff;border-bottom:4px solid #d0d0d0;box-shadow:0 0 0 .05rem rgba(0,0,0,.02);color:#495057;background-color:#fff;outline:0}.serial-number-container .btn-group{display:flex}