@charset "utf-8";
/* CSS Document */
body {
	min-width: 3.2rem;
	max-width: 7.5rem;
	margin: 0 auto !important;
	overflow-x: hidden;
	background: #fff;
	font: .32rem/1.5 "microsoft yahei", Arial, Helvetica, sans-serif;
	color: #333;
}
body, section, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, th, td, input, textarea, select, img {
	margin: 0;
	padding: 0;
	border: 0;
}
ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: lighter;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
em, i {
	display: inline-block;
	font-weight: normal;
	font-style: normal;
}
textarea, select, input {
	font-family: "Microsoft Yahei";
	font-size: .32rem;
	color: #666;
}
b {
	font-weight: bold;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover { /*color:#333; */
	text-decoration: none;
}
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], button, textarea {
	-webkit-appearance: none;
}
.cfx:after, nav.mini:after, .h:after, .hn:after, .PH:after {
	content: ' ';
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	line-height: 0;
}
* {
	box-sizing: border-box;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/**** 公共css ****/


/**** 首页 ****/
.wrapper {
	width: 100%;
	float: left;
	background: #d6f6ee;
}
.banner, .banner img {
	width: 100%;
	float: left;
}
.main {
	width: 100%;
	float: left;
	padding: .01rem .2rem .85rem .2rem;
}
.main.bg1 {
	background: url(../images/mainBg1.png) no-repeat;
	background-size: 100% 100%;
}
.main.bg2 {
	background: url(../images/mainBg2.png) no-repeat;
	background-size: 100% 100%;
	padding-bottom: .5rem;
}
.main.bg3 {
	background: url(../images/mainBg3.png) no-repeat;
	background-size: 100% 100%;
	padding-bottom: .5rem;
}
.main section:first-child {
	margin: 0;
}
.inputBox {
	width: 100%;
	float: left;
	background: url(../images/inputBg.png) no-repeat;
	background-size: 100% 100%;
	padding: .3rem;
}
.inputBox.marg5 {
	margin: .5rem 0 0 0;
}
/** 资料输入版块 **/
.forminput {
	width: 100%;
	float: left;
	margin: -.2rem 0 0 0;
}
.forminput div:last-child.forminput_hang {
	border: none;
}
.forminput_hang {
	width: 100%;
	float: left;
	border-bottom: dotted .02rem #cdccc9;
}
.forminput_hang_bt {
	width: 1.65rem;
	float: left;
	line-height: .85rem;
}
.forminput_hang_name {
	overflow: hidden;
}
.forminput_hang_name input {
	width: 100%;
	float: left;
	border: none;
	background: none;
	outline: none;
	height: .85rem;
}
.forminput_hang_radio {
	width: 2.8rem;
	float: left;
	height: .45rem;
	background: #d9d9d9;
	border-radius: .25rem;
	margin: .2rem 0 0 0;
}
.forminput_hang_radio a {
	width: 50%;
	float: left;
	line-height: .45rem;
	text-align: center;
}
.forminput_hang_radio a.current {
	background-image: linear-gradient(to right, #eb3b34 , #f37645);
	border-radius: .25rem;
	color: #fff;
}
.forminput_hang_birth {
	overflow: hidden;
	background: none;
	line-height: .85rem;
	display: block;
	cursor: pointer;
}
.forminput_hang_birth span {
	display: block;
}
/** 资料输入版块 **/
.button {
	width: 100%;
	float: left;
	padding: 0 .6rem;
	margin: .4rem 0 0 0;
}
.button a {
	width: 100%;
	float: left;
	background: url(../images/button.png) no-repeat;
	background-size: 100% 100%;
	line-height: .82rem;
	font-size: .4rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.button.zoom {
	animation: zoom 1s linear infinite alternate;
	-moz-animation: zoom 1s linear infinite alternate; /* Firefox:*/
	-webkit-animation: zoom 1s linear infinite alternate; /* Safari and Chrome:*/
	-o-animation: zoom 1s linear infinite alternate; /* Opera:*/
	margin: .1rem 0 0 0;
}
@keyframes zoom { 
    form { }
    to { 
        -ms-transform: scale(.8); /* IE 9 */
    	-webkit-transform: scale(.8); /* Safari */
    	transform: scale(.8); /* 标准语法 */
    } 
}
@-moz-keyframes zoom { /* Firefox */
    form { }
    to { 
        -ms-transform: scale(.8); /* IE 9 */
    	-webkit-transform: scale(.8); /* Safari */
    	transform: scale(.8); /* 标准语法 */
    } 
}
@-webkit-keyframes zoom { /* Safari and Chrome */
    form { }
    to { 
        -ms-transform: scale(.8); /* IE 9 */
    	-webkit-transform: scale(.8); /* Safari */
    	transform: scale(.8); /* 标准语法 */
    } 
}
@-o-keyframes zoom { /* Opera */
    form { }
    to { 
        -ms-transform: scale(.8); /* IE 9 */
    	-webkit-transform: scale(.8); /* Safari */
    	transform: scale(.8); /* 标准语法 */
    } 
}
.indexNum {
	width: 100%;
	float: left;
	font-size: .28rem;
	text-align: center;
	margin: .1rem 0 0 0;
}
.indexNum span {
	color: #f00;
}
.bigbox {
	width: 100%;
	float: left;
	margin: .75rem 0 0 0;
}
.bigbox.marg40 {
	margin: .4rem 0 0 0;
}
.bigbox .con {
	width: 100%;
	float: left;
	background: url(../images/bigMid.jpg) repeat-y;
	background-size: 100% auto;
	padding: .3rem;
}
.bigbox .con div:nth-child(2).freeTxt {
	margin: 0;
}
.picture, .picture img {
	width: 100%;
	float: left;
}
.picTitle {
	width: 100%;
	float: left;
	margin: -.95rem 0 .3rem 0;
}
.picTitle img {
	width: 100%;
	float: left;
}
.indexAbout {
	width: 100%;
	float: left;
}
.indexAbout .row {
	width: 100%;
	float: left;
	font-size: .28rem;
	margin: .2rem 0 0 0;
}
.indexAbout .row .zuo {
	width: 1.3rem;
	float: left;
	font-weight: bold;
	text-align: center;
}
.indexAbout .row:nth-child(1) .zuo, .indexAbout .row:nth-child(3) .zuo {
	background: url(../images/aboutBg1.png) no-repeat center bottom;
	background-size: 100% .15rem;
	color: #b50000;
}
.indexAbout .row:nth-child(2) .zuo, .indexAbout .row:nth-child(4) .zuo {
	background: url(../images/aboutBg2.png) no-repeat center bottom;
	background-size: 100% .15rem;
	color: #e79300;
}
.indexAbout .row .you {
	overflow: hidden;
	padding: 0 0 0 .2rem; 
	font-size: .3rem;
	text-align: justify;
}
/**** 首页 ****/


/**** 浮动按钮 ****/
.floatbtn {
	width: 100%;
	float: left;
	background: url(../images/bt_bg.png) repeat;
	padding: .1rem;
	position: fixed;
	bottom: 0;
	max-width: 7.5rem;
}
/*** 浮动按钮 ***/


/** 免费结果页 **/
.freeData {
	width: 100%;
	float: left;
}
.freeData ul li {
	width: 100%;
	float: left;
	line-height: 1.7;
}
.freeData ul li:nth-child(1), .freeData ul li:nth-child(2) {
	width: 50%;
}
.freeData ul li span {
	color: #731d00;
}
.freeData ul li em {
	width: 1.6rem;
	float: left;
	height: .54rem;
}
.freeTxt {
	width: 100%;
	float: left;
	text-align: justify;
	margin: .2rem 0 0 0;
}
.freeTxt span.color1 {
	background: url(../images/line.gif) repeat-x left bottom;
	background-size: auto .1rem;
	color: #b50000;
}
.freeTxt span.color2 {
	color: #60a9ab;
}
.freeTxt span.color3 {
	background: #b50000;
	border-radius: .2rem;
	padding: 0 .2rem;
	color: #fff;
	font-weight: bold;
}
.freeTxt span.color4 {
	color: #b50000;
}
.freeTxt span.color5 {
	color: #7900ac;
}
.freeTxt span.color6 {
	color: #d54b4b;
}
.freeTxt span.color7 {
	color: #60a9ab;
}
.freeTable {
	width: 100%;
	float: left;
	margin: .2rem 0 0 0;
}
.freeTable table {
	width: 100%;
	float: left;
	background: #fffef2;
	border-collapse: collapse;
}
.freeTable table tr td {
	border: solid 1px #d54b4b;
	padding: .1rem 0;
	line-height: 1.2;
	font-size: .3rem;
	text-align: center;
}
.freeTable table tr:first-child td {
	background: #d54b4b;
	border-color: #fffef2;
	font-size: .32rem;
	color: #fff;
}
.freeTable table tr td span {
	font-size: .24rem;
}
.freeTable table tr.current td {
	color: #d54b4b;
}
.freeTable table tr.current td span {
	color: #333;
}
.freeMohu {
	width: 100%;
	float: left;
	background: url(../images/mohu.png) no-repeat;
	background-size: 100% 100%;
	padding: .8rem 1.5rem;
	margin: .2rem 0 0 0;
}
.freeBtn {
	width: 100%;
	float: left;
}
.freeBtn a {
	width: 100%;
	float: left;
	background: #d54b4b;
	border-radius: .1rem;
	line-height: .7rem;
	font-size: .3rem;
	color: #fff;
	text-align: center;
}
.freeBtn a img {
	width: .18rem;
	vertical-align: middle;
	margin: -.05rem 0 0 0;
}
/** 免费结果页 **/


/** 收费结果页 **/
.resultTable {
	width: 100%;
	float: left;
	margin: .2rem 0 0 0;
}
.resultTable table {
	width: 100%;
	float: left;
	background: #fffef2;
	border-collapse: collapse;
}
.resultTable table tr td {
	border: solid 1px #ffe1b0;
	padding: .1rem 0;
	line-height: 1.2;
	font-size: .3rem;
	color: #481f1f;
	text-align: center;
}
.resultTable table tr:first-child td:nth-child(1) {
	background: #ffe1b0;
}
.resultTable table tr:first-child td:nth-child(2) {
	background: #7900ac;
}
.resultTable table tr:first-child td:nth-child(3) {
	background: #d54b4b;
}
.resultTable table tr:first-child td:nth-child(4) {
	background: #60a9ab;
}
.resultTable table tr:first-child td {
	color: #fff;
}
.resultTable table tr td span {
	font-size: .24rem;
	color: #535353;
}
.resultTable table tr td em {
	color: #f90404;
}
.freeChart, .freeChart img {
	width: 100%;
	float: left;
}
.resultKey {
	width: 100%;
	float: left;
	color: #b50000;
	text-align: center;
}
.resultKey span {
	background: #de1f1f;
	border-radius: .2rem;
	padding: 0 .2rem;
	color: #fff;
	display: inline-block;
	margin: .1rem 0 0 0;
}
/** 收费结果页 **/


/** 命盘图 **/
.secondChart {
	width: 100%;
	float: left;
	/*height: 5.3rem;*/
	background: #fffef2;
	border-top: solid .02rem #d65050;
	border-left: solid .02rem #d65050;
	position: relative;
}
.secondChart .box {
	width: 25%;
	float: left;
	height: 1.6rem;
	border-right: solid .02rem #d65050;
	border-bottom: solid .02rem #d65050;
	padding: .2rem 0 0 0;
}
.secondChart .box.current {
	background: #ffefc2;
}
.secondChart .box ul li {
	width: 100%;
	float: left;
	line-height: 1.4;
	text-align: center;
}
.secondChart .box ul li:nth-child(1) {
	height: .36rem;
	font-size: .26rem;
	color: #481f1f;
}
.secondChart .box ul li:nth-child(2) {
	height: .28rem;
	font-size: .2rem;
	color: #525252;
}
.secondChart .box ul li:nth-child(3) {
	height: .3rem;
	font-size: .22rem;
	margin: 0 0 .11rem 0;
}
.secondChart .box ul li:nth-child(4) span {
	width: .7rem;
	float: left;
	background: #d54b4b;
	/*border-radius: 0 .1rem .1rem 0;*/
	line-height: .34rem;
	font-size: .24rem;
	color: #fff;
}
.secondChart .data {
	width: 49.7%;
	height: 3.18rem;
	background: #fff;
	position: absolute;
	top: 1.6rem;
	left: 25%;
	padding: .62rem 0 0 0;
}
.secondChart .data .name {
	width:100%;
	float: left;
	font-size: .26rem; 
	color: #731d00; 
	font-weight: bold; 
	text-align: center;
}
.secondChart .data .name img {
	width: .34rem;
	vertical-align: middle;
	margin: -.05rem 0 0 0;
}
.secondChart .data .birth {
	width:100%;
	float: left;
	font-size: .26rem; 
	text-align: center;
}
.secondChart .data .btn {
	width:100%;
	float: left;
	padding: 0 .8rem;
	margin: .2rem 0 0 0;
}
.secondChart .data .btn a {
	width: 100%;
	float: left;
	background: #b50000;
	border-radius: .25rem;
	line-height: .55rem;
	font-size: .26rem;
	color: #fff;
	text-align: center;
}
/** 命盘图 **/
.retable { width:100%; float:left; border:solid 2px #638c0b; margin:10px 0; }		
.retable table { border-collapse:collapse; }
.retable table tr th { background:#638c0b; border-right:solid 1px #fff; line-height:60px; font-size:1.125em; text-align:center; color:#fff; }
.retable table tr td { background:#fff9e4; border:solid 1px #638c0b; padding:10px 0; line-height:30px; font-size:1em; text-align:center; font-weight:bold; }
.retable table tr td span { color:#636363; font-weight:normal; }

.resam1 { width:100%; float:left; position:relative; }
.resam1_pic { width:100%; float:left; } 
.resam1_pic img { width:100%; float:left; } 
.resam1_txt { width:100%; float:left; position:absolute; top:1%; padding:0 10px 0 50%; line-height:25px; font-size:0.875em; text-align:justify; } 
.resam1_txt span { color:#ff2285; }

.redayun { width:100%; float:left; border-bottom:dotted 2px #ccc; padding:0 0 10px 0; margin:0 0 10px 0; }
.redayun_l { width:150px; float:left; }
.redayun_l_num { width:100%; float:left; line-height:30px; font-size:1.125em; font-weight:bold; color:#cd0303; text-align:center; }
.redayun_l_quj { width:100%; float:left; background:#cd0303; line-height:20px; font-size:0.875em; color:#fff; text-align:center; }
.redayun_l_zhux { width:100%; float:left; line-height:30px; font-size:1em; font-weight:bold; margin:5px 0 0 0; }
.redayun_r { overflow:hidden; padding:0 0 0 10px; }
.redayun_r table { width:100%; border-collapse:collapse; background:#fff; border:solid 2px #93af83; }
.redayun_r table tr td { border:solid 1px #93af83; line-height:30px; font-size:0.875em; text-align:center; color:#74876a; }
.redayun_r table tr td a { color:#5a7ece; }
.redayun_r table tr td span.mgwz_bg1_jg { display:block; background:#81a921; color:#fff; font-weight:bold; }

.rekeyword { width:100%; float:left; background:url(../images/result/con2/1-2.jpg) no-repeat; background-size:100% 100%; padding:20% 0 12% 0; line-height:40px; font-size:2em; color:#cd0303; text-align:center; letter-spacing:2px; }

.retitle1 { width:100%; float:left; background:#efffc8; border-left:solid 12px #9bc100; padding:0 0 0 10px; margin:10px 0 0 0; line-height:42px; font-size:1.125em; color:#054a15; font-weight:bold; }
.reboldtxt { width:100%; float:left; line-height:30px; font-size:1em; font-weight:bold; text-align:justify; margin:5px 0 0 0; }
.retxt { width:100%; float:left; line-height:30px; font-size:1em; text-align:justify; margin:5px 0 0 0; }
.retxt b { color:#cd0303; }
.retxt p.p1 { width:auto; background:url(../images/result/con3/4-1.jpg) no-repeat left 5px; background-size:20px auto; padding:0 0 0 25px; }
.retxt p.p2 { width:auto; background:url(../images/result/con3/4-2.jpg) no-repeat left 5px; background-size:20px auto; padding:0 0 0 25px; }
.retxt p.p3 { width:auto; background:url(../images/result/con3/4-3.jpg) no-repeat left 5px; background-size:20px auto; padding:0 0 0 25px; }

.reinfo { width:100%; float:left; background:#efffc8 url(../images/result/con2/1-3.jpg) no-repeat 25px top; padding:10px; margin:10px 0 0 0; }
.reinfo_title { width:100%; float:left; line-height:30px; font-size:1.125em; font-weight:bold; text-align:center; }
.reinfo_title span { color:#cd0303; }
.reinfo_txt { width:100%; float:left; line-height:30px; font-size:1em; text-align:justify; }

.resam2 { width:100%; float:left; position:relative; }
.resam2_pic { width:100%; float:left; } 
.resam2_pic img { width:100%; float:left; } 
.resam2_txt { width:100%; float:left; position:absolute; top:1%; padding:5% 45% 0 0; line-height:30px; font-size:1em; font-weight:bold; } 

.retable2 { width:100%; float:left; border:solid 2px #ab904b; margin:10px 0; position:relative; }		
.retable2 table { border-collapse:collapse; }
.retable2 table tr th { border-right:solid 1px #fff; padding:10px 0; line-height:30px; font-size:1.125em; text-align:center; color:#fff; }
.retable2 table tr td { background:#fff9e4; border:solid 1px #ab904b; padding:10px 0; line-height:30px; font-size:1em; text-align:center; font-weight:bold; }
.retable2 table tr td span { color:#636363; font-size:1em; font-weight:normal; }
.retable2 table tr td em { color:#cd0303; font-style:normal; }

.remap {
    width:100%;
    height:0;
	float:left;
    background: url(../images/3-1.jpg) no-repeat center top;
    background-position: center top;
    background-size: cover;
	padding-bottom: 87.41%;
	position: relative;
	margin:10px 0 0 0;
}
.remap_pic {
    width: 90%;
    height: 0;
	float:left;
    background: url(../images/3-2.jpg) no-repeat center top;
    background-size: cover;
    padding-bottom: 63%;
	position:absolute;
    top: 7%;
    left: 5%;
}
#container {
    width: 56vw;
    height: 41vw;
    margin: 10.3vw 0 0 16.5vw;
}
.remap_list {
	width:100%; 
	float:left;
	}
.remap_list ul {
    width: 82%;
	float:left;
    position: absolute;
    top: 67.5%;
    left: 16.5%;
}
.remap_list li {
    float: left;
    width: 22%;
    font-size: 0.875em;
    line-height: 25px;
    color: #cd0303;
    text-align: center;
}

.remap_list li p {
    font-weight: normal;
    color: #636363;
}

.retitle2 { width:100%; float:left; background:#fffbc5; margin:10px 0 0 0; padding:5px 0; line-height:30px; font-size:1.125em; color:#cd0303; font-weight:bold; text-align:center; }
.retitle2 span { color:#333;}

.rekeyword2 { width:100%; float:left; background:url(../images/result/con4/1.jpg) no-repeat; background-size:100% 100%; padding:5% 0 8% 0; }
.rekeyword2_year { width:100%; float:left; line-height:40px; font-size:1.25em; text-align:center; font-weight:bold; }
.rekeyword2_year span { font-size:1em; color:#636363; }
.rekeyword2_key { width:100%; float:left; line-height:60px; font-size:2em; color:#cd0303; text-align:center; letter-spacing:2px; }
/** 结果页 **/


.fr_button { width:100%; float:left; padding:25px 20% 0 20%; }
.fr_button a { width:100%; height:45px; float:left; background:#f8d57f; border:solid 1px #cba445; border-radius:5px; line-height:45px; font-size:1.125em; color:#6a4f37; text-align:center; }