.quickDeliveryList{position:relative;height:100%;padding:12px}.quickDeliveryList .leftBox{width:32%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:calc(100% - 24px);background:#fff;padding:20px;position:absolute;top:12px;box-shadow:2px 0 5px #ccc;z-index:2}.quickDeliveryList .leftBox .switchSpan{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:16px;width:28px;height:28px;border-radius:50%;box-shadow:0 0 5px #ccc;right:-14px;top:50%;position:absolute;background:#fff;cursor:pointer}.quickDeliveryList .leftBox .switchSpan:hover{color:#1890ff}.quickDeliveryList .leftBox.shrinkAnimate{transition:all .5s;width:32%}.quickDeliveryList .leftBox.shrinkAnimate.open{width:80%}.quickDeliveryList .leftBox.shrinkAnimate.close{width:32%}.quickDeliveryList .leftBox .errMsgTip{color:red}.quickDeliveryList .rightBox{padding:20px;background:#fff;width:66%;height:100%;margin-left:34%}.quickDeliveryList .rightBox .rightTitle{font-size:18px;font-weight:700}.quickDeliveryList .rightBox .rightTop{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.quickDeliveryList .rightBox .rightTop .color{font-weight:700;color:orange}