@charset "utf-8"; 
/* CSS Document */
body { min-width:320px; max-width:700px; 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; }

.indexBann { width:100%; float:left; height:6.15rem; background:url(../images/banner1.jpg) no-repeat; background-size:100% 100%; padding:1rem 0 0 0; }
.indexBann .text { width:100%; float:left; padding:0 0 0 2.75rem; }
.indexBann .text ul li { width:1.25rem; float:left; animation:move 2s linear infinite alternate; -moz-animation:move 2s linear infinite alternate; /* Firefox:*/ -webkit-animation:move 2s linear infinite alternate; /* Safari and Chrome:*/ -o-animation:move 2s linear infinite alternate; /* Opera:*/ }
.indexBann .text ul li img { width:100%; float:left; }
.indexBann .text ul li:nth-child(2) { margin:.1rem 0 0 -.25rem; animation-name:move2; }
.indexBann .text ul li:nth-child(3) { margin:0 0 0 -.25rem; }
@keyframes move {
    form {
        -ms-transform:translateY(0px); /* IE 9 */
    	-webkit-transform:translateY(0px); /* Safari */
    	transform:translateY(0px); /* 标准语法 */
    }
    to {
        -ms-transform:translateY(-.1rem); /* IE 9 */
    	-webkit-transform:translateY(-.1rem); /* Safari */
    	transform:scaletranslateY(-.1rem); /* 标准语法 */
    } }
@-moz-keyframes move { /* Firefox */
    form {
        -ms-transform:translateY(0px); /* IE 9 */
    	-webkit-transform:translateY(0px); /* Safari */
    	transform:translateY(0px); /* 标准语法 */
    }
    to {
        -ms-transform:translateY(-.1rem); /* IE 9 */
    	-webkit-transform:translateY(-.1rem); /* Safari */
    	transform:scaletranslateY(-.1rem); /* 标准语法 */
    } }
@-webkit-keyframes move { /* Safari and Chrome */
    form {
        -ms-transform:translateY(0px); /* IE 9 */
    	-webkit-transform:translateY(0px); /* Safari */
    	transform:translateY(0px); /* 标准语法 */
    }
    to {
        -ms-transform:translateY(-.1rem); /* IE 9 */
    	-webkit-transform:translateY(-.1rem); /* Safari */
    	transform:scaletranslateY(-.1rem); /* 标准语法 */
    } }
@-o-keyframes move { /* Opera */
    form {
        -ms-transform:translateY(0px); /* IE 9 */
    	-webkit-transform:translateY(0px); /* Safari */
    	transform:translateY(0px); /* 标准语法 */
    }
    to {
        -ms-transform:translateY(-.1rem); /* IE 9 */
    	-webkit-transform:translateY(-.1rem); /* Safari */
    	transform:scaletranslateY(-.1rem); /* 标准语法 */
    } }
@keyframes move2 {
    form {
        -ms-transform:translateY(0px); /* IE 9 */
    	-webkit-transform:translateY(0px); /* Safari */
    	transform:translateY(0px); /* 标准语法 */
    }
    to {
        -ms-transform:translateY(.1rem); /* IE 9 */
    	-webkit-transform:translateY(.1rem); /* Safari */
    	transform:scaletranslateY(.1rem); /* 标准语法 */
    } }
@-moz-keyframes move2 { /* Firefox */
    form {
        -ms-transform:translateY(0px); /* IE 9 */
    	-webkit-transform:translateY(0px); /* Safari */
    	transform:translateY(0px); /* 标准语法 */
    }
    to {
        -ms-transform:translateY(.1rem); /* IE 9 */
    	-webkit-transform:translateY(.1rem); /* Safari */
    	transform:scaletranslateY(.1rem); /* 标准语法 */
    } }
@-webkit-keyframes move2 { /* Safari and Chrome */
    form {
        -ms-transform:translateY(0px); /* IE 9 */
    	-webkit-transform:translateY(0px); /* Safari */
    	transform:translateY(0px); /* 标准语法 */
    }
    to {
        -ms-transform:translateY(.1rem); /* IE 9 */
    	-webkit-transform:translateY(.1rem); /* Safari */
    	transform:scaletranslateY(.1rem); /* 标准语法 */
    } }
@-o-keyframes move2 { /* Opera */
    form {
        -ms-transform:translateY(0px); /* IE 9 */
    	-webkit-transform:translateY(0px); /* Safari */
    	transform:translateY(0px); /* 标准语法 */
    }
    to {
        -ms-transform:translateY(.1rem); /* IE 9 */
    	-webkit-transform:translateY(.1rem); /* Safari */
    	transform:scaletranslateY(.1rem); /* 标准语法 */
    } }
.indexBann .icon { width:100%; float:left; margin:1.2rem 0 0 0; }
.indexBann .icon ul li { width:.4rem; float:left; animation:loom 2s linear infinite alternate; -moz-animation:loom 2s linear infinite alternate; /* Firefox:*/ -webkit-animation:loom 2s linear infinite alternate; /* Safari and Chrome:*/ -o-animation:loom 2s linear infinite alternate; /* Opera:*/ }
.indexBann .icon ul li img { width:100%; float:left; }
.indexBann .icon ul li:nth-child(1) { margin:0 0 0 1.1rem; }
.indexBann .icon ul li:nth-child(2) { margin:.65rem 0 0 1rem; }
.indexBann .icon ul li:nth-child(3) { margin:.15rem 0 0 3.1rem; }
@keyframes loom {
    form {
         opacity:1;
    }
    to {
         opacity:0.1;
    } }
