#app{
    width: 100%;
    height: 100%;
}

.include{
    width: 60%;
    margin: 0 auto;
}
/* 头部名称 */
.inner-wrap .adv-search-header .header{
    font-size: 28px;
    font-weight: 700;
    margin: 20px;
    text-align: left;
}
/* 搜索框部分 */
/* 标题 */
.inner-wrap .section-label{
    text-align: left;
    margin-left: 20px;
    font-size: 18px;
    color: #212121;
}
.inner-wrap .term-builder-wrapper .search-input{
    align-items: center;
    padding: 20px;
}
/* 下拉框 */
.inner-wrap .term-builder-wrapper .select-item{
    height: 50px;
    margin-top: 10px;
}
.inner-wrap .term-builder-wrapper .select-item .field-selector{
    height: 50px;
    width: 94%;
}
/* 输入框 */
.inner-wrap .term-builder-wrapper .search-input .other-input{
    position: relative;
    margin-top: 10px;
}
.inner-wrap .term-builder-wrapper .search-input .other-input input{
    width: 94%;
}
.inner-wrap .term-builder-wrapper .search-input .other-input i{
    position: absolute;
    top: -2px;
    right: 10px;
    font-size: 24px;
}
/* 显示索引的样式 */
.inner-wrap .term-builder-wrapper .search-input .other-input .select-index{
    width: 98%;
    height: 300px;
    background-color: #fff;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 9999;
    overflow-y:scroll;
}
.geryback{
    background-color: #dddddd;
}
/* showindex的框 */
.inner-wrap .term-builder-wrapper .search-input .other-input .select-index div{
    height: 30px;
    line-height: 40px;
    padding: 5px;
    text-indent: 10px;
}
.inner-wrap .term-builder-wrapper .search-input .other-input .select-index div:hover{
    background-color: #e1f3f8;
    cursor: pointer;
}
.inner-wrap .term-builder-wrapper .search-input .date-input .layui-input-inline input{
    height:52px;
    border: 1px solid #aeb0b5;
}
.inner-wrap .term-builder-wrapper .search-input .date-input .layui-form-mid{
    margin-top: 8px;
    width: 2%;
}
/* show index */
.inner-wrap .term-builder-wrapper .show-index{
    width: 93%;
    height: 30px;
    font-size: 18px;
    text-align: right;
}
.inner-wrap .term-builder-wrapper .show-index a{
    color: #0071bc;
}
/* 填写框 */
.inner-wrap .term-builder-wrapper .search-input div:nth-child(2) input{
    width: 98%;
    height: 50px;
}
/* 按钮 */
.button-wrapper .item{
    width: 76%;
    height: 50px;
    color: #fff;
    line-height: 44px;
    background-color: #20558a;
    display: flex;
    position: relative;
}
.button-wrapper .item button{
    color: #fff;
    width: 80%;
    text-align: center;
    font-size: 20px;
}
.button-wrapper .item button:hover{
    background-color: #0071bc;
}
.button-wrapper .item .item-i:hover{
    background-color: #0071bc;
}
.button-wrapper .item .item-i{
    width: 20%;
    text-align: center;
}
.button-wrapper .split-dropdown{
    width: 100%;
    width: 142px;
    height: 120px;
    line-height: 40px;
    background-color: #fff;
    font-size: 18px;
    position: absolute;
    right: 0px;
    top: 50px;
    z-index: 999;
    text-align: center;
}
.button-wrapper .split-dropdown ul{
    width: 100%;
    background-color: #fff;
}
/* 存储区域 */
.inner-wrap .query-wrapper{
    width: 100%;
}
/* textarea区域 */
.inner-wrap .query-wrapper .query-box-wrapper{
    position: relative;
}
.inner-wrap .query-wrapper .query-box-wrapper textarea{
    width: 100%;
    resize:vertical;
    min-height: 90px;
    line-height: 30px;
    font-size: 18px;
    padding: 8px;
    margin: 10px 0 0 20px;
}
.inner-wrap .query-wrapper .query-box-wrapper i{
    font-size: 28px;
    position: absolute;
    top: 8px;
    right: -40px;
}
.inner-wrap .query-wrapper .special{
    margin-top: 10px;
    margin-left: 7%;
}
/* 搜索历史部分 */
/* 标题 */
.search-history .header-table-title{
    font-size: 28px;
    font-weight: 700;
    margin: 20px;
    text-align: left;
}
/* 两个小图标 */
.search-history .button-container{
    display: flex;
    align-items: center;
    margin-right: 64px;
}
.search-history .button-container .history-form{
    display: flex;
    font-size: 18px;
    margin-left: 20px;
    cursor: pointer;
}
.search-history .button-container .history-form div{
    line-height: 33px;
}
/* 头部和图标 */
.search-history .header-button{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* 空提示 */
.search-history .empty-history{
    font-size: 18px;
    margin: 20px;
    text-align: left;
}
/* 表格 */
.table-wrapper{
    margin-left: 20px;
    width: 98%;
}

.table-wrapper2{
    margin-left: 20px;
    margin-bottom: 64px;
    width: 92%;
    color:#666666;
    line-height: 40px;
    border: none;
}
.table-wrapper2 th{
    background-color: #fafafa;
    text-align: left;
    padding-left: 8px;
}

.table-wrapper2 td{
    padding-left: 8px;
    background-color: #fff;
}
.table-wrapper2 tr:hover{
    background-color: #fafafa;
    background-color: #000;
}
/* 定位 */
.realtive{
    position: relative;
}
.handle-dropdown{
    position:absolute;
    background-color: #fff;
    border: 1px solid #aeb0b5;
    top: 8px;
    left: 56px;
    width: 170px;
    height: 128px;
    z-index: 999;
}
.demo1{
    height: 25px;
    border: none;
    margin-left: -23px;
}
.table-container{
    /* border: 1px solid red; */
    width: 94%;
}