/* [class*="areaSel-"]-text{
  
} */
/* ========= 原有第一套样式（原样不动） ========= */
 .pc-areaSel-wrap {
            position: relative;
            width: 240px!important;
            height: 48px!important;
            border-radius: 50px!important;
            font-size: 14px;
            color: #666;
            border: 1px solid #ccc;
            margin-top: 10px;
        }

        .pc-areaSel-input {
            width: 240px;
            height: 48px;
            padding: 0 15px;
            border-radius: 4px;
            font-size: 14px;
            cursor: pointer;
            background: rgba(0, 0, 0,0);
            transition: all 0.3s;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .pc-areaSel-input::after{
            content: '▼';
        }
        .pc-areaSel-input.active {
            border-color: #1890ff;
            box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
        }

        .pc-areaSel-placeholder {
            color: #bfbfbf;
        }
        .pc-areaSel-arrow {
            color: #bfbfbf;
            transition: transform 0.3s;
        }
        .pc-areaSel-input.active .pc-areaSel-arrow {
            transform: rotate(180deg);
        }

        .pc-areaSel-panel {
            position: absolute;
            top: 44px;
            left: 0;
            width: 100%;
            background: #fff;
            border: 1px solid #e8e8e8;
            border-radius: 4px;
            box-shadow: 0 2px 8px rgba(0, 0, 0.15);
            z-index: 1000;
            display: none;
            overflow: hidden;
        }
        .pc-areaSel-panel.show {
            display: block;
        }

        .pc-areaSel-title {
            padding: 10px 15px;
            border-bottom: 1px solid #e8e8e8;
            font-size: 13px;
            color: #595959;
            background: #fafafa;
        }

        .pc-areaSel-list {
            max-height: 280px;
            overflow-y: auto;
            padding: 8px 0;
        }
        .pc-areaSel-list::-webkit-scrollbar {
            width: 6px;
        }
        .pc-areaSel-list::-webkit-scrollbar-thumb {
            background: #c1c1c1;
            border-radius: 3px;
        }

        .pc-areaSel-item {
            padding: 8px 16px;
            font-size: 13px;
            color: #262626;
            cursor: pointer;
            transition: 0.2s;
        }
        .pc-areaSel-item:hover {
            background: rgba(199, 26, 26, 0.038);
            color: #c10b00;
        }

        .pc-areaSel-tip {
            padding: 20px;
            text-align: center;
            font-size: 13px;
            color: #8c8c8c;
        }
        .pc-areaSel-tip.error {
            color: #ff4d4f;
        }

        .pc-areaSel-btn-group {
            display: flex;
            gap: 8px;
            padding: 8px;
            border-top: 1px solid #e8e8e8;
            background: #fafafa;
        }
        .pc-areaSel-btn {
            flex: 1;
            height: 32px;
            border-radius: 4px;
            font-size: 13px;
            cursor: pointer;
        }
        .pc-areaSel-head button{
            padding: 5px 10px;
            background: #fff;
            border: 1px solid #f0f0f0;
        }
        .pc-areaSel-btn-back {
            border: 1px solid #d9d9d9;
            background: #fff;
            color: #595959;
        }
        .pc-areaSel-btn-clear {
            border: 1px solid #d9d9d9;
            background: #fff;
            color: #595959;
        }

/* ========= 新增第二套自定义样式（只在这里改外观） ========= */
.custom-areaSel-wrap {
  width: 400px;
}
.custom-areaSel-input {
  border-color: #666;
  background-color: #f5f5f5;
}
.custom-areaSel-input.active {
  border-color: #69b1ff;
}