@charset "utf-8";

/* CSS Document */


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

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

/*banner图动画*/

.indexBann {
	position: relative;
	float: left;
	width: 100%;
	height: 10.5rem;
	overflow: hidden;
}
.indexBann li {
	position: absolute;
	width: .7rem;
	height: 2.5rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	animation: text 2s linear infinite;
}
.indexBann li:nth-child(1) {
	left: .3rem;
	top: 3.6rem;
	background-image: url(../images/text1.png);
}
.indexBann li:nth-child(2) {
	left: 1.1rem;
	top: 4.8rem;
	background-image: url(../images/text2.png);
	animation-delay: 1s;
}
.indexBann li:nth-child(3) {
	left: 5.8rem;
	top: 5.4rem;
	background-image: url(../images/text3.png);
	animation-delay: 1.5s;
}
.indexBann li:nth-child(4) {
	left: 6.5rem;
	top: 3.4rem;
	background-image: url(../images/text4.png);
	animation-delay: 2s;
}
@keyframes text {
	0% {
		opacity: .3;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .3;
	}
}

/*banner图动画*/

.main {
	float: left;
	width: 100%;
	padding: 0 .2rem .5rem .2rem;
}
.button {
	float: left;
	width: 100%;
	margin: .4rem 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: #fff;
	font-weight: bold;
	text-align: center;
	letter-spacing: .05rem;
	text-shadow: .02rem .02rem .02rem #a36000;
}
.button.zoom a {
	animation: btnZoom 1s linear infinite alternate;
}
@keyframes btnZoom {
	from {}
	to {
		transform: scale(.8);
	}
}
.indexScroll {
	position: relative;
	float: left;
	width: 100%;
	height: 1.08rem;
	margin: .5rem 0 0 0;
	background: #110e69;
	border: 1px solid #6977f7;
	border-radius: .5rem;
	overflow: hidden;
}
.indexScroll ul {
	position: absolute;
	width: 100%;
	padding: .15rem;
}
.indexScroll ul li {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: .15rem;
	font-size: .24rem;
	color: #fff;
}
.indexScroll ul li img {
	width: .76rem;
	margin: 0 .15rem;
}
.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;
}

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


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

.bigbox {
	float: left;
	width: 100%;
	padding: 0 .3rem .3rem .3rem;
	margin: .75rem 0 0 0;
	background: #fff;
	border-radius: .2rem;
	box-shadow: inset 0 0 .3rem #8b95f1;
	color: #030950;
}
.picTitle {
	float: left;
	width: 100%;
	margin: -.25rem 0 0 0;
}
.picTitle img {
	display: block;
	width: 100%;
}

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

.forminput {
	float: left;
	width: 100%;
	margin: 0 0 -.1rem 0;
}
.forminput_hang {
	float: left;
	width: 100%;
	padding: .1rem;
	margin: .3rem 0 0 0;
	background: #f2f4ff;
	border-radius: .1rem;
}
.forminput_hang_bt {
	float: left;
	width: 1.1rem;
	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 #f16c00;
	border-radius: 50%;
	line-height: .46rem;
	color: #666;
	text-align: center;
}
.forminput_hang_sex a.current {
	background: #f16c00;
	color: #fff;
}
.forminput_hang_birth {
	overflow: hidden;
	line-height: .5rem;
	font-size: .28rem;
	color: #666;
	cursor: pointer;
}
.forminput_hang_birth span {
	display: block;
}

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


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


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

.freeBox {
	float: left;
	width: 100%;
	padding: 0 .2rem .25rem .2rem;
	margin: .3rem 0 0 0;
	background: #f2f4ff;
	border-radius: .1rem;
}
.freeText {
	float: left;
	width: 100%;
	margin: .25rem 0 0 0;
	text-align: justify;
}
.freeText b {
	color: #f16c00;
}
.freeText strong {
	font-size: .36rem;
	color: #6161ec;
}
.freeText span {
	display: inline-block;
	padding: 0 .3rem;
	border-radius: .3rem;
	font-size: .36rem;
	color: #fff;
	font-weight: bold;
}
.freeText span.bg1 {
	background: #d67eca;
}
.freeText span.bg2 {
	background: #7d8cdf;
}
.freeText span.bg3 {
	background: #e48515;
}
.freeText span.bg4 {
	background: #68b589;
}
.freeText span.bg5 {
	background: #9d82cd;
}
.freeText span.bg6 {
	background: #b5b926;
}
.freeText span.bg7 {
	background: #ee5a66;
}
.freeText b.red {
	color: #d61516;
}
.freeText b.blue {
	color: #4e79d7;
}
.freeText b.green {
	color: #7bad3f;
}

.freeText b.bcolor1 {
	color: #d61516;
}
.freeText b.bcolorh0 {
	color: #4e79d7;
}
.freeText b.bcolor-1 {
	color: #7bad3f;
}
.freeData {
	float: left;
	width: 100%;
	margin: .25rem 0 0 0;
}
.freeMohu {
	float: left;
	width: 100%;
	padding: .6rem .3rem 1rem .3rem;
	margin: .3rem 0 .1rem 0;
	background: url(../images/mohu.png) no-repeat;
	background-size: 100% 100%;
}
.freeMohu .button a {
	width: 100%;
}

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


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

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

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


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

