@charset "utf-8";

/* CSS Document */

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

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

/*banner图动画*/

.indexBann {
	position: relative;
	float: left;
	width: 100%;
	height: 9.4rem;
	overflow: hidden;
	margin: 0 0 -.2rem 0;
}
.indexBann ul.plate {
	position: absolute;
	left: 0;
	top: 1.5rem;
	width: 4.4rem;
	height: 4.4rem;
	background: url(../images/plate.png) no-repeat;
	background-size: 100% 100%;
}
.indexBann ul.text li {
	position: absolute;
	width: 1.1rem;
	height: 1.1rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.indexBann ul.text li:nth-child(1) {
	left: 1.65rem;
	top: 1.5rem;
	background-image: url(../images/text1.png);
}
.indexBann ul.text li:nth-child(2) {
	left: 3.15rem;
	top: 2.35rem;
	background-image: url(../images/text2.png);
}
.indexBann ul.text li:nth-child(3) {
	left: 3.15rem;
	top: 3.9rem;
	background-image: url(../images/text3.png);
}
.indexBann ul.text li:nth-child(4) {
	left: 1.65rem;
	top: 4.8rem;
	background-image: url(../images/text4.png);
}
.indexBann ul.text li:nth-child(5) {
	left: .15rem;
	top: 3.9rem;
	background-image: url(../images/text5.png);
}
.indexBann ul.text li:nth-child(6) {
	left: .15rem;
	top: 2.35rem;
	background-image: url(../images/text6.png);
}
.indexBann ul.liudao li {
	position: absolute;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0;
}
.indexBann ul.liudao li:nth-child(1) {
	left: -.2rem;
	top: 1.2rem;
	width: 4.7rem;
	height: 5.6rem;
	background-image: url(../images/fodao.png);
}
.indexBann ul.liudao li:nth-child(2) {
	left: .5rem;
	top: 1.4rem;
	width: 3.4rem;
	height: 5.7rem;
	background-image: url(../images/xiandao.png);
}
.indexBann ul.liudao li:nth-child(3) {
	left: -.2rem;
	top: 1.7rem;
	width: 4.4rem;
	height: 5.3rem;
	background-image: url(../images/rendao.png);
}
.indexBann ul.liudao li:nth-child(4) {
	left: -.55rem;
	top: 1.7rem;
	width: 4.4rem;
	height: 5.5rem;
	background-image: url(../images/xiuluo.png);
}
.indexBann ul.liudao li:nth-child(5) {
	left: -.45rem;
	top: 1rem;
	width: 5rem;
	height: 5.6rem;
	background-image: url(../images/guidao.png);
}
.indexBann ul.liudao li:nth-child(6) {
	left: .3rem;
	top: 2rem;
	width: 4.2rem;
	height: 4.6rem;
	background-image: url(../images/chudao.png);
}
.indexBann ul.liudao li.show {
	animation: liudao 1s linear forwards;
}
@keyframes liudao {
	50% {
		opacity: 1;
		transform: scale(1.3);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}

/*banner图动画*/

.main {
	float: left;
	width: 100%;
	padding: 0 .2rem .5rem .2rem;
}
.bigbox {
	float: left;
	width: 100%;
	margin: .7rem 0 0 0;
	color: #813d00;
}
.bigbox.marg50 {
	margin: .5rem 0 0 0;
}
.bigbox .top {
	float: left;
	width: 100%;
	height: 1rem;
	background: url(../images/big-top.png) no-repeat;
	background-size: 100% 100%;
}
.bigbox .down {
	float: left;
	width: 100%;
	height: .5rem;
	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%;
}
.bigbox .mid .con {
	position: relative;
	float: left;
	width: 100%;
	margin: -.5rem 0 0 0;
}

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

.forminput {
	float: left;
	width: 100%;
	margin: -.3rem 0 0 0;
}
.forminput_hang {
	float: left;
	width: 100%;
	padding: .1rem;
	margin: .3rem 0 0 0;
	background: #fff;
	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 #f12807;
	border-radius: 50%;
	line-height: .46rem;
	text-align: center;
}
.forminput_hang_sex a.current {
	background: #f12807;
	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;
}
.button a {
	display: block;
	width: 5.8rem;
	margin: 0 auto;
}
.button a img {
	display: block;
	width: 100%;
}
.button.zoom a {
	animation: btnZoom 1.5s linear infinite alternate;
}
@keyframes btnZoom {
	from {}
	to {
		transform: scale(.8);
	}
}
.indexBook {
	position: relative;
	float: left;
	width: 100%;
	height: 14.65rem;
	background: url(../images/img01.png) no-repeat;
	background-size: 100% 100%;
}
.indexBook li:first-child {
	position: absolute;
	left: .2rem;
	top: 11.3rem;
	width: 2.3rem;
	height: 2.1rem;
	background: url(../images/book-img.png) no-repeat;
	background-size: 100% 100%;
	animation: bookMove 3s linear infinite;
}
.indexBook li:last-child {
	position: absolute;
	left: 2.2rem;
	top: 11.4rem;
	width: 4.6rem;
	height: 2.2rem;
	background: url(../images/book-text.png) no-repeat;
	background-size: 100% 100%;
}
@keyframes bookMove {
	50% {
		transform: translateY(.2rem);
	}
	100% {
		transform: translateY(0);
	}
}
.indexMing {
	position: relative;
	float: left;
	width: 100%;
	height: 21rem;
	background: url(../images/img02.png) no-repeat;
	background-size: 100% 100%;
}
.indexMing li {
	position: absolute;
	left: .16rem;
	top: 1.7rem;
	width: 6.78rem;
	height: 9.54rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	opacity: 0;
	animation: mingShow 10s linear infinite;
}
.indexMing li:first-child {
	background-image: url(../images/jiming.png);
}
.indexMing li:last-child {
	background-image: url(../images/lieming.png);
	animation-delay: 5s;
}
@keyframes mingShow {
	5%, 45% {
		opacity: 1;
	}
	50%, 100% {
		opacity: 0;
	}
}
.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% + .25rem);
	margin: -.8rem 0 -.1rem -.13rem;
}
.picTitle img {
	display: block;
	width: 100%;
}
.freeData {
	float: left;
	width: 100%;
	padding: .3rem .5rem .5rem .6rem;
	margin: .2rem 0 0 0;
	background: url(../images/data-bg.png) no-repeat;
	background-size: 100% 100%;
	font-size: .28rem;
}
.freeData:first-child {
	margin: 0;
}
.freeData span {
	display: block;
	text-align: center;
}
.freeData i {
	width: 1.4rem;
}
.freeSishi {
	position: relative;
	float: left;
	width: 100%;
	height: 6rem;
	margin: .1rem 0 0 0;
	background: url(../images/sishi-bg.png) no-repeat;
	background-size: 100% 100%;
}
.freeSishi li {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.4rem;
	height: 1.4rem;
	line-height: 1.3;
	font-size: .38rem;
	color: #fff;
	text-align: center;
}
.freeSishi li:nth-child(1) {
	left: 4.6rem;
	top: 2.5rem;
}
.freeSishi li:nth-child(2) {
	left: 2.55rem;
	top: 4.5rem;
}
.freeSishi li:nth-child(3) {
	left: .55rem;
	top: 2.5rem;
}
.freeSishi li:nth-child(4) {
	left: 2.55rem;
	top: .2rem;
}
.freeTable {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
}
.freeTable table {
	width: 100%;
	background: #fff8e7;
	border-collapse: collapse;
}
.freeTable table tr th, .freeTable table tr td {
	padding: .15rem 0;
	border: .02rem solid #eebf76;
	line-height: 1.3;
	text-align: center;
}
.freeTable table tr th {
	background: #f7e2c3;
	font-weight: normal;
}
.freeTable table tr span {
	color: #f12807;
}
.freeTable.ftsize table {
	font-size: .28rem;
}
.freeTable.ftsize table tr td.red {
	color: #d61516;
}
.freeTable.ftsize table tr td.blue {
	color: #4e79d7;
}
.freeTable.ftsize table tr td.green {
	color: #7bad3f;
}
.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 .3rem 0;
	background: #fff8e7;
	border-radius: .2rem;
}
.freePop .title {
	float: left;
	width: 80%;
	margin: 0 10%;
	border-radius: 0 0 .2rem .2rem;
	line-height: .7rem;
	font-size: .36rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.freePop .title.bg1 {
	background: #cb5f09;
}
.freePop .title.bg2 {
	background: #1255c5;
}
.freePop .title.bg3 {
	background: #b6161d;
}
.freePop .title.bg4 {
	background: #0a8c7b;
}
.freePop .title.bg5 {
	background: #745c04;
}
.freePop .title.bg6 {
	background: #8250bd;
}
.freePop .text {
	float: left;
	width: 100%;
	padding: 0 .3rem;
	margin: .3rem 0 -.15rem 0;
}
.freePop .text span {
	color: #f12807;
}
.freePop .button a {
	width: 82%;
}

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


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

.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 -.4rem 0;
}
.popClose a {
	float: right;
	width: .66rem;
	height: .66rem;
	background: url(../images/close.png) no-repeat;
	background-size: 100% 100%;
}

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


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

