@charset "gb2312";
/* CSS Document */
body { min-width:320px;	max-width:640px; margin:0 auto !important; background:#fff; 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; }
b { font-weight:bold; }
a { text-decoration:none;color:#333; }

input[type="text"],input[type="password"],input[type="button"],input[type="submit"],button,textarea,select {font-family:"Microsoft YaHei",Helvetica;}
select {border-color: rgb(169, 169, 169);border-width: 1px;border-style: solid;}
.cfx:after,nav.mini:after,.h:after,.hn:after,.PH:after { content:' '; clear:both; display:block; height:0; visibility:hidden; line-height:0; }
.fl { float:left; }
.fr { float:right; }
.left {float: left;}
.auto, .clear::after {overflow: hidden;}

/* header */
.fn-clear{zoom:1;}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

.page-header{width:100%;height:30px;line-height:30px;background:url(topbg.gif) repeat-x; }
.page-header .logo_s1{width:90px;float:left;margin:8px 0 0 5px;}
.page-header .logo-img{vertical-align:top;width:100%;height:100%;}

.nav_s1{float:right;overflow-y:hidden;margin: 8px 5px 0 0;}
.nav_s1 .item{height:30px;float:left;font-size:14px;padding:0 2px;position:relative;}
.nav_s1 .item.on:after{content:'';width:0.52rem;height:0.03rem;background:#FFF;position:absolute;left:50%;bottom:0.15rem;margin-left:-0.26rem;border-radius:0.02rem;}
.nav_s1 .item-search,.nav_s1 .item-menu{float:left;width:20px;font-size:0;}
.nav_s1 .item-search{background:url(nav_yh.png) no-repeat center center;background-size:16px 16px;padding: 1px;height:30px;}
.nav_s1 .item-menu{background: url(nav_img.png) no-repeat center center;background-size: 16px 16px;padding: 1px;height: 30px;}
.nav_s1 .item-menu .line{position:absolute;left:50%;top:50%;width:0.3rem;height:0.03rem;background:#a42af9;border-radius:0.02rem;margin-left:-0.15rem;margin-top:-0.02rem;-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;}
.nav_s1 .item-menu .line:nth-child(1){margin-top:-0.15rem;}
.nav_s1 .item-menu .line:nth-child(3){margin-top:0.11rem;}
/* header end */



/**** 头部 ****/
.arthead {width: 100%; box-shadow:0px 0px 2px #a633f7;  overflow:hidden; zoom:1; background:url(topbg.gif) repeat-x; }
.lonav{  float:left; width:96%;padding:15px 2% 5px 2%; }
.logowz{ width:50%; float:left; height:40px;}
.loo{float:right;margin-top:7px;}
.lef{float:left}
.leimu{margin-left:5px; line-height: 50px;font-size:18px; color:rgba(10, 10, 10, 0.56); font-weight:bold; margin-top:2px;  float:left}
/**** 头部 ****/

.indwrap { width:100%; float:left;}

/**** 导航 ****/
.nav{ background:url(nav_bg.png) repeat-x; padding: 11px 2%; width:96%;float:left;font-size:18px;line-height:28px; margin-bottom:5px;display: block;}
.nav a{color:#fff;text-decoration:none;display: block;}
.nav ul li{width:16.5%; float:left;text-align:center;}
.nav a:hover{font-weight:900;}

.jmlist{ width:99%; float:left; line-height:35px; border-bottom:2px solid #a42af9;background:#efefef; padding:5px 0px 0px 5px;overflow:hidden; zoom:1; font-size:16px;}
.jmlist a{font-size:16px;}

/**** 导航 ****/

/*导航二*/
.nav2{ background:url(nav_bg.png) repeat-x; padding: 11px 1.5%; width: 96.8%;float:left;font-size:16px;line-height:28px; height:59px;display: block;}
.nav2 a{color:#fff;text-decoration:none;display: block;}
.nav2 ul li{width:25%; float:left;text-align:center;}
.nav2 a:hover{font-weight:900;}

/*导航二 end*/

/*测算框*/
.title {border-bottom: 1px solid #d3c0d3;color: #333;height: 35px;margin: 0px 5% 15px 5%;}
    
.title h2 {color:#9c31d5;font-size: 20px;font-weight:bold;margin-top: 10px;text-align: center;}
.cpdesc{text-align:left;font-size:16px;padding:0 2%;}
.cptj{text-align:left;color:#9c31d5;font-weight:bold;font-size:16px;padding-right:5px;}
/*测算切换title*/
.pub_t {width:100%;font-size:16px;box-sizing: border-box;float: left;line-height:30px;background:url(tit_nav.jpg) no-repeat;background-size:100% 100%;overflow: hidden;zoom: 1;text-align:center;}
.pub_t ul li a {color:#FFF;padding: 0 1%;}
/*测算切换title end*/
.taohua_personal {width: 98%;padding: 0 1%;float: left;overflow: hidden;zoom: 1;}
.public_form_wrap .auto, .public_tab li {position: relative;}
.public_form_wrap .sex span {display: block;float: left;padding-top: 10px;width: 70px;}

.public_form_wrap .radio {width: 100%;background-repeat: no-repeat;background-position: right center;background-size: 20px; font-size: 16px;}
input[type=radio] {-webkit-appearance:checkbox;width:15px;height:15px;vertical-align:middle;margin-top:-2px;margin-bottom:1px;}

.public_form_wrap .sex i {border-color: #5c5c5c;}
.public_form_wrap .sex i {display: block;float: left;width: 14px;height: 14px;border: 1px solid #e969c6;border-top-color: #e969c6;border-right-color:#e969c6;border-bottom-color:#e969c6;border-left-color:#e969c6;background-color: #fff;border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%; -moz-border-radius: 50%;-webkit-border-radius: 50%;}
.public_form_wrap .sex font {display: block;height: 20px;line-height: 20px;overflow: hidden;padding-left: 10px;color: #898989;}
.public_form_wrap .auto input {display: block;height: 40px;padding: 5px 30px 5px 0;box-sizing: border-box;}
.public_form_wrap .sex span.cur i {background-color: #a61222;border-color: #a61222;}
.public_form_wrap .sex span.cur i {background: url(/statics/ffsm/public/images/icon_suo_dagou.png) center center no-repeat #6cb333;background-color: rgb(108, 179, 51);background-size: auto auto;background-size: 16px auto;}
.public_form_wrap {margin:10px 10px 0}
.public_form_wrap ul {border: 1px solid #d3c0d3;border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff}
.public_form_wrap li {height:40px;line-height:40px;border-bottom:1px solid #d3c0d3;padding-right:5px;}
.public_form_wrap .auto .sel,.public_form_wrap .auto input,.public_form_wrap .auto input {color:#898989;width:100%;border:0;background-image:url('icon_right.png');background-repeat:no-repeat;background-position:right center;background-size:20px;font-size:16px}
.public_form_wrap .left {color: #3e0b6b;background:#f9f7ff;margin-right:10px;padding:0 5px;font-size: 16px;padding-left: 70px;}
.public_form_wrap .checkbox {width:100%;padding:5px 0;background-image:url('icon_right.png');background-repeat:no-repeat;background-position:right center;background-size:20px;font-size:16px}


.btnbg {background: url(btnbg.jpg) center;border: 0;height: 25px;color: #FFF;border: 1px solid #a72dfa;border-radius: 3px;width: 80px;background: -webkit-gradient(radial,50% 0%,0,50% 0%,120,from(#c26ffc),to(#8e0ae9));}
.jt input {cursor: pointer;width: 96%;height: 40px;font-size: 18px;display: block;color: rgb(255, 255, 255);font-family: 微软雅黑;border-radius: 4px;background:#964fdb;margin: 10px auto;}

.jt01 input {cursor: pointer;width: 44.6%;height: 40px;font-size: 18px;display: block;color: rgb(255, 255, 255);font-family: 微软雅黑;border-radius: 4px;background: #964fdb;margin: 10px;float: left;}

.public_form_wrap li span {position: absolute;left: 5px;top:34%;width: 60px;height: 60px;background-image: url(icon_head.png);background-size: 60px auto;background-repeat: no-repeat;text-indent: -9999px;margin-top: -30px;}
.ifb_girl {background-position: 0 -60px;}	

/*** 测算框模板二***/
.public_form_wrap .lefts {color: #3e0b6b;background:#f9f7ff;margin-right:10px;padding:0 5px;font-size: 16px;padding-left:10px;float: left;}
.public_form_wrap .rights {color: #3e0b6b;background:#f9f7ff;margin-right:10px;padding:0 5px;font-size: 16px;float: left;}
.public_form_wrap .autos {width:20%;font-size:16px;float:left;}
.ztys{font-size:16px;float:left;padding-left:10px;}
.ztys input {margin-right:5px;}

/*** 测算框模板二 ***/
	
/*测算框 end*/

.indwkuang { width:100%; float:left; background:#fff;}

/**** title ****/
.intitle {width:98%;float:left;height: .72rem;padding:0 1%;border-bottom:solid 1px #ddd;}
.intitle em {width:auto;float:left;padding: 0 .2rem;line-height: .72rem;font-size:20px;position: relative; color:#9c31d5;}
.intitle em::after{content: '';height: .35rem;width: .06rem;display: inline-block;position: absolute;background: #964fdb;left: 0;top: .17rem; color:#9c31d5;}
.intitle em a {color:#9c31d5;}

.intitle i {color: #999;float: right;font-size:16px;line-height: 0.72rem;padding: 0 0.2rem;position: relative;width: auto;}
.intitle_span {color:#9c31d5;}

.intitle_txta { width:auto; float:right; }
.intitle_txta a {width:auto;float:left;padding: 0 .1rem;line-height:.72rem;font-size: .29rem;color:#999;}

.intitle_tab { width:auto; float:right; }
.intitle_tab a {width:auto;height: .72rem;float:left;padding: 0 .3rem;line-height: .72rem;font-size: .3rem;color:#666;}
.intitle_tab a.hover { border:solid 1px #ff99c9; border-bottom:none; color:#ff99c9; background:#fff; }

.intitle_red {color: red;}

/**** title ****/

.intitle_b{width:98%;float:left;height:40px;padding:0 1%;border-bottom:solid 1px #ddd;}
.intitle_b em {width:auto;float:left;padding: 0 .2rem;line-height:40px;font-size:20px;position: relative; color:#9c31d5;}
.intitle_b em a {margin-left:2px;color:#9c31d5;}
.intitle_b em::after {content: '';height:18px;width:2px;padding: 0 1px;right:4px;top:12px;display: inline-block;position: absolute;background: #964fdb;left: 0;color:#9c31d5;}
.intitle_b i {color: #999;float: right;font-size: 16px;line-height:40px;padding: 0 0.2rem;position: relative;width: auto;}



/*大师测算*/
.public_title_list {position: relative;}
.public_tl_box {border-bottom: 1px solid #e8e8e8;background-color: #fff;position: relative;height: 40px;line-height: 40px;display: block;padding: 0 40px 0 10px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;color: #222;font-size: 16px;}
.public_tl_box:before {content: "";position: absolute;right: 0;top: 0;width: 40px;height: 40px;background: url(next.png) center no-repeat;-webkit-background-size: 20% 20%;}


.public_tl_boxwz li {padding-left: 5px;border-bottom: 1px solid #e8e8e8;position: relative;height: 40px;line-height: 40px;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 40px 0 10px;}


.public_tl_boxwz li a{padding-left:5px;overflow: hidden;font-size: 16px;}
.public_tl_boxwz li a:before {content: "";position: absolute;right: 0;top: 0;width: 40px;height: 40px;background: url(next.png) center no-repeat;-webkit-background-size: 20% 20%;}

/**** 金牌算命 ****/
.inhotcsbox { width:98%; float:left; padding:1%; }

.inhotcslist { width:100%; float:left;font-size: 0; }
.inhotcslist a{float: left;position: relative;}
.inhotcslist a:nth-child(1) img {width: 3.18rem;padding:0 .04rem 0 .14rem;}
.inhotcslist a:last-child img { width: 3.18rem;padding:0 .14rem 0 .04rem;}
.inhotcslist a:last-child {float: right;position: relative;}

.inhotcsprod4 {width:100%;float:left;margin: .3rem 0 0 0;}
.inhotcsprod4 a {width:20%;float:left;line-height: .4rem;font-size: .29rem;text-align:center;}
.inhotcsprod4 a img { width:1.06rem; }
.inhotcsprod4 a span{font-size: .22rem;color: #999;}
/**** 金牌算命 ****/

/**** 热门算命 ****/
.inhotcsprod3 {width:100%;float:left;margin: .3rem 0 0 0;}
.inhotcsprod3 a {width:25%;float:left;line-height: .4rem;font-size: .29rem;text-align:center;margin:.2rem 0;}
.inhotcsprod3 a img { width:1.06rem; }
.inhotcsprod3 a span{font-size: .22rem;color: #999;}
/**** 热门算命 ****/

/*热门测算*/
.title_nr1 {position: relative;font-size: 16px;border-top: 1px solid #e8e8e8;padding: 12px 4px;background: #fff;}
.title_nr1 ul{position: relative;overflow: hidden;}
.title_nr1 ul li {display: block;width:25%;float: left;margin-top: 6px;}
.title_nr1 ul li a {display: block;margin: 0 2px;border: 1px solid #f6f6f6;background: #f6f6f6;line-height: 40px;height: 40px;text-align: center;color: #000;overflow: hidden;}
/*热门测算 end*/

/*八字算命*/
.title_nr {position: relative;font-size: .22rem;border-top: 1px solid #e8e8e8;padding: 12px 10px;background: #fff;}
.title_nr ul{position: relative;overflow: hidden;}
.title_nr ul li {display: block;width: 25%;float: left;margin-top: 6px;}
.title_nr ul li a {display: block;margin: 0 2px;border: 1px solid #f6f6f6;background: #f6f6f6;line-height: 40px;height: 40px;text-align: center;color: #000;overflow: hidden;}

.title_nr2 {position: relative;font-size:16px;border-top: 1px solid #e8e8e8;padding: 12px 10px;background: #fff;}
.title_nr2 ul{position: relative;overflow: hidden;}
.title_nr2 ul li {display: block;width: 33.3%;float: left;margin-top: 6px;}
.title_nr2 ul li a {display: block;margin: 0 2px;border: 1px solid #f6f6f6;background: #f6f6f6;line-height: 40px;height: 40px;text-align: center;color: #000;overflow: hidden;}

/*八字算命 end*/

/**** 尾部分类 ****/
.app_fee_top1 li {float: left;text-align: center;width: 21%;padding: 8px 2% 8px 2%;-webkit-border-radius: 5px;z-index: 1;}
.app_fee_top1 li a {display: block;height: 47px;text-align: center;line-height: 20px;font-size:16px;ackground-color: #a42af9;-webkit-border-radius: 5px;padding-top: 10px;background: -webkit-gradient(radial,50% 0%,0,50% 0%,120,from(#a42af9),to(#c675ff));color: #fff;font-family: Arial, Helvetica, sans-serif;}
a:hover {filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}
/**** 尾部分类 ****/

/**** 尾部 ****/
.nav_footer {background: #cc3399 none repeat scroll 0 0;display: table;height: 70px;margin-bottom: 12px;width: 100%;}
.nav_footer li {float: left;font-size: 16px;line-height: 30px;text-align: center;width: 25%;}
.nav_footer li a {color: #fff;}
.footer {background: #f5f6f8 none repeat scroll 0 0;border-bottom: 1px solid #d8d9de;border-top: 1px solid #d8d9de;box-shadow: 0 1px 0 #fff inset;font-size: 16px;overflow: hidden;padding-top: 10px;text-align: center;}
.footer .linkico {display: inline-block;font-size: 16px;margin: 0 8px;}
.footer A:hover {text-decoration: underline;}

.slk_box {padding:0px 10px;}
.slk_box td{ border-bottom:1px dashed #833b00}
.conbg{ padding-left:5px; padding-right:5px; padding-top:15px; padding-bottom:10px; line-height:180%; clear:both;font-size:14px;white-space: normal; }
.xifeng{background:#999900; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; height:3px;}

/**** 尾部 ****/


.csk_bnt {line-height: 0.5rem;margin-bottom: 10px;text-align: center;}
.csk_bnt input {background: #964fdb none repeat scroll 0 0;border-radius: 5px;color: #fff;cursor: pointer;height: 35px;padding: 3px 25px;}

.qhbox {font-size: 16px;margin: 5% 5% 0;position: relative;width: 90%;}
.csk_bnt {line-height: 0.5rem;margin-bottom: 10px;text-align: center;}
.csk_bnt input {background: #964fdb none repeat scroll 0 0;border-radius: 5px;color: #fff;cursor: pointer;height: 35px;padding: 3px 25px;}

.qiehuan_bnt {font-size: 16px;margin: 5px;overflow: hidden;padding: 5px;}
.qiehuan_bnt input {background: #964fdb none repeat scroll 0 0;border: 1px solid #964fdb;color: #f9f7ff;font-size: 15px;font-weight: bold;padding: 5px;}

.public_form_wrap .lefts1 {background: #f9f7ff none repeat scroll 0 0;color: #3e0b6b;float: left;font-size: 16px;margin-right: 5px;padding: 0 5px 0 3px;}

.content h3 {font-weight:bold;font-size: 18px;}
.content h3 i {border-left: 4px solid #C33;padding-right:10px;}
.content span {color: #F33;font-size: 14px;}
.eyetbody{text-align:left;padding:10px 10px;color:#000;font-size: 16px;}
.public_form_wrap1 {margin: 10px 10px 0;border: 1px solid #d3c0d3;}


/*热门专题*/
.hyh_bnt_txt3 {width: 98%;margin: 0 2%;overflow: hidden;display: block;}
.hyh_bnt_txt3 ul li {width: 48%;float: left;font-size: 16px;}
.hyh_bnt_txt3 ul li a {padding: 2%;display: block;}
.hyh_bnt_txt3 ul li a p {font-weight: bold;}
/*热门专题 end*/

/*答疑解惑*/
.answer_question .list {margin: 0 1%;}
.answer_question .title{font-size: 16px;margin-bottom:0.3rem;font-weight:bold;}
.answer_question .title a {float: right;color: #999;font-size: 16px;}
.answer_question .item{display:block;font-size: 16px;height:35px;line-height:35px;padding-left:0.2rem;position:relative;overflow:hidden;}
.answer_question .item a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 35px;width: 75%;float: left;}
.answer_question .item span {font-size: 16px;color: #999999;line-height: 35px;width: 20%;float: right;}
.answer_question .item span .iconfont{width: 0.36rem;height: 0.18rem;}

.item-mores {padding:0.16rem;font-size:0.16rem;color: #999;text-align: center;background: #f9f9f9;}

.ul_list2 {margin: 0;width: 100%;}
.ul_list2 li{border-bottom: 1px dotted #cecece;height: auto;max-height: 100px;min-height: 70px;overflow: hidden;padding: 12px 2% 8px;position: relative; display: inline-block;}
.ul_list2 li img{float: left;margin-right: 10px;width:2rem;}
.ul_list2 li a {overflow: hidden;display: grid;line-height: .36rem;}
.ul_list2 li a span {font-weight: bold;font-size: 0.28rem;}
.ul_list2 li a p {color: #8b8b8b;font-size: .24rem;}

.open_txt {height: 150px;line-height: 200px;position: relative;margin-top: -80px;background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.4) 5%,#fff 100%);}
.readmore_text {text-align:center;display:block;margin-bottom: 0.25rem;margin-top:-0.01rem;color: #9c31d5;padding: 0.1rem;}

/*换一换模块*/
.hyh_bnt_box {width:98%;float:left;height:.55rem;line-height:.6rem;padding:0 1%;border-bottom:solid 1px #ddd;margin-bottom:10px;}
.hyh_bnt_box em {line-height: .6rem;font-size:16px;position: relative;color: #9c31d5;font-weight: bold;}
.hyh_bnt_box em::after{color:#9c31d5;}
.hyh_bnt_box strong,.hyh_bnt_box a {font-weight: bold;color: #9c31d5;font-size: 18px;}
.hyh_bnt_box i {float: right;color: #999;font-size:16px;line-height: 0.6rem;position: relative;width: auto;}

.hyh_bnt_txt {width:98%;margin: 0 2% 5% 2%;overflow: hidden;display:block;}
.hyh_bnt_txt ul li {width:46%;float:left;margin:0 1% 1% 1%;font-size:14px;border:solid 1px #ddd;text-align:center;}
.hyh_bnt_txt ul li a {padding:2%;display: block;}

.hyh_bnt_txt2 {width:98%;margin: 0 2% 5% 2%;overflow: hidden;display:block;}
.hyh_bnt_txt2 ul li {width:98%;float:left;margin:0 1% 1% 1%;font-size:14px;border-bottom:solid 1px #ddd;}
.hyh_bnt_txt2 ul li a {padding:2%;display: block;}

.hyh_bnt_txt3 {width:98%;margin: 0 2% 5% 2%;overflow: hidden;display:block;}
.hyh_bnt_txt3 ul li {width:48%;float:left;font-size:14px;border-bottom:solid 1px #ddd;text-align: center;}
.hyh_bnt_txt3 ul li a {padding:2%;display: block;}
.hyh_bnt_txt3 ul li a p {text-align:center;font-weight: bold;}

/*换一换模块 end*/