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

.wrapper {
	float: left;
	width: 100%;
	padding: 1px .3rem .5rem .3rem;
	background: url(../images/wrap-bg.jpg) no-repeat;
	background-size: 100% 100%;
}
.indexSwitch {
	position: relative;
	float: left;
	width: 100%;
	/*height: 10.85rem;*/
	height: 9.05rem;
	margin: .5rem 0 0 0;
	background: url(../images/img01.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
.indexSwitch li {
	position: absolute;
	left: .35rem;
	top: 1.7rem;
	width: 6.2rem;
	height: 6.92rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: none;
}
.indexSwitch li:nth-child(1) {
	background-image: url(../images/switch01.png);
	display: list-item;
}
.indexSwitch li:nth-child(2) {
	background-image: url(../images/switch02.png);
}
.indexSwitch li:nth-child(3) {
	background-image: url(../images/switch03.png);
}
.indexSwitch li:nth-child(4) {
	background-image: url(../images/switch04.png);
}
.indexSwitch li:nth-child(5) {
	background-image: url(../images/switch05.png);
}
.indexSwitch li:nth-child(6) {
	background-image: url(../images/switch06.png);
}
.bigbox {
	float: left;
	width: 100%;
	margin: 1rem 0 0 0;
}
.bigbox .top {
	float: left;
	width: 100%;
	height: .66rem;
	background: url(../images/big-top.png) no-repeat;
	background-size: 100% 100%;
}
.bigbox .down {
	float: left;
	width: 100%;
	height: .66rem;
	background: url(../images/big-down.png) no-repeat;
	background-size: 100% 100%;
}
.bigbox .mid {
	float: left;
	width: 100%;
	padding: .02rem .35rem;
	margin: -.02rem 0;
	background: url(../images/big-mid.png) no-repeat;
	background-size: 100% 100%;
}
.picTitle {
	float: left;
	width: calc(100% + .7rem);
	margin: -1.3rem 0 0 -.35rem;
}
.picTitle img {
	display: block;
	width: 100%;
}
.picTitle.click {
	position: relative;
}
.picTitle.click a {
	position: absolute;
	right: .8rem;
	top: .6rem;
	width: 1.25rem;
	height: .35rem;
	background: url(../images/click.png) no-repeat;
	background-size: 100% 100%;
}
.indexClass {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	float: left;
	width: 100%;
}
.indexClass a {
	width: 1.8rem;
	height: 1.8rem;
	margin: .3rem 0 0 0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.indexClass a:nth-child(1) {
	background-image: url(../images/jishi1/01.png);
}
.indexClass a:nth-child(2) {
	background-image: url(../images/jishi1/02.png);
}
.indexClass a:nth-child(3) {
	background-image: url(../images/jishi1/03.png);
}
.indexClass a:nth-child(4) {
	background-image: url(../images/jishi1/04.png);
}
.indexClass a:nth-child(5) {
	background-image: url(../images/jishi1/05.png);
}
.indexClass a:nth-child(6) {
	background-image: url(../images/jishi1/06.png);
}
.indexClass a:nth-child(7) {
	background-image: url(../images/jishi1/07.png);
}
.indexClass a:nth-child(8) {
	background-image: url(../images/jishi1/08.png);
}
.indexClass a:nth-child(9) {
	background-image: url(../images/jishi1/09.png);
}
.indexClass a:nth-child(10) {
	background-image: url(../images/jishi1/10.png);
}
.indexClass a:nth-child(11) {
	background-image: url(../images/jishi1/11.png);
}
.indexClass a:nth-child(12) {
	background-image: url(../images/jishi1/12.png);
}
.indexClass a:nth-child(1).click {
	background-image: url(../images/jishi2/01.png);
}
.indexClass a:nth-child(2).click {
	background-image: url(../images/jishi2/02.png);
}
.indexClass a:nth-child(3).click {
	background-image: url(../images/jishi2/03.png);
}
.indexClass a:nth-child(4).click {
	background-image: url(../images/jishi2/04.png);
}
.indexClass a:nth-child(5).click {
	background-image: url(../images/jishi2/05.png);
}
.indexClass a:nth-child(6).click {
	background-image: url(../images/jishi2/06.png);
}
.indexClass a:nth-child(7).click {
	background-image: url(../images/jishi2/07.png);
}
.indexClass a:nth-child(8).click {
	background-image: url(../images/jishi2/08.png);
}
.indexClass a:nth-child(9).click {
	background-image: url(../images/jishi2/09.png);
}
.indexClass a:nth-child(10).click {
	background-image: url(../images/jishi2/10.png);
}
.indexClass a:nth-child(11).click {
	background-image: url(../images/jishi2/11.png);
}
.indexClass a:nth-child(12).click {
	background-image: url(../images/jishi2/12.png);
}
.picture, .picture img {
	float: left;
	width: 100%;
}
.button {
	float: left;
	width: 100%;
	margin: .4rem 0 0 0;
}
.button a {
	display: block;
	width: 6.2rem;
	height: .9rem;
	margin: 0 auto;
	background: url(../images/btn-bg.png) no-repeat;
	background-size: 100% 100%;
	line-height: .8rem;
	font-size: .4rem;
	font-weight: bold;
	color: #fff6e1;
	text-align: center;
	text-shadow: .02rem .02rem .02rem #4e0902;
}

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


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

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

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


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

.indexInput {
	float: left;
	width: 100%;
	margin: .1rem 0 0 0;
}
.indexInput .row {
	display: flex;
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
	background: #fff;
	border: .02rem solid #e0b4ac;
	border-radius: .1rem;
	color: #552308;
}
.indexInput .row .left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 1.5rem;
	background: #fef2f2;
	border-right: .02rem solid #e0b4ac;
	border-radius: .1rem 0 0 .1rem;
	text-align: center;
}
.indexInput .row .left i {
	font-size: .4rem;
	color: #a23b29;
	font-weight: bold;
}
.indexInput .row .right {
	width: calc(100% - 1.5rem);
}
.indexInput .row .name {
	float: left;
	width: 100%;
	border-bottom: .02rem solid #e0b4ac;
}
.indexInput .row .name input {
	float: left;
	width: 100%;
	height: .7rem;
	text-indent: .2rem;
}
.indexInput .row .name input::-webkit-input-placeholder {
	color: #552308;
}
.indexInput .row .birth {
	float: left;
	width: 100%;
	background: url(../images/calendar.png) no-repeat right .2rem center;
	background-size: .28rem auto;
	line-height: .7rem;
	cursor: pointer;
	text-indent: .2rem;
}
.indexInput .row .birth span {
	display: block;
}
.indexInput .row .time {
	float: left;
	width: 100%;
	background: url(../images/pull-down.png) no-repeat right .2rem center;
	background-size: .28rem auto;
}
.indexInput .row .time select {
	float: left;
	width: 100%;
	height: .7rem;
	text-indent: .2rem;
}
.indexInput .row .sex {
	border-bottom: .02rem solid #e0b4ac;
}

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


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

.popMask {
	position: fixed;
	top: 0;
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	max-width: 7.5rem;
	padding: 0 .3rem;
	margin: 0 0 0 -.3rem;
	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%;
}

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


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

.freeBox {
	float: left;
	width: 100%;
	padding: .23rem;
	margin: .3rem 0 0 0;
	background: #fff;
	border: .02rem solid #efe3c9;
	border-radius: .15rem;
}
.freeData {
	float: left;
	width: 100%;
	color: #552308;
}
.freeData.marg30 {
	margin: .3rem 0 0 0;
}
.freeData dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	float: left;
	width: 100%;
}
.freeData dl:last-child {
	margin: .2rem 0 0 0;
}
.freeData dl dt {
	width: 1rem;
	text-align: center;
}
.freeData dl dt img {
	display: block;
	width: .8rem;
	margin: 0 auto;
}
.freeData dl dd {
	width: calc(100% - 1.2rem);
}
.freeTitle {
	float: left;
	width: 90%;
	margin: .3rem 5% 0 5%;
	background: #a23b29;
	border-radius: .1rem;
	line-height: .55rem;
	color: #fff;
	text-align: center;
}
.freeTitle:first-child {
	margin-top: .1rem;
}
.freeTitle span {
	color: #ffe8bc;
}
.freeDays {
	float: left;
	width: 100%;
	margin: .25rem 0 -.05rem 0;
	color: #552308;
	text-align: center;
}
.freeDays span {
	color: #a23b29;
}
.freeMohu {
	float: left;
	width: 100%;
	padding: .3rem;
	margin: .3rem 0 0 0;
	background: url(../images/mohu.png) no-repeat;
	background-size: 100% 100%;
}
.freeMohu.bg2 {
	padding: 2rem .3rem .5rem .3rem;
	background: url(../images/mohu2.png) no-repeat;
	background-size: 100% 100%;
}
.freePop {
	float: left;
	width: 100%;
	padding: .3rem;
	background: #fef2f2;
	border: .02rem solid #e0b4ac;
	border-radius: .1rem;
	color: #552308;
}
.freePop span {
	color: #a23b29;
}
.freePop.center {
	text-align: center;
}
.freeText {
	float: left;
	width: 100%;
	margin: .25rem 0 0 0;
	text-align: justify;
}
.freeText:first-child, .freeText p:first-child {
	margin: 0;
}
.freeText.center {
	text-align: center;
}
.freeText span {
	color: #a23b29;
}
.freeText p {
	margin: .15rem 0 0 0;
}

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


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

.resultTable {
	float: left;
	width: 100%;
	padding: .18rem;
	margin: .25rem 0 0 0;
	background: url(../images/table-bg.png) no-repeat;
	background-size: 100% 100%;
}
.resultTable table {
	width: 100%;
	border-collapse: collapse;
}
.resultTable table tr th, .resultTable table tr td {
	padding: .15rem 0;
	border: .02rem solid #f9b989;
	line-height: 1.2;
	text-align: center;
}
.resultTable table tr th {
	font-weight: normal;
}
.resultTable table tr td {
	color: #a23b29;
}
.resultTable table tr th span {
	display: inline-block;
	width: .4rem;
	background: #a23b29;
	border-radius: 50%;
	line-height: .4rem;
	color: #fffbf4;
	text-align: center;
}
.resultTable table tr th span:last-child {
	margin: 0 0 0 -.05rem;
}
.resultTips {
	float: left;
	width: 100%;
	margin: .25rem 0 0 0;
	color: #a6a6a6;
	text-align: justify;
}
.resultTips span {
	color: #a23b29;
}
.resultLine {
	float: left;
	width: 100%;
	height: 1px;
	margin: .3rem 0 0 0;
	background: #efe3c9;
}
.resultOnly {
	float: left;
	width: 100%;
	margin: .2rem 0 0 0;
	color: #b3b3b3;
	cursor: pointer;
}
.resultMonth {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
	background-color: #fef2f2;
	background-image: url(../images/month-right.png);
	background-repeat: no-repeat;
	background-position: right .1rem center;
	background-size: .35rem auto;
	border: .02rem solid #e0b4ac;
	border-radius: .1rem;
	line-height: .6rem;
	color: #a23b29;
	text-align: center;
	cursor: pointer;
}
.resultMonth.click {
	background-image: url(../images/month-down.png);
}
.resultDate {
	display: flex;
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
	background: #fff;
	border: .02rem solid #e0b4ac;
	border-radius: .1rem;
}
.resultDate dt {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 1.5rem;
	background: #fef2f2;
	border-right: .02rem solid #e0b4ac;
	border-radius: .1rem 0 0 .1rem;
	font-size: .24rem;
	color: #552308;
	text-align: center;
}
.resultDate dt em {
	position: absolute;
	left: -.02rem;
	top: -.02rem;
	width: 1.1rem;
	background: #da3611;
	border-radius: .1rem 0 .1rem 0;
	line-height: .4rem;
	font-size: .24rem;
	color: #fff;
	text-align: center;
}
.resultDate dt span {
	display: block;
	margin: .1rem 0;
	font-size: .28rem;
	color: #a23b29;
}
.resultDate dt a {
	display: block;
	width: 80%;
	margin: .3rem auto 0 auto;
	background: #fff;
	border-radius: .2rem;
	color: #552308;
}
.resultDate dd {
	width: calc(100% - 1.5rem);
	padding: .2rem;
	font-size: .26rem;
}
.resultDate dd p {
	text-align: justify;
}
.resultDate dd p span {
	color: #552308;
}
.resultDate dd p em {
	color: #a23b29;
}
.resultDate dd ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 0 .2rem 0;
	margin: .2rem 0;
	border-bottom: 1px solid #e6e6e6;
}
.resultDate dd ul li {
	width: 33.33%;
}

/*方位图*/

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

/*方位图*/


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


/**** 详情页 ****/

.detailsHead {
	position: relative;
	float: left;
	width: calc(100% + .6rem);
	margin: 0 0 -.5rem -.3rem;
	background: url(../images/head-bg.png) no-repeat;
	background-size: 100% 100%;
	line-height: 1rem;
	font-size: .4rem;
	font-weight: bold;
	color: #ffe8bc;
	text-align: center;
}
.detailsHead a {
	position: absolute;
	display: block;
	width: 1rem;
	background: url(../images/arrow-left.png) no-repeat center;
	background-size: .3rem auto;
}
.detailsDate {
	float: left;
	width: 100%;
	margin: -.1rem 0 0 0;
	text-align: center;
}
.detailsDate b {
	font-size: .6rem;
	color: #a23b29;
}
.detailsDate span {
	color: #a23b29;
}

/**** 详情页 ****/