.title-col[data-v-b671050c]{height:44px;background:#f5f7fa;padding:14px 15px;text-align:left;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.title-col[data-v-b671050c],.title[data-v-b671050c]{display:-webkit-box;display:-ms-flexbox;display:flex}.title[data-v-b671050c]{font-size:14px;color:#000;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.icon[data-v-b671050c]{margin-right:8px;color:#555657}.subTitle[data-v-b671050c]{font-size:10px;color:#adadae;text-align:right;float:right}.orderList>div[data-v-e5cd4cce],.orderList[data-v-e5cd4cce]{width:100%;height:100%}.orderList .empty[data-v-e5cd4cce]{height:calc(100% - 56px)}.sidebar-con[data-v-e5cd4cce]{height:100%;position:relative;padding-bottom:56px;overflow:hidden}.sroll-wrap[data-v-e5cd4cce]{height:100%;overflow-y:scroll;overflow-x:hidden;width:calc(100% + 17px);padding-right:17px;padding-bottom:80px}.img-wrap[data-v-e5cd4cce]{margin:0 16px;margin-bottom:16px;position:relative;border:2px solid #fff}.img-wrap img[data-v-e5cd4cce]{width:100%}.img-wrap .sel-colors[data-v-e5cd4cce]{width:100%;position:absolute;bottom:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.img-wrap .sel-colors i[data-v-e5cd4cce]{width:16px;height:16px;margin:0 2px;border-radius:4px;display:inline-block}.img-wrap .sel-colors i.active[data-v-e5cd4cce]{border:1px solid #438bf9}.img-wrap .trash-wrap[data-v-e5cd4cce]{width:24px;height:24px;background:rgba(0,0,0,.6);border-radius:4px;position:absolute;top:8px;right:8px;visibility:hidden;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s;border:none}.img-wrap .trash-wrap img[data-v-e5cd4cce]{width:16px;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}.order-items[data-v-e5cd4cce]{width:238px;overflow:hidden}.order-item[data-v-e5cd4cce]:first-child{padding-top:0}.order-item[data-v-e5cd4cce]{padding-top:24px;cursor:pointer}.order-item.active .trash-wrap[data-v-e5cd4cce],.order-item:hover .trash-wrap[data-v-e5cd4cce]{opacity:1;visibility:visible}.order-item.active .img-wrap[data-v-e5cd4cce],.order-item:hover .img-wrap[data-v-e5cd4cce]{border:2px solid #438bf9}.order-num[data-v-e5cd4cce]{color:#9c9c9c;font-size:12px}.order-ruleName[data-v-e5cd4cce]{color:#303133;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 16px}.header[data-v-e5cd4cce]{width:100%;height:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.fixed[data-v-e5cd4cce]{width:238px!important;position:fixed!important}.footer[data-v-e5cd4cce]{width:100%;height:56px;background:#f5f7fa;position:absolute;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.footer .btn[data-v-e5cd4cce],.header .btn[data-v-e5cd4cce]{width:206px;height:40px}.oPreview[data-v-2fc8d6fa]{height:calc(100% - 44px)}.img-wrap[data-v-2fc8d6fa]{max-width:80%;height:auto;max-height:80%;display:inline-block}