@charset "utf-8";
/* 在线表单默认模板 ---------------------------------------------- */
#FormBox,
.FormResult { padding: 40px;}
#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;}
#FormBox .formItem {}
#FormBox .formItem dt { font-size: 16px; border-bottom: 1px dotted #ddd; padding: 10px 0;}
#FormBox .formItem .formItemNum,
#FormBox .formItem .formItemTitle { font-weight: bold;}
#FormBox .formItem .formItemDescription { display: block; font-size: 14px; color: #777; line-height: 24px; padding: 5px 0px;}
#FormBox .formItem dd {padding: 15px 0 15px 20px;line-height: 24px;clear:both;}
#FormBox .formItem dd:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#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; 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;}
#FormBox .formItem input[type="text"] { width: 80%;}
#FormBox .formItem input[type="time"] { padding-right: 5px; width: 120px;}
#FormBox .formItem textarea { width: 80%; height: auto; min-height: 200px;}
#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 { padding: 25px 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;}
#FormSubmit a:hover,
#FormSubmit input:hover { color: #c00; border: 1px solid #aaa; text-decoration: none;}
.field-validation-error { color: #f00; font-weight: normal; padding-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; 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;}