@charset "utf-8";
.nav_return{
	top: 8px;
}
.trend_form_item{
	width: 48%;
}
/*  */ 
.yztj_radio{
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	border-bottom: 1px solid #eaeaea;
}
.yztj_radio form{
	padding-bottom: 12px;
	
}
.yztj_radio .yzms_list{
	padding-top: 12px;
	font-size: 0;
}
.yzms_list .yztj_span,.yzms_list .yzwz_span{
	display: inline-block;
	font-size: 14px;
	color: #333;
	width: 20%;
	line-height: 26px;
	vertical-align: middle;
}
.yzms_list .yztj_ul,.yzms_list .yzwz_ul{
	width: 80%;
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
}
.yztj_ul .yztj_li,.yzwz_ul .yzwz_li{
	width: 17.6%;
	margin-left: 3%;
	display: inline-block;
	font-size: 14px;
}
.yztj_ul .yztj_li:first-child,.yzwz_ul .yzwz_li:first-child{
	margin-left: 0;
}
.yztj_li input{
	
}
.yztj_li .layui-form-radio{
	width: 100%;
	height: 26px;
	line-height: 26px;
	border-radius: 3px;
	border: 1px solid #ccc;
	color: #333;
	padding: 0 2px;
	margin: 0;
	box-sizing: border-box;
	text-align: center;
}
.yztj_li .layui-form-radio i{
	display: none;
}
.yztj_li .layui-form-radioed{
    background: #ff4e31;
    color: #fff;
    border: 1px solid #e62000;
}
/*验证位置*/
.yzwz_li .layui-form-checkbox{
	padding: 0;
	margin: 0;
	width: 100%;
	height: 24px;
	line-height: 24px;
}
.yzwz_li .layui-form-checkbox i{
	font-size: 0;
	width: 48%;
	height: 22px;
	line-height: 24px;
	border-radius: 0 3px 3px 0;
}
.yzwz_li .layui-form-checkbox span{
	padding: 0;
	width: 50%;
	height: 24px;
	line-height: 26px;
	text-align: center;
	background: #b1ada5;
	border-radius: 3px 0 0 3px;
}
.yzwz_li .layui-form-checked span{
	background: #ff841a;
}
.yzwz_li .layui-form-checked i{
	border-color: #ff841a;
	text-align: center;
}
.yzwz_li .layui-form-checked i:before{
	display: inline-block;
	content: '';
	width: 18px;
	height: 18px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/tool_yz_checked.png);
	margin-top: 2px;
}

/*  */
.yzls_btm{
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99;
	background: #fff;
	box-shadow: 0 -5px 10px -3px #e0e0e0;
}

.yzls_box{
    width: 100%;
    height: auto;
    background: #fff;
}
.yzls_box .yzls_list{
    width: 100%;
}
.yzls_box .yzls_tit{
	font-size: 16px;
	color: #111;
	padding: 10px 0;
}
.yzls_tit p em{
	padding-left: 10px;
	font-style: normal;
	font-size: 14px;
	color: #F77803;
}
.yzls_tit p em span{
	padding:0 2px ;
	
}
.yzls_list thead{
	width: 100%;
	display: block;
}
.yzls_list thead tr{
	width: 100%;
	display: block;
	background: #ff4e31;
	border-radius: 4px 4px 0 0;
	font-size: 0;
}
.yzls_list thead tr th{
	font-size: 14px;
	color: #fff;
	text-align: center;
	height: 32px;
	line-height: 32px;
	padding:0 2px;
	width: 30%;
	display: inline-block;
	box-sizing: border-box;
}
.yzls_list thead tr th:first-child,.yzls_list tbody tr td:first-child{
	width: 40%;
}
.yzls_list tbody{
	width: 100%;
	/*height: 280px;*/
	/*max-height: 280px;*/
	display: block;
	padding: 4px 0;
}
.yzls_list tbody tr{
	width: 100%;
	font-size: 0;
	display: block;
}
.yzls_list tbody tr td{
	width: 30%;
	display: inline-block;
	font-size: 13px;
	color: #333;
	height: 28px;
	line-height: 28px;
	text-align: center;
	padding: 0 2px;
	box-sizing: border-box;
}
.yzls_list tbody tr:nth-child(2n){
	background: #fff6f6;
}
.yzls_list tbody tr td i{
	display: inline-block;
	background-size: 100% auto;
	background-image: url(../images/dadi_result.png);
	background-position: center;
	width: 15px;
	height: 15px;
	margin-top: 6px;
}
.yzls_list tbody tr td i.dadi_cw{
	background-image: url(../images/dadi_cw.png);
}
.yzls_list tbody tr td i.dadi_ok{
	background-image: url(../images/dadi_ok.png);
}
/*  */

