@charset "utf-8";

/* CSS Document */

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

.wrapper {
	float: left;
	width: 100%;
	background: #580d3f url(../images/wrap-bg.jpg) no-repeat;
	background-size: 100% auto;
	min-height: 100vh;
}

/*banner图动画*/

.indexBann {
	position: relative;
	float: left;
	width: 100%;
	height: 11.8rem;
	overflow: hidden;
	margin: 0 0 -.45rem 0;
}
.indexBann ul.plate {
	position: absolute;
	left: 3.2rem;
	top: 2.4rem;
	width: 5.3rem;
	height: 5.3rem;
	background: url(../images/plate.png) no-repeat;
	background-size: 100% 100%;
	animation: plate 15s linear infinite;
}
@keyframes plate {
	100% {
		transform: rotate(360deg);
	}
}
.indexBann ul.headline {
	position: absolute;
	width: 100%;
	height: 9.6rem;
	background: url(../images/headline1.png) no-repeat;
	background-size: 100% 100%;
}
.indexBann ul.stars li {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	transform: scale(1.2);
	animation: stars 14s linear infinite;
}
.indexBann ul.stars li:nth-child(1) {
	left: 3.7rem;
	top: .6rem;
	width: 1.92rem;
	height: 1.76rem;
	background-image: url(../images/stars1.png);
}
.indexBann ul.stars li:nth-child(2) {
	left: 5.6rem;
	top: 1.1rem;
	width: 1.78rem;
	height: 1.8rem;
	background-image: url(../images/stars2.png);
	animation-delay: 2s;
}
.indexBann ul.stars li:nth-child(3) {
	left: 5.6rem;
	top: 3.2rem;
	width: 1.7rem;
	height: 1.83rem;
	background-image: url(../images/stars3.png);
	animation-delay: 4s;
}
.indexBann ul.stars li:nth-child(4) {
	left: 3.6rem;
	top: 2.5rem;
	width: 1.74rem;
	height: 1.7rem;
	background-image: url(../images/stars4.png);
	animation-delay: 6s;
}
.indexBann ul.stars li:nth-child(5) {
	left: 3.1rem;
	top: 4.6rem;
	width: 2.42rem;
	height: .97rem;
	background-image: url(../images/stars5.png);
	animation-delay: 8s;
}
.indexBann ul.stars li:nth-child(6) {
	left: 3.8rem;
	top: 5.5rem;
	width: 2.38rem;
	height: 1.54rem;
	background-image: url(../images/stars6.png);
	animation-delay: 10s;
}
.indexBann ul.stars li:nth-child(7) {
	left: 4.7rem;
	top: 6.8rem;
	width: 1.71rem;
	height: 1.77rem;
	background-image: url(../images/stars7.png);
	animation-delay: 12s;
}
@keyframes stars {
	14%, 100% {
		opacity: 0;
	}
	2%, 10% {
		opacity: 1;
		transform: scale(1);
	}
}
.indexBann ul.text li {
	position: absolute;
	left: .2rem;
	top: 9.5rem;
	width: 7.1rem;
	height: 2.28rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	animation: text 10s linear infinite;
}
.indexBann ul.text li:nth-child(1) {
	background-image: url(../images/text1.png);
}
.indexBann ul.text li:nth-child(2) {
	background-image: url(../images/text2.png);
	animation-delay: 5s;
}
@keyframes text {
	50%, 100% {
		opacity: 0;
	}
	2%, 45% {
		opacity: 1;
	}
}

/*banner图动画*/

.main {
	float: left;
	width: 100%;
	padding: 0 .2rem .5rem .2rem;
}
.bigbox {
	float: left;
	width: 100%;
	margin: .95rem 0 0 0;
	color: #4b0830;
}
.bigbox .top {
	float: left;
	width: 100%;
	height: .4rem;
	background: url(../images/big-top.png) no-repeat;
	background-size: 100% 100%;
}
.bigbox .down {
	float: left;
	width: 100%;
	height: .4rem;
	background: url(../images/big-down.png) no-repeat;
	background-size: 100% 100%;
}
.bigbox .mid {
	float: left;
	width: 100%;
	padding: .02rem .3rem;
	margin: -.02rem 0;
	background: url(../images/big-mid.png) no-repeat;
	background-size: 100% 100%;
}

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

