*{padding:0;margin:0;}

img{border:0;}

a{text-decoration:none;}

ul,li{list-style-type:none;}
html{
	height: 100%;
}
.container{
	height: 100%;
	width: 100%;
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
}
.head{
	width: 100%;
	height: 3.5714285714285716rem;
	background: #270b6f;
	position: relative;
}
.return{
	width: 15%;
	height: 100%;
	line-height: 3.5714285714285716rem;
	color: #fff;
	font-size: 0.8571428571428571rem;
	text-align: center;
	float: left;
}
.return span{
	font-size: 1.0714285714285714rem;
}
.logo{
	width: 9.5rem;
	margin: auto;
	height: 100%;
	text-align: center; 
}
.logo>img{
	width: 100%;
	vertical-align: middle;
	margin-top: 10%;
}
.phone{
	width: 15%;
	height: 100%;
	line-height: 3.5714285714285716rem;
	color: #fff;
	font-size: 0.8571428571428571rem;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}
.phone img{
	width: 1.3571428571428572rem;
	height: 1.3571428571428572rem;
	margin-top: 1.2142857142857142rem;
}
.cont{
	width: 100%;
	box-sizing: border-box;
	padding: 0.7rem 0.7rem;
	background: #f7f7f7;
}
.main{
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	padding: 0.5rem;
	border-radius: 8px;
	box-shadow: 0px 0px 0.2857142857142857rem #555;
}
.describ{
	width: 100%;
/*	height: 6.857142857142857rem;
*//*	background: url(../images/gj-bg.jpg) no-repeat;
	background-size: 85% 100%;*/
	font-size: 0.8571428571428571rem;
	overflow: hidden;
}
.describ>p{
	width:100%;
	margin:0 auto;
	margin-top: 2%;
	color:#333333;
}
.wraper {
	width: 100%;
	height: auto;
	margin:0 auto;
	overflow: hidden
}
.left_box {
	width: 100%;
	height: auto;
	float: left
}
.problem {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.problem p {
	width: 100%;
	margin: 0 auto;
	font-size: 0.8571428571428571rem;
	height: 2rem;
	line-height: 2rem;
	color: #333;
	margin-top: 0.5rem;
}
.problem p span {
	color: #ff6657;
}
.problem .num {
	width: 100%;
/*	height: 3.9285714285714284rem;
*/	margin: 0 auto;
	margin-top: 0.5rem;
}
.problem .num li {
	width: 11.11%;
	height: 3.2rem;
	float: left;
	background: url(../images/fzcs_wt_b.png) center no-repeat;
	line-height: 1.7142857142857142rem;
	text-align: center;
	font-size: 0.8571428571428571rem;
	color: #666;
	background-size: 100%;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif
}

.problem .num .libg {
	width: 11.11%;
	height: 3.2rem;
	float: left;
	background: url(../images/fzcs_wt_a.png) center no-repeat;
	background-size: 100%;
	_width: 5rem;
}
.problem .wt {
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 0.7142857142857143rem;
}
.problem .wt li {
	width: 100%;
	height: auto;
	display: none;
}
.problem .wt li p {
	width: 100%;
	height: 1.7857142857142858rem;
	line-height: 1.7857142857142858rem;
	font-size: 0.8571428571428571rem;
	color: #333;
	margin-bottom: 0.7142857142857143rem;
	overflow: hidden;
	font-family: "Microsoft YaHei"
}
.problem .wt li p span {
	width: 3.7857142857142856rem;
    height: 1.7857142857142858rem;
    background: url(../images/ico2.png) center no-repeat;
    background-size: 100% 100%;
    display: block;
    float: left;
    color: #fff;
    font-size: 0.9285714285714286rem;
    margin-right: 0.35714285714285715rem;
   text-align: center;
   text-indent: 0.5rem;
}
.problem .wt li label {
	width: 100%;
	line-height: 2.142857142857143rem;
	display: block;
	font-size: 0.8571428571428571rem;
	cursor: pointer;
	font-family: "Microsoft YaHei";
	margin-left: 1%;
	float:left;
	color: #333;
}
.problem .wt li label input {
	vertical-align: text-bottom;
	margin-bottom: -0.07142857142857142rem;
	margin-right: 0.35714285714285715rem;
	height: 2.2857142857142856rem;
	line-height: 2.142857142857143rem;
	float: left;
	outline: none;
	cursor: pointer;
}
.problem .wt .wtbg {
	display: block;
}
.result {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto 1.0714285714285714rem;
	border: 1px solid #efefef;
	border-top: none;
	box-shadow: 0px 0.07142857142857142rem 0.35714285714285715rem #efefef;
	display: none;
}
.result .result_box {
	width:100%;
	height: 6.428571428571429rem;
	background: url(../images/fzcs_da.png) center -0.14285714285714285rem no-repeat;
}
.result h3 {
	width:100%;
	height: 4.285714285714286rem;
	font-size: 0.8571428571428571rem;
	color: #333;
	font-weight: normal;
	margin: 0 auto;
}
.result p {
	width: 100%;
	line-height: 1.7142857142857142rem;
	font-size: 1rem;
	color: #666;
	margin: 0 auto 1.4285714285714286rem;
}
.btn_wycc {
	width: 8.571428571428571rem;
	height: 2.142857142857143rem;
	text-align: center;
	line-height: 2.142857142857143rem;
	background: #ad44c6;
	color: #fff;
	border-radius: 5px;
	border: none;
	outline: none;
	float: right;
	margin-right: 1.4285714285714286rem;
	font-size: 1rem;
	display: none;
	font-family: "Microsoft YaHei"
}
.btn_wyccc {
	width: 8.571428571428571rem;
	height: 2.142857142857143rem;
	text-align: center;
	line-height: 2.142857142857143rem;
	background: #ad44c6;
	color: #fff;
	border-radius: 5px;
	border: none;
	outline: none;
	float: right;
	margin-right: 1.4285714285714286rem;
	font-size: 1rem;
	display: none;
	font-family: "Microsoft YaHei"
}

.dd{
	width: 85%;
	margin: 0 auto;
	margin-top: 0.8571428571428571rem;
	position: relative;
}
.dd img{
	position: absolute;
	width: 0.42857142857142855rem;
	top: -1.4285714285714286rem;
	z-index: 2;
}
.dd1{
	left: 0;
}
.dd2{
	right: 0;
}
.foot{
	width: 100%;
	height: 14.5rem;
	background: url(../images/foot-bg.jpg) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.foot p{
	font-size: 1.0714285714285714rem;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 1.2857142857142858rem;
	line-height: 1.7142857142857142rem;
}
.foot span{
	font-size: 1.0714285714285714rem;
	color: #ead703;
	font-weight: bold;
}
.btn-cont{
	margin-top: 3.5714285714285716rem;
	width: 100%;
}
.btn-left{
	width: 40%;
	background: #270b6f;
	height: 1.7857142857142858rem;
	font-size: 0.8571428571428571rem;
	text-align: center;
	line-height: 1.7857142857142858rem;
	color: #fff;
	float: left;
	border-radius: 5px;
	margin-left: 5%;
}
.btn-right{
	width: 40%;
	background: #ff9c00;
	height: 1.7857142857142858rem;
	font-size: 0.8571428571428571rem;
	text-align: center;
	line-height: 1.7857142857142858rem;
	color: #fff;
	float: right;
	border-radius: 5px;
	margin-right: 5%;
}
@media screen and (min-width:320px){html{font-size:14px}}

@media screen and (min-width:360px){html{font-size:15.75px}}

@media screen and (min-width:375px){html{font-size:16px}}

@media screen and (min-width:414px){html{font-size:18px}}

@media screen and (min-width:480px){html{font-size:21px}}

@media screen and (min-width:640px){html{font-size:28px}}