.page-index.scan-code-index .btn-sub{float:right;margin-bottom:5px;background:#3289d3;color:#fff}.page-index.scan-code-index .btn-left{background:#a5ce1c;color:#fff}.page-index.scan-code-index .toolbar-box{display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0}.page-index.scan-code-index .toolbar-box .search-input{width:150px}.page-index.scan-code-index .main-box{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.page-index.scan-code-index .main-box .manipulate-box{margin-right:15px}.page-index.scan-code-index .main-box .manipulate-box .draggable-item{position:relative;display:block;padding:10px 15px;background:#f3f7fa;border-bottom:1px solid #d9e7f4;cursor:move;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#66b0f1}.page-index.scan-code-index .main-box .manipulate-box .draggable-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.page-index.scan-code-index .main-box .preview-box{overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-index.scan-code-index .main-box .preview-box .param-box{padding:10px 30px;margin:0;border-bottom:1px solid #efefef}.page-index.scan-code-index .main-box .preview-box .param-box .el-form-item__label{font-size:18px}.page-index.scan-code-index .main-box .preview-box .param-box .text-right{text-align:right;font-size:16px}.page-index.scan-code-index .main-box .manipulate-box,.page-index.scan-code-index .main-box .preview-box{float:left;width:calc((100% - 30px)/3);background:#f3f7fa}.page-index.scan-code-index .main-box .clear{clear:both}.page-index.scan-code-index .title-box{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;height:25px;font-weight:700;color:#252525;margin-bottom:10px}.page-index.scan-code-index .title-box .title-box-item{float:left;margin-right:15px;width:calc((100% - 30px)/3)}.page-index.scan-code-index .title-box .title-box-item:last-child{margin-right:0}