.forminput {
	float: left;
	width: 100%;
	margin: -.3rem 0 0 0;
}
.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;
	border-color: #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: .3rem 0 0 0;
}
.button a {
	display: block;
	width: 5.8rem;
	margin: 0 auto;
	height: 1rem;
	background: url(../images/btn-bg.png) no-repeat;
	background-size: 100% 100%;
	line-height: .9rem;
	font-size: .36rem;
	color: #fff3ce;
	font-weight: bold;
	text-align: center;
	letter-spacing: .05rem;
	text-shadow: 0 0 .05rem #631100;
}
.button a img {
	display: block;
	width: 100%;
}
.button.zoom a {
	animation: btnZoom 1s linear infinite alternate;
}
@keyframes btnZoom {
	from {}
	to {
		transform: scale(.8);
	}
}
.picture, .picture img {
	float: left;
	width: 100%;
}

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


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

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

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


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

.picTitle {
	float: left;
	width: 100%;
	margin: -.85rem 0 0 0;
}
.picTitle img {
	display: block;
	width: 100%;
}
.picTitle.width {
	width: 6.85rem;
	margin-top: -1rem;
}
.freeData {
	float: left;
	width: 100%;
	margin: .15rem 0 0 0;
	text-align: center;
}
.freeText {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
	text-align: justify;
}
.freeText.center {
	text-align: center;
}
.freeText b, .freeText span {
	color: #f31c34;
}
.freeText p {
	height: .2rem;
}
.freeText img.horse {
	float: right;
	width: 1.5rem;
	margin: 0 0 0 .2rem;
}
.freeText b.color1 {
	color: #ba1745;
}
.freeText b.color2 {
	color: #1e52a8;
}
.freeText b.color3 {
	color: #bb7315;
}
.freeText b.color4 {
	color: #90238b;
}
.freeText img {
	width: .5rem;
	margin: -.05rem 0 0 0;
	vertical-align: middle;
}
.freeText b.color5 {
	color: #e12c00;
}
.freeText b.color6 {
	color: #90009a;
}
.freeText b.color7 {
	color: #277000;
}
.freeText b.color8 {
	color: #021cbe;
}
.freeText strong {
	display: block;
	width: 4.6rem;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: .2rem;
	line-height: .7rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-shadow: .02rem .02rem .02rem #87000b;
}
.freeText strong.bg1 {
	background-image: url(../images/title-bg1.png);
}
.freeText strong.bg2 {
	background-image: url(../images/title-bg2.png);
}
.freeText strong.bg3 {
	background-image: url(../images/title-bg3.png);
}
.freeText strong.bg4 {
	background-image: url(../images/title-bg4.png);
}
.freeText b.center {
	display: block;
	text-align: center;
}
.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: #fffaef;
	border-radius: .2rem;
}
.freePop .title {
	float: left;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	line-height: .7rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-shadow: .02rem .02rem .02rem #87000b;
}
.freePop .title.bg1 {
	background-image: url(../images/title-bg1.png);
}
.freePop .title.bg2 {
	background-image: url(../images/title-bg2.png);
}
.freePop .title.bg3 {
	background-image: url(../images/title-bg3.png);
}
.freePop .title.bg4 {
	background-image: url(../images/title-bg4.png);
}
.freePop .title.bg5 {
	background-image: url(../images/title-bg5.png);
}
.freePop .title.bg6 {
	background-image: url(../images/title-bg6.png);
}
.freePop .title.bg7 {
	background-image: url(../images/title-bg7.png);
}
.freePop .text {
	float: left;
	width: 100%;
	padding: 0 .3rem;
	margin: .3rem 0 -.15rem 0;
}
.freePop .text b {
	color: #f31c34;
}
.freePop .text.center {
	text-align: center;
}
.freePop .text.center img {
	width: 1.42rem;
}
.freePop .button {
	transform: scale(.8);
}

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


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

