.actCon {
	position: relative;
	overflow: auto
}

.actFlow {
	position: relative
}

.pageOne div[class^=ceshi],
.pageOne .order {
	display: none
}

.pageOne .actFlowBox {
	padding: 0 8%
}

.pageOne .order .title {
	padding-top: 0;
	line-height: 1.75rem
}

.pageOne .order .orderBox {
	padding: 12% 12% 0 8%
}

.pageOne .order .orderBox p {
	margin-bottom: 0.3rem;
	border: 1px solid #a4a4a4;
	width: 100%;
	height: 0.88rem;
	overflow: hidden;
	display: table;
	border-radius: 0.05rem
}

.pageOne .order label {
	display: table-cell;
	border-right: 1px solid #a4a4a4;
	padding: 0 0.24rem;
	width: 26%;
	font-size: 0.28rem;
	text-align: center;
	color: #333;
	vertical-align: middle;
	white-space: nowrap;
	background: #cacaca
}

.pageOne .order .inputText,
.pageOne .order select {
	display: table-cell;
	border: 0;
	padding: 0 0.24rem;
	width: 100%;
	background: #e1e1e1;
	font-size: 0.28rem;
	vertical-align: middle;
	height: 100%;
	line-height: inherit;
	border-radius: 0
}

.pageOne .order .orderBtn {
	display: block;
	width: 100%;
	height: 0.88rem;
	line-height: 0.88rem;
	background: #ed4300;
	font-size: 0.36rem;
	color: #fff;
	letter-spacing: 1px;
	border-radius: 0.05rem;
	box-shadow: 0 0.08rem 0 #ce330f;
	outline: 0;
	border: 0
}

.pageOne .title {
	position: relative;
	margin-top: .1rem;
	padding-top: 0.3rem;
	height: 1.75rem;
	text-align: center;
	font-size: 0.32rem;
	color: #222;
	font-weight: 700
}

.pageOne .title span {
	display: block;
	line-height: 0.6rem;
	font-size: 0.45rem;
	color: #fff
}

.pageOne .title img {
	position: absolute;
	top: .21rem;
	left: .65rem;
	width: .5rem
}

.actFlowBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.problem .house {
	padding: 0 3%
}

.problem .house li {
	margin-top: 7%
}

.problem .sex {
	padding: 10% 6%
}

.problem .sex li {
	padding: 0 10%
}

.problem .age li {
	padding: 0 8%;
	width: 33.33%
}

.problem .animal,
.problem .draw {
	padding: 0 8% 0 6%
}

.problem .animal li,
.problem .draw li {
	margin-top: 10%;
	padding: 0 8%
}

.problem ul {
	margin: 0;
	padding: 0;
	background: transparent;
	text-align: center;
	font-size: .24rem;
	color: #333;
	overflow: hidden
}

.problem ul li {
	position: relative;
	float: left;
	width: 50%
}

.problem ul li .after,
.problem ul li.active .before {
	display: none
}

.problem ul li.active .after {
	display: block;
	margin: 0 auto
}

.problem ul li.active label:before {
	border-color: #ef5b01;
	background: url(../images/question/cek_7ea753e.png) no-repeat center center/0.22rem #ef5b01
}

.problem ul li label {
	display: block;
	margin: .08rem 0
}

.problem ul li label:before {
	content: "";
	display: inline-block;
	margin: -4px .25rem 0 0;
	width: .3rem;
	height: .3rem;
	border: 2px solid #333;
	border-radius: 1.072rem;
	background: transparent;
	vertical-align: middle
}

.problem ul li input[type=radio] {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}

.problem ul li input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}

.pageTwo {
	display: none
}

.pageTwo .animalType {
	padding: 0.66rem 0.2rem;
	background: #fbb22f;
	font-size: 0.24rem;
	color: #222
}

.pageTwo .animalType img {
	float: left;
	width: 1.58rem;
	border-radius: 1.6rem;
	border: 0.1rem solid #fdc96d
}

.pageTwo .animalType .type {
	padding-left: 1.84rem
}

.pageTwo .animalType .type h2 {
	line-height: 0.8rem;
	font-size: 0.38rem;
	font-weight: 700
}

.pageTwo .animalType .type h2 span {
	margin-right: .14rem;
	font-size: 0.28rem
}

.pageTwo .title {
	width: 82.67%;
	margin: 0 auto;
	text-align: center
}

.pageTwo .styleImg .title {
	padding: 0.4rem 0
}

.pageTwo .styleImg .title p {
	position: relative;
	border-bottom: 1px solid #666;
	line-height: 1rem;
	font-size: 0.34rem
}

.pageTwo .styleImg .title p:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -2px;
	margin-left: -20%;
	width: 39.83%;
	height: 0;
	border-top: 3px solid #666
}

.pageTwo .styleImg .title h3 {
	display: inline-block;
	border-radius: 0.24rem;
	margin-top: 0.2rem;
	padding: 0 0.4rem;
	height: 0.46rem;
	line-height: 0.46rem;
	background: #666;
	color: #fff;
	font-size: 0.32rem
}

.pageTwo .swiper-container.styleSwiper {
	background: transparent
}

.pageTwo .swiper-container {
	margin: 0 2.67%;
	background: #fbb22f
}

.pageTwo .swiper-container .swiper-pagination {
	position: relative;
	right: inherit;
	bottom: 0;
	height: 0.84rem;
	padding-top: 0.07rem;
	text-align: center
}

.pageTwo .company {
	width: 100%
}

.pageTwo .company a {
	display: block;
	margin: 0 auto .5rem;
	width: 40%;
	height: 0.8rem;
	text-align: center;
	line-height: 0.8rem;
	border-radius: 0.8rem;
	background: #fbb22f;
	color: #fff;
	font-size: 0.34rem;
	box-shadow: 0 0.06rem 0 #f59409
}

.errorTips {
	position: fixed;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -0.25rem;
	font-size: 0.28rem;
	color: #fff;
	z-index: 100;
	text-align: center
}

.errorTips h3 {
	color: #8dd05a;
	font-size: 1.072rem;
	font-weight: 700
}

.errorTips h3 img {
	width: 1.785rem;
	margin-top: -.2rem
}

.errorTips .tipsBox {
	display: inline-block;
	min-height: 0.5rem;
	line-height: 0.5rem;
	width: 80%;
	max-width: 580px;
	padding: 0.2rem;
	background: rgba(0, 0, 0, 0.8);
	border-radius: .5rem;
	font-size: 0.28rem
}