/* ==========================================================================
   在线表单-列表页
========================================================================== */
.customform-list { padding-top: 10rem; }
.customform-list li {
    margin-bottom: 20rem;
    display: flex;
    flex-direction: column;
    padding: 20rem 30rem;
    background-color: #fafafa;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #ccc;
}
.customform-list li>a{
    font-size: 18em;
    line-height: 1.6;
    margin-bottom: 15rem;
    font-weight: bold;
    color: #B42C2B;
}
.customform-list li .date{
    font-size: 16em;
    line-height: 1.4;
}
.customform-list li .time{
    color: #666;
}


/* ==========================================================================
   前台查询页模板-列表页
========================================================================== */
.path{
    margin-top: 20rem;
}
#FormBox, .FormResult{
    padding: 0;
}
#FormBox .title{
    font-size: 30em;
    line-height: 1.6;
    padding-bottom: 30rem;
}

/* 前台查询页 */
.FormSearchItem{
    overflow: hidden;
    margin-bottom: 20rem;
}
.FormSearchItem li{
    display: flex;
    margin-bottom: 20rem;
    justify-content: space-between;
    align-items: center;
}
.FormSearchItem li .tdlab{
    min-width: 180rem;
    text-align: right;
    font-size: 16em;
    padding-right: 30rem;
}
.FormSearchItem li .con{
    flex: 1;
}
.FormSearchItem .form-control{
    font-size: 16em;
    line-height: 1.4;
    padding: 10rem 20rem;
}
/* 按钮 */
#formSubmit{
    margin-bottom: 30rem;
    display: flex;
    justify-content: center;
}
#formSubmit a,
#formSubmit input{
    padding: 0 36rem;
    height: auto;
    line-height: 2.6;
    display: inline-block;
    border-radius: 3px;
    cursor: pointer;
    margin:0 20rem;
    background: #eee;
    border: 1px solid #ccc;
    font-size: 16em;
    color: #333;
    font-family: "Microsoft YaHei", 'PingFang SC';
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#eee));
    background: -moz-linear-gradient(#FFFFFF, #eee);
    background: -ms-linear-gradient(#FFFFFF, #eee);
    background: -o-linear-gradient(#FFFFFF, #eee);
    background: linear-gradient(#FFFFFF, #eee);
}



/* 查询结果页 */
#ResultsInfo{
    overflow: hidden;
    padding-top: 1px;
    margin-bottom: 20rem;
}
#ResultsInfo li{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: 1px solid #dadada;
    margin-top: -1px;
    font-size: 16em;
    line-height: 1.6;
}
#ResultsInfo li .tdlab{
    min-width: 180rem;
    text-align: right;
    padding: 15rem 20rem;
    border-right:1px solid #dadada;
    background-color: #fafafa;
    font-weight: bold;
}
#ResultsInfo li .con{
    flex: 1;
    padding: 15rem 20rem;
}
#ResultsInfo li .con strong{
    font-weight: normal;
}


@media (min-width:768px) {
    .path{
        margin-top: 0;
    }
    .custom-search-page{
        max-width: 700rem;
        margin: 40rem auto 0;
    }
}

@media (min-width:992px) {
    #FormBox .title{
        font-size: 36em;
    }
    .FormSearchItem li .con{
        padding-right: 20%;
    }
}