.resultData {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
}
.resultData li i {
	display: inline-block;
	width: 1.6rem;
}
.resultMenu {
	float: left;
	width: calc(100% + .4rem);
	margin: .5rem 0 0 -.2rem;
	max-width: 7.5rem;
	background: #fcf4e4;
}
.resultMenu.fixedNav {
	position: fixed;
	top: -.5rem;
	overflow: hidden;
	z-index: 99;
}
.resultMenu .swiper-container {
	float: left;
	width: 90%;
}
.resultMenu .swiper-container a {
	display: block;
	width: 100%;
	line-height: 1rem;
	color: #b55a01;
	font-weight: bold;
	text-align: center;
}
.resultMenu .swiper-container a.current {
	background-image: linear-gradient(#fef37d, #fec82d);
	color: #4b0830;
}
.resultMenu .you {
	float: left;
	width: 10%;
	line-height: 1rem;
	font-size: .5rem;
	color: #b55a01;
	text-align: center;
	cursor: pointer;
}

/*弹窗*/

.maskbox {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0 0 0 -.2rem;
	background: #4e4c4e;
	opacity: .85;
	max-width: 7.5rem;
	z-index: 9;
}
.menupop {
	position: fixed;
	left: 50%;
	top: 15%;
	width: 7rem;
	margin: 0 0 0 -3.5rem;
	background: #fff;
	border: solid 1px #e0af69;
	border-radius: .1rem;
	z-index: 10;
}
.menupop .title {
	float: left;
	width: 100%;
	background: #e0af69;
	padding: 0 0 0 .2rem;
	border-radius: .1rem .1rem 0 0;
	line-height: .8rem;
	color: #fff;
	font-weight: bold;
}
.menupop .title a {
	float: right;
	padding: 0 .2rem;
	font-size: .5rem;
	color: #fff;
}
.menupop .list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	float: left;
	width: 100%;
	padding: 0 .15rem .2rem .15rem;
}
.menupop .list a {
	width: 1.6rem;
	margin: .2rem 0 0 0;
	background: #fcf4e4;
	border-radius: .1rem;
	line-height: .5rem;
	color: #a37049;
	text-align: center;
}

/*弹窗*/

.resultTab {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
	background: #d9d9d9;
}
.resultTab a {
	float: left;
	width: 50%;
	line-height: .65rem;
	text-align: center;
}
.resultTab a.current {
	background: #9441a8;
	box-shadow: inset 0 0 .3rem #cb30c9;
	color: #fff000;
}
.resultPalace {
	float: left;
	width: 100%;
	margin: .2rem 0 -.1rem 0;
	font-size: .38rem;
	text-align: center;
}
.resultPalace b {
	display: block;
	width: 60%;
	padding: 0 0 .1rem 0;
	margin: 0 auto .1rem auto;
	border-bottom: .02rem solid #ffebd3;
	color: #f31c34;
}
.resultChart, .resultChart img {
	float: left;
	width: 100%;
}
.resultChart {
	margin: .3rem 0 0 0;
}
.resultTips {
	float: left;
	width: 100%;
	padding: .2rem;
	margin: .3rem 0 0 0;
	background: #ffe3c2;
	border-radius: .2rem;
	font-size: .24rem;
	color: #b55a01;
	text-align: justify;
}
.resultMonths {
	float: left;
	width: 100%;
	padding: 0 .2rem .3rem .2rem;
	margin: .35rem 0 0 0;
	background: #fffaef;
	border-radius: .2rem;
}
.resultMonths .title a{
	float: left;
	width: calc(100% + .4rem);
	padding: 0 .2rem 0 .1rem;
	margin: 0 0 0 -.2rem;
	background: #ffe3c2;
	border-radius: .2rem;
	line-height: .8rem;
	font-size: .28rem;
	color: #b55a01;
	font-weight: bold;
	cursor: pointer;
}
.resultMonths .title i {
	float: right;
	margin: .15rem 0 0 0;
	font-size: .5rem;
}
.resultMonths .box {
	float: left;
	width: 100%;
}

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


/*命盘图*/

.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;
}*/


/*命盘图*/