.op-input{display:block;background-color:#fff;border:1px solid #cccccc;min-width:100%;min-height:52px;padding:0 10px;width:100%;font-size:24px;color:#000;border-radius:4px;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;box-sizing:border-box;line-height:1.25em}.op-input:focus{border-color:#5584ff;box-shadow:0 0 0 2px #5584ff33}.op-input.disabled{background-color:#f4f4f4;opacity:.6}.op-scan-container{flex-direction:column}.op-scan-container .op-input{min-height:62px}.op-scan{background-color:#fff;display:flex;align-items:center;padding:0 15px;border:1px solid #dfdfdf;border-radius:4px;min-height:60px}.op-scan-icon{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01cblPme29HkGI9jfnl_!!6000000008043-2-tps-34-35.png);width:30px;height:30px;background-size:30px 30px}.op-scan-title{font-size:28px;margin-left:10px;line-height:1em}.op-layout{display:flex;box-sizing:border-box;height:calc(100vh - 16px);margin:8px}.op-layout .op-layout-left{display:flex;flex-direction:column;flex:1}.op-layout .op-layout-left .op-layout-header{display:flex;margin-bottom:8px;border-radius:4px;background-color:#fff}.op-layout .op-layout-left .op-layout-header .op-layout-header-scan{flex:1}.op-layout .op-layout-left .op-layout-main{flex:1;background-color:#fff;border-radius:4px;overflow:auto}.op-layout .op-layout-left .op-layout-operation{margin-top:8px;background-color:#fff;padding:10px;display:flex;flex-direction:row;justify-content:flex-end;border-radius:4px}.op-layout .op-layout-left .op-layout-operation button{margin:0 5px}.op-layout .op-layout-right{width:260px;margin-left:8px}.op-layout .op-layout-side{width:80px;margin-left:8px;background-color:#fff}.op-card{background:#ffffff;margin-bottom:8px;padding:8px;border-radius:4px}.op-card .op-card-title{font-size:22px;font-weight:400;margin:.5em 0}.op-card .op-card-content{font-size:30px;font-weight:700}.op-input-group{display:flex;border:1px solid #dfdfdf;border-radius:4px}.op-input-group .op-input-group-item{flex:1}.op-input-group .op-input-group-item label{display:flex;font-size:30px;justify-content:center;align-items:center;color:#00000080}.op-input-group .op-input-group-item label .label-text{margin:0 5px}.op-input-group .op-input-group-item label .op-input{border:none;min-width:auto;flex:1;border-radius:0}.op-input-group .op-input-group-item label .label-text-sub{font-size:50%}.operate-standard-tips-list{display:flex;justify-content:flex-start;flex-direction:row;margin-top:10px;margin-bottom:10px}.operate-standard-tips-list .tips-list-item:not(:last-child){border-right:1px #d9dbde solid}.operate-standard-tips-list .tips-list-item{flex:1;display:flex;justify-content:center;flex-direction:column;align-items:center}.operate-standard-tips-list .tips-list-item.row{flex-direction:row;align-items:baseline}.operate-standard-tips-list .tips-list-item.row .tips-list-label{margin-left:5px}.operate-standard-tips-list .tips-list-item .tips-list-label{color:#999;line-height:1.2em}.operate-standard-tips-list .tips-list-item.tips-list-item-normal .tips-list-value{color:#15191f}.operate-standard-tips-list .tips-list-item.tips-list-item-success .tips-list-value{color:#00cc2c}.operate-standard-tips-list .tips-list-item.tips-list-item-warning .tips-list-value{color:#ffd119}.operate-standard-tips-list .tips-list-item.tips-list-item-error .tips-list-value{color:#fe3824}.operate-standard-tips-list .tips-list-item .tips-list-value{color:#15191f;font-size:30px;line-height:1.1em}.op-icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.op-icon.op-icon-loading{animation:loadingCircle 1s infinite linear;animation-name:loadingCircle;animation-duration:1s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running}.op-sowing-wall .op-wall-row{color:#000;white-space:nowrap;display:flex;justify-content:center}.op-sowing-wall .op-wall-row .op-wall-item{font-size:16px;vertical-align:bottom;flex:1;cursor:pointer;max-width:300px;display:flex}.op-sowing-wall .op-wall-row .op-wall-item:hover .op-wall-icon,.op-sowing-wall .op-wall-row .op-wall-item:active .op-wall-icon{transform:scale(1.1)}.op-sowing-wall .op-wall-row .op-wall-item .op-wall-icon .icon-wrap{width:100%;padding-bottom:80%;position:relative}.op-sowing-wall .op-wall-row .op-wall-item .op-wall-icon .op-icon{position:absolute;width:70%;height:70%;margin-left:15%;margin-top:15%}.op-sowing-wall .op-wall-row .op-wall-item .op-wall-icon .op-icon.disabled{opacity:0}.op-sowing-wall .op-wall-row .op-wall-item .op-wall-icon .op-text{display:flex;height:100%;width:100%;justify-content:center;align-items:center;font-size:22px;position:absolute;transform:translateY(10%);line-height:1.2em}.op-sowing-wall .op-wall-row .op-wall-item .op-wall-icon .op-text span{width:57%;word-break:break-word;white-space:normal;text-align:center}.op-sowing-wall .op-wall-row .op-wall-item .op-wall-text{background-color:#60718a;text-align:center;color:#fff}.op-sowing-wall.slot-postion-bottom .op-wall-item{flex-direction:column}.op-sowing-wall.slot-postion-top .op-wall-item{flex-direction:column-reverse}.op-sowing-wall2 .op-wall-row{color:#000;white-space:nowrap;display:flex;justify-content:center}.op-sowing-wall2 .op-wall-row .op-wall-item{font-size:16px;vertical-align:bottom;flex:1;cursor:pointer;max-width:300px;display:flex;flex-direction:column}.op-sowing-wall2 .op-wall-row .op-wall-item.empty .lattice{outline:1px dashed #ccc}.op-sowing-wall2 .op-wall-row .op-wall-item.default .lattice{background-color:#e0e5f7}.op-sowing-wall2 .op-wall-row .op-wall-item.complete .lattice{background-color:#00d26e;background-image:url(https://img.alicdn.com/imgextra/i3/O1CN013tTrLK1Kw0iNfijgA_!!6000000001227-2-tps-200-200.png);background-size:50% 50%;background-repeat:no-repeat;background-position:center center}.op-sowing-wall2 .op-wall-row .op-wall-item.active .lattice{background-color:#3076fc}.op-sowing-wall2 .op-wall-row .op-wall-item.error .lattice{background-color:#f6565d;background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01LWhpSb1RCqyPqLxsq_!!6000000002076-2-tps-200-200.png);background-size:50% 50%;background-repeat:no-repeat;background-position:center center}.op-sowing-wall2 .op-wall-row .op-wall-item:hover .op-wall-icon,.op-sowing-wall2 .op-wall-row .op-wall-item:active .op-wall-icon{transform:scale(1.1)}.op-sowing-wall2 .op-wall-row .op-wall-item .op-wall-lattice{display:flex;justify-content:center;align-items:center;margin:20% 0 10%}.op-sowing-wall2 .op-wall-row .op-wall-item .op-wall-lattice .lattice{width:80%;padding-bottom:80%;position:relative;border-radius:3%;box-sizing:border-box}.op-sowing-wall2 .op-wall-row .op-wall-item .op-wall-lattice .lattice .lattice-text{font-size:24px;position:absolute;width:100%;bottom:40%;text-align:center;word-break:break-word;white-space:normal}.op-sowing-wall2 .op-wall-row .op-wall-item .op-wall-lattice .lattice .lattice-slot-text{font-size:14px;position:absolute;width:100%;bottom:0;text-align:center;background-color:#c8d3ed4d;line-height:2em}.op-sowing-wall2 .op-wall-row .op-wall-item .op-wall-lattice .op-text{display:flex;height:100%;width:100%;justify-content:center;align-items:center;font-size:22px;position:absolute;transform:translateY(10%);line-height:1.2em}.op-sowing-wall2 .op-wall-row .op-wall-item .op-wall-lattice .op-text span{width:57%;word-break:break-word;white-space:normal;text-align:center}.op-sowing-wall2 .op-wall-row .op-wall-item .op-wall-text{background-color:#e5e8ed;text-align:center;color:#000}.op-sowing-wall2.slot-postion-bottom .op-wall-item{flex-direction:column}.op-sowing-wall2.slot-postion-top .op-wall-item{flex-direction:column-reverse}.op-sowing-wall3{--title-font-size: 20px;--text-font-size: 26px;--subText1-font-size: 20px;--subText2-font-size: 12px}.op-sowing-wall3 .op-wall-row{color:#000;white-space:nowrap;display:flex;justify-content:center}.op-sowing-wall3 .op-wall-row .op-wall-item{font-size:16px;vertical-align:bottom;flex:1;cursor:pointer;max-width:300px;display:flex;flex-direction:column}.op-sowing-wall3 .op-wall-row .op-wall-item.empty .lattice{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01GcjGAK1tlUEnbkjF3_!!6000000005942-2-tps-270-199.png);background-position:center center;background-repeat:no-repeat;background-size:100% 73%}.op-sowing-wall3 .op-wall-row .op-wall-item.default .lattice{background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01wl7kOC1dSDj1KkJUa_!!6000000003734-2-tps-270-199.png);background-position:center center;background-repeat:no-repeat;background-size:100% 73%}.op-sowing-wall3 .op-wall-row .op-wall-item.complete .lattice{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01D4Lggi1E0PHEGCSWR_!!6000000000289-2-tps-270-199.png);background-position:center center;background-repeat:no-repeat;background-size:100% 73%}.op-sowing-wall3 .op-wall-row .op-wall-item.active .lattice{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01x5vKtO25uRMpcGFE3_!!6000000007586-2-tps-270-199.png);background-position:center center;background-repeat:no-repeat;background-size:100% 73%}.op-sowing-wall3 .op-wall-row .op-wall-item.active .lattice .lattice-title{top:25%!important}.op-sowing-wall3 .op-wall-row .op-wall-item.error .lattice{background-image:url(https://img.alicdn.com/imgextra/i2/O1CN01eUxolt20xa0G83dsl_!!6000000006916-2-tps-270-199.png);background-position:center center;background-repeat:no-repeat;background-size:100% 73%}.op-sowing-wall3 .op-wall-row .op-wall-item.warning .lattice{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN015WqYS31y956PqBWND_!!6000000006535-2-tps-270-199.png);background-position:center center;background-repeat:no-repeat;background-size:100% 73%}.op-sowing-wall3 .op-wall-row .op-wall-item:hover .op-wall-icon,.op-sowing-wall3 .op-wall-row .op-wall-item:active .op-wall-icon{transform:scale(1.1)}.op-sowing-wall3 .op-wall-row .op-wall-item .op-wall-lattice{display:flex;justify-content:center;align-items:center;margin-bottom:-10%}.op-sowing-wall3 .op-wall-row .op-wall-item .op-wall-lattice .lattice{width:80%;padding-bottom:80%;position:relative;border-radius:3%;box-sizing:border-box;text-align:center}.op-sowing-wall3 .op-wall-row .op-wall-item .op-wall-lattice .lattice .lattice-text{position:absolute;color:#fff;width:65%;left:17%;top:57%;text-align:center;word-break:break-word;white-space:normal;font-size:var(--text-font-size)}.op-sowing-wall3 .op-wall-row .op-wall-item .op-wall-lattice .lattice .lattice-title{width:70%;left:15%;position:absolute;color:#fff;top:32%;text-align:center;word-break:break-word;white-space:normal;font-size:var(--title-font-size)}.op-sowing-wall3 .op-wall-row .op-wall-item .op-wall-lattice .lattice .lattice-slot-text{font-size:14px;position:absolute;width:100%;bottom:0;text-align:center;background-color:#c8d3ed4d;line-height:2em}.op-sowing-wall3 .op-wall-row .op-wall-item .op-wall-lattice .op-text{display:flex;height:100%;width:100%;justify-content:center;align-items:center;font-size:22px;position:absolute;transform:translateY(10%);line-height:1.2em}.op-sowing-wall3 .op-wall-row .op-wall-item .op-wall-lattice .op-text span{width:57%;word-break:break-word;white-space:normal;text-align:center}.op-sowing-wall3 .op-wall-row .op-wall-item .op-wall-sub-text1{background-color:#60718a;text-align:center;color:#fff;font-size:var(--subText1-font-size);line-height:1.2em}.op-sowing-wall3 .op-wall-row .op-wall-item .op-wall-sub-text2{font-size:var(--subText2-font-size);background-color:#f6f7fc;text-align:center;color:#60718a}.op-sowing-wall3.slot-postion-bottom .op-wall-item{flex-direction:column}.op-sowing-wall3.slot-postion-top .op-wall-item{flex-direction:column-reverse}.op-header-container{flex-direction:column}.op-header-container .op-header{background-color:#fff;display:flex;align-items:center;padding:10px 15px;border:1px solid #dfdfdf;border-radius:4px}.op-header-container .op-header-title{font-size:28px;margin-left:10px}.op-label-text{font-size:1em;word-break:break-word;cursor:pointer;position:relative;display:inline-block}.op-label-text .op-label-text2{font-weight:700;margin-left:.5em}.op-label-text:hover{text-shadow:0px 0px 1px}.op-label-text:hover .op-label-copyed{display:block}.op-label-text .op-label-copyed{position:absolute;top:-1.5em;line-height:1em;color:#fff;background-color:#000;padding:.3em;border-radius:4px;font-size:14px;display:none}.OPRoboticShelf{border:6px solid #647186;flex-direction:column;width:400px;border-bottom:none;border-top:none}.OPRoboticShelf .agv-row{border-bottom:6px solid #647186;padding:6px;flex-direction:column;position:relative}.OPRoboticShelf .agv-row .agv-row-in{flex-wrap:wrap;margin-top:6px;display:flex}.OPRoboticShelf .agv-row .agv-row-in .agv-col{display:flex;background-color:#d8d8d8;min-height:50px;flex:1;margin-right:6px;justify-content:center;align-items:center;color:#fff;font-size:32px}.OPRoboticShelf .agv-row .agv-row-in .agv-col.active{background-color:#9a42f4}.OPRoboticShelf .agv-row .agv-row-in .agv-col:last-child{margin-right:0}.OPRoboticShelf .agv-row .agv-row-in:first-child{margin-top:0}.OPRoboticShelf .agv-icon{background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01wW7wzZ26hu0JTm6l6_!!6000000007694-2-tps-161-54.png);background-size:161px 54px;background-repeat:no-repeat;background-position:center bottom;height:60px}.OPRoboticShelf .current-col-tips{position:absolute;background-color:#444c5b;border-radius:10px;padding:10px 20px;left:110%;z-index:2;min-width:200px;min-height:100px;top:0;flex-direction:column}.OPRoboticShelf .current-col-tips .arrow{background-color:#444c5b;position:absolute;width:31px;height:31px;transform:rotate(45deg);left:-15px;top:15px}.OPRoboticShelf .current-col-tips .title{font-size:48px;color:#fff;line-height:1.5em}.OPRoboticShelf .current-col-tips .skuName,.OPRoboticShelf .current-col-tips .skuCode{font-size:24px;color:#fff;max-width:400px}.OPRoboticShelf .current-col-tips .skuName{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px}.OPRoboticShelf .current-col-tips .desc{font-size:18px;color:#fff}.op-select-wrap{position:relative}.op-select-wrap .op-select{width:100%;height:60px;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding:0 10px;font-size:24px;border-radius:4px;border:1px solid #dfdfdf}.op-select-wrap .op-select:hover{border-color:#4e3bf1}.op-select-wrap:hover:before{border-top-color:#4e3bf1}.op-select-wrap:before{position:absolute;display:block;content:"";width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:16px solid #000000;top:22px;right:20px;opacity:.6}.op-button{position:relative;display:flex;align-items:center;box-shadow:none;text-decoration:none;text-align:center;text-transform:none;white-space:nowrap;vertical-align:middle;user-select:none;transition:all .3s ease-out;cursor:pointer;border-radius:3px;padding:.4em 1em;font-size:16px;border-width:1px;border-style:solid;background-color:#fff;border-color:#c4c6cf}.op-button:disabled{background-color:#868686!important}.op-button:hover,.op-button:active{color:#333;background-color:#f2f3f7;border-color:#a0a2ad;text-decoration:none}.op-button.primary{border-style:solid;background-color:#5584ff;border-color:#0000;color:#fff}.op-button.primary:hover,.op-button.primary:active{color:#fff;background-color:#3e71f7;border-color:#0000;text-decoration:none}.op-button.small{font-size:16px}.op-button.medium{font-size:24px}.op-button.medium .loading-icon{width:24px;height:24px}.op-button.large{font-size:32px}.op-button.large .loading-icon{width:32px;height:32px}.op-button .loading-icon{width:16px;height:16px;animation:rotate 2.5s linear infinite;margin-right:5px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes opacity2{0%{opacity:0}to{opacity:1}}.op-table{width:100%}.op-table .op-table-header th{border:0;border-bottom:1px solid #C7D3E1;background-color:#d7eafe;font-size:20px;font-weight:500;padding-top:12px;padding-bottom:12px;color:#2d4d6c}.op-table tr.selected td{background-color:#198cff!important;color:#fff}.op-table tr th:first-child,.op-table tr td:first-child{padding-left:10px}.op-table tr th:last-child,.op-table tr td:last-child{padding-right:10px}.op-table tbody tr:hover td{background-color:#ebebeb}.op-table tbody td{border:0;border-bottom:1px solid #C7D3E1;padding-top:12px;padding-bottom:12px;font-size:20px;color:#2d4d6c}.op-table tbody .pkStatus{color:#fe3824}.op-table .td-align-right{text-align:right}.op-table .td-align-left{text-align:left}.op-table .td-align-center{text-align:right}.op-table-title{display:flex;justify-content:space-between;font-size:24px;color:#196ee6;margin:5px 0}.op-table-title>div:last-child{color:#6683a6}.op-table-count{display:flex;margin-bottom:20px}.op-table-count .count-item{margin-left:5%;font-size:24px}.op-table-count .count-item .item-label{color:#6683a6}.op-table-count .count-item .item-value{font-size:54px;color:#26364d;margin-right:10px}.op-table-count .count-item:first-child{margin-left:0}.op-overlay{top:0;left:0;position:fixed;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#0006;z-index:100}.op-overlay .op-dialog-continer{min-width:40vw;background-color:#fff;border-radius:6px;padding:15px 20px;display:flex;flex-direction:column;transform:translateY(-10vh)}.op-overlay .op-dialog-continer .title{font-size:20px;font-weight:700}.op-overlay .op-dialog-continer .sub-title{font-size:16px}.op-overlay .op-dialog-continer .main{flex:1;font-size:16px;margin:10px 0}.op-overlay .op-dialog-continer .footer{display:flex;justify-content:flex-end;margin-top:20px}.op-overlay .op-dialog-continer .footer button{margin-left:10px}.op-prompt-input{transition:all .1s linear;border:1px solid #dcdfe6;background-color:#fff;outline:none;margin:0;font-weight:400;vertical-align:middle;background-color:#0000;color:#1f2633;font-size:24px;box-sizing:border-box;width:100%;padding:.5em;border-radius:4px}.op-prompt-input:hover,.op-prompt-input:active,.op-prompt-input:focus{border-color:#03c1fd}.mini-app-global-tips{position:fixed;bottom:5%;left:5%;min-width:calc(75% - 92px);max-width:90%;border-radius:6px;padding:10px 20px;box-sizing:border-box;display:flex;z-index:1000;align-items:center;box-shadow:0 1px 3px #0000003d}.mini-app-global-tips .mini-app-global-icon{width:40px;height:40px;background-size:cover;margin-right:20px}.mini-app-global-tips.error{background-color:#ffe8e6;color:#000}.mini-app-global-tips.error .mini-app-global-icon{background-image:url(https://img.alicdn.com/imgextra/i4/O1CN01QvMbf51EUdIs8FML0_!!6000000000355-2-tps-128-128.png)}.mini-app-global-tips.warning{background-color:#fffce6;color:#000}.mini-app-global-tips.warning .mini-app-global-icon{background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01MXD2sY1MpG4BzNIaA_!!6000000001483-2-tps-128-128.png)}.mini-app-global-tips.success{background-color:#daf2de}.mini-app-global-tips.success .mini-app-global-icon{background-image:url(https://img.alicdn.com/imgextra/i1/O1CN01VupoM31vKa5ZNCYQE_!!6000000006154-2-tps-128-128.png)}.mini-app-global-tips .mini-app-global-tips-title{font-size:40px;line-height:1.25em}.mini-app-global-tips .mini-app-global-tips-message{font-size:24px;line-height:1.2em}.mini-app-global-tips .btn{padding:.3em 3em;border-radius:6px;border:none;font-size:36px;background-color:#00bdff;color:#fff;margin-top:20px}.op-dialog-title{font-weight:700;margin-bottom:10px}.op-dialog-footer{display:flex;justify-content:flex-end}.op-dialog-footer .op-button{margin-left:10px}.components-container{display:flex}.components-example{flex-direction:column;border-right:1px solid #d8d8d8;min-height:100vh;padding-right:10px}.components-example h1{margin-top:20px}.components-example h2{color:#00000073;font-size:14px;margin-top:20px;border-bottom:1px solid #d8d8d8;padding-bottom:5px}.components-example .components-item{color:#000000d9;font-size:16px;padding:10px 0;margin-left:20px;align-items:center;cursor:pointer}.components-example .components-item:hover,.components-example .components-item.active{color:#4f10fd73}.components-example .components-item>small{margin-left:1em}.show-case{display:flex;flex-direction:column;padding:50px;flex:1}.show-case h2{margin:20px 0}.show-case .code{white-space:pre;border:1px solid #e8e8e8;border-radius:4px;background-color:#f9f9f9;padding:5px 10px;display:block;margin:20px 0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.demo-box{display:block;margin:5px 0;padding:15px;border:1px solid #e9e9e9;border-radius:6px;flex-direction:column}.demo-box:not(:last-child){margin-bottom:20px}.version{font-size:12px;margin-left:10px}