﻿@charset "utf-8";
/* 在线表单默认模板 ---------------------------------------------- */
#FormBox,
.FormResult { padding:20px 40px 40px; max-width:1200px; margin:0 auto;}
#FormBox .title { padding: 0 0 25px 0; font: normal 30px/1.5 "Microsoft YaHei", 'PingFang SC'; text-align: center; color: #333;}
#FormBox .property { font-size: 14px; margin-bottom: 20px; padding: 6px 10px; text-align: center; color: #777; border: 1px solid #ddd; background: #f8f8f8;}
#FormBox .property span { padding: 0 5px;}
#FormBox .description { padding: 20px; text-indent: 24px; font-size: 14px; background: #fff; margin-bottom: 20px; border: 1px dotted #ddd;}
#FormBox .required { color: red;}
.formItem dt { font-size: 16px; border-bottom: 1px dotted #ddd; padding: 10px 0;}
.formItem .formItemNum,
.formItem .formItemTitle { font-weight: bold;}
.formItem .formItemDescription { display: block; font-size: 14px; color: #777; line-height: 24px; padding: 5px 0px;}
.formItem dd {padding: 15px 0 15px 20px;line-height: 24px;clear:both;}
.formItem dd:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.formItem dd label.radio,
.formItem dd label.checkbox,
.formItem dd li {padding-top:3px; padding-bottom:3px; line-height: 34px; display: block;}
.formItem dd input[data-ui-type="radio"],
.formItem dd input[data-ui-type="checkbox"] { margin-right: 10px;}
.formItem input[type="text"],
.formItem input[type="number"],
.formItem input[type="time"],
.formItem input[type="button"],
.formItem textarea { display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px rgb(0 0 0 / 8%); box-sizing: border-box; overflow: hidden;}
.formItem select { display: block;  padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px rgb(0 0 0 / 8%); box-sizing: border-box; overflow: hidden;}
.formItem input[type="text"] { width: 80%;}
.formItem input[type="time"] { padding-right: 5px; width: 120px;}
.formItem textarea { width: 80%; height: auto; min-height: 200px;}
.formItem input.otherInput { display: inline-block; width: 200px; margin-left: 10px;}
.formItem input[data-ui-type="datepicker"],
.formItem input[data-ui-type="datetimepicker"]{ width: 200px; background: url(../img/icon-date.png) 170px 50% no-repeat;}
.formItem input[type="text"]:focus,
.formItem textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(102, 175, 233, 0.6);}
#FormBox .webuploader-pick { box-sizing: border-box;}
#FormBox .code { line-height: 30px; margin-top: 20px;}
#FormBox .code input[type="text"] { width: 18%; border: 1px solid #ccc; height: 28px; padding: 0 10px;}
#FormBox .codeerror { padding-left: 60px;}
#FormSubmit { padding: 15px 0 15px 0; text-align: center;}
#FormSubmit a,
#FormSubmit input { padding: 0 15px; height: 36px; line-height: 36px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; margin-right: 15px; background: #eee; border: 1px solid #ccc; font-size: 14px; color: #333; font-family: "Microsoft YaHei", 'PingFang SC'; 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);}
#FormSubmit input { cursor: pointer; height: 38px; background: #0060a8; border-color: #0060a8; color: #fff; font-size: 16px; outline: none;}
#FormSubmit a:hover,
#FormSubmit input:hover { color: #c00; border: 1px solid #aaa; text-decoration: none;}
#FormSubmit input:hover { background-color: #136AC1; border-color: #136AC1; color:#fff}
.field-validation-error { color: #f00; font-weight: normal; padding-top: 5px;}

/* 在线表单查询 */

/*修正列表框-样式*/
#FormBox .formItem select[multiple] {
    width:80%;
    height: auto;
}
/*修正组合式-样式*/
#FormBox .formItem .combobox-container{
    width:80%;
}
#FormBox .formItem .combobox-container input[type="text"] {
    width: 100%;
}
#FormBox .formItem .combobox-container .active {
    background: none;
    border: none;
}

#FormBox .formItem .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/*修正列表框-样式*/
select[multiple],
select[size] {
    height: auto;
    padding: 0px;
    overflow: auto;
    cursor: pointer;
}
select[multiple] option,
select[size] option {
    padding: 8px;
    border-bottom: 1px solid #ccc
}
select[multiple] option:hover,
select[size] option:hover {
    background-color: #e6e6e6
}
select[multiple] option:last-child,
select[size] option:last-child {
    border-bottom: none
}
/*修正下拉菜单-样式*/
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

