.elem[data-v-3c2be8af]{margin:0 20px}.elem .head-box[data-v-3c2be8af]{position:sticky;padding:10px 0;top:0;margin-bottom:10px;background:#fff;z-index:30;box-shadow:0 5px 10px hsla(0,0%,100%,.8)}.elem .head-box .parents-box[data-v-3c2be8af]{padding-bottom:3px;display:flex;align-items:center;flex-wrap:wrap}.elem .head-box .parents-box .item[data-v-3c2be8af]{position:relative;padding-right:20px}.elem .head-box .parents-box .item[data-v-3c2be8af]:after{content:">";position:absolute;top:0;right:0;bottom:0;width:20px;display:flex;align-items:center;justify-content:center}.elem .head-box .parents-box .item[data-v-3c2be8af]:last-child:after{display:none}.elem .head-box .explain-box[data-v-3c2be8af]{padding-bottom:10px;display:flex;align-items:center;flex-wrap:wrap}.elem .head-box .explain-box[data-v-3c2be8af]:last-child{padding-bottom:0}.elem .head-box .explain-box .item-box[data-v-3c2be8af]{position:relative;margin:5px 10px;line-height:20px}.elem .head-box .explain-box .item-box.blue[data-v-3c2be8af],.elem .head-box .explain-box .item-box.red[data-v-3c2be8af]{padding-left:50px}.elem .head-box .explain-box .item-box.blue[data-v-3c2be8af]:after,.elem .head-box .explain-box .item-box.red[data-v-3c2be8af]:after{position:absolute;top:0;left:0;bottom:0;width:40px;content:"";border-radius:4px;background:#fff;border:1px solid #e3e3e3}.elem .head-box .explain-box .item-box.blue[data-v-3c2be8af]:after{background:#5ab2e9;border-color:#5ab2e9}.elem .head-box .explain-box .item-box.red[data-v-3c2be8af]:after{background:#ff6262;border-color:#ff6262}.elem .head-box .explain-box .intro[data-v-3c2be8af]{color:#999;font-size:13px;margin:5px 25px 5px 15px}.elem .layout-box[data-v-3c2be8af]{display:flex;flex-wrap:wrap}.elem .layout-box>.item-box[data-v-3c2be8af]{position:relative;margin:0 12px 12px 0;padding:10px;border:1px solid #e3e3e3;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.05);display:flex;align-items:center;background:#fff;color:#333}.elem .layout-box>.item-box .total[data-v-3c2be8af]{position:absolute;top:0;left:0;padding:10px 0 0 10px;line-height:1;font-size:12px;color:green}.elem .layout-box>.item-box .content[data-v-3c2be8af]{margin-top:30px;width:130px;display:flex;flex-direction:column;justify-content:flex-end;color:#666}.elem .layout-box>.item-box .content .name[data-v-3c2be8af]{font-size:14px}.elem .layout-box>.item-box .content .name[data-v-3c2be8af]:last-child{text-align:center;line-height:35px}.elem .layout-box>.item-box .content .phone[data-v-3c2be8af]{font-size:13px}.elem .layout-box>.item-box .room[data-v-3c2be8af]{position:absolute;top:5px;right:5px;padding:3px 10px;line-height:1;font-size:12px;background:#f8f8f8;border:1px solid #ececec;border-radius:4px;color:#4bccb4;max-width:100px;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;white-space:nowrap}.elem .layout-box>.item-box .room.not[data-v-3c2be8af]{color:#ff6262}.elem .layout-box>.item-box .room.delete[data-v-3c2be8af]{cursor:pointer;background:#ff6262;border-color:#ff6262;color:#fff}.elem .layout-box>.item-box.selected[data-v-3c2be8af]{background:#5ab2e9;color:#fff}.elem .layout-box>.item-box.selected .total[data-v-3c2be8af]{color:#f3f3f3}.elem .layout-box>.item-box .remove-btn[data-v-3c2be8af]{position:absolute;top:-7px;right:-7px;width:15px;height:15px;border-radius:50%;background:#ffb6b6;color:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.elem .layout-box .pointer[data-v-3c2be8af]{cursor:pointer}.elem .layout-box .empty-box[data-v-3c2be8af]{margin:100px 0;width:100%;text-align:center;color:#999;font-size:13px;display:none;align-items:center;justify-content:center}.elem .layout-box .empty-box[data-v-3c2be8af]:first-child{display:flex}.elem .empty[data-v-3c2be8af]{color:#999;padding:10px 40px 20px 40px;display:flex;align-items:center}.loading-box[data-v-3c2be8af]{position:absolute;top:0;left:0;right:0;bottom:0}