@charset "utf-8";
/* 在线表单默认模板 ---------------------------------------------- */
#FormBox,
.FormResult { padding: 40px 35px; border: 1px solid #e2e2e2; }
#FormBox .title { margin-bottom: 50px; text-align: center; font-weight: bold; font-size: 32px; color: #3771c9; }
#FormBox .property { font-size: 14px; margin-bottom: 30px; padding: 6px 10px; text-align: center; color: #777; border: 1px solid #ddd; background: #f8f8f8; }
#FormBox .property span { padding: 0 5px;}
#FormBox .description { display: block; margin-bottom: 20px; padding: 3%; font-size: 14px; line-height: 1.6; background: #f9f9f9; text-decoration: none; color: #666; border: 1px solid #eee; }
#FormBox .textOrange { color: #ff7600; }
#FormBox .required { color: red; }
#FormBox .optional { color: blue; }
#FormBox .formList { display: flex; flex-wrap: wrap; justify-content: space-between; }
#FormBox .formItem { width: 48%; margin-bottom: 30px; }
#FormBox .formItem dt { font-size: 16px; line-height: 1.4; margin-bottom: 12px; font-weight: normal; }
#FormBox .formItem .formItemDescription { display: block; font-size: 14px; color: #777; line-height: 24px; padding: 5px 0px;}
#FormBox .formItem dd {  }
#FormBox .formItem dd::after{ content: ''; display: table; clear: both; }
#FormBox .formItem dd label.radio,
#FormBox .formItem dd label.checkbox,
#FormBox .formItem dd li { padding: 3px 0; line-height: 34px; display: block; }
#FormBox .formItem dd input[data-ui-type="radio"],
#FormBox .formItem dd input[data-ui-type="checkbox"] { margin-right: 10px;}
#FormBox .formItem input[type="text"],
#FormBox .formItem input[type="number"],
#FormBox .formItem input[type="time"],
#FormBox .formItem input[type="button"],
#FormBox .formItem select,
#FormBox .formItem textarea { display: block; width: 100%; border: 1px solid #e2e2e2; height: auto; line-height: 20px; overflow: hidden; padding: 10px 12px; font-family: inherit; font-size: 16px; border-radius: 0; box-shadow: none; box-sizing: border-box; }

#FormBox .formItem textarea { height: 10em; }
#FormBox .formItem input.otherInput { display: inline-block; width: 200px; margin-left: 10px;}
#FormBox .formItem input[data-ui-type="datepicker"] { width: 200px; background: url(../img/icon-date.png) 170px 50% no-repeat;}
#FormBox .formItem input[type="text"]:focus,
#FormBox .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 .formItem div[data-ui-type="location"]>div,
#FormBox .formItem div[data-ui-type="location"] input { margin-bottom: 8px;}
#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 { width: 100%; padding: 20px 0 0; text-align: center; font-size: 0; line-height: 1; }
#FormSubmit a,
#FormSubmit input { display: inline-block; vertical-align: top; margin: 0 5px; padding: 0 40px; font-size: 20px; line-height: 42px; color: #fff; background: #3771C9; border-radius: 2px; outline: none; border: none; font-weight: normal; cursor: pointer; }
#FormSubmit a:hover,
#FormSubmit input:hover { background: #2a5aa0; text-decoration: none; }
#FormSubmit input[type="reset"] { background: #999; }
.field-validation-error { display: block; font-size: 14px; line-height: 1.3; color: #f00; font-weight: normal; margin-top: 5px;}

/*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);}

/* 问卷调查结果页模板 */
#message { border-top: 1px solid #e3e3e3; margin: 20px 0; padding: 10px 0;}
.statisticshow { display: block; overflow: hidden;}
.public-span { float: left; width: 20%; font-size: 14px;}
.public-span span { display: block;}
.public-span:last-child { margin-right: 0;}
.graphPater { overflow: hidden; margin-bottom: 20px;}
.graphPater div { float: left;}
.option,
.value,
.ratio { margin-left: -1px; min-height: 280px; width: 16.5%; border: 1px solid #e6e6e6;}
.option ul,
.value ul,
.ratio ul { list-style-type: none; padding: 0; margin: 0;}
.option ul li,
.value ul li,
.ratio ul li { line-height: 20px; padding: 7px 10px; text-align: center;}
.option ul li:first-child,
.value ul li:first-child,
.ratio ul li:first-child { padding: 0; background-color: #f3f3f3; height: 30px; line-height: 30px;}
.graphTitle { padding: 10px 2%; line-height: 22px; background-color: #eee; /* border: 1px solid #D0D0D0; */ overflow: hidden; width: 96%;}
.graph { height: 280px; width: 50%; /* border: 1px solid #cccccc; */}
.statistictitle { font-size: 16px; float: left;}
.statisticform { float: right;}
.statisticform span { padding: 10px;}
.number-result { width: 50%; height: 50%;}
.number-result span { display: block; text-align: center;}
.number-total { font-size: 24px;}
.number-value { font-size: 30px;}
.number-container { border: solid 1px #c0c0c0; width: 100%;}
#choice { padding: 25px 0 15px 0; text-align: center;}
#choice 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);}
#choice a:hover { color: #c00; border: 1px solid #aaa; text-decoration: none;}

/* 表单前台查询页模板 */
.FormSearchBox { width: 624px !important; margin:0 auto}
#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;}

/* 前台查询结果页 */
#ResultsBox{width:80%; margin:0 auto; border:1px solid #d8d8d8}
#ResultsBox td{border:1px solid #d8d8d8; padding:5px; line-height:24px}
#ResultsBox .tdName{font-weight: bold; background: #f7f7f7; text-align: center; width: 20%; font-size: 14px;}

/*  ---------------------------------------------- */
.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; border: 1px solid #e2e2e2; }
.Showms .top,
.Showms .bottom,
.Showms .Shadow { display: none;}
.Showms .MS { font-size: 16px; line-height: 2; }
.Showms .titWrong { color: #c00; border-bottom: 1px solid #e2e2e2; padding: 10px 0; margin-bottom: 15px; font-size: 28px; }
.Showms .BUT { padding: 25px 0 15px 0; }
.Showms .BUT a {  display: inline-block; vertical-align: top; margin: 0 5px; padding: 0 40px; font-size: 20px; line-height: 42px; color: #fff; background: #3771C9; border-radius: 2px; outline: none; border: none; font-weight: normal; cursor: pointer; }
.Showms .BUT a:hover { background: #2959A6; text-decoration: none; }

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

/*修正上传样式*/
#FormBox .upload-file-area li { padding: 0; width: 100%; 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; font-size: 16px; color: #000; width: 80%;}
#FormBox .upload-file-area { width: 100%; height: 160px; border-width: 1px; border-color: #e2e2e2; }
#FormBox .upload-single .upload-pick { padding-top: 80px; background-position: center 5px; }
#FormBox .upload-single .upload-file-area li .imgWrap { width: 100%; height: 142px; }
#FormBox .upload-single img { vertical-align: top; max-height: 100% !important; max-width: 100% !important; }
#FormBox .upload-single .upload-file-area li #fileName { font-size: 14px; line-height: 1.3; padding: 6px 20px; }
#FormBox .upload-photo-area .photolist .file-panel,
.upload-file-area .filelist .file-panel { top: auto; bottom: 0; width: 100%; }