@charset "UTF-8";
/*****搜索上部******/
.qz_searchTop{height:40px; margin-top:15px;}
.qz_searchTop>ul>li{float: left; border-top:1px solid #ddd; border-left: 1px solid #eee;}
/*****搜索中部 左侧******/
.qz_search{height:237px; border:1px solid #eee; padding-top:25px; margin-bottom:15px!important;}
.qz_search>div{height:38px; margin-bottom:16px; margin-left:30px;}
.qz_search>div>div{float:left; }
.qz_search>div>div>label{margin-right:8px;}
.qz_search_center_top{}
.qz_search_center_top>div{height:36px; float: left;}
/************通用***********/
.qz_search_input_width{width:180px}
/*查看预定*/
.qz_searchTop>ul>li>a{padding:10px 30px; text-align: center; color:#333; display: block;}
.qz_searchTop>ul>li>a:hover{background-color: #f8f8f8}
.qz_gomyyd>a{color:#06c!important;}

#include_start{width:17px; height:17px; margin-top:-1px; text-indent:0px;}
#include_end{width:17px; height:17px; margin-top:-1px; text-indent:0px;}
#exclude_start{width:17px; height:17px; margin-top:-1px; text-indent:0px;}
#exclude_end{width:17px; height:17px; margin-top:-1px; text-indent:0px;}
/*0元预定*/
#qz_lyg{width:17px; height:17px; margin-top:-1px; text-indent:0px}
/*保存搜索*/
.qz_search_query{background-color:var(--main-light-color); font-size: 15px; border-radius: 4px; color:#fff; cursor: pointer; padding:8px 25px; border: 1px solid var(--main-color)}
.qz_search_query:hover{background-color: #74aff0}
.qz_search_reset{background-color: #f7f7f7; text-indent: 0px; color:#666; margin-left:15px; border-radius: 4px; border:1px solid #ddd; font-size: 15px; cursor: pointer; padding:8px 23px;}
.qz_search_reset:hover{color:#444; border: 1px solid #ccc}
/*下载*/
.qz_download{display:block; width:160px; height:35px; border: 1px solid #eee; text-align: center; float: right; line-height: 35px; color:#06c}
.qz_download:hover{background-color: #f8f8f8;}
.qz_download_icon{color: #227ad2; font-weight:lighter; font-size:14px;}
/*搜索保存*/
.qz_search_save{float:left; padding:8px 17px; margin-top:10px; border-radius: 2px; text-indent: 0px; color: #06c; font-weight:lighter;}
.qz_search_save:hover{text-decoration:underline}

#optionsList{display: none; background-color: #fff; border: 1px solid #ddd; border-radius:5px; overflow: hidden; padding:20px;}
#optionsList li{height: 32px; text-align: center; line-height: 32px; background-color: #f8f8f8; font-size: 13px; color:#666;}
.grid-container {
    position:absolute;
    grid-template-columns: repeat(4, 1fr); /* 三列 */
    gap: 7px; /* 列间距 */
    width: 100%; /* 宽度 */
    top: 179px;
    left: 400px;
    z-index:2;
    max-width: 415px; /* 最大宽度 */
    margin: 0 auto; /* 居中对齐 */
}
.grid-item {
    text-align: center;
    background-color: #f0f8ff;
    border: 1px solid #f1f1f1;
    cursor: pointer;
}
.select-all, .not-select-all {
    /*grid-column: span 3; /* 占据三列 */
    border:1px solid #ddd;
    background-color: #fff!important;
    cursor: pointer;
}
.grid-item:hover {
    border:1px solid #66b4ee;
}
.active {
    border: 1px solid #cfdbf6;
    background-color: #e0eaff!important;
}
#confirmSelection{cursor: pointer; color:#fff!important; background-color: #69abf5!important;}
#selectedOptions{
    height: 36px;
    line-height: 35px;
    float:left;
    box-sizing: border-box;
    text-overflow: ellipsis; /* 使用省略号表示超出部分 */
    white-space: nowrap; /* 不换行 */
    margin-left: 4px;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #fff;
    text-indent: 12px;
    color: #666;
    border-radius: 4px;
    font-size:13.5px;
}
.table-wrap tr{transition: background-color .3s; -webkit-transition: background-color .3s;}
.table-wrap tr:hover{background-color: #e9f7ff;}
.table-wrap tr:hover .qz_yd{color: #f26128; border: 1px solid #f26128;}
.table-wrap tr th{font-size:14px; line-height:32px; color:#444; text-align:left;}
.table-wrap>tbody>tr>td{ padding:10px 0px; vertical-align: middle; color: #666;}
.table-wrap {width: 100%; max-width: 100%; border-collapse: collapse;}
/*行间背景色*/
.table-wrap th{ font-weight: normal; text-align: left;}
/*隔行背景色*/
.r_tr_bg{background-color: #fff9f9;}
/*收藏*/
.qz_sc{padding:12px 12px;}
.qz_sc:hover{color:#2878c7}
/*预定*/
.qz_yd{text-align:center; color:var(--main-deep-color); font-size: 13.7px; border-radius: 2px; padding:4px 15px; border:1px solid #ddd}
.qz_yd:hover{color: #f26128; border: 1px solid #f26128;}
.article_title:hover {color: #3a99de;}
.fa-clipboard{font-size:15px; color: #4d9fdb;}