@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}
* { box-sizing:border-box; }
html{ font-size:625%;!important;height:100%;}
body{ font-family:苹方,'PingFangSC-Regular','PingFang SC','Helvetica Neue','Helvetica',STHeitiSC-Light,Arial,
sans-serif,"san francisco",HelveticaNeue-Light,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB",
"Hiragino Sans GB W3","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; -webkit-text-size-adjust:none;
    font-size:.16rem; min-width:320px; background:#fff; color:#282828 ; height:100%;position: relative;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:.14rem;}
form{display:inline}
ul,ol{list-style:none}
a{text-decoration:none; color:#666; font-size:.12rem;}
a:hover, a:active, a:focus{text-decoration:none;}
ins { text-decoration:none; }
em , i { font-style:normal; }
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,textarea{ border-radius: 0; vertical-align:middle;outline:none;border:none;-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}
input::-webkit-outer-spin-button , input::-webkit-inner-spin-button {-webkit-appearance:none;!important;}
table { border-collapse:collapse; border-spacing:0}

.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.show{display: block;}
.ellipsis{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}   /*单行省略号*/
.two-ellipsis { display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden;} /*2行省略号*/

.clearfix:after { content: " ";display:block; height:0; visibility:hidden; clear:both; }
.clearfix { *zoom:1; }

body{
	width: 100%;
	height: 100%;
	background-image:url(bg.jpg) ;
	background-size:100%  auto;
	background-repeat:no-repeat ;
	background-color:#78b5d4 ;
}
.wrap{
	padding: 0 0.4rem;
	width: 100%;
	height: 100%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
.white_block{
	width: 100%;
	height: 9.15rem;
}
.question_wrap{
	position: relative;
	width: 100%;
	background-color:rgba(255,255,255,0.9);
	padding: 1.6rem 0.4rem 0.5rem;
	
}
.question_wrap:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image:url(question_bg.jpg) ;
	background-size:100% auto ;	
	background-repeat:no-repeat ;
	opacity: 0.6;
}
.declare{
	position: absolute;
	top: 0.25rem;
	left: 0;
	width: 200%;
	padding: 0 0.8rem;
	font-size: 0.3rem;
	line-height: 0.54rem;
	color: #3a3a3a;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	transform-origin: top left;
	-webkit-transform-origin: top left;
	padding-bottom: 0.5rem;
}
.declare:after{
	content: '';
	position: absolute;
	left: 0.8rem;
	right: 0.8rem;
	bottom: 0;
	border-bottom: 1px dashed #3A3A3A;
}
.introduce{
	position: relative;
	width: 100%;
	font-size: 0.26rem;
	color: #3A3A3A;
	line-height: 0.4rem;
}
.question_con{
	position: relative;
	width: 100%;
	padding-top: 0.9rem;
}
.item_list{
	width: 100%;
	font-size: 0.26rem;
	color: #3A3A3A;
	margin-bottom: 0.5rem;
}
.item_list .item_name{
	padding-bottom: 0.15rem;
}

 .advice{
    height: 0.2rem;
    width: 0.2rem;
    line-height: 0.4rem;
    /*margin-top: 0.1rem;*/
    display: inline-block;
    /*background-image: url('https://caiyunupload.b0.upaiyun.com/newweb/imgs/icon-unchecked.png');*/
    background-color:transparent ;
    border: 1px solid #9a9a9a;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}
input[type="radio"]:checked + .advice{
    /*background-image: url('https://caiyunupload.b0.upaiyun.com/newweb/imgs/icon-checked.png');*/
   border: none;
   background-color: #3a3a3a ;
}
input[type="checkbox"]:checked + .advice{
    /*background-image: url('https://caiyunupload.b0.upaiyun.com/newweb/imgs/icon-checked.png');*/
   border: none;
   background-color: #3a3a3a ;
}

.item{
	display: block;
	width: 100%;
	line-height: 0.4rem;
	margin-bottom: 0.1rem;
}
.btn{
	width: 1.48rem;
	height: 0.4rem;
	background-image:url(btn.png) ;
	background-size:100% 100% ;
	margin: 0.5rem auto 0;
}


.elasto{
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: 5rem;
	padding: 0.4rem;
	color: #fff;
	font-size: 0.36rem;
	background:rgba(0,0,0,0.8) ;
	z-index: 9;
	text-align: center;
}