@charset "utf-8";
/* 表单列表页 ----------------------------------------------------- */
.formCommonList li { overflow: hidden; font-size: 16px; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 10px; padding: 8px;}
.formCommonList .tit { display: block; overflow: hidden; line-height: 25px; margin-bottom: 5px;}
.formCommonList .tit:before { content: "\e624"; font-family: "iconfont"; margin-right: 5px; vertical-align: top; color: #999}
.formCommonList .dates { display: block; color: #999; font-size: 12px;}
.formCommonList .dates span { display: block;}
.formCommonList .btns { float: right; font-size: 12px;}
.formCommonList .btns span { float: right; margin-left: 5px; height: 22px; line-height: 22px; background: #fff; border: 1px solid #05c224; padding: 0 10px; color: #05c224; border-radius: 3px;}
.formCommonList .btns span.s2,
.formCommonList .btns span.s0 { color: #ccc !important; border-color: #ddd !important;}

/* 汇总项列表页 ----------------------------------------------------- */
.summaryList { overflow: hidden; }
.summaryList li { float: left; min-width: 48%; margin: 1%; text-align: center; }
.summaryList a { display: block; height: 34px; line-height: 34px; border: 1px solid #ddd; font-size: 14px; border-radius:4px; }

/* 表单首页 ----------------------------------------------------- */
#formHomeBox h3 { font-size: 24px; text-align: center; margin-bottom: 10px; }
#formHomeBox .info { padding: 0 3%; }
#formHomeBox .center { overflow: hidden; text-align: center; padding: 20px 0; }
#formHomeBox #formSubmit a{ display: inline-block; background: #0068B7; vertical-align: middle; margin-right: 20px; cursor: pointer; border: none; width: 166px; height: 40px; line-height: 40px; font-size: 16px; text-align: center; font-weight: bold; color: #fff; border-radius: 3px; }

/* 在线表单填写页 ---------------------------------------------- */
#FormBox,
.FormResult { padding: 0;}
#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: 10px; 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:10px; line-height: 24px;}
.formItem dd::after {display: table; content: ""; clear: both;}
.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 select,
.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 input[type="text"] { width: 100%;}
.formItem input[type="time"] { padding-right: 5px; width: 120px;}
.formItem textarea { width: 100%; height: auto; min-height: 200px;}
.formItem input.otherInput { display: inline-block; width: 200px; margin-left: 10px;}
.formItem input[data-ui-type="datepicker"] { 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);}
.formItem div[data-ui-type="location"]>div,
.formItem div[data-ui-type="location"] input { margin-bottom: 8px;}
.formItem div[data-ui-type="location"]>div:first-child{width:100% !important; height:300px !important;}
#FormBox .webuploader-pick { box-sizing: border-box;}
#FormBox .upload-single { width: 200px;}
#FormBox .upload-file-area { min-height: 80px;}
#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: 74px;}
#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;}
/**/
#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;}

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

/*时间选择 */
.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);}

/* 前台查询结果页 */
#ResultsBox{width:100%; 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: 100px; font-size: 14px;}

/*时间选择左右箭头定义*/
.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;}

/*修正双向选择器*/
#FormBox .formItem .ms-container {
    width: 100%;
}
    /*修正列表框-样式*/
#FormBox .formItem select[multiple] {
    width: 80%;
    height: auto;
}
/*修正组合式-样式*/
#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;
}

/* 问卷调查结果页模板 */
.customFormResult #customFormTitle { text-align: center; font-size: 26px; line-height: 1.5; padding: 10px 0 0 0;}
#message { margin: 20px 0; font-size: 14px;}
.statisticshow { border: 1px dotted #ccc; display: block; padding: 5px 10px; background: #f6f6f6;}
.public-span { margin-right: 20px; color: #8b8b8b;}
.public-span span { color: #000000;}
.public-span:last-child { display: block;}
.graphPater { overflow: hidden; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.graphPater:last-child { margin-bottom: 10px;}
.options { width: 100%}
.option,
.value,
.ratio { font-size: 14px; width: 20%; float: left;}
.value { width: 25%;}
.option { width: 55%;}
.option ul,
.value ul,
.ratio ul { list-style-type: none; padding: 0; margin: 0;}
.option ul li,
.value ul li,
.ratio ul li { padding: 5px 0; text-align: center;}
.option ul li:first-child,
.value ul li:first-child,
.ratio ul li:first-child { padding: 0; background-color: #eee; height: 30px; line-height: 30px;}
.graph { height: 280px; width: 100%;}
.statistictitle { line-height: 1.5; margin-bottom: 5px; display: block; color: #0068B7;}
.statisticsurvey { color: #999; display: block; font-size: 14px;}
.statisticsurvey span:nth-child(2n) { padding: 0 20px 0 0;}
.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; cursor: pointer; margin-right: 15px; border: 1px solid #ccc; font-size: 14px; background: #eee; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)); background: -moz-linear-gradient(#fff, #eee); background: -ms-linear-gradient(#fff, #eee); background: -o-linear-gradient(#fff, #eee); background: linear-gradient(#fff, #eee); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#choice a:hover { color: #c00; border: 1px solid #aaa; text-decoration: none;}
.headimage img{max-width: 100%}