@charset "utf-8";
/* CSS DocumentU2FsdGVkX18PpxOrCHtPvqUWoygiKovB/pkvCpyCWDOgpOLAFxJfgE9exYteLyvh */
body {
	min-width: 3.2rem;
	max-width: 7.5rem;
	margin: 0 auto !important;
	overflow-x: hidden;
	background: #fff;
	font: .32rem/1.5 "microsoft yahei", Arial, Helvetica, sans-serif;
	color: #333;
}
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;U2FsdGVkX18PpxOrCHtPvqUWoygiKovB/pkvCpyCWDOgpOLAFxJfgE9exYteLyvh */
	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 {
	float: left;
	width: 100%;
	background: #55219c;
}
/*banner图动画*/
.indexBann {
	float: left;
	width: 100%;
	height: 10rem;
	background: url(../bieren/banner1.jpg) no-repeat;
	background-size: 100% 100%;
	padding: .3rem 0 0 0;
	position: relative;
}
.indexBann .logo {
	float: left;
	width: 100%;
}
.indexBann .logo img {
	float: left;
	width: 1.75rem;
}
.indexBann .perspective {
	perspective: 7rem;
	float: left;
	width: 100%;
	height: 5rem;
	padding: .4rem 0 0 0;
	margin: 2rem 0 0 0;
	overflow: hidden;
}
.indexBann .balls {
	position: absolute;
	width: 2.91rem;
	height: 2.81rem;
	left: 2.6rem;
	transform-style: preserve-3D;
	transform: rotateX(-15deg);
	-webkit-transform-style: preserve-3D;
	-webkit-transform: rotateX(-15deg);
}
.indexBann .balls img {
	width: 100%;
	height: 100%;
	position: absolute;
}
.indexBann .balls img:nth-child(1) {
	transform: translateX(0) translateZ(3rem) rotateX(15deg);
	-webkit-transform: translateX(0) translateZ(3rem) rotateX(15deg);
	animation: one 15s linear infinite;
	-moz-animation: one 15s linear infinite;
	-webkit-animation: one 15s linear infinite;
	-o-animation: one 15s linear infinite;
}
@keyframes one {
	0 {}
	10%,20%,30% {
		transform: translateX(4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	33%,34% {
		opacity: .3;
	}
	40%,50%,60% {
		transform: translateX(-4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	70%,80%,90% {
		transform: translateX(0rem) translateZ(3rem) rotateX(15deg);
		opacity: 1;
	}
	100% {}
}
@-moz-keyframes one {
	0 {}
	10%,20%,30% {
		transform: translateX(4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	33%,34% {
		opacity: .3;
	}
	40%,50%,60% {
		transform: translateX(-4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	70%,80%,90% {
		transform: translateX(0rem) translateZ(3rem) rotateX(15deg);
		opacity: 1;
	}
	100% {}
}
@-webkit-keyframes one {
	0 {}
	10%,20%,30% {
		transform: translateX(4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	33%,34% {
		opacity: .3;
	}
	40%,50%,60% {
		transform: translateX(-4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	70%,80%,90% {
		transform: translateX(0rem) translateZ(3rem) rotateX(15deg);
		opacity: 1;
	}
	100% {}
}
@-o-keyframes one {
	0 {}
	10%,20%,30% {
		transform: translateX(4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	33%,34% {
		opacity: .3;
	}
	40%,50%,60% {
		transform: translateX(-4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	70%,80%,90% {
		transform: translateX(0rem) translateZ(3rem) rotateX(15deg);
		opacity: 1;
	}
	100% {}
}
.indexBann .balls img:nth-child(2) {
	opacity: .5;
	transform: translateX(4.2rem) translateZ(-1rem) rotateX(15deg);
	-webkit-transform: translateX(4.2rem) translateZ(-1rem) rotateX(15deg);
	animation: two 15s linear infinite;
	-moz-animation: two 15s linear infinite;
	-webkit-animation: two 15s linear infinite;
	-o-animation: two 15s linear infinite;
}
@keyframes two {
	0 {}
	3%,4% {
		opacity: .3;
	}
	10%,20%,30% {
		transform: translateX(-4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	40%,50%,60% {
		transform: translateX(0rem) translateZ(3rem) rotateX(15deg);
		opacity: 1;
	}
	70%,80%,90% {
		transform: translateX(4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	100% {}
}
@-moz-keyframes two {
	0 {}
	3%,4% {
		opacity: .3;
	}
	10%,20%,30% {
		transform: translateX(-4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	40%,50%,60% {
		transform: translateX(0rem) translateZ(3rem) rotateX(15deg);
		opacity: 1;
	}
	70%,80%,90% {
		transform: translateX(4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	100% {}
}
@-webkit-keyframes two {
	0 {}
	3%,4% {
		opacity: .3;
	}
	10%,20%,30% {
		transform: translateX(-4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	40%,50%,60% {
		transform: translateX(0rem) translateZ(3rem) rotateX(15deg);
		opacity: 1;
	}
	70%,80%,90% {
		transform: translateX(4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	100% {}
}
@-o-keyframes two {
	0 {}
	3%,4% {
		opacity: .3;
	}
	10%,20%,30% {
		transform: translateX(-4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	40%,50%,60% {
		transform: translateX(0rem) translateZ(3rem) rotateX(15deg);
		opacity: 1;
	}
	70%,80%,90% {
		transform: translateX(4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	100% {}
}
.indexBann .balls img:nth-child(3){
	opacity: .5;
	transform: translateX(-4.2rem) translateZ(-1rem) rotateX(15deg);
	-webkit-transform: translateX(-4.2rem) translateZ(-1rem) rotateX(15deg);
	animation: three 15s linear infinite;
	-moz-animation: three 15s linear infinite;
	-webkit-animation: three 15s linear infinite;
	-o-animation: three 15s linear infinite;
}
@keyframes three {
	0 {}
	10%,20%,30% {
		transform: translateX(0rem) translateZ(3rem) rotateX(15deg);
		opacity: 1;
	}
	40%,50%,60% {
		transform: translateX(4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	63%,64% {
		opacity: .3;
	}
	70%,80%,90% {
		transform: translateX(-4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	100% {}
}
@-moz-keyframes three {
	0 {}
	10%,20%,30% {
		transform: translateX(0rem) translateZ(3rem) rotateX(15deg);
		opacity: 1;
	}
	40%,50%,60% {
		transform: translateX(4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	63%,64% {
		opacity: .3;
	}
	70%,80%,90% {
		transform: translateX(-4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	100% {}
}
@-webkit-keyframes three {
	0 {}
	10%,20%,30% {
		transform: translateX(0rem) translateZ(3rem) rotateX(15deg);
		opacity: 1;
	}
	40%,50%,60% {
		transform: translateX(4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	63%,64% {
		opacity: .3;
	}
	70%,80%,90% {
		transform: translateX(-4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	100% {}
}
@-o-keyframes three {
	0 {}
	10%,20%,30% {
		transform: translateX(0rem) translateZ(3rem) rotateX(15deg);
		opacity: 1;
	}
	40%,50%,60% {
		transform: translateX(4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	63%,64% {
		opacity: .3;
	}
	70%,80%,90% {
		transform: translateX(-4.2rem) translateZ(-1rem) rotateX(15deg);
		opacity: .5;
	}
	100% {}
}
.indexBann .star {
	position: absolute;
	width: 6rem;
	left: .5rem;
	bottom: 1.04rem;
	animation: fadeInStar 10s linear infinite;
	-moz-animation: fadeInStar 10s linear infinite;
	-webkit-animation:fadeInStar 10s linear infinite;
	-o-animation: fadeInStar 10s linear infinite;
}
@keyframes fadeInStar {
	 0%,15% {
		 opacity: .3;
	}
	 28% {
		 opacity: .8;
	}
	 30%,45% {
		 opacity: .3;
	 }
	 58% {
		 opacity: .8;
	 }
	 60%,75% {
		 opacity: .3;
	 }
	 88% {
		 opacity: .8;
	}
	 98%,100% {
		 opacity: .3;
	}
}
@-moz-keyframes fadeInStar {
	 0%,15% {
		 opacity: .3;
	}
	 28% {
		 opacity: .8;
	}
	 30%,45% {
		 opacity: .3;
	 }
	 58% {
		 opacity: .8;
	 }
	 60%,75% {
		 opacity: .3;
	 }
	 88% {
		 opacity: .8;
	}
	 98%,100% {
		 opacity: .3;
	}
}
@-webkit-keyframes fadeInStar {
	 0%,15% {
		 opacity: .3;
	}
	 28% {
		 opacity: .8;
	}
	 30%,45% {
		 opacity: .3;
	 }
	 58% {
		 opacity: .8;
	 }
	 60%,75% {
		 opacity: .3;
	 }
	 88% {
		 opacity: .8;
	}
	 98%,100% {
		 opacity: .3;
	}
}
@-o-keyframes fadeInStar {
	 0%,15% {
		 opacity: .3;
	}
	 28% {
		 opacity: .8;
	}
	 30%,45% {
		 opacity: .3;
	 }
	 58% {
		 opacity: .8;
	 }
	 60%,75% {
		 opacity: .3;
	 }
	 88% {
		 opacity: .8;
	}
	 98%,100% {
		 opacity: .3;
	}
}
.indexBann .light {
	position: absolute;
	top: 2.5rem;
	left: 1.8rem;
	width: 4.23rem;
	z-index:999;
}
.indexBann .cards {
	position: absolute;
	top: 4.2rem;
	left: 1.7rem;
	width: 4.33rem;
	z-index:999;
}
.indexBann .light,
.indexBann .cards {
	animation: fadeInCard 15s linear infinite;
	-moz-animation: fadeInCard 15s linear infinite;
	-webkit-animation: fadeInCard 15s linear infinite;
	-o-animation: fadeInCard 15s linear infinite;
}
@keyframes fadeInCard {
	 0%,15% {
		 opacity: 0;
	 }
	 28% {
		 opacity: 1;
	 }
	 30%,45% {
		 opacity: 0;
	 }
	 58% {
		 opacity: 1;
	 }
	 60%,75% {
		 opacity: 0;
	 }
	 88% {
		 opacity: 1;
	 }
	 98%,100% {
		 opacity: 0;
	 }
}
@-moz-keyframes fadeInCard {
	 0%,15% {
		 opacity: 0;
	 }
	 28% {
		 opacity: 1;
	 }
	 30%,45% {
		 opacity: 0;
	 }
	 58% {
		 opacity: 1;
	 }
	 60%,75% {
		 opacity: 0;
	 }
	 88% {
		 opacity: 1;
	 }
	 98%,100% {
		 opacity: 0;
	 }
}
@-webkit-keyframes fadeInCard {
	 0%,15% {
		 opacity: 0;
	 }
	 28% {
		 opacity: 1;
	 }
	 30%,45% {
		 opacity: 0;
	 }
	 58% {
		 opacity: 1;
	 }
	 60%,75% {
		 opacity: 0;
	 }
	 88% {
		 opacity: 1;
	 }
	 98%,100% {
		 opacity: 0;
	 }
}
@-o-keyframes fadeInCard {
	 0%,15% {
		 opacity: 0;
	 }
	 28% {
		 opacity: 1;
	 }
	 30%,45% {
		 opacity: 0;
	 }
	 58% {
		 opacity: 1;
	 }
	 60%,75% {
		 opacity: 0;
	 }
	 88% {
		 opacity: 1;
	 }
	 98%,100% {
		 opacity: 0;
	 }
}
.indexBann .star img,
.indexBann .light img,
.indexBann .cards img {
	float: left;
	width: 100%;
}
/*banner图动画*/
.main {
	float: left;
	width: 100%;
	padding: 0 .3rem .5rem .3rem;
}
.main.index {
	position: relative;
	margin: -1.4rem 0 0 0;
	overflow: hidden;
}
.main.free {
	background: url(../bieren/free_main.png) no-repeat;
	background-size: 100% auto;
	padding-top: 3.3rem;
}
.main section:first-child.bigbox {
	margin: 0;
}
.bigbox {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
}
.bigbox .top {
	float: left;
	width: 100%;
	height: .5rem;
	background: url(../bieren/big_top.png) no-repeat;
	background-size: 100% 100%;
}
.bigbox .down {
	float: left;
	width: 100%;
	height: .35rem;
	background: url(../bieren/big_down.png) no-repeat;
	background-size: 100% 100%;
}
.bigbox .mid {
	float: left;
	width: 100%;
	padding: 0 .4rem .1rem .4rem;
	margin: -.01rem 0;
	background: url(../bieren/big_mid.png) no-repeat;
	background-size: 100% 100%;
}
.bigbox .mid div:nth-child(2).resultTxt {
	margin: 0;
}
/** 资料输入版块 **/
.forminput {
	float: left;
	width: 100%;
}
.forminput_hang {
	float: left;
	width: 100%;
	border-bottom: dotted .02rem #b299ec;
	padding: .1rem 0;
}
.forminput_hang_bt {
	float: left;
	width: 1.7rem;
	line-height: .6rem;
	color: #fff;
}
.forminput_hang_name {
	float: left;
	width: 48%;
}
.finput {
	float: left;
	width: 100%;
	border: none;
	background: none;
	outline: none;
	height: .6rem;
	color: #b59cef;
}
.forminput_hang_sex {
	float: right;
	width: 1.2rem;
	margin: .05rem 0 0 0;
	background: #cfbaff;
	border-radius: .25rem;
}
.forminput_hang_sex a {
	float: left;
	width: 50%;
	line-height: .5rem;
	color: #22095b;
	text-align: center;
}
.forminput .forminput_hang_sex a:first-child.current {
	background: #472dc8;
	border-radius: .25rem 0 0 .25rem;
	color: #fff;
}
.forminput .forminput_hang_sex a:last-child.current {
	background: #ff2417;
	border-radius: 0 .25rem .25rem 0;
	color: #fff;
}
.forminput_hang_birth {
	overflow: hidden;
	line-height: .6rem;
	color: #b59cef;
	cursor: pointer;
}
.forminput_space {
	float: left;
	width: 100%;
	height: .3rem;
}
/** 资料输入版块 **/
.button {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
}
.button a, .button a img {
	float: left;
	width: 100%;
}
.button.zoom {
	padding: 0 .29rem;
	animation: btnZoom 1s linear infinite alternate;
	-moz-animation: btnZoom 1s linear infinite alternate;
	-webkit-animation: btnZoom 1s linear infinite alternate;
	-o-animation: btnZoom 1s linear infinite alternate;
}
@keyframes btnZoom {
	from {}
	to {
		transform: scale(.8);
	}
}
@-moz-keyframes btnZoom {
	from {}
	to {
		transform: scale(.8);
	}
}
@-webkit-keyframes btnZoom {
	from {}
	to {
		transform: scale(.8);
	}
}
@-o-keyframes btnZoom {
	from {}
	to {
		transform: scale(.8);
	}
}
.picture, .picture img {
	float: left;
	width: 100%;
}
.indexButterfly1 {
	float: left;
	width: 100%;
	margin: -1.2rem 0 -.2rem -.5rem;
}
.indexButterfly1 img {
	float: left;
	width: 2.3rem;
}
.indexButterfly2 {
	position: relative;
	float: left;
	width: 100%;
	margin: -1.2rem 0 -.2rem .5rem;
}
.indexButterfly2 img {
	float: right;
	width: 2.3rem;
}
.indexIcon {
	position: relative;
	float: left;
	width: 100%;
	height: 10.45rem;
	background: url(../bieren/img02.png) no-repeat;
	background-size: 100% 100%;
}
.indexIcon ul li {
	position: absolute;
}
.indexIcon ul li img {
	float: left;
	width: 100%;
}
.indexIcon ul li:nth-child(1) {
	top: 3rem;
	left: .3rem;
	width: 2.46rem;
} 
.indexIcon ul li:nth-child(2) {
	top: 4.2rem;
	right: .1rem;
	width: 3rem;
} 
.indexIcon ul li:nth-child(3) {
	bottom: .3rem;
	left: .5rem;
	width: 4.35rem;
} 
.picTitle {
	float: left;
	width: 100%;
	margin: 0 0 .3rem 0;
}
.picTitle img {
	float: left;
	width: 100%;
}
.indexAbout {
	float: left;
	width: 100%;
}
.indexAbout .row {
	float: left;
	width: 100%;
	margin: .2rem 0 0 0;
	font-size: .28rem;
	color: #e6e6ff;
}
.indexAbout .row .zuo {
	float: left;
	width: 1.3rem;
	font-weight: bold;
	text-align: center;
}
.indexAbout .row .zuo::after {
	content: "";
	float: left;
	width: 100%;
	height: .15rem;
	background: #91156a;
	border-radius: .1rem;
	margin: -.15rem 0 0 0;
}
.indexAbout .row .you {
	overflow: hidden;
	padding: 0 0 0 .2rem; 
	text-align: justify;
}
/**** 首页 ****/


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


/** 免费结果页 **/
.freeData {
	float: left;
	width: 100%;
	margin: 0 0 .7rem 0;
}
.freeData ul li {
	width: 48%;
	padding: .15rem 0;
	background: rgba(111,1,222,.35);
	border-radius: .1rem;
	line-height: 2;
	font-size: .3rem;
	color: #fff;
	text-align: center;
}
.freeData ul li:first-child {
	float: left;
}
.freeData ul li:last-child {
	float: right;
}
.freeCon {
	float: left;
	width: 100%;
}
.freeCon .zuo {
	float: left;
	width: 1.8rem;
	font-size: .3rem;
	color: #ffdc89;
	text-align: center;
}
.freeCon .zuo img {
	float: left;
	width: 100%;
	height: 2.8rem;
	border-radius: .1rem;
}
.freeCon .zuo span {
	float: left;
	width: 100%;
	margin: .1rem 0 0 0;
	background: #1f0e51;
	border-radius: .25rem;
}
.freeCon .you {
	float: right;
	width: 4rem;
}
.freeCon .you .txt {
	float: left;
	width: 100%;
	margin: 0 0 .1rem 0;
	font-size: .28rem;
	color: #fff;
	text-align: justify;
}
.freeCon .you .pop {
	float: left;
	width: 100%;
	padding: 1rem .17rem;
	background: url(../bieren/mohu2.png) no-repeat;
	background-size: 100% 100%;
}
.freeCon .you .pop a, .freeCon .you .pop a img {
	float: left;
	width: 100%;
}
.freeMohu {
	float: left;
	width: 100%;
	padding: 1rem 1.32rem;
	margin: .2rem 0 0 0;
	background: url(../bieren/mohu2.png) no-repeat;
	background-size: 100% 100%;
}
.freeMohu a, .freeMohu a img {
	float: left;
	width: 100%;
}
/** 免费结果页 **/


/** 付费结果页 **/
.resultPic {
	float: left;
	width: 100%;
	color: #ffdc89;
	font-weight: bold;
	text-align: center;
}
.resultPic img {
	width: 2rem;
	border-radius: .1rem;
}
.resultPic span {
	display: inline-block;
	padding: 0 .3rem;
	margin: .1rem 0 0 0;
	background: #1f0e51;
	border-radius: .25rem;
}
.resultTxt {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
	color: #fff;
	text-align: justify;
}
.resultMonth {
	float: left;
	width: 100%;
}
.resultMonth ul li {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
	background: url(../bieren/result_bg1.png) no-repeat center;
	background-size: auto 100%;
	line-height: .9rem;
	font-size: .36rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.remindTitle {
	float: left;
	width: 100%;
	margin: .4rem 0 -.2rem 0;
	font-size: .3rem;
	color: #e2cdff;
	text-align: center;
}
.resultLink {
	float: left;
	width: 100%;
}
.resultLink a {
	float: left;
	width: 100%;
	padding: .1rem .2rem;
	margin: .3rem 0 0 0;
	background: rgba(111,1,222,.55);
	border-radius: .5rem;
	line-height: .55rem;
	color: #ffe8a1;
}
.resultLink a img:first-child {
	float: left;
	width: .8rem;
}
.resultLink a img:last-child {
	float: right;
	width: .55rem;
}
/** 收费结果页 **/


/** 占卜过程 **/
.stepMain {
	/*position: relative;*/
	float: left;
	width: 100%;
	/*height: 13.34rem;*/
	min-height: 100vh;
	padding: 2.5rem .2rem .5rem .2rem;
	background: url(../bieren/step_main.jpg) no-repeat;
	background-size: 100% auto;
}
/* 洗牌摆牌 */
.stepBox {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 6rem;
	/*position: absolute;
	top: 25%;
	left: 0;
	background: url(../bieren/circleBg2.png) no-repeat center;
	background-size: auto 100%;*/
	transition: .9s linear;
	-moz-transition: .9s linear;
	-webkit-transition: .9s linear;
	-o-transition: .9s linear;
}
.stepBox .tarort {
	width: 1rem;
	position: absolute;
	transform: scale(1.5);
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	transition: .9s linear;
	-moz-transition: .9s linear;
	-webkit-transition: .9s linear;
	-o-transition: .9s linear;
}
.stepBox .tarort img {
	float: left;
	width: 100%;
}
.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 {
	position: relative;
	float: left;
	width: 100%;
	height: 6.2rem;
	/*background: url(../bieren/circleBg2.png) no-repeat;
	background-size: 100% 100%;
	margin: 4rem 0 0 0;*/
}
.stepPaizhen.show {
	animation: paizhen 1s;
	-moz-animation: paizhen 1s;
	-webkit-animation: paizhen 1s;
	-o-animation: paizhen 1s;
}
@keyframes paizhen {
	0% {
		opacity: .7;
		transform: translateY(10rem) scale(.7);
	}
	80% {
		opacity: .7;
		transform: translateY(0) scale(.7);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
@-moz-keyframes paizhen {
	0% {
		opacity: .7;
		transform: translateY(10rem) scale(.7);
	}
	80% {
		opacity: .7;
		transform: translateY(0) scale(.7);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes paizhen {
	0% {
		opacity: .7;
		transform: translateY(10rem) scale(.7);
	}
	80% {
		opacity: .7;
		transform: translateY(0) scale(.7);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
@-o-keyframes paizhen {
	0% {
		opacity: .7;
		transform: translateY(10rem) scale(.7);
	}
	80% {
		opacity: .7;
		transform: translateY(0) scale(.7);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
.stepPaizhen ul li {
	position: absolute;
	width: 1.55rem;
}
.stepPaizhen ul li:nth-child(1) {
	top: 0;
	left: 1.8rem;
}
.stepPaizhen ul li:nth-child(2) {
	top: 0;
	left: 3.7rem;
}
.stepPaizhen ul li:nth-child(3) {
	top: 1.7rem;
	left: 0;
}
.stepPaizhen ul li:nth-child(4) {
	top: 1.7rem;
	right: 0;
}
.stepPaizhen ul li:nth-child(5) {
	bottom: 0;
	left: 1.8rem;
}
.stepPaizhen ul li:nth-child(6) {
	bottom: 0;
	left: 3.7rem;
}
.stepPaizhen ul li span:first-child {
	display: block;
	width: 1.25rem;
	height: 2.14rem;
	margin: 0 auto;
	background: #fff;
	border-radius: .1rem;
}
.stepPaizhen ul li span:first-child  img {
	width: 100%;
	height: 100%;
	border-radius: .05rem;
}
.stepPaizhen ul li span:last-child {
	display: block;
	width: 100%;
	margin: .1rem 0 0 0;
	background: #7b3cd9;
	border-radius: .25rem;
	line-height: .5rem;
	font-size: .3rem;
	color: #ffe8a1;
	text-align: center;
}
.stepPaizhen ul li.bgnone span:first-child {
	background: none;
}
.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.posing0 {
	width: 1.25rem;
	height: 2.15rem;
	transform: translate(74%, 120%);
	-moz-transform: translate(74%, 120%);
	-webkit-transform: translate(74%, 120%);
	-o-transform: translate(74%, 120%);
	z-index: 99;
}
.stepBox .tarort.posing1 {
	width: 1.25rem;
	height: 2.15rem;
	transform: translate(-222%, 199%);
	-moz-transform: translate(-222%, 199%);
	-webkit-transform: translate(-222%, 199%);
	-o-transform: translate(-222%, 199%);
	z-index: 99;
}
.stepBox .tarort.posing2 {
	width: 1.25rem;
	height: 2.15rem;
	transform: translate(222%, 199%);
	-moz-transform: translate(222%, 199%);
	-webkit-transform: translate(222%, 199%);
	-o-transform: translate(222%, 199%);
	z-index: 99;
}
.stepBox .tarort.posing3 {
	width: 1.25rem;
	height: 2.15rem;
	transform: translate(-78%, 281%);
	-moz-transform: translate(-78%, 281%);
	-webkit-transform: translate(-78%, 281%);
	-o-transform: translate(-78%, 281%);
	z-index: 99;
}
.stepBox .tarort.posing4 {
	width: 1.25rem;
	height: 2.15rem;
	transform: translate(78%, 281%);
	-moz-transform: translate(78%, 281%);
	-webkit-transform: translate(78%, 281%);
	-o-transform: translate(78%, 281%);
	z-index: 99;
}
.stepBox .tarort img.retateAni,
.stepPaizhen .posing 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);
	}
}
/** 占卜过程U2FsdGVkX18PpxOrCHtPvqUWoygiKovB/pkvCpyCWDOgpOLAFxJfgE9exYteLyvh **/