@charset "gb2312";
/* CSS Document */
body{font-family:"-apple-system-font", "Helvetica Neue", "Helvetica", "sans-serif";font-size:0.3rem;background-color:#f5f5f5;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0.05);}
body,dl,dd,p,form,h1,h2,h3,h4,h5,h6{margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul{margin:0;padding:0;list-style-type:none;}
em,i{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a{color:inherit;text-decoration:none;outline:none;}
img{border:0;}
input,select,button,textarea{font-size:inherit;color:inherit;}
input, textarea {outline: 0;}
input[type="text"],input[type="password"],input[type="button"],input[type="submit"],button,textarea,select {font-family:"Microsoft YaHei",Helvetica;}
input[type="radio" i] {-webkit-appearance: radio;box-sizing: border-box;}
.red { color: #ff0e0d!important;}
.red-dark {color: #b00a0b!important;}
.green {color: #04b504!important;}
.blue { color: #0027ce!important;}
.purple { color: #6c00aa!important;}
html,body{height:100%;}
.page{position:relative;width:100%;min-width:320px;height:100%;max-width:750px;margin:0 auto;-webkit-overflow-scrolling:touch;}
.btn:active{outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);}


/* 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:1rem;line-height:1rem;background:#ef4c4d;}
.page-header .logo{width:2.6rem;height:0.8rem;float:left;margin:0.1rem 0 0 0.1rem;}
.page-header .logo-img{vertical-align:top;width:100%;height:100%;}
.page-header i {padding:0 0.08rem;float: left; color: #FFFFFF}
.lo_tit {font-weight: 200;margin-top: 0.01rem;float: left;height: 0.8rem;padding: 0 0.04rem; color: #FFFFFF; font-size: .3rem}
.nav{float:right;height:1rem;max-width:5.5rem;overflow-y:hidden;}
.nav .item{height:1rem;float:left;font-size:0.28rem;padding:0 0.05rem;color:#FFF;position:relative;font-weight:bold;}
.nav .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 .item-search,.nav .item-menu{float:left;width:0.68rem;height:1rem;font-size:0;}
.nav .item-search{background:url(nav_yh.jpg) no-repeat center center;background-size:0.35rem 0.35rem;}
.nav .item-menu{background:url(nav_img.png) no-repeat center center;background-size:0.35rem 0.35rem;}


/* TOP导航 */
.TOP_nav_box01 {overflow: hidden;background: #FFF;text-align: center;}
.TOP_nav_box01 ul{padding: 0 0.15rem;line-height: 0.6rem;}
.TOP_nav_box01 ul li {position: relative;font-size: 0.33rem;color: #ef4c4d;min-width:25%;float:left;font-weight:bold;}
.TOP_nav_box01 ul li a:hover{color:#ef4c4d;}
.TOPnav_txt01::before {content: '';width: 1px;height: 0.28rem;background: #e0e0e0;position: absolute;right: 0;top: 50%;margin-top: -0.14rem;}
.TOPnav_txt02::before {content: '';position: absolute;right: 0;top: 50%;margin-top: -0.14rem;}

/*导航2*/
.public_route {max-width:750px;font-size:0.28rem;height:0.72rem;padding: 0 10px 0 40px;background-color: #f4f4f4;}
.public_r_home {position: absolute;left: 0;width:0.72rem;height:0.72rem;background: url(home.png) center no-repeat;background-size:0.5rem;border-right: 1px solid #b8b8b8;}
.public_r_right {overflow: hidden;position:absolute;left: 0.7rem;}
.public_r_right a {display: block;float: left;height:0.72rem;line-height:0.72rem;position: relative;padding: 0 10px;color: #686868;margin-right: 5px;}
.public_r_right a::before {content: "";position: absolute;width: 5px;height:0.72rem;top: 0;right: -5px;background: url(next.png) center no-repeat;background-size: auto;-webkit-background-size: 5px auto;-moz-background-size: 5px auto;-o-background-size: 5px auto;background-size: 5px auto;}
.public_r_right a:last-child {overflow: hidden;}
/*导航2 end*/

/* TOP导航 end */

/*测算框*/
.public_form_wrap {margin: 8px 5px 0;}
.public_form_wrap ul {border: 1px solid #ffe4c8;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:.8rem;line-height:.8rem;border-bottom: 1px solid #ffe4c8;padding-right: 5px; padding-left:.1rem}
.public_form_wrap .lefts {color: #f91718;margin-right: 10px;font-size:0.37rem;padding-left:0.1rem;float: left;}
.public_form_wrap .rights {color: #f91718;margin-right:0.1rem;padding: 0 10px;font-size:0.37rem;float: left;}
.public_form_wrap .autos {width: 23.5%;font-size:0.3rem;float: left;}
.public_form_wrap .radio {width: 100%;background-repeat: no-repeat;background-position: right center;background-size: 20px;font-size:0.32rem;}
.public_form_wrap .auto input {width:4.5rem;height:0.55rem;padding:0.01rem 0.64rem 0.01rem 0.1rem;box-sizing:border-box;font-size:0.3rem;}

.csk_bnt {text-align:center;margin-bottom:10px;line-height:.5rem;margin-top:.2rem;font-size:0.32rem;}
.cs_bnt1 {cursor: pointer;background: #a22325;color: #ffffff;height: .7rem;font-weight: bold; border-width: 0;width: 2.5rem;margin-right: .1rem;border-radius: .5rem;}
.cs_bnt2 { cursor: pointer;background: #ffc600; color: #7b4d12; padding: 3px 25px; height: .7rem;font-weight: bold; border-width: 0; width: 2.5rem;border-radius: .5rem;}
/* 测算框 end */

/*标题部分*/
.indwkuang {/* [disabled]width:100%; */background: #fff;margin-bottom: 0.2rem; position:relative}
.intitle {width:50%;float:left;height: .72rem;padding:0 0; padding-top:.1rem}
.intitle em {width:auto;float:left;padding:0 .25rem;line-height: .52rem;font-size: .32rem;position: relative;font-weight:bold; background: #ff4e28; border-bottom-right-radius:.5rem; border-top-right-radius:.5rem; color:#FFF}
.intitle a {float:right;color:#fff;line-height: .56rem; margin-right:.3rem; font-size:.3rem}
.intitle i{float:right;color:#fff;line-height: .56rem;  font-size:.3rem; color:#ff4e28;margin-right:.3rem;}
/*标题部分 end*/


/*趣味测试*/
.bbqmdq_boxs li {position: relative;height:.6rem;line-height: .6rem;font-size:.3rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 .4rem 0 .2rem;}
.bbqmdq_boxs li a{padding-left:.2rem;overflow: hidden;font-size:.3rem;}
.bbqmdq_l {padding-left:0.2rem;background:url('/phoneapp/image_sy/index_wenzhang.png') no-repeat 0 center;background-size:0.1rem 0.16rem;position:relative;overflow:hidden;}
/*趣味测试 end*/


/**** 经典算命 ****/
.title_nr {position: relative;font-size:.3rem;padding: 12px 10px;background: #fff;}
.title_nr ul{position: relative;overflow: hidden;}
.title_nr ul li {display: block;width: 33.33%;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;}
/**** 经典算命 ****/

/**** 尾部 ****/
.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:.3rem;overflow: hidden;padding-top: 10px;text-align: center;}
.footer .linkico {display: inline-block;font-size:.3rem;margin: 0 8px;}
.footer A:hover {text-decoration: underline;}


.form-group {padding-left: 1.8rem;height: .8rem;line-height: .8rem;font-size: 0.37333333rem;}
.form-group .control-label {float: left;color: #f91718;margin-left: -1.8rem;}
.form-group .form-right {text-align: left;width: 100%;font-size: 0.32rem;}
.form-group .form-control {width: 100%;font-size: 0.3rem;border: 0;background: transparent;margin-top: .2rem;}


.sex-checkbox {display: none;}
.sex-checkbox + label {margin-right: 0.26666667rem;width: 0.53333333rem;height: 0.53333333rem;display: inline-block;line-height: 0.53333333rem;text-align: center;border: 1px solid #c8ab8d;background: #fff;border-radius: 50%;}
.sex-checkbox:checked + label {color: #fff;background: #b72c27;border: 1px solid #b72c27;}


/*测算框*/
.title {border-bottom: 1px solid #d3c0d3;color: #333;height:.6rem; margin:.1rem .24rem;font-size:.36rem;font-weight:bold;text-align: center; padding-top:.2rem}
.title01{color: #333; margin:.1rem .24rem; font-size:.3rem; line-height:.4rem}    
.indwrap01 {width: 100%;float: left;background-color: #fff; }
.cpdesc01 {text-align: left;margin-bottom: 0.3rem;}
.cpdesc {text-align: left;padding: 0 2%;margin-bottom: 0.3rem;}
.cptj{text-align:left;color:#9c31d5;font-weight:bold;font-size:0.3rem;padding-right:5px;}

/*金牌测算*/
.public_title_list {position: relative;}
.public_tl_box {background-color: #fff;position: relative;height:.6rem;line-height:.6rem;display: block;padding: 0 .4rem 0 .1rem;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;color: #222;font-size:.3rem;}
.intitle_span{color: #e24c4c;}

/* 宝宝起名文章列表四类 */
.Product_list_item {width: 100%;display: block;overflow: hidden;position: relative;margin-bottom: 5px;}
.Product_list {padding: 3% 2%;border-bottom: 1px dotted #cecece;position: relative;overflow: hidden;}
.Product_list_pic {float: left;margin-right: 0.1rem;}
.Product_list_pic img {width: 2rem;height: 1.45rem;display: block;}
.Product_list_con {overflow: hidden;}
.Product_list_title a {overflow: hidden;display: block;}
.Product_list_title h2 {font-size: .3rem;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Product_list_title a h2 span {color: #e6601f;margin-right:0.1rem;}
.Product_list_title  p {font-size: .24rem;color: #8b8b8b;float:left;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.Product_list_info {overflow:hidden;margin-top:.1rem;text-overflow: ellipsis;white-space: nowrap;display: flex;}
.Product_list_tag {float: left;padding: 0.001rem 0.1rem;font-size: 0.3rem;border: 1px solid #e6601f;border-radius: 8px;color:#e6601f;margin-right:.1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}

/*page*/
.public_page {position: relative;padding:0 .26rem 0;text-align: center;}
.zui-page {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);box-sizing: content-box;display: inline-block;vertical-align: middle;margin:.26rem 0;text-align: left !important;moz-user-select: -moz-none;-moz-user-select: none;-o-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.zui-page a {display: inline-block;text-decoration: none;vertical-align: middle;cursor: pointer;padding:.14rem .18rem;height: .36rem;line-height: .36rem;font-size: .3rem;border: 1px solid #eeeeee;}
.zui-page-curr {color: #ffffff !important;background:#e6601f;}
/*page end*/

/* 宝宝起名文章列表四类 end */

/**** 尾部 ****/
.nav_footer {background: #ef4c4d none repeat scroll 0 0;display: table;height: 70px;margin-bottom: 12px;width: 100%;}
.nav_footer li {float: left;font-size:0.36rem;line-height:0.72rem;text-align: center;width: 25%;}
.nav_footer li a {color: #ffffff;}
/**** 尾部 ****/

/*新增 */
.item_left {float:left;width:33%;}
.item_center {float: left;width: 1.5rem;margin-left: .1rem;}
.item_right {float: left;width:33%;}
.item_center >label {width: 1.5rem;text-align: center;height: .6rem;line-height: .6rem;font-size: .37rem;color: #ef4c4d;}
.item_autos {width:100%;font-size: 0.3rem; border: none;line-height: .52rem;color:#8b8b8b;}
	
.public_form_wrap01 {margin: 8px 5px 0;}
.public_form_wrap01 ul {border: 1px solid #ffe4c8;border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color: #fff;}
.public_form_wrap01 li {height:1rem;line-height:1rem;border-bottom: 1px solid #ffe4c8;padding-right: 5px; padding-left:.1rem;overflow:hidden;}
.public_form_wrap01 .lefts {color: #f91718;margin-right: 10px;font-size:0.37rem;padding-left:0.1rem;float: left;}
.public_form_wrap01 .rights {color: #f91718;margin-right:0.1rem;padding: 0 10px;font-size:0.37rem;float: left;}
.public_form_wrap01 .autos {width: 23.5%;font-size:0.3rem;float: left;}
.public_form_wrap01 .radio {width: 100%;background-repeat: no-repeat;background-position: right center;background-size: 20px;font-size:0.32rem;}
.public_form_wrap01 .auto input {width:4.5rem;height:0.55rem;padding:0.01rem 0.64rem 0.01rem 0.1rem;box-sizing:border-box;font-size:0.3rem;}
.form-group01 { padding-left: 1.7rem;  height: 1.06666667rem; line-height: 1.06666667rem;  font-size: 0.37333333rem;}
.form-group01 .control-label {float: left;color: #f91718;margin-left: -1.7rem;}
.form-group01 .form-right {text-align: left; width: 100%; font-size: 0.32rem;}
.form-group01 .form-control { width: 100%; font-size: 0.3rem; border: 0; background: transparent; margin-top: .25rem;}
/*新增 */

/* 易经六十四卦全文详解 */
.article_nav_box {overflow: hidden;background: #FFF;text-align: center;margin-top: 10px;}
.article_nav_box ul{padding: 0 0.15rem;line-height: 0.5rem;}
.article_nav_box ul li {position: relative;font-size: 0.3rem;float:left;font-weight:bold; background:#f1f1f3; border-radius:0.2rem; margin:.1rem .05rem; padding:0 .1rem;}
.article_nav {color:#ef4c4d;border-bottom: 2px solid #ef4c4d;}
.title_ppzs {position: relative;font-size:.3rem;border-top: 1px solid #e8e8e8;padding: 12px 10px;background: #fff;}
.title_ppzs ul{position: relative;overflow: hidden;}
.title_ppzs ul li {display: block;width:16.66%;float: left;margin-top: 6px;}
.title_ppzs 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;}
/* 易经六十四卦全文详解 */

/*易经64卦图文*/
.gua-lists {overflow: hidden;margin-bottom: 0.3rem;}
.guaitem {width:21%;float: left;margin:2%;}
.guatu_icon {width: 1.3rem;text-align:center;margin: 0rem 0.2rem 0.08rem 0.2rem;}
.guatu_icon em {width: 0.53333333rem;height: 0.53333333rem;display: inline-block;line-height: 0.53333333rem;background:#333333;color:#FFF;border-radius:50%;}
.guatu_item_0 {background-image: url(/sub_yg/lssg/images/guatu.png);width: 1.3rem;height: 0.16rem;margin: 0rem 0.2rem 0.08rem 0.2rem;background-position: 0rem -0.16rem;background-size: 100%;}
.guatu_item_1 {background-image: url(/sub_yg/lssg/images/guatu.png);width: 1.3rem;height: 0.16rem;margin: 0rem 0.2rem 0.08rem 0.2rem;}
.gua_name {font-size: 0.28rem;color: #666666;text-align: center;margin-top: 0.1rem;margin-left: 0.2rem;}
/* 易经64卦图文 end */

/* 称骨算命表 */
.CGSMB_item_box {padding: .2rem;}
.intitle_cgsm {width:100%;height: .72rem;padding:0 0; padding-top:.1rem}
.intitle_cgsm em {width:auto;float:left;padding:0 .25rem;line-height: .52rem;font-size: .32rem;position: relative;font-weight:bold; background: #ff4e28; border-bottom-right-radius:.5rem; border-top-right-radius:.5rem; color:#FFF}
.CGSMB_QH_title {width:100%;overflow:hidden;}
.CGSMB_QH_title ul li{width:17%;float:left;margin:1%;padding:1% 0.5%;background:#ebddcd;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;text-align: center;}
.CGSMB_QH_title ul li.CGSMshow{display:block;color:#FFF;background:#856236;}
.CGSMB_nr {margin:1%;}
.chenggusm {overflow: hidden;margin:1%;border-top: 1px solid #eee;border-right: 1px solid #eee;font-size:.24rem;}
.chenggusm li {width:100%;float:left;border-bottom: 1px solid #eee;overflow: hidden;}
.chenggusm li b {float: left;width:20%;line-height: .86rem;background: #e3caa7;text-align:center;}
.chenggusm li p {text-align: center;background: #fffbf1;padding: 0.05rem 0;}
.chenggusm li span {text-align:center;display: block;background: #ebddcd;line-height: .48rem;}
.GuZhong_Time {overflow: hidden;border-top: 1px solid #eee;border-right: 1px solid #eee;font-size:.24rem;}
.GuZhong_Time li {width:50%;float: left;border-bottom: 1px solid #eee;overflow: hidden;}
.GuZhong_Time li b {float: left;width:23%;background: #e3caa7;text-align:center;line-height: .6rem;}
.GuZhong_Time li i {float: left;line-height: .6rem;padding-left: .05rem;}
.GuZhong_Time li span {line-height: .6rem;margin: 0 auto;display: block;text-align: center;background: #fffbf1;}
.GuZhong_Day {overflow: hidden;border-top: 1px solid #eee;border-right: 1px solid #eee;font-size:.24rem;}
.GuZhong_Day li {width:33.33%;float: left;border-bottom: 1px solid #eee;overflow: hidden;}
.GuZhong_Day li b {float: left;width:30%;background: #e3caa7;text-align:center;line-height: .6rem;}
.GuZhong_Day li span {line-height: .6rem;margin: 0 auto;display: block;text-align: center;background: #fffbf1;}
.GuZhong_Month {overflow: hidden;border-top: 1px solid #eee;border-right: 1px solid #eee;font-size:.24rem;}
.GuZhong_Month li {width:50%;float: left;border-bottom: 1px solid #eee;overflow: hidden;}
.GuZhong_Month li b {float: left;width:25%;background: #e3caa7;text-align:center;line-height: .6rem;}
.GuZhong_Month li span {line-height: .6rem;margin: 0 auto;display: block;text-align: center;background: #fffbf1;}
.tab1 td h3 {text-align: center;padding:0.05rem;font-size:.3rem;background: #e3caa7;}
.gutd {text-align: left;display: block;font-size:.24rem;padding:3%;background: #fffbf1;}
/* 称骨算命表 end */