.ml{margin-left:0;margin-right:20px;}
.hall-box{width:335px;font-size:14px;}
.hall-middle{width:280px;}
.hall-box .hall-items{border:2px solid #4488F6;background-color:#DBEAFE;padding:0 15px 15px 15px;border-radius:15px;}
.hall-box .hall-items .item-items{border:1px solid #74e6ff;border-radius:10px;margin-top:10px;background-color:#FFF;overflow:hidden;}
.hall-box .hall-items .item-items h2{height:36px;line-height:36px;text-align:center;background-color:#002DBB;color:#FFF;font-size:18px;}
.hall-box .hall-items .item-items ul{margin:10px 15px;padding:0;height:96px;}
.hall-box .hall-items .item-items ul li{font-size:14px;line-height:24px;height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#9AA5B5;}
.hall-box .hall-items .item-items .item-info{color:#1C40AF;display:flex;gap:6px;padding:5px;height:90px;text-align:center;}
.item-info .item-logo{margin:0 auto;text-align:center;height:80px;border-radius:3px;border:1px solid #74e6ff;padding:4px;flex-shrink:0;overflow:hidden;}
.hall-box .hall-items .item-items .item-info .item-logo img{max-width:100%;max-height:40px;display:none;}
.hall-box .hall-items .item-items .item-foot{height:40px;line-height:40px;background-color:#F1F5F9;margin:15px 10px;border-radius:4px;}
.hall-box .hall-items .item-items .item-foot div{width:50%;text-align:center;color:#AFBBCA}
.hall-box .hall-foot{margin-top:12px;background-color:#00a925;border-radius:5px;text-align:center;font-size:14px;color:#FFF;line-height:36px;}
.hall-middle .hall-items{margin:0 15px;background-color:#90F1B3;border-radius:15px;border:2px solid #2FCA69;height:140px;overflow:hidden;}
.hall-middle .hall-items h2{height:36px;line-height:36px;text-align:center;font-size:18px;color:#FFF;background-color:#16803D;}
.hall-middle .hall-items .item-info{margin-top:30px;color:#1C40AF;font-size:16px;}
.hall-middle .hall-items p{text-align:center;color:#AAA}
.boxshadow{box-shadow:1px 2px 1px #9EC4DC !important;}
.boxshadowt{box-shadow:1px -2px 1px #9EC4DC !important;}
.hall-lists{margin:10px;padding:12px;border-radius:10px;border:1px solid #f3f4f6;transition:box-shadow 0.2s;display:flex;}
.hall-lists:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08);}
.hall-lists .item-icon{width:40px;height:40px;text-align:center;line-height:40px;border-radius:8px;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#FFF;flex-shrink:0;margin-right:10px;}
.hall-lists .c1 { background: linear-gradient(135deg, #60a5fa 0%, #3b82f4 100%); }
.hall-lists .c2 { background: linear-gradient(135deg, #5eead4 0%, #2dd4bf 100%); }
.hall-lists .c3 { background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); }
.hall-lists .c4 { background: linear-gradient(135deg, #c4b5fd 0%, #a78bfa 100%); }
.hall-lists .c5 { background: linear-gradient(135deg, #f9a8d4 0%, #f472b6 100%); }
.hall-lists .c6 { background: linear-gradient(135deg, #93c5fd 0%, #60a5fa 100%); }
.hall-lists .c7 { background: linear-gradient(135deg, #6ee7b7 0%, #34d399 100%); }
.hall-lists .c8 { background: linear-gradient(135deg, #fdba74 0%, #fb923c 100%); }

.hall-lists h3{font-size:14px;font-weight:700;color:#374151;margin-bottom:2px;}
.hall-lists p{font-size:12px;color:#9ca3af;line-height:1.5;}

.map-container{background-color:#f0f7fc;border-radius:16px;padding:24px;box-shadow:0 4px 12px rgba(10, 77, 140, 0.12);}
.map-toolbar{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.form-control{padding:11px 14px;border:1px solid #dce7f2;border-radius:6px;font-size:0.95rem;}
.btn-sm{padding:6px 14px;background:linear-gradient(135deg, #0a4d8c 0%, #00b4d8 100%);color:#FFF;box-shadow: 0 4px 12px rgba(10, 77, 140, 0.3);border-radius:6px;border:0;}
.btn-sm span{color:#FFF;}
.map-control-btn{width:40px;height:40px;line-height:40px;border-radius:6px;border:1px solid #dce7f2;font-size:1.1rem;cursor:pointer;background-color:#FFF;color:#0a4d8c;font-weight:600;}
.map-canvas{height:540px;cursor:grab;}
.hall-tabs{display:flex;padding:6px;background-color:#FFF;border-radius:6px;box-shadow:0 1px 3px rgba(10, 77, 140, 0.08);gap:8px;}
.hall-tabs .hall-tab{padding:8px 20px;border-radius:6px;cursor:pointer;font-weight:600;font-size:0.9rem;color:#4a5568;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);background:transparent;border:0;}
.hall-tabs .hall-tab.on{background:linear-gradient(135deg, #0a4d8c 0%, #00b4d8 100%);color:#FFF;}
.map-viewport{position:relative;background-color:#e8f1f8;min-height:540px;overflow:hidden;border-radius:10px;border:2px solid #dce7f2;padding:20px;}
.map-canvas{position:relative;}
.map-box{position:absolute;left:0;top:0;background-color:#FFF;border:2px solid #1e7bb8;border-radius:6px;overflow:hidden;}
.map-box .item{position:absolute;cursor:pointer;z-index:2}
.map-box .item:hover{filter:brightness(0.9);}
.map-box .areas{position:absolute;background-color:#E9F1FC;border:2px dashed #3C7DF2;z-index:1;border-radius:6px;}
.map-box .item.text{z-index:10;font-size:36px;color:red;font-weight:700;padding:0 10px;text-align:center;opacity:.4;}
.map-box .item.txtarea{z-index:20;font-size:52px;color:#000000;font-weight:700;opacity:.4;}
.booth{/**border:1.5px solid #4caf50;**/background-color:#c8e6c5;z-index:5;/**border-radius:3px;**/}
.booth.booked{/**border:1.5px solid #0a4d8c;**/background-color:#bbdefb;}
.booth.selected{background-color:#00b4d8;border:3px solid #063461;}
.booth.positioned{background-color:yellow;border:3px solid red;box-shadow:0 4px 12px rgba(10, 77, 140, 0.12);color:#FFF;}
.booth .code{font-size:10px;text-align:center;color:#1a2634}
.quyu{z-index:5;border-radius:3px;border:1.5px dashed #97C7AB;}
.quyu .code{font-weight:700;font-size:16px;text-align:center;}
.quyu[data-typeid="1"]{background-color:#FBF7F2;border-color:#EFA178}
.quyu[data-typeid="1"] .code{color:#CD6F37}
.quyu[data-typeid="2"]{background-color:#F1FAF6;border-color:#97C7AB}
.quyu[data-typeid="2"] .code{color:#20672F}

.booth-popup{position:absolute;border-radius:10px;background-color:#FFF;z-index:100;top:0;left:0;box-shadow:0 10px 30px rgba(10, 77, 140, 0.18);padding:20px;width:320px;border:1px solid #dce7f2;display:none;}
.booth-popup-header{border-bottom:1px solid #dce7f2;margin-bottom:12px;padding-bottom:12px;}
.booth-popup-header span i{font-size:20px;}
.booth-popup-header strong{font-weight:700;font-size:1.1rem;color:#1a2634;}
.booth-popup-body{max-height:175px;overflow-y:auto;}
.booth-popup-body p{font-size:0.88rem;margin:0 0 6px 0;color:#4a5568;display:flex;}
.booth-popup-body p label{width:80px;display:inline-block;color:#8b9bb0;flex-shrink:0;flex-grow:0;}
.booth-popup-footer{margin-top:14px;}

.booth-company{position:absolute;border-radius:10px;background-color:#FFF;z-index:100;box-shadow:0 10px 30px rgba(10, 77, 140, 0.18);padding:20px;width:300px;border:1px solid #dce7f2;right:10px;top:0;display:none;}
.booth-company-header{margin-bottom:10px;padding:0 8px 8px 8px;border-bottom:1px solid #002dbb;}
.booth-company-header strong{font-size:18px;font-weight:600;line-height:24px;}
.booth-company-body{max-height:450px;overflow-y:auto;}
.booth-company-header span i{font-size:20px;}
.booth-company-body li{margin-bottom:10px;cursor:pointer;padding:5px 8px;border-radius:8px;background-color:#edf4ff;}
.booth-company-body li.on{background-color:#efefef;}
.booth-company-body h4{font-size:15px;padding-bottom:6px;margin-bottom:8px;color:#002dbb;border-bottom:1px dashed #002dbb}
.booth-company-body p{font-size:14px;margin:0 0 10px 0;color:#1f2937;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:elliptical;margin:0 0 6px 0;}
.booth-company-body p label{width:58px;display:inline-block;color:#6b7280;text-align:justify;vertical-align:middle;}

.zhanqu{margin-top:10px;background-color:#FFF;border:1px solid #E5E7EB;padding:18px;border-radius:10px;}
.zhanqu h3{font-weight:600;font-size:15px;margin-bottom:6px;color:#111827;}
.zhanqu p{line-height:1.8;font-size:13px;color:#9ca3af;}