.remarkModel{font-size:12px;color:#000}.remarkModel .modal-dialog{width:590px;max-width:590px}.remarkModel .modal-dialog .modal-content{right:inherit;width:100%;border-radius:16px}.remarkModel .header{background:#1565d8;height:56px;line-height:56px;padding-left:24px;border-radius:16px 16px 0 0;font-size:18px;font-weight:700;color:#fff;position:relative}.remarkModel .header .icon-guanbi{position:absolute;right:20px;top:0;display:inline-block;font-size:18px;cursor:pointer;color:hsla(0,0%,100%,.8)}.remarkModel .header .icon-guanbi:hover{color:#fff}.remarkModel .modal-body{padding:20px 24px}.remarkModel .modal-body .tr-box{display:flex}.remarkModel .modal-body .tr-box .flex1{flex:1}.remarkModel .modal-body .input-box{position:relative}.remarkModel .modal-body .input-box textarea{width:100%;height:120px;border:1px solid #d4d6d9;border-radius:4px;padding:12px 15px;font-size:14px;color:#333;line-height:22px;resize:none;outline:none;box-sizing:border-box}.remarkModel .modal-body .input-box textarea::-moz-placeholder{color:#b3b3b3}.remarkModel .modal-body .input-box textarea:-ms-input-placeholder{color:#b3b3b3}.remarkModel .modal-body .input-box textarea::placeholder{color:#b3b3b3}.remarkModel .modal-body .input-box textarea:focus{border-color:#1565d8}.remarkModel .modal-body .input-box .word-count{position:absolute;right:12px;bottom:8px;font-size:12px;color:#b3b3b3}.remarkModel .footer-box{height:75px;line-height:75px;background:#fafbfc;border-radius:0 0 16px 16px;border-top:1px solid #edeeef;text-align:right;padding:0 16px}.remarkModel .footer-box .btn{margin-left:12px;height:42px;border-radius:6px;border:1px solid #d1d5db;padding:0 40px;font-weight:500;font-size:14px;color:#6f7684}.remarkModel .footer-box .btn.btn-confirm{border:none;background:#1565d8;box-shadow:0 2px 4px -2px rgba(0,0,0,.1),0 4px 6px -1px rgba(0,0,0,.1);color:#fff}.cancelReserveModel[data-v-13051356]{font-size:12px;color:#000}.cancelReserveModel[data-v-13051356] .modal-dialog{width:590px;max-width:590px}.cancelReserveModel[data-v-13051356] .modal-dialog .modal-content{right:inherit;width:100%;border-radius:16px}.cancelReserveModel .header[data-v-13051356]{background:#1565d8;height:56px;line-height:56px;padding-left:24px;border-radius:16px 16px 0 0;font-size:18px;font-weight:700;color:#fff;position:relative}.cancelReserveModel .header .icon-guanbi[data-v-13051356]{position:absolute;right:20px;top:0;display:inline-block;font-size:18px;cursor:pointer;color:hsla(0,0%,100%,.8)}.cancelReserveModel .header .icon-guanbi[data-v-13051356]:hover{color:#fff}.cancelReserveModel .modal-body[data-v-13051356]{padding:20px 24px}.cancelReserveModel .modal-body .tr-box[data-v-13051356]{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:8px}.cancelReserveModel .modal-body .tr-box.selected[data-v-13051356]{background:#f0f4ff;border-color:#c5d5f0}.cancelReserveModel .modal-body .tr-box.selected .reason-radio[data-v-13051356]{border-color:#2b5fbd;background:#2b5fbd}.cancelReserveModel .modal-body .tr-box.selected .reason-radio[data-v-13051356]:after{opacity:1;transform:scale(1)}.cancelReserveModel .modal-body .tr-box .reason-radio[data-v-13051356]{width:18px;height:18px;border-radius:50%;border:2px solid #d0d5dd;background:#fff;flex-shrink:0;margin-top:1px;position:relative;transition:all .2s}.cancelReserveModel .modal-body .tr-box .reason-radio[data-v-13051356]:after{content:"";position:absolute;top:50%;left:50%;transform:scale(0);width:6px;height:6px;background:#fff;border-radius:50%;margin:-3px 0 0 -3px;opacity:0;transition:all .2s}.cancelReserveModel .modal-body .tr-box .reason-text[data-v-13051356]{font-size:14px;color:#444;font-weight:500;line-height:1.4}.cancelReserveModel .modal-body .input-box[data-v-13051356]{position:relative;margin-top:10px;max-height:0;overflow:hidden;transition:max-height .25s ease,opacity .2s}.cancelReserveModel .modal-body .input-box.show[data-v-13051356]{max-height:123px}.cancelReserveModel .modal-body .input-box textarea[data-v-13051356]{width:100%;height:120px;border:1px solid #d4d6d9;border-radius:4px;padding:12px 15px;font-size:14px;color:#333;line-height:22px;resize:none;outline:none;box-sizing:border-box}.cancelReserveModel .modal-body .input-box textarea[data-v-13051356]::-moz-placeholder{color:#b3b3b3}.cancelReserveModel .modal-body .input-box textarea[data-v-13051356]:-ms-input-placeholder{color:#b3b3b3}.cancelReserveModel .modal-body .input-box textarea[data-v-13051356]::placeholder{color:#b3b3b3}.cancelReserveModel .modal-body .input-box textarea[data-v-13051356]:focus{border-color:#1565d8}.cancelReserveModel .modal-body .input-box .word-count[data-v-13051356]{position:absolute;right:12px;bottom:8px;font-size:12px;color:#b3b3b3}.cancelReserveModel .footer-box[data-v-13051356]{height:75px;line-height:75px;background:#fafbfc;border-radius:0 0 16px 16px;border-top:1px solid #edeeef;text-align:right;padding:0 16px}.cancelReserveModel .footer-box .btn[data-v-13051356]{margin-left:12px;height:42px;border-radius:6px;border:1px solid #d1d5db;padding:0 40px;font-weight:500;font-size:14px;color:#6f7684}.cancelReserveModel .footer-box .btn.btn-confirm[data-v-13051356]{border:none;background:#1565d8;box-shadow:0 2px 4px -2px rgba(0,0,0,.1),0 4px 6px -1px rgba(0,0,0,.1);color:#fff}.cloudPosPre{position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;overflow:hidden;padding-bottom:0;font-size:12px;color:#000;background-color:#c1d8f9;background-image:url(/images/bj.png);background-repeat:no-repeat;background-size:100%;display:flex;flex-direction:column}.cloudPosPre .header-box{display:flex;align-items:flex-start;padding:10px 0}.cloudPosPre .header-box .header-left{padding-left:17px;width:666px;position:relative}.cloudPosPre .header-box .header-left:after{content:"";position:absolute;top:15px;right:0;height:60px;border-left:1px solid #fff}.cloudPosPre .header-box .header-left .flex-box{display:flex;align-items:center}.cloudPosPre .header-box .calendar-box{width:88px;height:90px;background:#fff;border-radius:8px 8px 8px 8px;text-align:center;padding:0;box-shadow:none;border:none}.cloudPosPre .header-box .calendar-box .calendar__prefix{display:none}.cloudPosPre .header-box .calendar-box .icon{margin:0 10px;border-bottom:1px solid #c4cee0;padding-bottom:10px;padding-top:14px}.cloudPosPre .header-box .calendar-box .icon .iconfont{font-size:30px;color:#6f7684}.cloudPosPre .header-box .calendar-box .text{margin-top:10px;font-weight:400;font-size:12px;color:#424753}.cloudPosPre .header-box .today_bnt{margin-left:16px;width:40px;height:90px;background:#c3dcff;text-align:center;border-radius:8px 8px 8px 8px;border:1px solid #eef5ff;font-weight:700;font-size:14px;color:#eef5ff;letter-spacing:1px;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;line-height:38px;border:1px solid #1565d8;color:#1565d8}.cloudPosPre .header-box .today_bnt.selected{border:1px solid #1565d8;color:#1565d8}.cloudPosPre .header-box .swiperDate .el-carousel{width:395px}.cloudPosPre .header-box .phase-list{margin-left:20px;flex:1;overflow:hidden;display:flex;align-items:center;gap:12px}.cloudPosPre .header-box .phase-list .item-box{width:140px;height:90px;overflow:hidden;background:#fff;border-radius:8px;padding:10px;position:relative}.cloudPosPre .header-box .phase-list .item-box.selected{background:#1565d8}.cloudPosPre .header-box .phase-list .item-box.selected .info-box,.cloudPosPre .header-box .phase-list .item-box.selected .info-box .iconfont,.cloudPosPre .header-box .phase-list .item-box.selected .name{color:#fff}.cloudPosPre .header-box .phase-list .item-box.selected .tag.selected{background:#fff;color:#1565d8}.cloudPosPre .header-box .phase-list .item-box .tag{position:absolute;right:0;top:27px;width:64px;height:18px;line-height:18px;background:#c8c8c8;text-align:center;font-weight:700;font-size:14px;color:#fff;transform:rotate(45deg);transform-origin:right bottom}.cloudPosPre .header-box .phase-list .item-box .tag.selected{background:#1565d8}.cloudPosPre .header-box .phase-list .item-box .name{font-weight:700;font-size:15px;color:#7f828d;height:40px;padding-right:20px}.cloudPosPre .header-box .phase-list .item-box .info-box{font-weight:500;font-size:12px;color:#979797}.cloudPosPre .header-box .phase-list .item-box .info-box .iconfont{font-size:12px}.cloudPosPre .header-box .right-bnts{flex:1;max-width:232px;display:flex}.cloudPosPre .header-box .right-bnts .bnt{padding-top:8px;flex:1;overflow:hidden;text-align:center}.cloudPosPre .header-box .right-bnts .bnt .iconfont{font-size:24px;color:#555}.cloudPosPre .header-box .right-bnts .bnt .name{margin-top:8px;font-weight:500;font-size:14px;color:#333}.cloudPosPre .main-content{display:flex;gap:10px;flex:1;overflow:hidden}.cloudPosPre .left-panel{width:666px;display:flex;flex-direction:column;overflow:hidden;position:relative}.cloudPosPre .left-panel .mask{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.2;z-index:2}.cloudPosPre .left-panel .nav-box .li-bnt{display:inline-block;background:#a2bae0;height:36px;line-height:36px;text-align:center;width:167px;border-top-right-radius:18px;margin-left:-18px;position:relative}.cloudPosPre .left-panel .nav-box .li-bnt:before{content:"";position:absolute;top:13px;right:-18px;width:20px;height:23px;background:#a2bae0}.cloudPosPre .left-panel .nav-box .li-bnt:after{content:"";position:absolute;top:3px;right:-25px;width:22px;height:36px;border-bottom-left-radius:24px;background:#c1d8f9;transform:rotate(-20deg)}.cloudPosPre .left-panel .nav-box .li-bnt:first-child{margin-left:0;border-top-left-radius:8px;z-index:1}.cloudPosPre .left-panel .nav-box .li-bnt:first-child:after{background:#fff}.cloudPosPre .left-panel .nav-box .li-bnt:first-child.selected:after{background:#a2bae0}.cloudPosPre .left-panel .nav-box .li-bnt.selected,.cloudPosPre .left-panel .nav-box .li-bnt.selected:before,.cloudPosPre .left-panel .nav-box .li-bnt:first-child.selected:before{background-color:#fff}.cloudPosPre .left-panel .nav-box .li-bnt.selected .name{position:relative;color:#1565d8}.cloudPosPre .left-panel .nav-box .li-bnt.selected .name:before{position:absolute;left:0;top:23px;content:"";width:100%;height:8px;background:linear-gradient(90deg,rgba(230,238,249,.3),#7eb3ff);border-radius:4px}.cloudPosPre .left-panel .nav-box .li-bnt.selected .iconfont{color:#1565d8}.cloudPosPre .left-panel .nav-box .li-bnt .name{font-weight:500;font-size:14px;color:#fff;display:inline-block}.cloudPosPre .left-panel .nav-box .li-bnt .iconfont{margin-right:8px;font-size:14px;color:#fff}.cloudPosPre .left-panel .nav-box .li-bnt .num{position:absolute;top:2px;left:127px;min-width:20px;padding:0 5px;height:20px;line-height:20px;text-align:center;font-weight:500;font-size:14px;color:#fff;background:#ff6164;border-radius:10px}.cloudPosPre .left-panel .panel-box{flex:1;display:flex;flex-direction:column;overflow:hidden}.cloudPosPre .left-panel .search-bar{padding:14px;padding-bottom:0;border-top-right-radius:12px;background-color:#fff;display:flex;align-items:center}.cloudPosPre .left-panel .search-bar .search{flex:1;line-height:34px;height:36px;background:#fff;border-radius:8px 8px 8px 8px;border:1px solid #d4d6d9;margin-right:10px}.cloudPosPre .left-panel .search-bar .search:before{font-size:20px;color:#bbbdbf}.cloudPosPre .left-panel .search-bar .search .jianpan{display:none}.cloudPosPre .left-panel .search-bar .search input{border:none;font-weight:400;font-size:14px;padding-left:44px;background-color:transparent;box-shadow:none}.cloudPosPre .left-panel .search-bar .search input::-moz-placeholder{color:#b3b3b3}.cloudPosPre .left-panel .search-bar .search input:-ms-input-placeholder{color:#b3b3b3}.cloudPosPre .left-panel .search-bar .search input::placeholder{color:#b3b3b3}.cloudPosPre .left-panel .search-bar .el-select{margin-right:10px;width:110px}.cloudPosPre .left-panel .search-bar .el-select .el-input{line-height:36px}.cloudPosPre .left-panel .search-bar .el-select .el-input .el-input__inner{height:36px;line-height:34px;background:#fff;border-radius:4px;border:1px solid #cacaca;font-weight:400;font-size:14px;color:#6f7684;padding-left:10px;padding-right:25px}.cloudPosPre .left-panel .search-bar .el-select .el-input .el-input__icon{line-height:36px}.cloudPosPre .left-panel .search-bar .el-select .el-input input:focus{border:1px solid #2878ff}.cloudPosPre .left-panel .sort-bar{display:flex;align-items:center;gap:6px;padding:14px;padding-top:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff}.cloudPosPre .left-panel .sort-bar .sort-label{font-size:12px;color:#999;white-space:nowrap;flex-shrink:0}.cloudPosPre .left-panel .sort-bar .sort-pill{padding:5px 12px;border-radius:14px;border:1px solid #e8ecf2;background:#fff;color:#666;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:3px}.cloudPosPre .left-panel .sort-bar .sort-pill.selected{background:#1565d8;color:#fff;border-color:transparent;font-weight:500;box-shadow:0 2px 6px rgba(78,123,239,.25)}.cloudPosPre .left-panel .sort-bar .sort-pill.selected .sort-arrow{opacity:1}.cloudPosPre .left-panel .sort-bar .sort-pill .sort-arrow{font-size:10px;opacity:0;transition:opacity .15s}.cloudPosPre .left-panel .booking-list{background-color:#fff;flex:1;overflow-y:auto;padding:0 15px}.cloudPosPre .left-panel .booking-list .booking-item{background:#f5f9ff;border-radius:12px;padding:0 16px;margin-bottom:16px;position:relative;padding-top:15px;border:1px solid #f5f9ff}.cloudPosPre .left-panel .booking-list .booking-item.selected{border-color:#4e7bef;background:#f5f8ff;box-shadow:0 3px 12px rgba(78,123,239,.18)}.cloudPosPre .left-panel .booking-list .booking-item.selected .more{transform:rotate(180deg)}.cloudPosPre .left-panel .booking-list .booking-item .tag_type{position:absolute;left:0;top:0;height:18px;line-height:18px;background:#0d668d;border-radius:12px 0 12px 0;font-weight:500;font-size:12px;color:#fff;padding:0 9px}.cloudPosPre .left-panel .booking-list .booking-item .tag_type.selected{background:#409b55}.cloudPosPre .left-panel .booking-list .booking-item .yijiez{position:absolute;right:13px;top:0}.cloudPosPre .left-panel .booking-list .booking-item .yijiez .iconfont{font-size:68px;color:#df4346}.cloudPosPre .left-panel .booking-list .booking-item .top-right{position:absolute;right:10px;top:5px;line-height:18px;display:flex;align-items:center}.cloudPosPre .left-panel .booking-list .booking-item .top-right .tag{margin:0 1px;display:inline-block;width:18px;height:18px;border-radius:18px;line-height:18px;text-align:center;display:flex;align-items:center;justify-content:center}.cloudPosPre .left-panel .booking-list .booking-item .top-right .tag-ding,.cloudPosPre .left-panel .booking-list .booking-item .top-right .tag .iconfont{color:#fff;font-size:18px}.cloudPosPre .left-panel .booking-list .booking-item .top-right .tag-timeout{background:#d84a4a}.cloudPosPre .left-panel .booking-list .booking-item .top-right .tag-dingjin{background:#c0c81e}.cloudPosPre .left-panel .booking-list .booking-item .top-right .tag-dingjin .iconfont{color:#333;font-size:11px}.cloudPosPre .left-panel .booking-list .booking-item .top-right .tag-dianhua{background:#27cec9}.cloudPosPre .left-panel .booking-list .booking-item .top-right .tag-dianhua .iconfont{color:#333;font-size:12px}.cloudPosPre .left-panel .booking-list .booking-item .top-right .tag-huiyuan{background:#d9f0fa}.cloudPosPre .left-panel .booking-list .booking-item .top-right .tag-huiyuan .iconfont{color:#f62525}.cloudPosPre .left-panel .booking-list .booking-item .top-right .tag-suo .iconfont{color:#696f79;font-size:16px}.cloudPosPre .left-panel .booking-list .booking-item .flex-box{display:flex;gap:25px;padding-bottom:8px}.cloudPosPre .left-panel .booking-list .booking-item .flex-box .left-content{width:230px}.cloudPosPre .left-panel .booking-list .booking-item .flex-box .right-content{flex:1;overflow:hidden}.cloudPosPre .left-panel .booking-list .booking-item .flex-box .room-name{font-weight:400;font-size:14px;color:#6f7684;margin-bottom:8px}.cloudPosPre .left-panel .booking-list .booking-item .flex-box .room-name .name{font-size:20px;color:#1c1b1b;font-weight:bolder}.cloudPosPre .left-panel .booking-list .booking-item .flex-box .room-name .tag-party{margin-left:7px;display:inline-block;padding:0 7px;background-color:#e0f6ff;font-weight:400;font-size:12px;color:#1c769c}.cloudPosPre .left-panel .booking-list .booking-item .flex-box .tr{margin-top:3px;font-weight:400;font-size:14px;color:#6f7684}.cloudPosPre .left-panel .booking-list .booking-item .flex-box .tr .red{color:#df4346}.cloudPosPre .left-panel .booking-list .booking-item .flex-box .tr .bnt{display:inline-block;margin-left:12px;color:#1565d8;text-decoration:underline;text-underline-offset:4rpx}.cloudPosPre .left-panel .booking-list .booking-item .item-footer{display:flex;justify-content:flex-start;gap:16px;padding:8px 0;border-top:1px solid #dee2e6}.cloudPosPre .left-panel .booking-list .booking-item .item-footer .bnt{text-align:center;width:80px;height:30px;line-height:30px;background:#fff;border-radius:4px;border:1px solid #c2c6d6;font-weight:500;font-size:14px;color:#6f7684}.cloudPosPre .left-panel .booking-list .booking-item .more{position:absolute;right:16px;bottom:5px;transition:transform .3s}.cloudPosPre .left-panel .booking-list .booking-item .more .iconfont{font-size:20px;color:#6f7684}.cloudPosPre .left-panel .talRecordBox{display:flex;flex-direction:row}.cloudPosPre .right-panel,.cloudPosPre .right-panel .panel-box{flex:1;overflow:hidden;display:flex;flex-direction:column}.cloudPosPre .right-panel .panel-box{padding-top:12px;background:#fff;border-radius:12px 12px 0 0}.cloudPosPre .right-panel .date-title{padding:0 16px;font-weight:700;font-size:20px;color:#333;display:flex;align-items:center}.cloudPosPre .right-panel .date-title .flex1{flex:1;min-width:50%;overflow:hidden}.cloudPosPre .right-panel .date-title .yd-title{margin-right:40px;display:inline-block}.cloudPosPre .right-panel .date-title .total{display:inline-block;font-weight:500;font-size:14px;color:#333}.cloudPosPre .right-panel .date-title .total:before{content:"";display:inline-block;width:12px;height:12px;background-color:#1565d8;border-radius:12px;margin-right:4px}.cloudPosPre .right-panel .date-title .total .num{font-size:20px;color:#cc741c}.cloudPosPre .right-panel .date-title .date-display{padding:0 6px;font-weight:500;font-size:14px;color:#333}.cloudPosPre .right-panel .date-title .date-display .icon{width:18px;height:18px;margin-right:6px;vertical-align:middle}.cloudPosPre .right-panel .right-search{display:flex;align-items:center;padding:16px;padding-bottom:10px}.cloudPosPre .right-panel .right-search .flex1{flex:1;overflow:hidden;margin-right:10px}.cloudPosPre .right-panel .right-search .search{width:100%;max-width:326px;line-height:34px;height:36px;background:#fff;border-radius:8px 8px 8px 8px;border:1px solid #d4d6d9;margin-right:24px}.cloudPosPre .right-panel .right-search .search:before{font-size:20px;color:#bbbdbf}.cloudPosPre .right-panel .right-search .search .jianpan{display:none}.cloudPosPre .right-panel .right-search .search input{border:none;font-weight:400;font-size:14px;padding-left:44px;background-color:transparent;box-shadow:none}.cloudPosPre .right-panel .right-search .search input::-moz-placeholder{color:#b3b3b3}.cloudPosPre .right-panel .right-search .search input:-ms-input-placeholder{color:#b3b3b3}.cloudPosPre .right-panel .right-search .search input::placeholder{color:#b3b3b3}.cloudPosPre .right-panel .right-search .el-select{margin-left:36px;width:110px}.cloudPosPre .right-panel .right-search .el-select .el-input{line-height:36px}.cloudPosPre .right-panel .right-search .el-select .el-input .el-input__inner{height:36px;line-height:34px;background:#fff;border-radius:4px;border:1px solid #cacaca;font-weight:400;font-size:14px;color:#6f7684}.cloudPosPre .right-panel .right-search .el-select .el-input .el-input__icon{line-height:36px}.cloudPosPre .right-panel .right-search .el-select .el-input input:focus{border:1px solid #2878ff}.cloudPosPre .right-panel .filter-nav{display:flex;height:54px;overflow:hidden;background:#f3f6fb}.cloudPosPre .right-panel .filter-nav .nav-box{margin:0 20px;flex:1;overflow:hidden;overflow-x:scroll;white-space:nowrap;position:relative}.cloudPosPre .right-panel .filter-nav .nav-box .nav-li{display:inline-block;padding:0 20px;font-size:18px;cursor:pointer;white-space:nowrap;height:54px;line-height:50px}.cloudPosPre .right-panel .filter-nav .nav-box .nav-li:first-child{margin-right:0;position:sticky;left:0;z-index:1;background-color:#f3f6fb}.cloudPosPre .right-panel .filter-nav .nav-box .nav-li.selected .name{color:#409eff;font-weight:700;border-bottom:4px solid #409eff}.cloudPosPre .right-panel .filter-nav .page-box{height:54px;margin-right:20px}.cloudPosPre .right-panel .filter-nav .page-box .page-number{min-width:60px;padding:0 5px;text-align:center;font-weight:500;font-size:14px;color:#6f7684}.cloudPosPre .right-panel .filter-nav .page-box .last-page,.cloudPosPre .right-panel .filter-nav .page-box .next-page{display:inline-block;width:36px;line-height:54px}.cloudPosPre .right-panel .filter-nav .page-box .last-page .iconfont,.cloudPosPre .right-panel .filter-nav .page-box .next-page .iconfont{font-size:36px;color:#6f7684}.cloudPosPre .right-panel .tables-container{flex:1;overflow-y:auto;padding:20px 16px;--rowNum:6}.cloudPosPre .right-panel .tables-container .desk-box .room-box{margin-bottom:24px}.cloudPosPre .right-panel .tables-container .desk-box .group-name{font-weight:700;font-size:16px;color:#6f7684}.cloudPosPre .right-panel .tables-container .desk-box .grid-box{margin-top:12px;display:grid;grid-template-columns:repeat(var(--rowNum),1fr);gap:12px}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box{margin-bottom:0;padding-bottom:5px;background:#e7f0f6;box-shadow:1px 2px 8px 0 rgba(66,71,83,.3);border-radius:12px 12px 0 0;border:1px solid #dee2e6;position:relative;overflow:hidden}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.disabled:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.opening{background:#0d668d}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.opening .type{display:none}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.opening .name .describe,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.opening .name .desk-name,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.opening .tr-box,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.opening .tr-box .flex1,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.opening .tr-box .flex1 .iconfont{color:#fff}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.reserve{background:#409b54}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.reserve .type{display:none}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.reserve .name .describe,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.reserve .name .desk-name,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.reserve .tr-box,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.reserve .tr-box .flex1,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.reserve .tr-box .flex1 .iconfont{color:#fff}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.preKnot{background:#d99e26}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.preKnot .type{display:none}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.preKnot .name .describe,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.preKnot .name .desk-name,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.preKnot .tr-box,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.preKnot .tr-box .flex1,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.preKnot .tr-box .flex1 .iconfont{color:#fff}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.overtime{background:#f56464}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.overtime .type{display:none}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.overtime .name .describe,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.overtime .name .desk-name,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.overtime .tr-box,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.overtime .tr-box .flex1,.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box.overtime .tr-box .flex1 .iconfont{color:#fff}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .type{position:absolute;left:5px;top:5px;font-weight:500;font-size:12px;color:#424753}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .gouxuan{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);border-radius:12px 12px 0 0;display:flex;justify-content:center;align-items:center}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .gouxuan .iconfont{color:#fff;font-size:64px}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .top{position:absolute;width:100%;left:0;top:5px;padding:0 5px;line-height:18px;display:flex;align-items:center}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .top .flex1{flex:1;overflow:hidden}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .top .tag{margin:0 1px;display:inline-block;width:18px;height:18px;border-radius:18px;line-height:18px;text-align:center;display:flex;align-items:center;justify-content:center}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .top .tag .iconfont{color:#fff;font-size:18px}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .top .tag-ding{font-size:12px;color:#fff;background-color:#409b54;border-radius:4px;line-height:18px;padding:0 2px;margin-left:3px}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .top .tag-timeout{background:#d84a4a}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .top .tag-dingjin{background:#c0c81e}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .top .tag-dingjin .iconfont{color:#333;font-size:11px}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .top .tag-dianhua{background:#27cec9}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .top .tag-dianhua .iconfont{color:#333;font-size:12px}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .top .tag-huiyuan{background:#d9f0fa}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .top .tag-huiyuan .iconfont{color:#f62525}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .top .tag-suo .iconfont{color:#696f79;font-size:16px}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .name{padding:20px 5px 3px 5px;height:70px;border-bottom:1px solid #dee2e6;margin-bottom:5px}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .name .desk-name{font-weight:500;font-size:23px;color:#1c1b1b}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .name .describe{font-weight:500;font-size:11px;color:#555}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .name .describe .red{color:red}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .tr-box{display:flex;color:#939395;padding:0 5px;min-height:20px}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .tr-box .flex1{flex:1;font-weight:500;font-size:14px;color:#424753}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .tr-box .flex1 .iconfont{font-size:14px;color:#424753;margin-right:4px}.cloudPosPre .right-panel .tables-container .desk-box .grid-box .li-box .tr-box .flex1.right{text-align:right}.cloudPosPre .right-panel .bottom-bar{display:flex;align-items:center;gap:20px;height:68px;padding:0 20px;background:#e7e8ea;position:relative}.cloudPosPre .right-panel .bottom-bar.disabled:after{position:absolute;top:0;left:0;z-index:1;content:"";width:100%;height:100%;background-color:rgba(0,0,0,.5)}.cloudPosPre .right-panel .bottom-bar.edit-box .cartDeskEdit-box{text-align:center;color:#000;overflow:visible;position:relative;font-size:14px}.cloudPosPre .right-panel .bottom-bar.edit-box .cartDeskEdit-box .num{position:absolute;top:-10px;right:-10px;border-radius:20px;height:20px;min-width:20px;font-weight:400;font-size:14px;color:#fff;text-align:center;background:#f15454}.cloudPosPre .right-panel .bottom-bar.edit-box .add-bnt{width:150px;height:50px;line-height:48px;background:#1565d8;border-radius:8px;text-align:center;font-weight:500;font-size:20px;color:#fff;border:1px solid #1565d8}.cloudPosPre .right-panel .bottom-bar.edit-box .cancel-bnt{width:150px;height:50px;line-height:48px;text-align:center;background:#fff;border-radius:8px;border:1px solid #b9b9b9;font-weight:500;font-size:20px;color:#404040}.cloudPosPre .right-panel .bottom-bar .cartDesk-box{position:absolute;bottom:68px;left:0;width:204px;background:#fff;border-radius:8px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25),4px 0 10px 0 rgba(0,0,0,.1)}.cloudPosPre .right-panel .bottom-bar .cartDesk-box:before{content:"";position:absolute;bottom:-10px;left:15px;width:33px;height:33px;background-color:#fff;transform:rotate(45deg);border-radius:8px;box-shadow:4px 4px 4px 0 rgba(0,0,0,.25),4px 0 10px 0 rgba(0,0,0,.1)}.cloudPosPre .right-panel .bottom-bar .cartDesk-box .title{margin:0 15px;font-size:14px;color:#333;display:flex;align-items:center;border-bottom:1px solid #c2c6d6}.cloudPosPre .right-panel .bottom-bar .cartDesk-box .title .name{flex:1;overflow:hidden}.cloudPosPre .right-panel .bottom-bar .cartDesk-box .title .close-bnt{height:50px;line-height:50px}.cloudPosPre .right-panel .bottom-bar .cartDesk-box .title .close-bnt .iconfont{font-size:18px;color:#424753}.cloudPosPre .right-panel .bottom-bar .cartDesk-box .list-box{position:relative;z-index:1;background-color:#fff;height:354px;overflow-y:auto;border-radius:0 0 8px 8px;padding:15px}.cloudPosPre .right-panel .bottom-bar .cartDesk-box .list-box .item-li{margin-top:16px;height:42px;background:#fff;border-radius:4px;border:1px solid #c2c6d6;display:flex;align-items:center;padding:0 15px}.cloudPosPre .right-panel .bottom-bar .cartDesk-box .list-box .item-li:first-child{margin-top:0}.cloudPosPre .right-panel .bottom-bar .cartDesk-box .list-box .item-li .name{flex:1;overflow:hidden}.cloudPosPre .right-panel .bottom-bar .cartDesk-box .list-box .item-li .close-bnt{height:40px;line-height:40px}.cloudPosPre .right-panel .bottom-bar .cartDesk-box .list-box .item-li .close-bnt .iconfont{font-size:12px;color:#424656}.cloudPosPre .right-panel .bottom-bar .flex1{flex:1;overflow:hidden}.cloudPosPre .right-panel .bottom-bar .selected-tables{display:inline-block;font-weight:500;font-size:16px;color:#1565d8;position:relative}.cloudPosPre .right-panel .bottom-bar .selected-tables .num{position:absolute;top:-10px;right:-10px;border-radius:20px;height:20px;min-width:20px;padding:0 3px;font-weight:400;font-size:14px;color:#fff;text-align:center;background:#ec5e12}.cloudPosPre .right-panel .bottom-bar .selected-tables .iconfont{font-size:24px;color:#1565d8;margin-right:12px;vertical-align:middle}.cloudPosPre .right-panel .bottom-bar .selected-tables span{vertical-align:middle}.cloudPosPre .right-panel .bottom-bar .deputy-bnt{padding:0 14px;height:50px;line-height:48px;text-align:center;background:#fff;border:1px solid #b9b9b9;border-radius:8px;font-weight:400;font-size:20px;color:#404040}.cloudPosPre .right-panel .bottom-bar .pre-bnt{width:150px;height:50px;line-height:50px;text-align:center;background:#1565d8;border-radius:8px;font-weight:400;font-size:20px;color:#fff}.cloudPosPre .right-panel .bottom-bar .pre-bnt.disabled{opacity:.6}.cloudPosPre .right-panel .bottom-bar .pre-bnt .iconfont{font-size:20px;margin-right:2px}@-webkit-keyframes hw-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes hw-pulse{0%,to{opacity:1}50%{opacity:.4}}