@font-face {
  font-family: 'iconfont';  /* project id 714064 */
  src: url('//at.alicdn.com/t/font_714064_mmh0jam2ua.eot');
  src: url('//at.alicdn.com/t/font_714064_mmh0jam2ua.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_714064_mmh0jam2ua.woff') format('woff'),
  url('//at.alicdn.com/t/font_714064_mmh0jam2ua.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_714064_mmh0jam2ua.svg#iconfont') format('svg');
}

.icon{
	font-family: 'iconfont';  /* project id 714064 */
}
html,body{
	height: 100%!important;
	width: 100%!important;
	margin: 0!important;
	overflow: hidden;
}
body{
	/*background-image: url(../images/indexbg.png);*/
	background-size:100% 100%;
	font-family:"Microsoft YaHei";
}
input{
	outline: none;
}
.login-box{
	width: 3.796rem;
	height: 3.323rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -1.898rem;
	margin-top: -1.5515rem;
}
.login-title{
	text-align: center;
	line-height: 0.2864rem;
	font-size: 0.2864rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0.489rem;
}
.login-content{
	border-radius: 8px;
	background: #fff;
	height: 2.5625rem;
}
.content-title{
	font-size: 40px;
	padding-left: 0.52rem;
	line-height: 0.208rem;
	font-size: 0.208rem;
	color: #333;
	padding-top: 0.276rem;
	font-weight: bold;
	padding-bottom: 0.145rem;
}
.userName,.userPass{
	display: inline-block;
	width: 2.936rem;
	height: 0.401rem;
	line-height:0.401rem;
	padding-left: 0.4375rem;
	font-size: 0.1458rem;
	color: #333;
	border: 2px solid #cacaca;
	border-radius: 6px;
	-webkit-appearance: none;
}
.userName-content,.passWord-content{
	padding-left: 0.52rem;
}
.userName-content{
	margin-bottom: 0.1445rem;
}
.passWord-content{
	margin-bottom: 0.140625rem;
}
.usericon,.passicon{
	position: absolute;
	left: 0.7135rem;
	top:0.15rem;
	font-size: 0.164rem;
	color: #cacaca;
}
.chooseicon{
	position: absolute;
	right: 0.503rem;
	top: 0.155rem;
	font-size: 0.164rem;
	color: #7f7f8b;
}
.login-btn{
	margin-left: 0.52rem;
	width: 2.96875rem;
	height: 0.4166rem;
	background: #2280cc;
	border-radius: 6px;
	line-height:0.4166rem;
	font-size: 0.1458rem;
	color: #fff;
	text-align: center;
	cursor: pointer;
	outline: none;
}
.flex-column{
	display: flex;
	flex-direction: column;
}
.flex-row{
	display: flex;
	flex-direction: row;
}
.grow1{
	flex-grow: 1;
}
.quetion-box{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.question-title{
	height: 0.4427rem;
	padding-left: 0.25rem;
	line-height:0.4427rem;
	font-size: 0.1666rem;
	color: #fff;
	font-weight: bold;
}
.goindex{
	position: absolute;
	right: 0.2395rem;
	top: 0.151rem;
	line-height: 0.177rem;
	font-size: 0.277rem;
	color: #fff;
	cursor: pointer;
}
.question-process-box{
	height: 0.46875rem;
	background: #fff;
	line-height: 0.46875rem;
	font-size: 0.125rem;
	padding-left: 0.25rem;
}
.process-box{
	display: inline-block;
	height: 0.140625rem;
	width: 3.078125rem;
	margin-top: 0.16666rem;
	border-radius: 25px;
	line-height:0.140625rem;
	font-size: 0.09375rem;
	color: #0b75a5;
	background: #f6f6f6;
	text-align: center;
}
.question-process{
	position: absolute;
	left: 0;
	top: 0;
	border-radius:25px;
	height: 0.140625rem;
	background: rgba(78,189,239,0.6);
	width: 50%;
}
.inline-block{
	display: inline-block;
}
.question-num{
	margin-left: 0.0729rem;
	margin-right: 0.3489rem;
}
.question-time{
	margin-right: 0.1875rem;
}
.prev-question{
	float: right;
	margin-right: 0.2395rem;
	height: 0.2239rem;
	line-height:  0.2239rem;
	width: 0.5572rem;
	text-align: center;
	font-size: 0.125rem;
	color: #333;
	border-radius: 3px;
	background: #fbfbfb;
	margin-top: 0.11458rem;
	border: 1px solid #c5c5c5;
	cursor: pointer;
}
.question-content-box{
	padding: 0.15625rem;
	background: #ecedee;
}
.question-info-content{
	background: #fff;
	height: 2.552rem;
	padding: 18px;
	border-radius: 4px;
	margin-bottom: 16px;
}
.question-wrapper{
	height: 1.74rem;
	border: 1px solid #ddd;
	background: #fcfcfc;
	border-radius: 4px;
	margin-bottom: 0.16rem;
	padding: 13px;
	line-height: 47px;
	color: #333;
	font-size: 0.1458rem;
}
.question-btn{
	height: 0.36458rem;
	width: 2.3177rem;
	border: 1px solid #56b6f8;
	border-radius: 4px;
	background: #fff;
	color: #189bf6;
	text-align: center;
	line-height: 0.36458rem;
	font-size: 0.145833rem;
	cursor: pointer;
}
.question-btn.active{
	border: 1px solid #189bf6;
	background: #189bf6;
	color: #fff;
}
.question-bottom-wrapper{
	background: #fff;
	padding: 18px;
}
.cz-title{
	line-height: 0.2604rem;
	height:0.2604rem;
	font-size: 0.14583rem;
	color: #f6af06;
	font-weight: bold;
}
.cz-content{
	border: 1px solid #ddd;
	background: #fcfcfc;
	border-radius: 4px;
	padding: 13px;
	color: #333;
	font-size: 0.1458rem;
}
.tg-btn-box{
	padding-top: 15px;
	height: 0.39rem;
}
.tg-btn{
	height:0.348958rem;
	width: 0.9rem;
	background:#189bf6;
	font-size: 0.1458rem;
	color: #fff;
	margin-left: 0.40625rem;
	border-radius: 4px;
	cursor: pointer;
}
.tg-btn span{
	font-size: 0.1458rem;
	color: #fff;
	line-height:0.348958rem;
}
.tg-btn.active{
	background: #189bf6;
}
.tg-btn.active .play{
	display: none;
}
.tg-btn.active .pause{
	display: inline-block;
}
.tg-btn.active span{
	color: #fff;
}
.uplodeQuestionBox{
	/*width: 3.072rem;*/
	height: 100%;
	background: #fff;
	padding:18px 0;
	padding-right: 18px;
}
/*用户及题库选择*/
.chooseWrapper{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.join-box{
	padding:0  0.25rem 0rem 0.25rem;
	background: #fff;
}
.children-wrapper,.scale-wrapper{
	width: 4.6354rem;
	/*border-bottom: 2px solid #cac8c8;*/
}
.children-wrapper-top,.scale-wrapper-top{
	height: 0.46875rem;
	line-height:0.46875rem;
	font-size: 0.145833rem;
}
.search-children,.search-scale{
	font-weight: bold;
}

.search-children-input{
	position: absolute;
	height:100%;
	width: 2.3698rem;
	line-height:0.25rem;
	font-size: 0.125rem;
	color: #333;
	border: none;
	padding-left: 0.14rem;
	border-radius: 0;
}
.search-children-box{
	padding-right: 0.2239rem;
	border: 1px solid #cacaca;
	border-radius: 3px;
	height: 0.25rem;
	margin-top: 0.104166rem;
	width: 2.60416rem;
	background: #7d7d89;
}
.search-children-btn{
	height: 100%;
	width: 0.2239rem;
	background: #f7f7f7;
	line-height:0.25rem;
	color: #7d7d89;
	text-align: center;
	font-size: 0.125rem;
	right: 0;
	top: 0;
	display: inline-block;
	cursor: pointer;
}
.add-children-btn{
	height: 0.2604166rem;
	line-height: 0.26041rem;
	font-size: 0.11458rem;
	color: #fff;
	background: #3dbe1f;
	cursor: pointer;
	border-radius: 3px;
	margin-top: 0.104166rem;
	padding-left: 0.104166rem;
	padding-right:0.104166rem;
	text-align: center;
}
.add-children-btn i{
	position: absolute;
	top: 0.0677rem;
	right: 0.078125rem;
	font-size: 0.135rem;
	line-height: 0.135rem;
}
.search-scale-input{
	height: 0.25rem;
	width: 1.14666rem;
	border: 1px solid #cacaca;
	line-height:0.25rem;
	font-size: 0.125rem;
	color: #999;
	border-radius: 3px;
	padding-left: 0.14rem;
}
.add-scale-btn{
	height: 0.2604166rem;
	width: 0.5989rem;
	line-height: 0.26041rem;
	font-size: 0.11458rem;
	color: #fff;
	background: #3dbe1f;
	cursor: pointer;
	border-radius: 3px;
	margin-top: 0.104166rem;
	padding-left: 0.104166rem;
}
body .chooseWrapper .search-scale-btn{
	height: 0.23rem;
	width: 0.2239rem;
	line-height:0.25rem;
	color: #7d7d89;
	text-align: center;
	font-size: 0.125rem;
	right: 1px;
	top: 1px;
	display: inline-block;
	cursor: pointer;
}
.children-info,.children-question-info{
	width: 4.6354rem;
	padding-top: 0.15625rem;
}
.table-head{
	display: block;
	height: 0.40625rem;
	padding-left: 0.20833rem;
	border: none;
	background: #2280cc;
	line-height: 0.40625rem;
	color: #fff;
	font-size: 0.145833rem;
	font-weight: bold;
}
.table-head tr,.table-head th{
	background: #2280cc;
	color: #fff;
	border: none;
}
.table-tbody{
	border: 1px solid #d3d1d1;
	border-top: none;
	display: block;
}
.table-tbody tbody,.table-tbody tr{
	display: block;
}
.table-tbody td{
	border-top: none;
	border-left: none;
	border-right: none;
	display: inline-block;
	width: 50%;
}
.table-tbody tr{
	display: flex;
}
.table-tbody td{
	flex-grow: 1;
	text-align: left;
	padding-left: 0.36458rem;
	line-height: 0.33854rem;
	font-size: 0.125rem;
	color: #333;
	font-weight: bold;
}
.bghui{
	background: #f7f7f7;
}
.start-question{
	bottom: 0;
	left: 50%;
	width: 1.328rem;
	height: 0.3385rem;
	border-radius: 3px;
	color: #fff;
	background: #189bf6;
	text-align: center;
	line-height: 0.3385rem;
	font-size: 0.1458rem;
	font-weight: bold;
	margin-left: -0.664rem;
	cursor: pointer;	
}
input[type="text"] {
-webkit-appearance: none;
}
.search-scale-box{
	margin-right: 0.15625rem;
    height: 0.25rem;
    /*margin-top: 0.104166rem;*/
    width: 2.5rem;
}
/*基本信息采集*/
.collect-warpper{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.col-info-container{
	background: #fff;
	padding: 0.432rem 0.25rem 0 0.25rem;
	
}
.left-ul-firstli{
	margin-bottom: 0.20833rem;
}
.left-ul-firstli span{
	line-height: 0.3125rem;
	display: inline-block;
	width: 0.677rem;
	text-align: right;
	margin-right: 0.15625rem;
	font-size: 0.145833rem;
	color: #333;
	font-weight: bold;
}
.left-ul-firstli i.fl{
	line-height: 0.3125rem;
	font-size: 0.145833rem;
	color: #333;
	font-weight: bold;
	margin-left: 10px;
}
.collect-input-div{
	width: 2.1614rem;
	border: 1px solid #dddddd;
	border-radius: 3px;
}
.collect-input{
	width: 100%;
	line-height: 0.296875rem;
	color: #666;
	padding-left: 0.1979rem;
	border: none;
	font-size: 0.14583rem;
}
.commonul.col{
	border:1px solid #dddddd;
	border-top: none;
	width: 100%;
	z-index: 1;
}
.showul .icon{
	position: absolute;
	height: 0.25rem;
	line-height: 0.25rem;
	width: 0.39rem;
	text-align: center;
	color: #cacaca;
	top: 0;
	right: 0;
	font-size:0.145833rem;
}
.start-question-btn{
	width: 1.333rem;
	height: 0.34895rem;
	text-align: center;
	line-height:0.34895rem;
	color: #fff;
	background: #189bf6;
	font-size: 0.1458rem;
	font-weight: bold;
	bottom: 0.33854rem;
	left: 50%;
	margin-left: -0.6665rem;
	border-radius: 3px;
}
/*生理信息采集*/
.status-content{
	background: #fff;
}
.status-wrapper{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.status-list{
	margin-bottom: 0.20833rem;
	width: 4.9rem;
}
.status-list p{
	line-height: 0.3125rem;
	text-align: right;
	width: 0.989rem;
	margin-right: 0.14583rem;
	font-size:0.14583rem;
	font-weight: bold;
}
.status-list input{
	width: 2.4rem;
	border: 1px solid #dddddd;
	height: 0.296rem;
	line-height: 0.296rem;
	padding-left: 0.20833rem;
	color: #666666;
	font-size:0.14583rem;
	margin-right:0.14583rem;
}
.status-list span{
	line-height: 0.3125rem;
	font-size:0.14583rem;
	font-weight: bold;
}
.save-status{
	line-height: 0.33854rem;
	width: 1.61458rem;
	background: #189bf6;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	font-size:0.14583rem;
	font-weight: bold;
}
/*辨音选图题弹框*/
.readVoiceModle{
	background: #fff;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 100;
}
.button-box{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	/*margin-top: -0.35rem;*/
	height: 0.7rem;
}
.play-vioce{
	width: 2.541rem;
	height: 0.7rem;
	border-radius: 3px;
	background: #189bf6;
	padding-left: 0.7rem;
	font-size: 0.286rem;
	line-height: 0.7rem;
	color: #fff;
	cursor: pointer;
}
.repeat-question{
	
	color: #333;
	background: #f1f1f1;
}
.next-question{
	margin-left: 0.166rem;
	color: #fff;
	background: #189bf6;
}
.repeat-question,.next-question{
		margin-top: 0.1979rem;
		width: 1.5625rem;
		height:0.39rem;
		text-align: center;
		line-height:0.39rem;
		font-size: 0.166rem;
		border-radius: 3px;
		cursor: pointer;
}
.photo-list{
	width: 1.875rem;
	height: 1.40625rem;
	margin-bottom: 0.104166rem;
}
.photo-list img{
	width: 100%;
	height: 100%;
}
.choose-photo{
	left: 3px;
	top: 3px;
	height: 0.2rem;
	width: 0.2rem;
	/*background: #fff;*/
	color: #fff;
	line-height: 0.2rem;
	text-align: center;
	font-size: 0.12rem;
}
.photo-list img{
	border: 3px solid #ccc;
}
.photo-list.active img{
	border: 3px solid #189bf6;
}
.photo-list.active span	{
	background:#189bf6;
}
.result-children-info{
	background: url(../images/result_top.png) no-repeat;
	background-size: 100% 100%;
	height: 1.875rem;
	width: 100%;
}
.top-bottom{
	position: absolute;
	bottom: 0;
	height: 0.348rem;
	width: 100%;
	/*background: rgba(238,24,65,0.5);*/
	padding:0.05rem 0;
}
.bottom-process{
	border: 3px solid #fff;
	border-left: none;
	border-right: none;
	height: 0.245rem;
	line-height: 0.2rem;
	font-size: 0.1458rem;
	color: #fff;
}
.dangerous{
	width: 1.5rem;
	text-align: center;
}
.danger-bg{
	width: 1.5rem;
	background: url(../images/danger.png) no-repeat;
	background-size: 100% 100%;
	height: 0.348rem;
	bottom: 0;
}
.person-bg{
	height: 0.4895rem;
	width: 0.28645rem;
	left: 50%;
	margin-left: -0.1422rem;
	bottom: -0.01rem;
	z-index: 1000;
}
.person-bg img{
	height: 100%;
	width: 100%;
}
.reulst-process-num{
	width: 0.28645rem;
	left: 50%;
	margin-left: -0.1422rem;
	line-height: 0.13541rem;
	text-align: center;
	color: #e60012;
	bottom: -0.15rem;
	font-size:  0.13541rem;
}
.normal-content{
	width: 8.3rem;
	float: left;
	text-align: center;
}
.top-desc{
	line-height: 0.3675rem;
	font-size: 0.145833rem;
	color: #333;
	font-weight: bold;
	padding-left: 0.2448rem;
}
.result-info{
	padding:0.20833rem 0.15625rem;
	background: #fff;
}
.report-title{
	line-height: 0.1666rem;
	font-size: 0.1666rem;
	color: #333;
	margin-bottom: 0.15625rem;
	font-weight: bold;
	color: #333;
}
.report-content{
	line-height: 0.20833rem;
	font-size: 0.145833rem;
	color: #333;
	font-weight: bold;
}
.children-list-wrapper{
	position: fixed;
	/*height: 520px;*/
	width: 500px;
	left: 50%;
	top: 50%;
	margin-top: -160px;
	margin-left: -250px;
	background: #fff;
	box-shadow:4px 4px 16px rgba(9,0,2,.12);
	padding: 30px;
}
.model-input{
	   width: 200px;
    line-height: 32px;
    font-size: 0.125rem;
    color: #333;
    border: none;
    padding-left: 0.14rem;
    border: 1px solid #cacaca;
    border-radius: 3px;
    margin-right: 10px;
}
.model-btn{
	height: 32px;
	line-height: 32px;
	display: inline-block;
	text-align: center;
	border: 1px solid #cacaca;
  border-radius: 3px;
  width: 75px;
  color: #333;
  cursor: pointer;
}
.children-tbody{
	height: 540px;
}
.children-tr.active{
	background: #0066FF;
}
.children-tr.active td{
	color: #fff;
}
.prevpage,.nextpage{
	height: 32px;
	width: 100px;
	line-height: 32px;
	text-align: center;
	border: 1px solid #cacaca;
  border-radius: 3px;
  color: #333;
  cursor: pointer;
  font-size: 0.125rem;
}
.pagetext{
	line-height: 32px;
	font-size: 0.125rem;
}
.addChild{
	height: 33px;
	line-height: 33px;
	display: inline-block;
	text-align: center;
  border-radius: 3px;
  width: 75px;
  color: #fff;
  cursor: pointer;
  background: #2280cc;
}
.canvas-box{
	width: 4.791rem;height: 2.5rem;margin-bottom: 0.15625rem;
}
.table-box{
	background: #fff;padding-top: 0.26041rem;margin-top: -1px;padding-bottom: 0.2rem;
}
.desc-box{
	width: 4.791rem;height: 2.5;margin-bottom: 0.15625rem;padding-left: 0.15625rem;padding-right: 0.239rem;
}
/*.desc-title{
	line-height: 0.15625rem;border-left: 0.04166rem solid #2280cc;font-weight: bold;font-size: 0.1458rem;padding-left: 0.048125rem;
}*/
.desc-content{
	line-height: 0.20833rem;font-size: 0.145833rem;color: #666666;
}
.desc-title{
	font-size: 0.125833rem;color: #333;margin-bottom:20px;font-weight: 700;
}
.desc-body{
	line-height: 22px!important;font-size: 14px;color:RGBA(67, 67, 67, 0.6);font-weight: normal;padding-top: 10px;display: inline-block;
}
.border{
	border-left:4px solid #333 ;
	padding-left: 5px;
	margin-left: -9px;
}


.doubleSucaiBox{
	background: #fff;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 100;
}
.chooseImgList{
	padding: 0 0.15625rem 0.15625rem 0.15625rem;
	height: 1.765625rem;
	margin-top: 0.2291rem;
}
.chooseImgWrapper{
	width: 100%;
	height: 100%;
}
.seeImgAlert{
	background: #fff;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 100;
}
.seeImgLeftBox{
	width: 8.333rem;
	height: 100%;
}
.seeImgRightBox{
	width: 1.45833rem;
	height: 100%;
}
.seeImgChooseBox{
	width: 0.5729rem;
	height: 0.5729rem;
	border-radius: 2px;
	background: #fff;
	color: #fff;
	line-height: 0.5729rem;
	text-align: center;
	font-size: 0.302rem;
	left: 2px;
	top: 2px;
}
.seeImgChooseBox.active{
	color: #189bf6;
}
.seeImgBtn{
	text-align: center;
	background: #189bf6;
	font-size: 0.52rem;
	line-height: 49vh;
	color: #fff;
	cursor: pointer;
}
.photoandphoto{
	border: 1px solid #0e97f6;
}
.photoandphoto img{
	height: 100%;
	width: 2.3489rem;
}
.photoandphoto.active{
	border: 4px solid #0e97f6;
	margin-top: -0.104166rem;
	box-shadow: 4px 4px 10px rgba(7,0,2,.28);
}
.bigimgbox img{
	display: block;
	margin: 0 auto;
	height: 98%;
	border: 0.0625rem solid #333;
}




@media only screen and (min-width: 600px) {
	.tu-box{
		float: left;
		width: 4.791rem;
	}
	.desc-box{
		float: left;
	}
}
@media only screen and (max-width:600px ) {
	.canvas-box{
		width: 100%;
		height: 4.5rem;
	}
	.desc-box{
		width: 100%;
		box-sizing: border-box;
		padding: 0 26px;
		margin-top: 20px;
	}
	/*.desc-body{
		line-height: 0.465rem!important;
	}*/
}
.descWrapper .title{
	line-height: 32px;
	margin-bottom: 5px;
	font-size: 18px;
}
.descWrapper .desc{
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
}
@media only screen and (min-width:1700px) {
	body{
		font-size: 16px;
	}
	.search-scale-input,.status-list input,.commonul li{
		font-size: 0.1rem;
		background: #fff;
	}
	.userName,.userPass{
		font-size: 0.1258rem;
	}
	.prevpage, .nextpage{
		width: 120px;
		font-size: 0.1rem;
		line-height: 0.2rem;
		height: 0.2rem;
	}
	td{
		line-height: 50px;
	}
	.login-btn{
		font-size: 0.1258rem;
	}
	.question-btn{
		font-size: 0.1258rem;
	}
	.cz-title,.cz-content,.tg-btn,.children-wrapper-top,.scale-wrapper-top,.tg-btn span,.table-head,.start-question,.left-ul-firstli span,.left-ul-firstli i.fl,.collect-input,.showul .icon,.start-question-btn,.status-list p,.status-list input,.status-list span,.save-status,.bottom-process,.top-desc,.report-content,.desc-content{
		font-size: 0.1258rem;
	}
}