.yanz_result{
    width: 100%;
    background: #fff;
    font-size: 0;
}
.yanz_result .yanz_result_bt{
    width: 8%;
    display: inline-block;
}
.yanz_result_bt h2{
    font-size: 13px;
    color: #555;

}
.result_deatil{
    width: 89%;
    margin-left: 2%;
    display: inline-block;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 4px 6px;
    padding-bottom: 2px;
}
.result_deatil ul{
	font-size: 0;
}
.result_deatil ul li{
	display: inline-block;
    width: 33.33%;
    padding-right: 4px;
    box-sizing: border-box;
}
.result_deatil ul li:nth-child(3n){
	padding-right: 0;
}
.result_deatil li span{
    font-size: 13px;
    color: #3c3c3c;
}
.result_deatil li span i{
    color: rgb(233, 67, 25);
    font-style: normal;
}

/*  */
.yzls_btmbtn{
	
}
.yzls_btmbtn textarea{
	width: 100%;
	height: 100px;
	resize: none;
	font-size: 13px;
	border-radius: 5px;
	border: 1px solid #dddddd;
    background: #f7f6f4;
    border: 0;
    box-shadow: inset 1px 2px 5px #e6e3d9;
    box-sizing: border-box;
    padding: 8px;
    margin-top: 10px;
}
.yzls_btnul{
	font-size: 0;
	padding-top: 2px;
	padding-bottom: 12px;
}
.yzls_btnul li{
	width: 22.5%;
	margin-left: 3.33%;
	display: inline-block;
}
.yzls_btnul li button{
	width: 100%;
	height: 28px;
	line-height: 28px;
    font-size: 13px;
    border: 0;
    color: #fff;
    border-radius: 3px;
    transition: .18s;
    background: linear-gradient(180deg,#ffd13b,#ffb100);
    box-shadow: 0 2px 4px -1px #ffd13b;
}
.yzls_btnul li button:hover{
	opacity: .78;
}
.yzls_btnul li button:focus,.yzls_btnul li button:active{
	opacity: .89;
}
.yzls_btnul li:first-child{
	margin-left: 0;
}
.yzls_btnul li:first-child button{
	margin-top: 1px;
	background: linear-gradient(180deg,#ffad3b,#ff6a00);
    box-shadow: 0 2px 4px -1px #ff9d57;
}
.yzls_btnul li:first-child+li button{
    background: linear-gradient(180deg,#ffad3b,#ff6a00);
    box-shadow: 0 2px 4px -1px #ffa222;
}
.yzls_btnul li:first-child+li+li button{
	margin-top: 1px;
	background: linear-gradient(180deg,#ff5f4a,#fb1611);
	box-shadow: 0 2px 4px -1px #ff5f4a;
}
.yzls_btnul li button img{
	width: 16px;
	vertical-align: middle;
	margin-right: 2px;
	
}
@media only screen and (min-width: 100px) and (max-width: 375px) {
	.yzls_list tbody{
		/*height: 220px;*/
		/*max-height: 220px;*/
	}
	.yzls_btmbtn textarea{
		height: 90px;
	}
}
/*减少15*/
@media only screen and (min-width: 100px) and (max-width: 360px) {
	.yzls_list tbody{
		/*height: 210px;*/
		/*max-height: 210px;*/
	}
	.yzls_btmbtn textarea{
		height: 80px;
	}
}
/*兼容IPhone系列机型*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	.yzls_list tbody{
		/*height: 330px;*/
		/*max-height: 330px;*/
	}
	.yzls_btmbtn textarea{
		height: 110px;
	}
	.result_deatil{
		padding-top: 6px;
		padding-bottom: 4px;
	}
	.yzls_btnul{
		padding-top: 6px;
		padding-bottom: 14px;
	}
	.yzls_btnul li button{
		height: 32px;
		line-height: 32px;
	}
}
/*增加84px*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
	.yzls_list tbody{
		/*height: 390px;*/
		/*max-height: 390px;*/
	}
	.yzls_btmbtn textarea{
		height: 134px;
	}
	.result_deatil{
		padding-top: 6px;
		padding-bottom: 4px;
	}
	.yzls_btnul{
		padding-top: 6px;
		padding-bottom: 14px;
	}
	.yzls_btnul li button{
		height: 32px;
		line-height: 32px;
	}
}
