@charset "utf-8";

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

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

/*banner图动画*/

.indexBann {
	position: relative;
	float: left;
	width: 100%;
	height: 11rem;
	overflow: hidden;
	margin: 0 0 -.4rem 0;
}
.indexBann li:first-child {
	position: absolute;
	left: .55rem;
	top: 4.8rem;
	width: 6.4rem;
	height: 6.4rem;
	background: url(../images/plate.png) no-repeat;
	background-size: 100% 100%;
	animation: plate 15s linear infinite;
}
@keyframes plate {
	100% {
		transform: rotate(360deg);
	}
}
.indexBann li:last-child {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/headline1.png) no-repeat;
	background-size: 100% 100%;
}

/*banner图动画*/

.main {
	float: left;
	width: 100%;
	padding: 0 .2rem .5rem .2rem;
}
.button {
	float: left;
	width: 100%;
	margin: .4rem 0 0 0;
}
.bigbox .button {
	margin: .3rem 0 0 0;
}
.button a {
	position: relative;
	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 i {
	position: absolute;
	top: -.2rem;
	width: 2.3rem;
	height: .67rem;
	background: url(..//images/fuli.png) no-repeat;
	background-size: 100% 100%;
}
.button.zoom a {
	animation: btnZoom 1s linear infinite alternate;
}
@keyframes btnZoom {
	from {}
	to {
		transform: scale(.8);
	}
}
.picture, .picture img {
	float: left;
	width: 100%;
}
.indexSwiper {
	float: left;
	width: 94%;
	margin: -4.1rem 3% 0 3%;
}

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


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

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

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


/**** 输入页 ****/

.bigbox {
	float: left;
	width: 100%;
	padding: 0 .3rem .3rem .3rem;
	margin: .5rem 0 0 0;
	background: #fff;
	border-radius: .05rem;
	box-shadow: inset 0 0 .2rem #e7e5b4;
}
.picTitle {
	float: left;
	width: calc(100% + .6rem);
	margin: 0 0 0 -.3rem;
}
.picTitle img {
	display: block;
	width: 100%;
}

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

.forminput {
	float: left;
	width: 100%;
}
.forminput_hang {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
}
.forminput_hang_bt {
	float: left;
	width: 1.6rem;
	line-height: .6rem;
}
.forminput_hang_name, .forminput_hang_sex, .forminput_hang_status {
	overflow: hidden;
}
.forminput_hang_name input, .forminput_hang_status select {
	width: 100%;
	height: .6rem;
	background: #f2f2f2;
	border: .02rem solid #9d9c97;
	border-radius: .1rem;
	outline: none;
	text-indent: .1rem;
}
.forminput_hang_sex a {
	float: left;
	width: .5rem;
	height: .5rem;
	margin: .05rem .4rem 0 0;
	border: .02rem solid #9d9c97;
	border-radius: 50%;
	line-height: .46rem;
	color: #666;
	text-align: center;
}
.forminput_hang_sex a.current {
	background: #e42f2f;
	border-color: #e42f2f;
	color: #fff;
}
.forminput_hang_birth {
	overflow: hidden;
	background: #f2f2f2;
	border: .02rem solid #9d9c97;
	border-radius: .1rem;
	line-height: .56rem;
	text-indent: .1rem;
	cursor: pointer;
	color: #666;
}
.forminput_hang_birth span {
	display: block;
}

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


/**** 输入页 ****/


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

.freeData {
	display: flex;
	align-items: center;
	float: left;
	width: 100%;
	min-height: 2.12rem;
	margin: .3rem 0 0 0;
	background: url(../images/sam-data.jpg) no-repeat right center;
	background-size: 2.3rem auto;
}
.freeStar {
	float: left;
	width: 100%;
	padding: 0 3.6rem 0 0;
	margin: .3rem 0 0 0;
	background: url(../images/star-bg.png) no-repeat right center;
	background-size: 3.4rem auto;
	text-align: center;
}
.freeStar b {
	display: block;
	margin: 0 0 .2rem 0;
	border-bottom: 1px solid #9d9c97;
	line-height: .85rem;
	color: #6800c6;
}
.freeText {
	float: left;
	width: 100%;
	margin: .25rem 0 0 0;
	text-align: justify;
}
.freeText span {
	color: #e42f2f;
}
.freeText.samtotal {
	padding: 3.3rem 0 0 0;
	background: url(../images/sam-total.jpg) no-repeat center top;
	background-size: 3.3rem auto;
}
.freeText p {
	height: .2rem;
}
.freeText b {
	display: block;
	text-align: center;
}
.freeText b.color1 {
	color: #ce2828;
}
.freeText b.color2 {
	color: #2c8136;
}
.freeText b.color3 {
	color: #244cb1;
}
.freeText b.color4 {
	color: #6b36c1;
}
.freeText img {
	width: .8rem;
	margin: -.05rem 0 0 0;
	vertical-align: middle;
}
.freeText.samwork {
	display: flex;
	align-items: center;
	padding: 0 0 0 2.5rem;
	background: url(../images/sam-work.jpg) no-repeat left center;
	background-size: 2.3rem auto;
	min-height: 2.1rem;
}
.freeText.sammoney {
	display: flex;
	align-items: center;
	padding: 0 0 0 2.5rem;
	background: url(../images/sam-money.jpg) no-repeat left center;
	background-size: 2.3rem auto;
	min-height: 2.1rem;
}
.freeText.samlove {
	display: flex;
	align-items: center;
	padding: 0 0 0 2.5rem;
	background: url(../images/sam-love.jpg) no-repeat left center;
	background-size: 2.3rem auto;
	min-height: 2.1rem;
}
.freeText.sammonth {
	display: flex;
	align-items: center;
	padding: 0 0 0 2.5rem;
	background: url(../images/sam-month.jpg) no-repeat left center;
	background-size: 2.3rem auto;
	min-height: 2.1rem;
}
.freeText.samfuture {
	padding: 2.5rem 0 0 0;
	background: url(../images/sam-future.jpg) no-repeat center top;
	background-size: 2.5rem auto;
}
.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 .2rem .3rem .2rem;
	background: #fff;
	border-radius: .2rem;
	box-shadow: 0 0 .1rem #666;
}
.freePop .title {
	float: left;
	width: calc(100% + .4rem);
	margin: 0 0 0 -.2rem;
	border-radius: .2rem .2rem 0 0;
	line-height: .7rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.freePop .title.bg1 {
	background: #090;
}
.freePop .title.bg2 {
	background: #1f6cf8;
}
.freePop .title.bg3 {
	background: #00ab90;
}
.freePop .title.bg4 {
	background: #ee417b;
}
.freePop .title.bg5 {
	background: #ac3ddd;
}
.freePop .title.bg6 {
	background: #df2523;
}
.freePop .title.bg7 {
	background: #b35201;
}
.freePop .title.bg8 {
	background: #005a74;
}
.freePop .text {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
	text-align: justify;
}
.freePop .text span.color1 {
	color: #090;
}
.freePop .text span.color2 {
	color: #e42f2f;
}
.freePop .text span.color3 {
	color: #ee417b;
}
.freePop .text span.color4 {
	color: #ac3ddd;
}
.freePop .text span.color5 {
	color: #b35201;
}
.freePop .text span.color6 {
	color: #005a74;
}
.freePop .text span.bg1 {
	display: inline-block;
	padding: 0 .2rem;
	margin: .1rem 0 0 0;
	background: #1f6cf8;
	border-radius: .3rem;
	color: #fff;
}
.freePop .text span.bg2 {
	display: inline-block;
	padding: 0 .2rem;
	margin: .1rem 0 0 0;
	background: #ee417b;
	border-radius: .3rem;
	color: #fff;
}
.freePop .text span.width1 {
	display: inline-block;
	width: 1rem;
}
.freePop .text span.width2 {
	display: inline-block;
	width: .3rem;
}
.freePop .text i {
	display: inline-block;
	width: .4rem;
	border-radius: 50%;
	line-height: .4rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.freePop .text i.bg1 {
	background: #090;
}
.freePop .text i.bg2 {
	background: #00ab90;
}
.freePop .text i.bg3 {
	background: #ee417b;
}
.freePop .text p {
	padding: .2rem 0;
	margin: .2rem 0 0 0;
	background: #dfedee;
	text-align: center;
}

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


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


/*菜单*/

.resultMenu {
	float: left;
	width: calc(100% + .4rem);
	margin: .5rem 0 0 -.2rem;
	max-width: 7.5rem;
	background: #f06000;
}
.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: #fff;
	font-weight: bold;
	text-align: center;
}
.resultMenu .swiper-container a.current {
	background: #098b00;
	color: #fffc00;
}
.resultMenu .you {
	float: left;
	width: 10%;
	line-height: 1rem;
	font-size: .5rem;
	color: #fff;
	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;
}
.menupop .list a.bgnone {
	background: none;
	pointer-events: none;
}

/*弹窗*/

.resultData {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
	text-align: center;
}
.resultData b {
	color: #6800c6;
}
.resultTitle {
	float: left;
	width: 90%;
	margin: .3rem 5% 0 5%;
	border-radius: .2rem;
	line-height: .7rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.resultTitle.bg1 {
	background: #f06000;
}
.resultTitle.bg2 {
	background: #1bad67;
}
.resultTitle.bg3 {
	background: #009900;
}
.resultTitle.bg4 {
	background: #1f6cf8;
}
.resultTitle.bg5 {
	background: #00ab90;
}
.resultTitle.bg6 {
	background: #ee417b;
}
.resultTitle.bg7 {
	background: #c08300;
}
.resultTitle.bg8 {
	background: #005a74;
}
.resultTips {
	float: left;
	width: 100%;
	margin: .2rem 0 0 0;
	font-size: .26rem;
	color: #9b9b93;
	text-align: justify;
}
.resultTips a {
	padding: 0 .1rem;
	background: #e42f2f;
	border-radius: .1rem;
	color: #fff;
}
.resultSihua {
	float: left;
	width: 100%;
	margin: .2rem 0 0 0;
	background: #fefefe;
	border: 1px solid #fcdcb7;
	border-radius: .1rem;
	box-shadow: inset 0 0 .5rem #fdebd6;
}
.resultSihua dl {
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px solid #fcdcb7;
	line-height: .8rem;
	font-weight: bold;
	text-align: center;
}
.resultSihua dl:last-child {
	border: none;
}
.resultSihua dl dt, .resultSihua dl dd {
	float: left;
	width: 50%;
}
.resultSihua dl dd {
	background: #fef7f0;
	box-shadow: inset 0 0 .2rem #fcdcb7;
}
.resultSihua dl:first-child dd {
	border-radius: 0 .1rem 0 0;
}
.resultSihua dl:last-child dd {
	border-radius: 0 0 .1rem 0;
}
.resultSihua dl:nth-child(1) span {
	color: #ce2828;
}
.resultSihua dl:nth-child(2) span {
	color: #2c8136;
}
.resultSihua dl:nth-child(3) span {
	color: #244cb1;
}
.resultSihua dl:nth-child(4) span {
	color: #6b36c1;
}
.resultSihua dl::after {
	position: absolute;
	left: 50%;
	top: 50%;
	content: "►";
	margin: -.4rem 0 0 -.1rem;
}
.resultTrend {
	display: flex;
	justify-content: space-between;
	float: left;
	width: 100%;
	height: 1.7rem;
	margin: .3rem 0 0 0;
	background: url(../images/trend-bg.png) no-repeat;
	background-size: 100% 100%;
}
.resultTrend dl {
	width: 3.2rem;
	text-align: center;
}
.resultTrend dl dt {
	width: 100%;
	line-height: .65rem;
}
.resultTrend dl dd {
	width: 100%;
	line-height: 1.05rem;
	font-size: .5rem;
	color: #804c00;
	font-weight: bold;
}
.resultNote {
	float: left;
	width: 100%;
	padding: 0 .25rem .25rem .25rem;
	margin: .3rem 0 0 0;
	border-radius: .1rem;
}
.resultNote.total, .resultNote.total b {
	box-shadow: inset 0 0 .5rem #d6f2d3;
}
.resultNote.work, .resultNote.work b {
	box-shadow: inset 0 0 .5rem #e6f2f6;
}
.resultNote.money, .resultNote.money b {
	box-shadow: inset 0 0 .5rem #cdefea;
}
.resultNote.love, .resultNote.love b {
	box-shadow: inset 0 0 .5rem #f3d4de;
}
.resultNote b {
	display: block;
	width: calc(100% + .4rem);
	margin: 0 0 0 -.2rem;
	border-radius: .1rem;
	line-height: .8rem;
	text-align: center;
}
.resultWord {
	float: left;
	width: 100%;
	height: 4.3rem;
	padding: 1.5rem 1.1rem 0 3.55rem;
	margin: .2rem 0 -.3rem 0;
	background: url(../images/sam-word.jpg) no-repeat;
	background-size: 100% 100%;
	line-height: 2.25rem;
	font-size: 1rem;
	color: #e42f2f;
	font-weight: bold;
	text-align: center;
}
.resultTotal {
	display: flex;
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
	background: #f7eadb;
	border: 1px solid #f3c177;
	border-radius: .1rem;
	line-height: .8rem;
	text-align: center;
}
.resultTotal dt {
	width: 30%;
	background: #f6dcbf;
	border-right: 1px solid #f3c177;
	border-radius: .1rem;
	color: #e42f2f;
	font-weight: bold;
}
.resultTotal dd {
	width: 70%;
}
.resultTaohua {
	float: left;
	width: 100%;
	margin: .3rem 0 -.2rem 0;
	background: url(../images/taohua-bg.png) no-repeat center;
	background-size: auto 100%;
	line-height: 2.2rem;
	font-size: .5rem;
	color: #e42f2f;
	font-weight: bold;
	text-align: center;
}
.resultChart, .resultChart img {
	float: left;
	width: 100%;
}
.resultChart {
	margin: .3rem 0 0 0;
}
.resultMonths {
	float: left;
	width: 100%;
	padding: 0 .2rem .3rem .2rem;
	margin: .35rem 0 0 0;
	border-radius: .1rem;
	box-shadow: inset 0 0 .2rem #eddcba;
}
.resultMonths .title {
	float: left;
	width: calc(100% + .4rem);
	padding: 0 .2rem 0 .1rem;
	margin: 0 0 0 -.2rem;
	background: #faeed8;
	border-radius: .1rem;
	box-shadow: inset 0 0 .2rem #eddcba;
	line-height: .8rem;
	font-size: .28rem;
	font-weight: bold;
	cursor: pointer;
}
.resultMonths .title i {
	float: right;
	line-height: .8rem;
	font-size: .5rem;
}
.resultMonths .box {
	float: left;
	width: 100%;
}

/*方位图*/

.resultMap {
	position: relative;
	float: left;
	width: 100%;
	height: 0;
	padding-bottom: 70.625%;
	margin: .3rem auto 0 auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/map-bg.png);
}
.resultMap .color_bg {
	width: 27.5%;
	position: absolute;
}
.resultMap .color {
	width: 100%;
	height: 0;
	padding-bottom: 61.93181818%;
	background-repeat: no-repeat;
	background-size: cover;
}
.resultMap .luck_icon {
	width: 31%;
	height: 0;
	padding-bottom: 31%;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 2px;
	left: 35%;
}

/*方位图*/


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


/*命盘图*/

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


/*命盘图*/