body{
		    line-height: 1.15;
		    font-size: .28rem;
			font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
		    margin: 0;
		    padding: 0;
			background-color: #f1f1f1;
		}
		*{margin: 0;padding: 0;}
		ul{list-style: none;}
		p{margin:0;  padding: 0}
		img{border:0px;}
		a{ color: #000; text-decoration:none; cursor:pointer; outline:none; }
		a, area {outline:none; blr:expression(this.onFocus=this.blur())} 
		a:hover{ text-decoration:none;}
/*		input,button,select,textarea{outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);appearance:none;-webkit-appearance: none;-moz-appearance:none;}*/
		button,select,textarea{outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);appearance:none;-webkit-appearance: none;-moz-appearance:none;}
		.main{
			position: relative;
			z-index: 2;
			border-radius: .2rem;
			background: #fff;
			padding: .3rem 0 0;
			margin: .25rem;
			margin-bottom: 1.5rem;
			overflow: hidden;
			box-sizing: border-box;
		}
		.main .title-box{
			color: #000;
			display: block;
			margin-bottom: .2rem;
			padding: .1rem .35rem .2rem;
		}
		.main .title-box .title{
			color: #000;
			display: block;
			font-size: .36rem;
			font-weight: bold;
		}
		.main .title-box .con{
			font-size: .28rem;
			padding-top: .2rem;
		}
		.main .title-box .con span{
			color: #888;
			position: relative;
			top: 0.01rem;
		}
		
		.main .btn-box{
			position: relative;
			width: 100%;
			display: flex;
			padding-top: .3rem;
		}
		.main .btn{
			justify-content: center;
			display: block;
			width: 100%;
			margin: 0 auto;
			padding: 0 .5rem;
			height: .9rem;
			line-height: .9rem;
			color: #fff;
			font-size: .32rem;
			text-align: center;
			background: linear-gradient(to right, #b5926f 0%, #d4b88f 100%);
			border-radius: .1rem;
		}
		.list-box{
			padding: 0 .35rem;
			padding-bottom: 1.5em;
		}
		.list-box .list{
			padding: .1rem 0;
			position: relative;
		}
		.list-box .list .title{
			margin-bottom: .05rem;
			font-size: .28rem;
		}
		.list-box .list .title span{
			position: absolute;
			left: -.8em;
			color: #EB1C26;
		}
		.list-box .list .select{
			position: relative;
		}
		.list-box .list .select::before{
			content: "";
			position: absolute;
			right: .25rem;
			top: .25rem;
			width: .15rem;
			height: .15rem;
			border-right: 2px solid #ccc;
			border-bottom: 2px solid #ccc;
			transform: rotate(45deg);
		}
		.list-box .list input{
			display: block;
			width: 100%;
			height: .8rem;
			line-height: .8rem;
			box-sizing: border-box;
			border-radius: .1rem;
			background-color: #fff;
			border: 1px solid #f1f1f1;
			padding: 0 .25rem;
			margin: 0 ;
			font-size: .28rem;
		}
		.list-box .list select{
			display: block;
			width: 100%;
			height: .8rem;
			line-height: .8rem;
			box-sizing: border-box;
			border-radius: .1rem;
			background-color: #fff;
			border: 1px solid #f1f1f1;
			padding: 0 .25rem;
			margin: 0 ;
			font-size: .28rem;
		}
		.list-box .list textarea{
			display: block;
			width: 100%;
			line-height: 1.8;
			box-sizing: border-box;
			border-radius: .1rem;
			background-color: #fff;
			border: 1px solid #f1f1f1;
			padding: .25rem;
			margin: 0 ;
			font-size: .28rem;
		}
		
		.t-red{
			color: #f03;
		}
		.page-info p{
			padding-top: .1rem;
			line-height: 1.5em;
		}
		
		.radio-box{
			display: flex;
			flex-direction: column;
		}
		.radio-box .radio{
			height: .8rem;
			position: relative;
			margin-bottom: .1rem;
		}
		.radio-box .radio label{
			display: block;
			position: relative;
			z-index: 2;
			height: .8rem;
		}
		.radio-box .radio span{
			width: 100%;
			line-height: .8rem;
		    height:  100%;
			display: block;
			position: absolute;
			top: 0;
			left: .7rem;
			z-index: 1;
		}
		.radio-box .radio span::before{
			content: "";
			position: absolute;
			left: -.5rem;
			top: 50%;
			transform: translate(0,-50%);
			width: .36rem;
			height: .36rem;
			background-color: #fff;
			border-radius: 100%;
			border: 1px solid #ccc;
			box-sizing: border-box;
		}
		.radio-box .radio span::after{
			content: "";
			display: none;
			position: absolute;
			left: -.42rem;
			top: 50%;
			transform: translate(0,-50%);
			width: .2rem;
			height: .2rem;
			background-color: #b5926f;
			border-radius: 100%;
		}
		input[type="radio"] + label::before {
		    content: " ";
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		    display: inline-block;
		    vertical-align: middle;
		    width: 100%;
		    height:  100%;
			line-height: 100;
			border-radius: .1rem;
			background-color: #F5F5F5;
		    border: solid 1px #f1f1f1;
		    margin-right: .213333rem;
		    box-sizing: border-box;
			top: 0;
		}
		input[type="radio"]:checked + label::before {
		    background-color: #d4b88f;
		    border: solid 1px #b5926f;
			color: #000;
		    background-clip: content-box;
		    padding: 0px;
		    box-sizing: border-box;
		}
		input[type="radio"]:checked + label span{
			color: #000;
		}
		input[type="radio"]:checked + label span::before{
			border: 1px solid #b5926f;
		}
		input[type="radio"]:checked + label span::after{
			display: block;
		}
		
		input[type="radio"] {
		    position: absolute;
		    clip: rect(0, 0, 0, 0);
		}
		
		
		.checkbox-box{
			display: flex;
			flex-direction: column;
		}
		.checkbox-box .checkbox{
			height: .8rem;
			position: relative;
			margin-bottom: .1rem;
		}
		.checkbox-box .checkbox label{
			display: block;
			position: relative;
			z-index: 2;
			height: .8rem;
		}
		.checkbox-box .checkbox span{
			width: 100%;
			line-height: .8rem;
			height:  100%;
			display: block;
			position: absolute;
			top: 0;
			left: .7rem;
			z-index: 1;
		}
		.checkbox-box .checkbox span::before{
			content: "";
			position: absolute;
			left: -.5rem;
			top: 50%;
			transform: translate(0,-50%);
			width: .34rem;
			height: .34rem;
			background-color: #fff;
			border-radius: .08rem;
			border: 1px solid #ccc;
			box-sizing: border-box;
		}
		.checkbox-box .checkbox span::after{
			content: "";
			position: absolute;
			left: -.5rem;
			top: 50%;
			transform: translate(0,-50%);
			width: .34rem;
			height: .34rem;
			box-sizing: border-box;
			background: url(checkbox.png) no-repeat center center;
			background-size: .24rem;
		}
		input[type="checkbox"] + label::before {
		    content: " ";
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		    display: inline-block;
		    vertical-align: middle;
		    width: 100%;
		    height:  100%;
			line-height: 100;
			border-radius: .1rem;
			background-color: #F5F5F5;
		    border: solid 1px #f1f1f1;
		    margin-right: .213333rem;
		    box-sizing: border-box;
			top: 0;
		}
		input[type="checkbox"]:checked + label::before {
		    background-color: #d4b88f;
		    border: solid 1px #b5926f;
			color: #000;
		    background-clip: content-box;
		    padding: 0px;
		    box-sizing: border-box;
		}
		input[type="checkbox"]:checked + label span{
			color: #000;
		}
		input[type="checkbox"]:checked + label span::before{
			border: 1px solid #b5926f;
			background-color: #b5926f;
		}
		input[type="checkbox"]:checked + label span::after{
			display: block;
		}
		
		input[type="checkbox"] {
		    position: absolute;
		    clip: rect(0, 0, 0, 0);
		}