@charset "utf-8"; 
/* CSS Document */
body { min-width:3.2rem; max-width:7.5rem; margin:0 auto !important; background:#fff; overflow-x:hidden; font-family:"Microsoft YaHei",Helvetica; 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; line-height:1.5; font-size:.32rem; }

.banner, .banner img { width:100%; float:left; }

.main { width:100%; float:left; padding:0 .2rem .5rem .2rem; }
.main.bg1 { background:#efdec8 url(../images/mainBg1.jpg) no-repeat; background-size:100% auto; }
.main.bg2 { background:#efdec8 url(../images/mainBg2.jpg) no-repeat; background-size:100% auto; }

.indexTeach { width:100%; float:left; height:2.4rem; background:url(../images/indexBg1.png) no-repeat; background-size:100% 100%; padding:.22rem .22rem 0 1.7rem; font-size:.26rem; color:#171102; text-align:justify; }
.indexTeach span { color:#c30; }

/** 资料输入版块 **/
.forminput.margTop { margin:0 0 .3rem 0; padding-bottom:0; }

.forminput { width:100%; float:left; background:url(../images/indexBg2.png) no-repeat; background-size:100% 100%; padding:.3rem; padding-top:0; margin:.4rem 0 0 0; }
.forminput_hang { width:100%; float:left; height:1rem; border-bottom:solid .02rem #ba9696; }
.forminput_hang_bt { width:1.55rem; float:left; line-height:1rem; }
.forminput_hang_name { overflow:hidden; }
.finput { width:100%; float:left; border:none; background:none; outline:none; height:1rem; }
.forminput_hang_radio { overflow:hidden; }
.forminput_hang_radio a { width:auto; float:left; line-height:1rem; margin:0 .4rem 0 0; }
.forminput_hang_radio i { font-size:.35rem; color:#117efa; }
.forminput_hang_birth { overflow:hidden; line-height:1rem; color:#666; display:block; cursor:pointer; }
.forminput_hang_birth span { display:block; }
/** 资料输入版块 **/

.indexBtn { width:100%; float:left; margin:.3rem 0 0 0; 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:*/ }
.indexBtn img { width:100%; float:left; }
@keyframes zoom {
    form {
        -ms-transform:scale(1); /* IE 9 */
    	-webkit-transform:scale(1); /* Safari */
    	transform:scale(1); /* 标准语法 */
    }
    to {
        -ms-transform:scale(.8); /* IE 9 */
    	-webkit-transform:scale(.8); /* Safari */
    	transform:scale(.8); /* 标准语法 */
    } }
@-moz-keyframes zoom { /* Firefox */
    form {
        -ms-transform:scale(1); /* IE 9 */
    	-webkit-transform:scale(1); /* Safari */
    	transform:scale(1); /* 标准语法 */
    }
    to {
        -ms-transform:scale(.8); /* IE 9 */
    	-webkit-transform:scale(.8); /* Safari */
    	transform:scale(.8); /* 标准语法 */
    } }
@-webkit-keyframes zoom { /* Safari and Chrome */
    form {
        -ms-transform:scale(1); /* IE 9 */
    	-webkit-transform:scale(1); /* Safari */
    	transform:scale(1); /* 标准语法 */
    }
    to {
        -ms-transform:scale(.8); /* IE 9 */
    	-webkit-transform:scale(.8); /* Safari */
    	transform:scale(.8); /* 标准语法 */
    } }
@-o-keyframes zoom { /* Opera */
    form {
        -ms-transform:scale(1); /* IE 9 */
    	-webkit-transform:scale(1); /* Safari */
    	transform:scale(1); /* 标准语法 */
    }
    to {
        -ms-transform:scale(.8); /* IE 9 */
    	-webkit-transform:scale(.8); /* Safari */
    	transform:scale(.8); /* 标准语法 */
    } }

.bigbox, .bigbox .top, .bigbox .top img, .bigbox .down, .bigbox .down img { width:100%; float:left; }
.bigbox .mid { width:100%; float:left; background:url(../images/indexBg3.png) repeat-y; background-size:100% auto; padding:.3rem; }
.bigbox div:first-child.resultTable, .bigbox div:first-child.resultTitle, .bigbox div:first-child.resultPic, .bigbox div:first-child.freeMohu { margin-top:0; }

.picture, .picture img { width:100%; float:left; }

.indexList { width:100%; float:left; }
.indexList ul li { width:100%; float:left; border-bottom:solid 1px #efcdc1; padding:.2rem 0; text-align:justify; font-size:.3rem; }
.indexList ul li:last-child { border:none; }
.indexList ul li img { width:1.45rem; float:left; margin:.1rem .2rem 0 0; }
.indexList ul li span { color:#c30; }

.indexInfo { width:100%; float:left; text-align:center; }
.indexInfo span { color:#c30; }

.button { width:100%; float:left; }
.button a { width:100%; float:left; background:url(../images/button.png) no-repeat; background-size:100% 100%; line-height:1rem; color:#fff; text-align:center; text-shadow:#c85530 2px 0 0,#c85530 0 2px 0,#c85530 -2px 0 0,#c85530 0 -2px 0; }
/**** 首页 ****/


/**** 浮动按钮 ****/
.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; background:url(../images/freeBg1.png) no-repeat; background-size:100% 100%; padding:.25rem .3rem; }
.freeData ul li { width:100%; float:left; }
.freeData ul li span { padding:0 0 0 1.6rem; } 

.freeInfo { width:100%; float:left; color:#2b0a02; text-align:justify; margin:.3rem 0 0 0; }
.freeInfo span { color:#c30; }

/*姓名五行内容*/
.name_five{
    width:100%;
    float:left;
    height:5.22rem;
}
.name_five_bg{
    width:100%;
    float:left;
    height:5.22rem;
    position:relative;
}
.name_text01 ul{
    width:28%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top:26%;
    left: 16%;
}
.name_text01 li{
    float: left;
    width: 50%;
}
.name_text02 ul{
    width: 45%;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top:26%;
    right:0%;
}
.name_text02 li{
    float:left;
    width: 33.3333333%;
}
.name_text03{
    width:50%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top:8%;
    left:25%;
}
.name_text04 ul{
    width:60%;
    height: 45px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top:57%;
    left: 20%;
}
.name_text04 li{
    float: left;
    width:33.3333333334%;
    margin: 0 auto;
    text-align: center;
}
.name_text05{
    width:50%;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    bottom:12%;
    left: 25%;
    background-color: #c77c6e;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    font-size: .32rem;
    line-height: .55rem;
}
/*.name_text06{
	width:100%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom:2.5%;
	color: #460000;
	font-size: .26rem;
	line-height: .35rem;
}*/
/*姓名五行字型*/
.name_five .nam{
    width: 100%;
    height:.6rem;
    font-size: .4rem;
    line-height: .6rem;
    color: #000;
}
.name_five .nam_s{
    width: 100%;
    font-size: .3rem;
    line-height: .6rem;
    color: #000;
}
.name_five .nam_s02{
    font-size: .3rem;
    color: #999;
}
.name_five .nam_s03{
    font-size:.3rem;
    line-height:.45rem;
    color: #762200;
    font-weight: bold;
}
.name_five .nam_red{
    color: #cc0000;
}
.name_five .nam_yellow{
    color: #ffea00;
}

.nameinfo { width:100%; float:left; font-size:.3rem; color:#c30; text-align:center; margin:.1rem 0 0 0; }
/*姓名格局模板样式*/

.freePop { width:100%; float:left; background:url(../images/mohu.png); background-size:100% 100%; padding:1.4rem 0; color:#fff; text-align:center; margin:0 0 .3rem 0; }

.freeLink { width:100%; float:left; margin:.4rem 0 0 0; }
.freeLink a { width:100%; float:left; margin:0 0 .4rem 0; }
.freeLink a img { width:100%; float:left; }

.freeMohu { width:100%; float:left; background:url(../images/mohu2.png) no-repeat; background-size:100% 100%; padding:1rem .6rem; margin:.2rem 0; }
.freeMohu .pop { width:100%; float:left; background:#fef2e1; border:solid 2px #ba9696; border-radius:10px; padding:.2rem 0; font-size:.3rem; text-align:center; }
/** 免费结果页 **/


/** 收费结果页 **/
.resultTxt { width:100%; float:left; text-align:justify; }
.resultTxt span { color:#f00; }

.resultTable { width:100%; float:left; padding:0 1rem; margin:.2rem 0; }
.resultTable.margNo { margin:0; }
.resultTable table { width:100%; float:left; border-collapse:collapse; border:solid .02rem #eed5a4; }
.resultTable table tr td { border:solid .02rem #eed5a4; line-height:.55rem; text-align:center; }

.resultTitle { width:100%; float:left; background:url(../images/resultBg1.png) no-repeat center; background-size:auto 100%; line-height:.54rem; font-size:.32rem; color:#fff; text-align:center; margin:.4rem 0 .2rem 0; }

.resultPic { width:100%; float:left; margin:.4rem 0 .2rem 0; }
.resultPic img { width:1.6rem; display:block; margin:0 auto; }

.space40 { width:100%; float:left; height:.4rem; }

.resultTuij, .resultTuij .pic, .resultTuij .pic img { width:100%; float:left; }
.resultTuij .box { width:100%; float:left; background:url(../images/resultBg2.png) no-repeat; background-size:100% 100%; padding:0 .2rem .3rem .2rem; }
/** 收费结果页 **/