/**
 * @Author: [FENG] <1161634940@qq.com>
 * @Date:   2020-01-01T09:38:47+08:00
 * @Email:  1161634940@qq.com
 * @Filename: survey.css
 * @Last modified by:   [FENG] <1161634940@qq.com>
 * @Last modified time: 2020-01-01T15:15:25+08:00
 */

*{
	padding:0;
	margin:0;
	list-style: none;
	text-decoration: none;
	font-family: "微软雅黑";
}
body{
	background: #fafafa;
	position: relative;
}
.header{
	width:100%;
	height:4.38rem;
	background: url("../image/header-back.png")no-repeat center center/100% 100%;
}
.main{
	width:100%;
	height:auto;
	overflow: hidden;
	min-height: 5rem;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
	background: #fafafa;
	position: absolute;
	top:2.93rem;
	left:0;
}
.content{
	padding:0.6rem 0.3rem;
	width:6.9rem;
	height:auto;
	overflow: hidden;
	background: #fff;
}
.content-item{
	width:100%;
	height:auto;
	overflow: hidden;
	font-size:0.3rem;
	margin-top:0.3rem;
}
.content-item:first-child{
	margin-top:0;
}
.content-item-title-num{
	color:#0464ee;
}
.content-item-title-question{
	color:#333;
}
.content-item-title-must{
	color:#ff3930;
}
.content-item-main{
	width:100%;
	height:auto;
	overflow: hidden;
}
.content-item-list{
	width:6.86rem;
	height:0.78rem;
	border-radius:0.08rem;
	border:1px solid #dddddd;
	margin-top:0.3rem;
	position: relative;
	overflow: hidden;
}
#province{
	display:block;
	width:100%;
	height:100%;
	border:none;
	outline: none;
	margin:0 auto;
	font-size:0.26rem;
	color:#999;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	/*margin-top:0.3rem;*/
	text-indent: 20px;
}
#city{
	display:block;
	width:100%;
	height:100%;
	border:none;
	outline: none;
	margin:0 auto;
	font-size:0.26rem;
	color:#999;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	/*margin-top:0.3rem;*/
	text-indent: 20px;
}
#area{
	display:block;
	width:100%;
	height:100%;
	border:none;
	outline: none;
	margin:0 auto;
	font-size:0.26rem;
	color:#999;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	/*margin-top:0.3rem;*/
	text-indent: 20px;
}
option {
	color: #333;
}
.selectIcon{
	position: absolute;
	right:0;
	top:0;
	width:0.78rem;
	height:0.78rem;
	background: url("../image/xiala.png")no-repeat center center/0.26rem 0.14rem;
}
.content-item-list input{
	outline: none;
	border:none;
	width:96%;
	height:100%;
	display:block;
	margin:0 auto;
}
.content-item-checkbox{
	width:6.86rem;
	height:0.78rem;
	border-radius:0.08rem;
	margin-top:0.3rem;
	position: relative;
	display: flex;
	justify-content: space-between;
}
.checkbox-box{
	width:20%;
	height:100%;
	display:flex;
	align-items: center;
}
.checkbox-box span{
	font-size:0.28rem;
	color:#333;
	padding-left:0.2rem;
}
input[type='checkbox'] {
	display: inline-block;
	width: 0.24rem;
	height: 0.24rem;
	background-color: #fff;
	-webkit-appearance: none;
	/*border: 1px solid #2f82ff;*/
	border-radius: 0;
	outline: none;
	vertical-align: middle;
	background:url("../image/un-select.png")no-repeat center center/0.24rem 0.24rem;
}
 input[type=checkbox]:checked {
	background: #fff url("../image/select.png")no-repeat center center/0.24rem 0.24rem;
}
input[type='radio'] {
	display: inline-block;
	width: 0.24rem;
	height: 0.24rem;
	background-color: #fff;
	-webkit-appearance: none;
	/*border: 1px solid #2f82ff;*/
	border-radius: 0;
	outline: none;
	vertical-align: middle;
	background:url("../image/un-select.png")no-repeat center center/0.24rem 0.24rem;
}
 input[type=radio]:checked {
	background: #fff url("../image/select.png")no-repeat center center/0.24rem 0.24rem;
}
.content-item-list-son{
	margin-top:0.3rem;
}
.content-item-list-son-title{
	font-size: 0.26rem;
}
.content-item-textarea{
	width:6.86rem;
	height:1.58rem;
	border-radius:0.08rem;
	border:1px solid #dddddd;
	margin-top:0.3rem;
	position: relative;
}
.content-item-textarea textarea{
	display:block;
	width:96%;
	height:95%;
	background: #fff;
	border:none;
	outline: none;
	margin:0 auto;
	padding-top:0.07rem;
	resize:none;
}
.content-item-title-fill{
	display:inline-block;
	width:1.2rem;
	height:0.26rem;
	/*text-decoration: underline;*/
	color:#0464ee;
	position: relative;
	text-align: center;
}
.line{
	width:1.2rem;
	height:0.01rem;
	background: #333;
	position:absolute;
	left:0;
	bottom:-0.12rem;
}
.content-item-title-placeholder{
	color:#666;
}
.nameStyle{
	width:100%;
	margin-top:0.3rem;
	height:auto;
	overflow: hidden;
	position:relative;
	display: flex;
	align-items: center;
}

.nameText{
	padding-left:0.2rem;
	font-size: 0.28rem;
}

.nameStyle input{
	float:left;
}
.nameStyle label{
	float:left;
}
.nameText{
	display:block;
	float:left;
	width:93%;
}
.selectElement{
	width:100%;
	float:left;
	position: relative;
}

.selectElementText{
	font-size:0.28rem;
	line-height: 0.5rem;
}
.comment{
	display:block;
	font-size: 0.24rem;
	color:#666;
	line-height: 0.4rem;
	padding-left:0.3rem;
}
.comment-case{
	display:block;
	font-size: 0.24rem;
	color:#666;
	line-height: 0.4rem;
	padding-left:0.3rem;
}
/*.comment-text{
	font-size: 0.24rem;
	color:#666;
	line-height: 0.4rem;
}*/
.content-item-pic-list{
	height:1.6rem;
    width:100%;
    padding-top:0.3rem;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.content-item-pic-li{
	width:1.58rem;
	height:1.58rem;
	border:0.01rem dashed #ddd;
	background: url("../image/add.png")no-repeat center center/0.39rem 0.39rem;
	position:relative;
	overflow: hidden;
}
.content-item-pic-img{
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	/*display:none;*/
	/*background: red;*/
}
.content-item-pic-img{
	width:100%;
	height:100%;
	display: none;
}
.content-item-pic-img img{
	width:100%;
	height:100%;
}
.content-item-pic-li .upload{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:50;
	opacity: 0;
}
.submit{
	width:100%;
	height:2.05rem;
	background: #fff;
	margin-top:0.2rem;
}
.submit-box{
	padding-top:0.45rem;
	width:6.9rem;
	height:0.8rem;
	margin:0 auto;
}
.submit-btn{
	width:6.9rem;
	height:0.8rem;
	background: #0464ee;
	color:#fff;
	font-size: 0.3rem;
	text-align: center;
	line-height: 0.8rem;
	border-radius:0.08rem;
	cursor: pointer;
}