* {
     margin: 0;
     padding: 0;
 }
 
 div {
     -webkit-overflow-scrolling: touch;
 }
 
 input,
 button {
     -webkit-appearance: none;
     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
     -webkit-appearance: none;
 }
 
 body,
 html {
     height: 100%;
 }
 
 #dom_form {
     height: 100%;
     box-sizing: border-box;
     padding-bottom: 40px;
 }
 
 .question-box .item {
     overflow: auto;
 }
 
 .question-box .theme {
     font-size: 24px;
     padding: 10px 15px;
     font-weight: bold;
 }
 
 .question-box .title {
     font-size: 18px;
     margin-left: 24px;
     padding: 10px 15px;
     line-height: 1.6;
 }
 
 .label {
     width: 98px;
     padding: 10px;
     display: inline-block;
     background: #E3E3E3;
     color: #333333;
     font-size: 16px;
     margin: 0 5px 10px;
     flex-shrink: 1;
     text-align: center;
     border-radius: 3px;
 }
 
 .options {
     padding-left: 10px;
     margin-bottom: 20px;
 }
 
 input:checked+.label {
     color: #FFFFFF;
     background: #339966;
 }
 
 .mark {
     width: 18px;
     height: 18px;
     display: inline-block;
     color: #FFFFFF;
     background: #333333;
     line-height: 18px;
     border-radius: 9px;
     font-size: 14px;
     text-align: center;
     margin-top: 4px;
     float: left;
     margin-left: -24px;
 }
 
 .theme-nav {
     padding: 15px;
     overflow: hidden;
     text-align: center;
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     background: #FFFFFF;
     z-index: 1991;
     border-top: 1px solid #E3E3E3;
     box-sizing: border-box;
 }
 
 .theme-nav>div,
 .submit {
     float: left;
     width: 120px;
     border-radius: 3px;
     font-size: 16px;
     height: 32px;
     line-height: 32px;
     color: #FFFFFF;
     background: #339966;
 }
 
 .submit {
     float: none;
     border: none;
 }
 
 .theme-nav>.disabled,
 .submit:disabled {
     color: #ABABAB;
     background: #e3e3e3;
 }
 
 .theme-nav>.owl-next {
     float: right;
 }


/*************************************/ 
 .hide {
     display: none !important;
 }
 
 .clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
 }
 
 .clear {
     clear: both;
 }
 
 .clearfix {
     *zoom: 1;
 }
 /*答题问卷样式开始*/
 

 
 #choose_area {
     background-color: #EFEFEF;
     width: 100%;
     height: 100%;
     position: fixed;
     z-index: 19910;
     opacity: 1;
     
 }
 #choose_area form{
 	width: 100%;
 	height: 100%;
 }
 
 
 .dialog-area {
     width: 100%;
     height: 100%;
     display: flex;
     display: -webkit-flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-around;
 }
 
 .logo {
     width: 100px;
     height: 100px;
     margin-top: 20px;
 }
img{
    max-width: 100%;
}
 
 .dialog-area .title {
     font-size: 22px;
 }
 
 .choose-area-content {
     width: 100%;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
 }

 .choose-area {
     width: 100%;
     padding: 20px;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
 }
  .statistics-area  .choose-area{
  	padding: 0;
 	margin-bottom: 40px;
  }
 
 .choose-area .area {
     width: 45%;
     height: 60px;
     line-height: 60px;
     text-align: center;
     margin-top: 20px;
 }
 
 .statistics-area .area{
 	width: 160px;
 	height: 45px;
 	line-height: 45px;
 	margin-top: 0;

 }
 
 .choose-area .area label {
     width: 100%;
     height: 100%;
     display: inline-block;
     background-color: #fff;
     border-radius: 3px;
     color: #000;
     font-size: 18px;
 }
 
 .choose-area .area input[name="area"]:checked+label {
     background-color: #339966;
     color: #fff;
 }
 
 .dialog-area .thank {
     font-size: 14px;
     letter-spacing: 1px;
 }
/*统计页*/

.container {
	width: 1170px;
	margin: 0 auto;
	padding: 20px 0;
}

.person-num {
	font-size: 22px;
	text-align: center;
	margin-bottom: 30px;
}

.person-num i {
	font-style: inherit;
	color: #ED1C24;
}

.statistics-title {
	margin: 30px 0 20px 0;
	font-size: 18px;
	letter-spacing: 1px;
}

.table {
	width: 100%;
	border: 1px solid #ddd;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
}

}
.table td {
	border: 1px solid #ddd;
}
.table th {
	background-color: #f4f5f6;
	color: #6E6E6E;
	text-align: left;
}
.table td {
	background-color: #fff;
	word-wrap: break-word;
	word-break: break-all;
	color: #666;
}
.table thead th{
	text-align: center !important;
}


.table td.title{
	text-align: left;
}
.table th,
.table td {
	padding: 10px 20px;
	line-height: 25px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	vertical-align: middle;
}