@charset "utf-8";
/* CSS Document */
body {

}
body, section, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, th, td, input, textarea, select, img {
	margin: 0;
	padding: 0;
	border: 0;
}
ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: lighter;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
em, i {
	display: inline-block;
	font-weight: normal;
	font-style: normal;
}
textarea, select, input {
	font-family: "Microsoft Yahei";
	font-size: .3rem;
	color: #666;
}
b {
	font-weight: bold;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover { 
	/*color:#333; */
	text-decoration: none;
}
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea {
	-webkit-appearance: none;
}
.cfx:after, nav.mini:after, .h:after, .hn:after, .PH:after {
	content: ' ';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	line-height: 0;
}
* {
	box-sizing: border-box;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/**** 公共css ****/


/**** 首页 ****/
.wrapper {
	width: 100%;
	float: left;
	background: #131b45 url(../body/xz-index.jpg) no-repeat;
	background-size: 100% auto;
}
/*banner图动画*/
.indexBann {
	width: 100%;
	float: left;
	height: 14.3rem;
	position: relative;
	overflow: hidden;
}
.indexBann ul li {
	position: absolute;
}
.indexBann ul li img {
	width: 100%;
	float: left;
}
.indexBann ul li:nth-child(1) {
	width: 100%;
	left: 0;
	top: 0;
}
.indexBann ul li:nth-child(2) {
    width: 8.89rem;
    height: 8.89rem;
    left: 1.7em;
    top: 5.55rem;
	transform: rotateX(105deg);
	-moz-transform: rotateX(105deg);
	-webkit-transform: rotateX(105deg);
	-o-transform: rotateX(105deg);
}
.indexBann ul li:nth-child(3) {
	width: 100%;
	left: 0;
	top: 8.8rem;
}
.indexBann ul li:nth-child(4) {
    width: 9.44rem;
    height: 9.44rem;
    left: 1.7rem;
    top: 8.75rem;
	animation: circle2 15s linear infinite;
	-moz-animation: circle2 15s linear infinite;
	-webkit-animation: circle2 15s linear infinite;
	-o-animation: circle2 15s linear infinite;
}
@keyframes circle2 {
	from {
		transform: rotateX(105deg) rotate(0);
	}
    to {
        transform: rotateX(105deg) rotate(1turn);
    }
}
@-moz-keyframes circle2 {
	from {
		transform: rotateX(105deg) rotate(0);
	}
    to {
        transform: rotateX(105deg) rotate(1turn);
    }
}
@-webkit-keyframes circle2 {
	from {
		transform: rotateX(105deg) rotate(0);
	}
    to {
        transform: rotateX(105deg) rotate(1turn);
    }
}
@-o-keyframes circle2 {
	from {
		transform: rotateX(105deg) rotate(0);
	}
    to {
        transform: rotateX(105deg) rotate(1turn);
    }
}
.indexBann ul li:nth-child(5) {
    width: 8.66rem;
    height: 8.66rem;
    left: 1.95em;
    top: 4.7rem;
	animation: circle3 15s linear infinite;
	-moz-animation: circle3 15s linear infinite;
	-webkit-animation: circle3 15s linear infinite;
	-o-animation: circle3 15s linear infinite;
}
@keyframes circle3 {
	from {}
	to {
	    transform: rotate(360deg);
	}
}
@-moz-keyframes circle3 {
	from {}
	to {
	    transform: rotate(360deg);
	}
}
@-webkit-keyframes circle3 {
	from {}
	to {
	    transform: rotate(360deg);
	}
}
@-o-keyframes circle3 {
	from {}
	to {
	    transform: rotate(360deg);
	}
}
.indexBann ul li:nth-child(6) {
    width: 10rem;
    right: 1.5rem;
    top: 6.8rem;
}
.indexBann ul li:nth-child(7) {
    width: 10rem;
    right: 1.5rem;
    top: 6.8rem;
}
.indexBann ul li:nth-child(8) {
    width: 0.4rem;
    right: 10.5rem;
    top: 8.62rem;
	animation: runes 1s linear infinite;
	-moz-animation: runes 1s linear infinite;
	-webkit-animation: runes 1s linear infinite;
	-o-animation: runes 1s linear infinite;
}
@keyframes runes {
	0% {}
	50% {
		opacity: .3;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes runes {
	0% {}
	50% {
		opacity: .3;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes runes {
	0% {}
	50% {
		opacity: .3;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes runes {
	0% {}
	50% {
		opacity: .3;
	}
	100% {
		opacity: 1;
	}
}
.indexBann ul li:nth-child(9) {
    width: 0.3rem;
    right: 2rem;
    top: 6.94rem;
	animation: runes 1s linear infinite;
	-moz-animation: runes 1s linear infinite;
	-webkit-animation: runes 1s linear infinite;
	-o-animation: runes 1s linear infinite;
}
.indexBann ul li:nth-child(10) {
	width: .24rem;
	right: 2.2rem;
	top: 7.84rem;
	animation: runes 1s linear infinite;
	-moz-animation: runes 1s linear infinite;
	-webkit-animation: runes 1s linear infinite;
	-o-animation: runes 1s linear infinite;
}
.indexBann ul li:nth-child(11) {
    width: 3.5rem;
    left: 8.8rem;
    top: 4.2rem;
    animation: runes 1s linear infinite;
	-moz-animation: runes 1s linear infinite;
	-webkit-animation: runes 1s linear infinite;
	-o-animation: runes 1s linear infinite;
}
/*banner图动画*/
.main {
	width: 100%;
	float: left;
	padding: 0 .2rem .5rem .2rem;
}
.main.free {
	padding-top: .5rem;
}
.main.free .bigbox {
	margin: .5rem 0 0 0;
}
.picture, .picture img {
	width: 100%;
	float: left;
}
/** 资料输入版块 **/
.forminput {
	width: 100%;
	float: left;
	margin: .1rem 0 0 0;
}
.forminput.marg50 {
	margin: .5rem 0 0 0;
}
.forminput .forminput_hang:first-child {
	width: 35%;
	float: left;
}
.forminput .forminput_hang:last-child {
	width: 62%;
	float: right;
}
.forminput_hang {
	background: #fff;
	border: solid .03rem #f8cc94;
	border-radius: .2rem;
	padding: .1rem;
}
.forminput_hang_bt {
	width: auto;
	float: left;
	line-height: .5rem;
	font-size: .3rem;
	color: #0f1e3f;
	margin: 0 .2rem 0 0;
}
.forminput_hang_radio {
	overflow: hidden;
}
.forminput_hang_radio a {
	width: .5rem;
	height: .5rem;
	float: left;
	background: #e6e6e6;
	border-radius: 50%;
	line-height: .5rem;
	font-size: .3rem;
	color: #b3b3b3;
	text-align: center;
}
.forminput_hang_radio a.current {
	background: #e94d00;
	color: #fff;
}
.forminput_hang_radio a:first-child {
	margin: 0 .2rem 0 0;
}
.forminput_hang_birth {
	overflow: hidden;
	line-height: .5rem;
	font-size: .3rem;
	color: #b3b3b3;
	display: block;
	cursor: pointer;
}
.forminput_hang_birth span {
	display: block;
}
/** 资料输入版块 **/
.button {
	width: 100%;
	float: left;
	padding: 0 .67rem;
	margin: .35rem 0 0 0;
}
.button a {
	width: 100%;
	float: left;
	background: url(../images/button.png) no-repeat;
	background-size: 100% 100%;
	line-height: .96rem;
	font-size: .4rem;
	color: #8b4a16;
	font-weight: bold;
	text-align: center;
	letter-spacing: .1rem;
}
.button.zoom {
	animation: btnZoom 1s linear infinite alternate;
	-moz-animation: btnZoom 1s linear infinite alternate; /* Firefox:*/
	-webkit-animation: btnZoom 1s linear infinite alternate; /* Safari and Chrome:*/
	-o-animation: btnZoom 1s linear infinite alternate; /* Opera:*/
}
@keyframes btnZoom {
	from {}
	to {
		transform: scale(.8);
	}
}
@-moz-keyframes btnZoom { /* Firefox */
	from {}
	to {
		transform: scale(.8);
	}
}
@-webkit-keyframes btnZoom { /* Safari and Chrome */
	from {}
	to {
		transform: scale(.8);
	}
}
@-o-keyframes btnZoom { /* Opera */
	from {}
	to {
		transform: scale(.8);
	}
}
.indexSix {
	width: 100%;
	float: left;
	height: 12.65rem;
	background: url(../images/img02.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.indexSix ul li {
	width: .73rem;
	position: absolute;
	opacity: 0;
}
.indexSix ul li img {
	width: 100%;
	float: left;
}
.indexSix ul li:nth-child(1) {
	left: 1.2rem;
	top: 2.1rem;
	animation: sixTxt 6s ease infinite;
	-moz-animation: sixTxt 6s ease infinite;
	-webkit-animation: sixTxt 6s ease infinite;
	-o-animation: sixTxt 6s ease infinite;
}
.indexSix ul li:nth-child(2) {
	left: 3.8rem;
	top: 2.2rem;
	animation: sixTxt 6s ease 1s infinite;
	-moz-animation: sixTxt 6s ease 1s infinite;
	-webkit-animation: sixTxt 6s ease 1s infinite;
	-o-animation: sixTxt 6s ease 1s infinite;
}
.indexSix ul li:nth-child(3) {
	right: .3rem;
	top: 2.45rem;
	animation: sixTxt 6s ease 2s infinite;
	-moz-animation: sixTxt 6s ease 2s infinite;
	-webkit-animation: sixTxt 6s ease 2s infinite;
	-o-animation: sixTxt 6s ease 2s infinite;
}
.indexSix ul li:nth-child(4) {
	right: .65rem;
	top: 5.1rem;
	animation: sixTxt 6s ease 3s infinite;
	-moz-animation: sixTxt 6s ease 3s infinite;
	-webkit-animation: sixTxt 6s ease 3s infinite;
	-o-animation: sixTxt 6s ease 3s infinite;
}
.indexSix ul li:nth-child(5) {
	left: 3.2rem;
	top: 5.35rem;
	animation: sixTxt 6s ease 4s infinite;
	-moz-animation: sixTxt 6s ease 4s infinite;
	-webkit-animation: sixTxt 6s ease 4s infinite;
	-o-animation: sixTxt 6s ease 4s infinite;
}
.indexSix ul li:nth-child(6) {
	left: .3rem;
	top: 3.3rem;
	animation: sixTxt 6s ease 5s infinite;
	-moz-animation: sixTxt 6s ease 5s infinite;
	-webkit-animation: sixTxt 6s ease 5s infinite;
	-o-animation: sixTxt 6s ease 5s infinite;
}
@keyframes sixTxt {
	0% {
		transform: translateY(-.5rem);
		}
	20% {
		transform: translateY(0);
		opacity: 1; 
	}
	100% {
		transform: translateY(0);
		opacity: 1; 
	}
}
@-moz-keyframes sixTxt {
	0% {
		transform: translateY(-.5rem);
		}
	20% {
		transform: translateY(0);
		opacity: 1; 
	}
	100% {
		transform: translateY(0);
		opacity: 1; 
	}
}
@-webkit-keyframes sixTxt {
	0% {
		transform: translateY(-.5rem);
		}
	20% {
		transform: translateY(0);
		opacity: 1; 
	}
	100% {
		transform: translateY(0);
		opacity: 1; 
	}
}
@-o-keyframes sixTxt {
	0% {
		transform: translateY(-.5rem);
		}
	20% {
		transform: translateY(0);
		opacity: 1; 
	}
	100% {
		transform: translateY(0);
		opacity: 1; 
	}
}
.bigbox {
	width: 100%;
	float: left;
	margin: .98rem 0 0 0;
}
.bigbox .top {
	width: 100%;
	float: left;
	height: .5rem;
	background: url(../images/bigTop.png) no-repeat;
	background-size: 100% 100%;
}
.bigbox .down {
	width: 100%; 
	float: left;
	height: .5rem;
	background: url(../images/bigDown.png) no-repeat;
	background-size: 100% 100%;
}
.bigbox .mid {
	width: 100%;
	float: left;
	background: url(../images/bigMid.png) repeat-y;
	background-size: 100% auto;
	padding: 0 .3rem;
}
.bigbox .mid2 {
	width: 100%;
	float: left;
	background: url(../images/circleBg1.png) no-repeat center center, url(../images/bigMid.png) repeat-y;
	background-size: 4.89rem 4.59rem, 100% auto;
	padding: 0 .3rem;
}
.bigbox .mid div:nth-child(2).resultTitle {
	margin: 0;
}
.picTitle {
	width: 100%;
	float: left;
	margin: -1.02rem 0 .1rem 0;
}
.picTitle img {
	width: 100%;
	float: left;
}
/* 弹窗 */
.indexPopBg {
	width: 100%;
	background: #4e4c4e;
	position: fixed;
	top: 0;
	opacity: .85;
	height: 100%;
	max-width: 7.5rem;
}
.indexPopBox {
	width: 5.95rem;
	position: fixed;
	top: 10%;
	left: 50%;
	margin: 0 0 0 -2.97rem;
}
.indexPopBox .con {
	width: 100%;
	float: left;
	height: 7.25rem;
	background: url(../images/popBg.png) no-repeat;
	background-size: 100% 100%;
	padding: 2.9rem .3rem 0 .3rem;
}
.indexPopBox .con .select {
	width: 100%;
	float: left;
}
.indexPopBox .con .select a {
	width: 100%;
	float: left;
	background: #f0f0f0;
	border-radius: .1rem;
	box-shadow: 0 0 .1rem #c8c4be;
	line-height: .8rem;
	color: #b3b3b3;
	font-weight: bold;
	text-align: center;
	margin: .3rem 0 0 0;
}
.indexPopBox .con .select a.current {
	background-image: linear-gradient(#f8eddb, #efd4a7);
	color: #8b4a16;
}
.indexPopBox .con .btn {
	width: 100%;
	float: left;
	padding: 0 1.5rem;
	margin: .4rem 0 0 0;
}
.indexPopBox .con .btn a {
	width: 100%;
	float: left;
	background-image: linear-gradient(#6f90e2, #516dd7);
	border-bottom: solid .1rem #334fb9;
	border-radius: .1rem;
	line-height: .7rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.indexPopBox .popClose {
	width: 100%;
	float: left;
	margin: -.1rem 0 0 0;
}
.indexPopBox .popClose a {
	width: .56rem;
	height: .56rem;
	display: block;
	margin: 0 auto;
}
.indexPopBox .popClose a img {
	width: 100%;
	float: left;
}
/* 弹窗 */

/**** 首页 ****/


/**** 浮动按钮 ****/
.floatbtn {
	width: 100%;
	float: left;
	background: rgba(0,0,0,.7);
	padding: .1rem;
	position: fixed;
	bottom: 0;
	max-width: 7.5rem;
}
.floatbtn .button {
	margin: 0;
}
/*** 浮动按钮 ***/


/** 免费结果页 **/
.freeData {
	width: 100%;
	float: left;
	background: #fff;
	border: solid .03rem #f8cc94;
	border-radius: .1rem;
	padding: .1rem .2rem;
	line-height: .5rem;
	font-size: .3rem;
	color: #0f1e3f;
}
.freeData .zuo {
	width: auto;
	float: left;	
}
.freeData .you {
	width: auto;
	float: right;	
}
.freeData .you img {
	width: .49rem;
	vertical-align: middle;
	margin: -.06rem 0 0 0;
}
.freeCards {
	width: 100%;
	float: left;
	height: 7.1rem;
	background: url(../images/circleBg2.png) no-repeat;
	background-size: 100% 100%;
	margin: .3rem 0 0 0;
	position: relative;
	animation: freeCards 1s;
	-moz-animation: freeCards 1s;
	-webkit-animation: freeCards 1s;
	-o-animation: freeCards 1s;
}
.freeCards ul li {
	width: 1rem;
	position: absolute;
	color: #fff;
	text-align: center;
}
.freeCards ul li:nth-child(1) {
	top: .2rem;
	left: 3.05rem;
}
.freeCards ul li:nth-child(2) {
	top: 1.25rem;
	left: .8rem;
}
.freeCards ul li:nth-child(3) {
	top: 1.25rem;
	right: .8rem;
}
.freeCards ul li:nth-child(4) {
	bottom: 1.25rem;
	left: .8rem;
}
.freeCards ul li:nth-child(5) {
	bottom: 1.25rem;
	right: .8rem;
}
.freeCards ul li:nth-child(6) {
	bottom: .2rem;
	left: 3.05rem;
}
.freeCards ul li img {
	width: 1rem;
	float: left;
	height: 1.71rem;
}
@keyframes freeCards {
	0% {
		opacity: .7;
		transform: translateY(10rem) scale(.7);
	}
	80% {
		opacity: .7;
		transform: translateY(0) scale(.7);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
@-moz-keyframes freeCards {
	0% {
		opacity: .7;
		transform: translateY(10rem) scale(.7);
	}
	80% {
		opacity: .7;
		transform: translateY(0) scale(.7);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes freeCards {
	0% {
		opacity: .7;
		transform: translateY(10rem) scale(.7);
	}
	80% {
		opacity: .7;
		transform: translateY(0) scale(.7);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
@-o-keyframes freeCards {
	0% {
		opacity: .7;
		transform: translateY(10rem) scale(.7);
	}
	80% {
		opacity: .7;
		transform: translateY(0) scale(.7);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
.freeTitle {
	width: 100%;
	float: left;
	line-height: .5rem;
}
.freeTitle .zuo {
	width: auto;
	float: left;
	font-size: .34rem;
	font-weight: bold;
}
.freeTitle .zuo img {
	width: .5rem;
	vertical-align: middle;
	margin: -.05rem 0 0 0;
}
.freeTitle .zuo.color1 {
	color: #ff9cca;
}
.freeTitle .zuo.color2 {
	color: #ffc96f;
}
.freeTitle .zuo.color3 {
	color: #89e3fe;
}
.freeTitle .you {
	width: auto;
	float: right;
	font-size: .3rem;
	color: #fff;
}
.freeCon {
	width: 100%;
	float: left;
	margin: .3rem 0 0 0;
}
.freeCon .pic {
	width: 1.6rem;
	float: left;
}
.freeCon .pic img {
	width: 100%;
	float: left;
}
.freeCon .mohu {
	width: 4.65rem;
	float: right;
	background: url(../images/mohu.png) no-repeat;
	background-size: 100% 100%;
	padding: .9rem .65rem;
}
.freeCon .mohu a {
	width: 100%;
	float: left;
	background: url(../images/button2.png) no-repeat;
	background-size: 100% 100%;
	line-height: .82rem;
	font-size: .34rem;
	color: #8b4a16;
	font-weight: bold;
	text-align: center;
	letter-spacing: .05rem;
}
.freeLink {
	width: 100%;
	float: left;
}
.freeLink a {
	width: 100%;
	float: left;
	background: #284e87;
	box-shadow: inset 0 0 .3rem 0 rgba(18, 26, 68, .5);
	border: solid .03rem #f8cc94;
	border-radius: .2rem;
	padding: 0 .3rem;
	line-height: 1.2rem;
	font-size: .34rem;
	font-weight: bold;
	margin: .4rem 0 0 0;
}
.freeLink a img:first-child {
	width: .5rem;
	vertical-align: middle;
	margin: -.05rem 0 0 0;
}
.freeLink a img:last-child {
	width: .8rem;
	float: right;
	margin: .2rem 0 0 0;
}
.freeLink a:nth-child(1) {
	color: #d4afff;
}
.freeLink a:nth-child(2) {
	color: #ffa6a6;
}
.freeLink a:nth-child(3) {
	color: #bded89;
}
.freeLink a:nth-child(4) {
	color: #a8bbf5;
}
.freeLink a:nth-child(5) {
	color: #e5b257;
}
/** 免费结果页 **/


/** 收费结果页 **/
.banner, .banner img {
	width: 100%;
	float: left;
}
.banner {
	margin: 0 0 -.3rem 0;
}
.resultData {
	width: 100%;
	float: left;
	color: #fff;
}
.resultCards {
	width: 100%;
	float: left;
	height: 6.5rem;
	background: url(../images/circleBg1.png) no-repeat center center;
	background-size: 4.89rem 4.59rem;
	position: relative;
	margin: .3rem 0 0 0;
}
.resultCards ul li {
	width: 1rem;
	position: absolute;
	color: #fff;
	text-align: center;
}
.resultCards ul li:nth-child(1) {
	top: 0;
	left: 2.75rem;
}
.resultCards ul li:nth-child(2) {
	top: 1rem;
	left: .8rem;
}
.resultCards ul li:nth-child(3) {
	top: 1rem;
	right: .8rem;
}
.resultCards ul li:nth-child(4) {
	bottom: 1rem;
	left: .8rem;
}
.resultCards ul li:nth-child(5) {
	bottom: 1rem;
	right: .8rem;
}
.resultCards ul li:nth-child(6) {
	bottom: 0;
	left:  2.75rem;
}
.resultCards ul li img {
	width: 1rem;
	float: left;
	height: 1.71rem;
}
.resultTitle {
	width: 100%;
	float: left;
	margin: .4rem 0 0 0;
}
.resultTitle .zuo {
	width: auto;
	float: left;
	background: #133e73;
	border-radius: .1rem;
	padding: 0 .15rem;
	margin: 0 .2rem 0 0;
	line-height: .55rem;
	font-size: .34rem;
	font-weight: bold;
}
.resultTitle .zuo img {
	width: .5rem;
	vertical-align: middle;
	margin: -.07rem 0 0 0;
}
.resultTitle .zuo.color1 {
	color: #f6dc6e;
}
.resultTitle .zuo.color2 {
	color: #ff9cca;
}
.resultTitle .zuo.color3 {
	color: #ffc96f;
}
.resultTitle .zuo.color4 {
	color: #89e3fe;
}
.resultTitle .zuo.color5 {
	color: #d4afff;
}
.resultTitle .zuo.color6 {
	color: #bded89;
}
.resultTitle .zuo.color7 {
	color: #ffa6a6;
}
.resultTitle .zuo.color8 {
	color: #a8bbf5;
}
.resultTitle .zuo.color9 {
	color: #e5b257;
}
.resultTitle .you {
	width: 3.3rem;
	float: right;
	height: .3rem;
	background: #fff;
	border-radius: .15rem;
	margin: .1rem 0 0 0;
}
.resultTitle .you span {
	float: left;
	height: .3rem;
	background: linear-gradient(30deg, #f6dc6e 0%, #f6a16e 100%);
	border-radius: .15rem;
	font-size: .24rem;
	color: #0f1e3f;
	text-align: center;
	/*-webkit-text-stroke: 1px #fff;
	text-stroke: 1px #fff;*/
}
.resultCon {
	width: 100%;
	float: left;
	margin: .3rem 0 0 0;
}
.resultCon .pic {
	width: 1.6rem;
	float: left;
	margin: 0 .2rem 0 0;
	font-size: .28rem;
	color: #fff;
	text-align: center;
}
.resultCon .pic img {
	width: 100%;
	float: left;
}
.resultCon .txt {
	width: 4.65rem;
	float: right;
	background: #113a6e;
	border-radius: .2rem;
	padding: .2rem;
	font-size: .3rem;
	color: #fff;
	text-align: justify;
}
.resultTxt {
	width: 100%;
	float: left;
	color: #fff;
	text-align: justify;
	margin: .2rem 0 0 0;
}
.resultKaiyun {
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.resultKaiyun dl:nth-child(4), .resultKaiyun dl:nth-child(5), .resultKaiyun dl:nth-child(6) {
	margin: .3rem 0 0 0;
}
.resultKaiyun dl {
	width: 1.73rem;
	float: left;
	height: 2.12rem;
	background: url(../images/kaiyunBg.png) no-repeat;
	background-size: 100% 100%;
	padding: .09rem 0 0 0;
}
.resultKaiyun dl dt {
	width: 100%;
	float: left;
	line-height: 1.41rem;
	font-size: .45rem;
	color: #f7db70;
	font-weight: bold;
	text-align: center;
}
.resultKaiyun dl dd {
	width: 100%;
	float: left;
	line-height: .61rem;
	color: #fff;
	text-align: center;
}
.remindTitle {
	width: 100%;
	float: left;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin: .4rem 0 -.7rem 0;
}
.resultLink, .resultLink a, .resultLink a img {
	width: 100%;
	float: left;
}
.resultLink a {
	margin: .3rem 0 0 0;
}
/** 收费结果页 **/


/** 占卜过程 **/
.stepMain {
	width: 100%;
	float: left;
	height: 13.34rem;
	min-height: 100vh;
	padding: .3rem .2rem;
	position: relative;
}
/* 洗牌摆牌 */
.stepBox {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 25%;
	left: 0;
	height: 6rem;
	background: url(../images/circleBg2.png) no-repeat center;
	background-size: auto 100%;
	transition: .9s linear;
	-moz-transition: .9s linear; /* Firefox 4 */
	-webkit-transition: .9s linear; /* Safari 和 Chrome */
	-o-transition: .9s linear; /* Opera */
}
.stepBox .tarort {
	width: 1rem;
	position: absolute;
	transform: scale(1.5);
	-moz-transform: scale(1.5); /* Firefox 4 */
	-webkit-transform: scale(1.5); /* Safari 和 Chrome */
	-o-transform: scale(1.5); /* Opera */
	transition: .9s linear;
	-moz-transition: .9s linear; /* Firefox 4 */
	-webkit-transition: .9s linear; /* Safari 和 Chrome */
	-o-transition: .9s linear; /* Opera */
}
.stepBox .tarort img {
	width: 100%;
}
.stepBox .tarort img.retateAni{
	animation:  rotateAni .8s;
	-moz-animation:  rotateAni .8s;
	-webkit-animation:  rotateAni .8s;
	-o-animation:  rotateAni .8s;
}
@keyframes rotateAni {
	from {}
	to {
		transform: rotateY(360deg);
	}
}
@-moz-keyframes rotateAni {
	from {}
	to {
		transform: rotateY(360deg);
	}
}
@-webkit-keyframes rotateAni {
	from {}
	to {
		transform: rotateY(360deg);
	}
}
@-o-keyframes rotateAni {
	from {}
	to {
		transform: rotateY(360deg);
	}
}
.stepBox .tarort.paipai1 {
	z-index: 1021;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(50deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(50deg) scale(1.15);
}
.stepBox .tarort.paipai2 {
	z-index: 1020;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(45.2381deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(45.2381deg) scale(1.15);
}
.stepBox .tarort.paipai3 {
    z-index: 1019;
    transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
    transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(40.4762deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(40.4762deg) scale(1.15);
}
.stepBox .tarort.paipai4 {
	z-index: 1018;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(35.7143deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(35.7143deg) scale(1.15);
}
.stepBox .tarort.paipai5 {
	z-index: 1017;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(30.9524deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(30.9524deg) scale(1.15);
}
.stepBox .tarort.paipai6 {
	z-index: 1016;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(26.1905deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(26.1905deg) scale(1.15);
}
.stepBox .tarort.paipai7 {
	z-index: 1015;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(21.4286deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(21.4286deg) scale(1.15);
}
.stepBox .tarort.paipai8 {
	z-index: 1014;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(16.6667deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(16.6667deg) scale(1.15);
}
.stepBox .tarort.paipai9 {
	z-index: 1013;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(11.9048deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(11.9048deg) scale(1.15);
}
.stepBox .tarort.paipai10 {
	z-index: 1012;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(7.14286deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(7.14286deg) scale(1.15);
}
.stepBox .tarort.paipai11 {
	z-index: 1011;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(2.38095deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(2.38095deg) scale(1.15);
}
.stepBox .tarort.paipai12 {
	z-index: 1010;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(-2.38095deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(-2.38095deg) scale(1.15);
}
.stepBox .tarort.paipai13 {
	z-index: 1009;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(-7.14286deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(-7.14286deg) scale(1.15);
}
.stepBox .tarort.paipai14 {
	z-index: 1008;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(-11.9048deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(-11.9048deg) scale(1.15);
}
.stepBox .tarort.paipai15 {
	z-index: 1007;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(-16.6667deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(-16.6667deg) scale(1.15);
}
.stepBox .tarort.paipai16 {
	z-index: 1006;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(-21.4286deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(-21.4286deg) scale(1.15);
}
.stepBox .tarort.paipai17 {
	z-index: 1005;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(-26.1905deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(-26.1905deg) scale(1.15);
}
.stepBox .tarort.paipai18 {
	z-index: 1004;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(-30.9524deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(-30.9524deg) scale(1.15);
}
.stepBox .tarort.paipai19 {
	z-index: 1003;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(-35.7143deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(-35.7143deg) scale(1.15);
}
.stepBox .tarort.paipai20 {
	z-index: 1002;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(-40.4762deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(-40.4762deg) scale(1.15);
}
.stepBox .tarort.paipai21 {
	z-index: 1001;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(-45.2381deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(-45.2381deg) scale(1.15);
}
.stepBox .tarort.paipai22 {
	z-index: 1000;
	transform-origin: 50% 200%;
	-webkit-transform-origin: 50% 200%;
	transition: transform 500ms ease-out 0ms;
	-webkit-transition: transform 500ms ease-out 0ms;
	transform: translate(0%,-50%) rotate(-50deg) scale(1.15);
	-webkit-transform: translate(0%,-50%) rotate(-50deg) scale(1.15);
}
/* 选牌 */
.stepPaizhen {
	width: 100%;
	float: left;
	height: 7.1rem;
	background: url(../images/circleBg2.png) no-repeat;
	background-size: 100% 100%;
	margin: 4rem 0 0 0;
	position: relative;
}
.stepPaizhen ul li {
	width: 1rem;
	position: absolute;
	color: #fff;
	text-align: center;
}
.stepPaizhen ul li:nth-child(1) {
	top: .2rem;
	left: 3.05rem;
}
.stepPaizhen ul li:nth-child(2) {
	top: 1.25rem;
	left: .8rem;
}
.stepPaizhen ul li:nth-child(3) {
	top: 1.25rem;
	right: .8rem;
}
.stepPaizhen ul li:nth-child(4) {
	bottom: 1.25rem;
	left: .8rem;
}
.stepPaizhen ul li:nth-child(5) {
	bottom: 1.25rem;
	right: .8rem;
}
.stepPaizhen ul li:nth-child(6) {
	bottom: .2rem;
	left: 3.05rem;
}
.stepPaizhen ul li img {
	width: 1rem;
	float: left;
	height: 1.71rem;
}
.stepPaizhen ul li.current img {
	box-shadow: 0 0 .5rem rgba(171,69,244,.9);
}
.stepPaizhen ul li img.Opacity{
	-moz-animation: imgOpac 1.5s linear forwards;
	-webkit-animation: imgOpac 1.5s linear forwards;
	-o-animation: imgOpac 1.5s linear forwards;
	animation: imgOpac 1.5s linear forwards;
}
@-moz-keyframes imgOpac{
	0%{}
	100%{
		opacity: 0;
	}
}
@-webkit-keyframes imgOpac{
	0%{}
	100%{
		opacity: 0;
	}
}
@-o-keyframes imgOpac{
	0%{}
	100%{
		opacity: 0;
	}
}
@keyframes imgOpac{
	0%{}
	100%{
		opacity: 0;
	}
}
.stepBox .tarort.posing0 {
	transform: translate(0, 120%);
	-moz-transform: translate(0, 120%);
	-webkit-transform: translate(0, 120%);
	-o-transform: translate(0, 120%);
	z-index: 99;
}
.stepBox .tarort.posing1 {
	transform: translate(-225%, 178%);
	-moz-transform: translate(-225%, 178%);
	-webkit-transform: translate(-225%, 178%);
	-o-transform: translate(-225%, 178%);
	z-index: 99;
}
.stepBox .tarort.posing2 {
	transform: translate(225%, 178%);
	-moz-transform: translate(225%, 178%);
	-webkit-transform: translate(225%, 178%);
	-o-transform: translate(225%, 178%);
	z-index: 99;
}
.stepBox .tarort.posing3 {
	transform: translate(-225%, 311%);
	-moz-transform: translate(-225%, 311%);
	-webkit-transform: translate(-225%, 311%);
	-o-transform: translate(-225%, 311%);
	z-index: 99;
}
.stepBox .tarort.posing4 {
	transform: translate(225%, 311%);
	-moz-transform: translate(225%, 311%);
	-webkit-transform: translate(225%, 311%);
	-o-transform: translate(225%, 311%);
	z-index: 99;
}
.stepBox .tarort.posing5 {
	transform: translate(0, 368%);
	-moz-transform: translate(0, 368%);
	-webkit-transform: translate(0, 368%);
	-o-transform: translate(0, 368%);
	z-index: 99;
}
/** 占卜过程 **/


/* 正逆位 */
.stepPaizhen ul li.niwei {
        transform: rotate(180deg);
}
.freeCards ul li.niwei img {
        transform: rotate(180deg);
}
.resultCards ul li.niwei img {
        transform: rotate(180deg);
}

.niwei img{
        transform: rotate(180deg);
}