/*input错误信息发光提示*/
#FormBox input[type="text"].input-validation-error,
#FormBox input[type="password"].input-validation-error,
#FormBox textarea.input-validation-error {
    border-color: #cf8484;
    border-color: rgba(227, 144, 144, 0.9);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.5);
}

/* 表单前台查询页模板 */
.FormSearchBox { width: 624px !important; margin:0 auto 30px;}
#FormBox .FormSearchBox .formItem input[type="text"] ,
#FormBox .FormSearchBox .formItem textarea {width: 100%;}
.FormSearchBox #formSubmit { text-align: left; padding: 10px 0px 15px 109px;}
.FormSearchBox #formSubmit input { margin: 0px;}
#FormBox .FormSearchItem dl{overflow:hidden}
#FormBox .FormSearchItem dl dt{float:left; border-bottom:none; margin-right:10px; padding:10px 0px; width:100px;; text-align:right}
#FormBox .FormSearchItem dl dd{overflow:hidden;padding:10px 0px;width: 460px;float:left;clear:none;}

/* 综合查询 */
/* FormSearchBox-list */
#FormBox .FormSearchBox-list { width: auto !important; text-align: center; }
#FormBox .FormSearchBox-list .formItem { display: inline-block; margin: 0 10px;  }
#FormBox .FormSearchBox-list .FormSearchItem dl dt,
#FormBox .FormSearchBox-list .FormSearchItem dl dd { width: auto;}
#FormBox .FormSearchBox-list #FormSubmit input { width: 100px; text-align: center; }
.operation-bg { position: relative;}
.operation-bg #content { position: static;}
.operation-bg .bg::before { display: block; content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-width: 1400px; background: #000; opacity: 0.6; z-index: 11;}

/* 前台查询结果页 */
.formsearch_result_table{ width: 100%; max-width: 100%; margin-top:20px; margin-bottom: 20px; background-color: transparent; table-layout: fixed; border:1px solid #ddd; word-wrap: break-word;}
.formsearch_result_table .text-center{ text-align: center; overflow: hidden; }
.formsearch_result_table th{background:#eef7f9;padding:5px; font-weight: bold; white-space: nowrap;}
.formsearch_result_table th,
.formsearch_result_table td{border-right:1px solid #ddd;}
.formsearch_result_table > tbody > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; text-align:center}
.formsearch_result_table tr:nth-child(2n)>td{background:#f5f5f5}
.formsearch_result_table .table_rownum{width:100px;}
.formsearch_result_table th.operate{width:60px;}

/*  ---------------------------------------------- */
.formQA table { border: 1px solid #d8d8d8; width: 100% !important;}
.formQA table td { text-align: left;}
.formQA table table { border: 0;}
.formQA table table td { padding: 10px 20px; border-bottom: 1px dotted #d8d8d8;}
.formQA table td div { padding-bottom: 20px;}

/*时间选择 */
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);}

/*时间选择左右箭头定义*/
.dropdown-menu { max-height: 315px; overflow-y: auto;}
.dropdown-menu .menu-search { display: inline-block; width: 75%; margin-left: 5px;}

/*提示文字*/
.points { color: red; padding: 6px; text-align: center; text-indent: 24px; font-size: 18px; background: #fff; margin-bottom: 8px; border: 1px dotted #ddd;}

/* 信息提示页  */
.Showms { background: #fff; padding: 3% 5%; overflow: hidden; max-width: 540px; margin: 30px auto;}
.Showms .top,
.Showms .bottom,
.Showms .Shadow { display: none;}
.Showms .MS { overflow: hidden; zoom: 1;}
.Showms .titWrong { color: #c00; border-bottom: 1px solid #ccc; padding: 5px 0; margin-bottom: 15px; font-size: 18px;}
.Showms .BUT { padding: 25px 0 15px 0;}
.Showms .BUT a { padding: 0 15px; height: 36px; line-height: 36px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; margin-right: 15px; background: #eee; border: 1px solid #ccc; font-size: 14px; 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);}
.Showms .BUT a:hover { color: #c00; border: 1px solid #aaa; text-decoration: none;}

/**/
#FormBox .modal-dialog .modal-body { overflow: hidden;}

/*修正上传样式*/
#FormBox .upload-file-area li { padding: 0; height: 150px;}
#FormBox .upload-single .upload-file-area .name { overflow: hidden; white-space: nowrap; margin-top: 20px; padding: 70px 0 40px 0; text-align: center; line-height: 24px; color: #000; width: 80%;}
#FormBox .upload-file-area { width: 166px; height: 166px;}
#FormBox .upload-photo-area .photolist .file-panel,
.upload-file-area .filelist .file-panel { top: 116px;}

/* 表单汇总页 */
.customFormBox{margin-bottom: 20px; max-width: 1200px; margin: 0 auto;}
.customFormBox .hd { margin-bottom: 5px; height: 38px; line-height: 38px; position: relative; border-bottom: 1px solid #ddd; font-size: 18px; }
.customFormBox .hd .more { position: absolute; right: 0; color: #999; font-size: 14px; }
.customFormBox .hd .more a { color: #999; }
.customFormBox .hd h3 { border-bottom: 2px solid #0068b7; line-height: 33px; position: absolute; color: #0068b7; padding: 0 12px 4px 12px; }
.customFormBox .hd h3 a { color: #0068b7; }
.customFormBox .hd h3 a:hover { text-decoration: none; }
.customFormBox .hd ul { position: absolute; height: 39px; line-height: 33px; overflow: hidden; }
.customFormBox .hd li { float: left; padding: 0 12px 4px 12px; position: relative; }
.customFormBox .hd li a:hover { text-decoration: none; }
.customFormBox .hd .on { border-bottom: 2px solid #0068b7; }
.customFormBox .hd .on a { color: #0068b7; }
.customFormBox .bd { padding: 10px 0px; overflow: hidden; }
.customFormBoxLoop{max-width: 1200px; margin: 0 auto; }
.customFormBoxLoop .customFormBox{margin-bottom:30px;}

/* 汇总项列表 */
.summaryFormsList{display:grid;grid-gap: 30px;grid-template-columns: repeat(6, 1fr);}
.summaryFormsList li{line-height:1.8; font-size:16px; text-align:center;}
.summaryFormsList li a{display:block; padding:10px; align-items:center; white-space: nowrap; text-overflow: ellipsis;background:#fff; border:1px solid #ddd; border-radius:5px; transition:0.5s;}
.summaryFormsList li a:hover{background-color:#f5f5f5; text-decoration:none;}

/* 在线表单-列表页 ----------------------------------------------------- */
.customFormList li { padding: 10px 0; margin: 0 5px; border-bottom: 1px dotted #ccc; overflow: hidden; padding-left: 34px; background: url(../img/list.png) 8px 16px no-repeat #fff; overflow: hidden; font-size: 14px; }
.customFormList .tit { overflow: hidden; padding-right: 10px; line-height: 25px; }
.customFormList .dates { display: block; color: #999; }
.customFormList .dates span { margin-right: 20px; }
.customFormList .btns { float: right; }
.customFormList .btns a { float: right; margin-left: 5px; height: 22px; line-height: 22px; background: #fff; border: 1px solid #05c224; padding: 0 10px; color: #05c224; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.customFormList .btns a:hover { background: #e8f3ea; text-decoration: none; }
.customFormList .btns .over { color: #ccc !important; border-color: #ddd !important; }
.customFormList .btns .over:hover { background: #f3f3f3; }

/* 地理位置 */
#FormBox .location-box{
    max-width: 600px;
}
#geolocation{
    min-height: 300px;
}
#FormBox .location-info>div{
    margin-bottom: 10px;
}
#FormBox .location-info input[type="button"]{
    display:inline;
    height: 34px;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    background-color: #fafafa;
}
#FormBox .location-info input[type="button"]:hover{
    background-color: #eaeaea;
}
#FormBox .location-info input[type="text"]{
    display: inline-block;
    width: 200px;
    margin-right: 10px;
}
#FormBox .location-search{
    position: relative;
}
#FormBox .location-search input[type="text"]{
    width: 100%;
    padding-right: 80px;
}
#FormBox .location-search input[type="button"]{
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
}
.customFormList .btns .over:hover { background: #f3f3f3; }