.resultData {
	float: left;
	width: 100%;
	margin: .25rem 0 0 0;
	text-align: center;
}
.resultTitle {
	float: left;
	width: 100%;
	height: .84rem;
	padding: .1rem 0 0 0;
	margin: .2rem 0 0 0;
	background: url(../images/title-bg.png) no-repeat;
	background-size: 100% 100%;
	line-height: .7rem;
	font-size: .38rem;
	color: #824b1b;
	font-weight: bold;
	text-align: center;
	text-shadow: .02rem .02rem .02rem #fff;
}
.resultTable {
	float: left;
	width: 100%;
	margin: .3rem 0 0 0;
}
.resultTable table {
	width: 100%;
	background: #fff;
	border-collapse: collapse;
}
.resultTable table tr th, .resultTable table tr td {
	padding: .15rem 0;
	border: .02rem solid #f6d4a0;
	line-height: 1.3;
	text-align: center;
}
.resultTable table tr th {
	background: #f5e5cc;
	font-weight: normal;
}
.resultTable.ftsize table {
	font-size: .28rem;
}
.resultTable.ftsize table tr td.red {
	color: #d61516;
}
.resultTable.ftsize table tr td.blue {
	color: #4e79d7;
}
.resultTable.ftsize table tr td.green {
	color: #7bad3f;
}

.resultTable.ftsize table tr td.bcolor1 {
	color: #d61516;
}
.resultTable.ftsize table tr td.bcolorh0 {
	color: #4e79d7;
}
.resultTable.ftsize table tr td.bcolor-1 {
	color: #7bad3f;
}
.resultScore {
	float: left;
	width: 100%;
}
.resultScore dl {
	float: left;
	width: 100%;
	padding: 0 0 0 .7rem;
	margin: .2rem 0 0 0;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .6rem auto;
}
.resultScore dl:nth-child(1) {
	background-image: url(../images/jin.png);
}
.resultScore dl:nth-child(2) {
	background-image: url(../images/mu.png);
}
.resultScore dl:nth-child(3) {
	background-image: url(../images/shui.png);
}
.resultScore dl:nth-child(4) {
	background-image: url(../images/huo.png);
}
.resultScore dl:nth-child(5) {
	background-image: url(../images/tu.png);
}
.resultScore dl dt {
	float: left;
	width: 100%;
}
.resultScore dl dt span {
	float: right;
}
.resultScore dl dt span i {
	color: #f16c00;
}
.resultScore dl dd {
	float: left;
	width: 100%;
	height: .3rem;
	margin: .1rem 0 0 0;
	background: #d8cec8;
	border-radius: .3rem;
}
.resultScore dl dd span {
	float: left;
	height: .3rem;
	background: #ea7c30;
	border-radius: .3rem;
}
.resultChart, .resultChart img {
	float: left;
	width: 100%;
}
.resultHour {
	float: left;
	width: 100%;
	padding: .2rem;
	margin: .1rem 0 -.1rem 0;
	background: url(../images/hour-bg.png) no-repeat;
	background-size: 100% 100%;
}
.resultHour li {
	float: right;
	width: 14%;
	text-align: center;
}
.resultHour li img {
	display: block;
	width: 100%;
}

/**** 结果页 ****/
#gexing_radar_box{
    position: relative;
    width: 4.9rem;
    height: 4.9rem;
    margin: 0.3rem auto;
}
#gexing_radar_box .circle{
    position: absolute;
    width: 0.9rem;
    height: 0.9rem;
    text-align: center;
    line-height: 1.4;
    border-radius: 50%;
    color: #000000;
    z-index: 20;
    font-size: .26rem;
    padding: .06rem .1rem;
}
#gexing_radar_box .circle.gexing_A1{
    background-color: #e17d7c;
    top: -0.35rem;
    left: 2.05rem;
}
#gexing_radar_box .circle.gexing_A2{
    background-color: #fec17b;
    top: 0.1rem;
    left: 0.6rem;
}
#gexing_radar_box .circle.gexing_A3{
    background-color: #e17d7c;
    top: 1.3rem;
    left: -0.22rem;
}
#gexing_radar_box .circle.gexing_A4{
    background-color: #fec17b;
    bottom: 1.22rem;
    left: -0.22rem;
}
#gexing_radar_box .circle.gexing_A5{
    background-color: #e17d7c;
    bottom: 0.12rem;
    left: 0.58rem;
}
#gexing_radar_box .circle.gexing_A6{
    background-color: #fec17b;
    bottom: -0.35rem;
    left: 2.05rem;
}
#gexing_radar_box .circle.gexing_A7{
    background-color: #e17d7c;
    bottom: 0.12rem;
    right: 0.58rem;
}
#gexing_radar_box .circle.gexing_A8{
    background-color: #fec17b;
    bottom: 1.22rem;
    right: -0.22rem;
}
#gexing_radar_box .circle.gexing_A9{
    background-color: #e17d7c;
    top: 1.3rem;
    right: -0.22rem;
}
#gexing_radar_box .circle.gexing_A10{
    background-color: #fec17b;
    top: 0.1rem;
    right: 0.6rem;
}