.resultBox {
	float: left;
	width: 100%;
	padding: 0 .2rem .3rem .2rem;
	margin: .3rem 0 0 0;
	background: #fff8e7;
	border-radius: .2rem;
}
.resultBox:first-child {
	margin: 0;
}
.resultTitle {
	float: left;
	width: 80%;
	margin: 0 10%;
	border-radius: 0 0 .2rem .2rem;
	line-height: .7rem;
	font-size: .36rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.resultTitle.bg1 {
	background: #cb5f09;
}
.resultTitle.bg2 {
	background: #1255c5;
}
.resultTitle.bg3 {
	background: #b6161d;
}
.resultTitle.bg4 {
	background: #0a8c7b;
}
.resultTitle.bg5 {
	background: #745c04;
}
.resultTitle.bg6 {
	background: #8250bd;
}
.resultTitle.bg7 {
	background: #af50bd;
}
.resultText {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
	text-align: justify;
}
.resultText span {
	color: #f12807;
}
.resultText img {
	display: block;
	width: 1.6rem;
	margin: 0 auto;
}
.resultText b.red {
	color: #d61516;
}
.resultText b.blue {
	color: #4e79d7;
}
.resultText b.green {
	color: #7bad3f;
}
.resultMonths {
	float: left;
	width: 100%;
	padding: 0 .2rem .3rem .2rem;
	margin: .3rem 0 0 0;
	background: #fff;
	border: .02rem solid #eebf76;
	border-radius: .1rem;
}
.resultMonths .title {
	float: left;
	width: calc(100% + .4rem);
	padding: 0 .1rem 0 0;
	margin: 0 0 0 -.2rem;
	background: #f7e2c3;
	border-bottom: .02rem solid #fecd70;
	border-radiua: .1rem .1rem 0 0;
	line-height: .7rem;
	font-size: .26rem;
	color: #7e3200;
	font-weight: bold;
	cursor: pointer;
}
.resultMonths .title i {
	float: right;
	line-height: .7rem;
	font-size: .5rem;
}
.resultMonths .box {
	float: left;
	width: 100%;
}

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