@-moz-keyframes loom { /* Firefox */
    form {
         opacity:1;
    }
    to {
         opacity:0.1;
    } }
@-webkit-keyframes loom { /* Safari and Chrome */
    form {
         opacity:1;
    }
    to {
         opacity:0.1;
    } }
@-o-keyframes loom { /* Opera */
    form {
         opacity:1;
    }
    to {
         opacity:0.1;
    } }

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

/** 资料输入版块 **/
.forminput { width:100%; float:left; background:#fff; border-radius:.1rem; padding:.3rem; padding-top:0; margin:.4rem 0 0 0; }
.forminput.marg0 { margin:0; }
.forminput_hang { width:100%; float:left; height:1rem; border-bottom:solid .02rem #ee8b93; }
.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:1rem; float:left; height:.4rem; border:solid .02rem #fe84b5; border-radius:.25rem; line-height:.35rem; color:#fe84b5; text-align:center; margin:.3rem .4rem 0 0; }
.forminput_hang_radio a.current { background:#fe84b5; color:#fff; }
.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); /* 标准语法 */
    }
}

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

.bigbox { width:100%; float:left; background:#fbe3eb; border-radius:.1rem; padding:.3rem; }
.bigbox.whiteBg { background:#fff; }
.bigbox.blueBg { background:#111f3a; }
.bigbox div:first-child.resultTxt { margin-top:0; }

.indexInfo { width:100%; float:left; background:url(../images/indexBg1.png) no-repeat; background-size:100% 100%; padding:.2rem .3rem; text-align:justify; }

.button { width:100%; float:left; margin:.3rem 0 0 0; }
.button a { width:100%; float:left; background:url(../images/button.png) no-repeat; background-size:100% 100%; line-height:1rem; color:#fff; font-weight:bold; text-align:center; }
/**** 首页 ****/


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


/** 收费结果页 **/
.resultData { width:100%; float:left; background:#fff; border-radius:.1rem; padding:.25rem .3rem; margin:0 0 .4rem 0; }

.resultTxt { width:100%; float:left; text-align:justify; margin:.3rem 0 0 0; }
.resultTxt span.color1 { color:#dd1616; }
.resultTxt span.color2 { color:#f25462; }
.resultTxt span.color3 { color:#ff7e00; }

.resultRune { width:100%; float:left; height:4.58rem; background:url(../images/resultBg1.png) no-repeat; background-size:100% 100%; padding:.11rem .95rem 0 .95rem; }
.resultRune ul:nth-child(1) { width:100%; float:left; padding:0 1rem 0 1.05rem; }
.resultRune ul:nth-child(2) { width:100%; float:left; padding:0 .6rem 0 .53rem; margin:.6rem 0 0 0; }
.resultRune ul:nth-child(3) { width:100%; float:left; padding:0 1rem 0 1.05rem; margin:.44rem 0 0 0; }
.resultRune ul li { width:.72rem; height:.9rem; padding:0 0 .1rem 0; }
.resultRune ul li:nth-child(odd) { float:left; }
.resultRune ul li:nth-child(even) { float:right; }
.resultRune ul li img { height:100%; display:block; margin:0 auto; }

.resultKey { width:100%; float:left; height:1.95rem; background:url(../images/resultBg2.png) no-repeat; background-size:100% 100%; padding:.5rem 1.58rem 0 2rem; }
.resultKey .pic { width:.72rem; height:.9rem; float:left; }
.resultKey .pic img { width:100%; float:left; } 
.resultKey .txt { overflow:hidden; padding:0 0 0 .75rem; font-weight:bold; text-align:center; margin:-.04rem 0 0 0; }

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

.resultTips { width:100%; float:left; color:#ff7e00; text-align:justify; margin:.3rem 0 0 0; }

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

.resultMind { width:100%; float:left; border:solid .02rem #ffd43f; background:#fff4f4; }
.resultMind .top, .resultMind .top img { width:100%; float:left; }
.resultMind .list { width:100%; float:left; padding:.2rem; }
.resultMind .list a { width:100%; float:left; background:#fff; border:solid .02rem #e88585; padding:0 .1rem; line-height:.85rem; margin:.1rem 0; }
.resultMind .list a span { width:.88rem; float:right; background:#ffcc66; border-radius:.35rem; line-height:.4rem; color:#fff; text-align:center; margin:.2rem 0 0 0; }
/** 收费结果页 **/


/** 免费结果页 **/
.freeMohu { width:100%; float:left; background:url(../images/mohu2.png) no-repeat; background-size:100% 100%; padding:.8rem .5rem; min-height:2.6rem; margin:.3rem 0; }
.freeMohu.marg0 { margin:0; }
.freeMohu .pop { width:100%; float:left; background:#f3d5d9; border-radius:.2rem; padding:.2rem .3rem; text-align:center; }
/** 免费结果页 **/


/** 中间过程页 **/
.stepInfo { width:100%; float:left; background:url(../images/stepBg.png) no-repeat; background-size:100% 100%; padding:.2rem .3rem; text-align:justify; margin:0 0 .3rem 0; }

.stepSix { width:100%; float:left; background:#203660; box-shadow:2px 5px 30px #06577c inset; border-radius:.1rem; padding:.2rem .01rem; margin:0 0 .3rem 0; }
.stepSix ul li { width:.78rem; float:left; height:1.06rem; background:url(../images/runebg.png) no-repeat; background-size:100% 100%; margin:0 .15rem; }
.stepSix ul li:nth-child(1) { background:none; }
.stepSix ul li img { width:100%; float:left; }
/** 中间过程页 **/