@charset "utf-8";

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

.wrapper {
	float: left;
	width: 100%;
	background-color: #a0251e;
	background-repeat: no-repeat;
	background-size: 100% auto;
	min-height: 100vh;
}
.wrapper.index {
	background-image: url(../images/wrap-index.jpg);
}
.wrapper.free {
	padding: 3rem 0 0 0;
	background-image: url(../images/wrap-free.jpg);
}

/*banner图动画*/

.indexBann {
	position: relative;
	float: left;
	width: 100%;
	height: 9.7rem;
	overflow: hidden;
	margin: 0 0 -.1rem 0;
}
.indexBann ul.plate {
	position: absolute;
	left: 2rem;
	top: 3.2rem;
	width: 5.5rem;
	height: 5.5rem;
	background: url(../images/plate.png) no-repeat;
	background-size: 100% 100%;
	animation: plate 15s linear infinite;
}
@keyframes plate {
	100% {
		transform: rotate(360deg);
	}
}
.indexBann ul.horse {
	position: absolute;
	left: 2.35rem;
	top: 4rem;
	width: 4.8rem;
	height: 4.8rem;
	background: url(../images/horse.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	transform: translateY(100%);
	animation: horse 1s linear forwards;
}
@keyframes horse {
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.indexBann ul.text li {
	position: absolute;
	width: 1.02rem;
	height: .98rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	transform: scale(1.5);
	animation: text 1s linear forwards;
}
.indexBann ul.text li:nth-child(1) {
	left: 2.4rem;
	top: 4.6rem;
	background-image: url(../images/text1.png);
	animation-delay: 1s;
}
.indexBann ul.text li:nth-child(2) {
	left: 4.25rem;
	top: 3.4rem;
	background-image: url(../images/text2.png);
	animation-delay: 2s;
}
.indexBann ul.text li:nth-child(3) {
	left: 6.3rem;
	top: 5rem;
	background-image: url(../images/text3.png);
	animation-delay: 3s;
}
.indexBann ul.text li:nth-child(4) {
	left: 6.1rem;
	top: 6.8rem;
	background-image: url(../images/text4.png);
	animation-delay: 4s;
}
.indexBann ul.text li:nth-child(5) {
	left: 2.6rem;
	top: 7.1rem;
	background-image: url(../images/text5.png);
	animation-delay: 5s;
}
@keyframes text {
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
.indexBann ul.teacher {
	position: absolute;
	top: 3.4rem;
	width: 3.2rem;
	height: 6rem;
	background: url(../images/teacher.png) no-repeat;
	background-size: 100% 100%;
}

/*banner图动画*/

.main {
	float: left;
	width: 100%;
	padding: 0 .2rem .5rem .2rem;
}
.bigbox {
	float: left;
	width: 100%;
	padding: 0 .26rem .3rem .26rem;
	margin: .5rem 0 0 0;
	background: #fffce4;
	border: solid .04rem #f1ac35;
	border-radius: .2rem;
	color: #4b0830;
}

/** 资料输入版块 **/

.forminput {
	float: left;
	width: 100%;
}
.forminput_hang {
	float: left;
	width: 100%;
	padding: .1rem;
	margin: .3rem 0 0 0;
	background: #ffefc4;
	border-radius: .1rem;
}
.forminput_hang_bt {
	float: left;
	width: 1.65rem;
	line-height: .5rem;
}
.forminput_hang_name {
	overflow: hidden;
}
.forminput_hang_name input {
	width: 100%;
	height: .5rem;
	border: none;
	background: none;
	outline: none;
}
.forminput_hang_sex {
	overflow: hidden;
}
.forminput_hang_sex a {
	float: left;
	width: .5rem;
	height: .5rem;
	margin: 0 .4rem 0 0;
	border: .02rem solid #f31c34;
	border-radius: 50%;
	line-height: .46rem;
	text-align: center;
}
.forminput_hang_sex a.current {
	background: #f31c34;
	color: #fff;
}
.forminput_hang_birth {
	overflow: hidden;
	line-height: .5rem;
	font-size: .28rem;
	color: #666;
	cursor: pointer;
}
.forminput_hang_birth span {
	display: block;
}

/** 资料输入版块 **/

.button {
	float: left;
	width: 100%;
	margin: .4rem 0 0 0;
}
.bigbox .button {
	margin: .3rem 0 0 0;
}
.button a {
	display: block;
	width: 5.8rem;
	margin: 0 auto;
	background: url(../images/btn-bg.png) no-repeat;
	background-size: 100% 100%;
	line-height: .98rem;
	font-size: .36rem;
	color: #9f1e12;
	font-weight: bold;
	text-align: center;
	letter-spacing: .05rem;
}
.button a span {
	background: linear-gradient(#eb2413, #351611);
	-webkit-background-clip: text;
	color: transparent;
}
.button a img {
	width: .36rem;
	margin: -.05rem 0 0 0;
	vertical-align: middle;
}
.button.zoom a {
	animation: btnZoom 1s linear infinite alternate;
}
@keyframes btnZoom {
	from {}
	to {
		transform: scale(.8);
	}
}
.indexStars {
	position: relative;
	float: left;
	width: 100%;
	height: 25.2rem;
	background: url(../images/img01.png) no-repeat;
	background-size: 100% 100%;
}
.indexStars li {
	position: absolute;
	left: .2rem;
	top: 3.4rem;
	width: 6.6rem;
	height: 6.4rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	animation: stars 10s linear infinite;
}
.indexStars li:first-child {
	background-image: url(../images/stars1.png);
}
.indexStars li:last-child {
	background-image: url(../images/stars2.png);
	animation-delay: 5s;
}
@keyframes stars {
	50%, 100% {
		opacity: 0;
	}
	2%, 45% {
		opacity: 1;
	}
}
.indexSwiper {
	float: left;
	width: 94%;
	margin: -4.1rem 3% 0 3%;
}
.picture, .picture img {
	float: left;
	width: 100%;
}

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


/**** 浮动按钮 ****/

.floatbtn {
	position: fixed;
	bottom: 0;
	float: left;
	width: 100%;
	max-width: 7.5rem;
	padding: .1rem 0;
	background: rgba(0, 0, 0, .7);
	z-index: 9;
}
.floatbtn .button {
	margin: 0;
}

/**** 浮动按钮 ****/


/**** 免费页 ****/

.picTitle {
	float: left;
	width: calc(100% + .6rem);
	margin: -.04rem 0 0 -.3rem;
}
.picTitle img {
	display: block;
	width: 100%;
}
.freeData {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
	text-align: center;
}
.freeData b {
	display: block;
	margin: .2rem 0 0 0;
	color: #f31c34;
}
.freeText {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
	text-align: justify;
}
.freeText.center {
	text-align: center;
}
.freeText span {
	color: #f31c34;
}
.freeText b {
	display: inline-block;
	padding: .05rem .3rem;
	margin: 0 0 .1rem 0;
	background: #f31c34;
	border-radius: .5rem;
	color: #fff;
	text-shadow: .02rem .02rem .02rem #87000b;
}
.freeMohu {
	float: left;
	width: 100%;
	padding: .3rem;
	margin: .3rem 0 0 0;
	background: url(../images/mohu.png) no-repeat;
	background-size: 100% 100%;
}
.freePop {
	float: left;
	width: 100%;
	padding: 0 .0 .25rem 0;
	background: #fff;
	border: .02rem solid #f31c34;
	border-radius: .1rem;
}
.freePop .title {
	float: left;
	width: 100%;
	background: #ab28ae;
	border-radius: .1rem .1rem 0 0;
	line-height: .7rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-shadow: .02rem .02rem .02rem #f31c34;
}
.freePop .text {
	float: left;
	width: 100%;
	padding: 0 .3rem;
	margin: .3rem 0 -.1rem 0;
}
.freePop .text b {
	color: #f31c34;
}
.freePop .text.center {
	text-align: center;
}
.freePop .text.center img {
	width: 3.2rem;
}
.freePop .button {
	transform: scale(.8);
}

/**** 免费页 ****/


/**** 弹窗 ****/

.popMask {
	position: fixed;
	top: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	max-width: 7.5rem;
	padding: 0 .5rem;
	background: rgba(0, 0, 0, .75);
	z-index: 9;
}
.popClose {
	float: left;
	width: 100%;
	margin: 0 0 -.3rem 0;
}
.popClose a {
	float: right;
	width: .66rem;
	height: .66rem;
	background: url(../images/close.png) no-repeat;
	background-size: 100% 100%;
}

/**** 弹窗 ****/


/**** 结果页 ****/

.resultTips {
	float: left;
	width: 100%;
	margin: .2rem 0 0 0;
	font-size: .26rem;
	color: #d15232;
	text-align: justify;
}
.resultTips a {
	padding: 0 .1rem;
	background: #f31c34;
	border-radius: .1rem;
	color: #fff;
}
.resultPalace {
	float: left;
	width: 100%;
}
.resultPalace li {
	float: left;
	width: 100%;
	border-bottom: 1px solid #bd7a61;
	line-height: .8rem;
}
.resultPalace li span {
	float: left;
	width: 2rem;
	color: #f31c34;
}
.resultPalace li i {
	font-size: .26rem;
	color: #666;
}
.resultChart, .resultChart img {
	float: left;
	width: 100%;
}
.resultChart {
	margin: .3rem 0 0 0;
}
.resultMonths {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
}
.resultMonths .title {
	float: left;
	width: 100%;
	padding: 0 .1rem 0 0;
	background: #f4d17b;
	border: .02rem solid #f48f7b;
	line-height: .7rem;
	font-size: .28rem;
	color: #922115;
	font-weight: bold;
	cursor: pointer;
}
.resultMonths .title i {
	float: right;
	line-height: .7rem;
	font-size: .5rem;
}
.resultMonths .box {
	float: left;
	width: 100%;
}
.resultBtn {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
}
.resultBtn a {
	display: block;
	width: 5.8rem;
	margin: 0 auto;
	background: #f5ad23;
	border-radius: .5rem;
	line-height: .8rem;
	font-size: .36rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/**** 结果页 ****/


/*命盘图*/

.chart_year {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
	background-color: #e9e1d2;
	border: 1px solid #b09866;
	font-size: .26rem;
}
.chart_year a {
	cursor: default;
}
.chart_year .box a.g {
	display: block;
	background-color: #fff5c7;
}
.chart_year .one {
	clear: both;
	width: 100%;
	height: 2.2rem;
	margin: 0 auto;
}
.chart_year .one li {
	float: left;
	width: 25%;
	height: 2.2rem;
	margin: 0 auto;
}
.chart_year .two {
	clear: both;
	height: 2.2rem;
	margin: 0 auto;
}
.chart_year .two .two01 {
	float: left;
	clear: both;
	width: 25%;
	height: 4.4rem;
	margin: 0 auto;
}
.chart_year .two .two02 {
	width: 50%;
	height: 4.4rem;
	margin: 0 auto;
	margin-left: 25%;
}
.chart_year .two .two02 .box02 {
	width: 99%;
	height: 4.39rem;
	margin: 0 auto;
	background-color: #fff;
	position: relative;
	padding-top: 1rem;
}
.chart_year .two .two03 {
	float: right;
	width: 25%;
	height: 4.4rem;
	margin: 0 auto;
}
.chart_year .box {
	width: 100%;
	height: 2.2rem;
	margin: 0 auto;
}
.chart_year .box a {
	position: relative;
	display: block;
	width: 100%;
	height: 2.2rem;
	margin: 0 auto;
}
.chart_year .box a.y {
	display: block;
	background-color: #fff5c7;
	border-bottom: 1px solid #8f1c69;
}
.chart_year .box .time {
	width: 90%;
	height: .5rem;
	position: absolute;
	background-color: #a86db1;
	left: 5%;
	right: 5%;
	bottom: 5%;
	color: #fff;
	text-align: center;
	line-height: .5rem;
}
.chart_year .box .time02 {
	background-color: #e9e1d2;
	color: #a86db1;
	border: 1px solid #a86db1;
}
.chart_year .box .lord {
	width: 90%;
	height: 1rem;
	position: absolute;
	left: 5%;
	top: 3%;
}
.chart_year .box .lord .lt01 {
	width: 100%;
	height: .5rem;
	text-align: left;
	line-height: .5rem;
	color: #333;
}
.chart_year .l_icon {
	display: inline-block;
	width: .5rem;
	height: .5rem;
	background-size: .5rem .5rem;
	margin-bottom: -.16rem;
	margin-left: .06rem;
	text-indent: -999px;
}
.chart_year .box .status {
	width: 50%;
	height: 1.2rem;
	position: absolute;
	right: .04rem;
	bottom: .4rem;
}
.chart_year .box .status .st01 {
	width: 100%;
	height: .4rem;
	text-align: right;
	line-height: .4rem;
	color: #9b5800;
}
.chart_year .ziwei_c_t06 {
	font-size: .36rem;
	color: #b07900;
	font-weight: bold;
}
.chart_year .ziwei_c_t07 {
	font-size: .36rem;
	color: #6f25a7;
	font-weight: bold;
}

/*.chart_year .chart_bt {
	display: block;
	width: 50%;
	height: 30px;
	margin: 0 auto;
}
.chart_year .chart_bt a {
	display: block;
	width: 100%;
	height: .6rem;
	color: #000;
	text-align: center;
	line-height: .6rem;
	background: linear-gradient(linear, left top, left bottom, from(#ffffff), to(#cbcbcb));
	border-radius: 5px;
	border: 1px solid #848484;
}*/


/*命盘图*/