/* ========== zinvyuan.css - 子女缘页面公共样式 ========== */

/* ===== 表单容器 ===== */
.mfsmbox{ overflow:hidden; margin-top:0.2rem; padding-bottom:0.4rem; background:rgba(254,241,220,1); }
.mfsmkuang{ width:6.9rem; background:linear-gradient(180deg,#FEFCEE 0%,#FDF5DD 100%); box-shadow:0 0.1rem 0.38rem -0.14rem #EAC58F; border-radius:0.2rem; border:0.02rem solid #F2DBB5; margin:0.6rem auto; margin-bottom:0; }
.grtit{ background-image:url(../images/znvyuan.png); background-size:100% 100%; width:5.07rem; height:0.88rem; margin:0 auto; margin-top:-0.3rem; }
.mbdesc{ text-align:center; margin-top:0.5rem; font-size:0.3rem; font-weight:700; color:#9E5F36; }
.tiaobox{ overflow:hidden; margin-top:0.3rem; }
.tiaoitem{ background-image:url(../images/zitiao.png); background-size:100% 100%; width:2rem; height:0.64rem; line-height:0.64rem; text-align:center; font-size:0.3rem; color:#582E1A; margin-left:0.23rem; float:left; }
.batu{ background-image:url(../images/batu.png); background-size:100% 100%; width:6.56rem; height:3.82rem; margin:0 auto; margin-top:-1.5rem; }
.chabzbox{ margin-top:0.2rem; overflow:hidden; background:#fff; padding-bottom:0.4rem; }
.aboutcy{ width:6.9rem; margin:0.25rem auto; margin-bottom:0.4rem; }
.icon_biaozhi{ width:3.6rem; height:2.4rem; border-radius:0.1rem; float:left; margin-top:0.1rem; margin-right:0.2rem; }
.aboutcy p{ font-size:0.32rem; color:#666; line-height:0.52rem; }

/* ===== 结果页容器 ===== */
.sscsbox{ position:relative; overflow:hidden; background:rgba(255,239,191,1); }
.bzmgtit{ height:0.88rem; line-height:0.88rem; color:#c4814d; background:rgba(255,246,233,1); font-size:0.32rem; font-weight:bold; position:relative; z-index:1; }
.bzmgtit i{ display:inline-block; width:0.55rem; height:0.55rem; margin:0 0.1rem 0 0.2rem; background-image:url(../images/icon.png); background-repeat:no-repeat; background-size:4rem 4rem; background-position:-2.9rem -0.9rem; vertical-align:middle; }
.cxsuan{ position:absolute; right:0.3rem; top:0; font-size:0.32rem; font-weight:500; color:#c4814d; }
.cbbei{ background-image:url(../images/hd.png); background-size:100% 100%; width:7.5rem; height:1.39rem; position:absolute; top:0.88rem; left:0; right:0; margin:0 auto; }

/* ===== 命中分析容器 ===== */
.youbox{ background-image:url(../images/youhai.png); background-size:100% 100%; width:7.07rem; padding-bottom:0.5rem; margin:0.7rem auto; margin-bottom:0; position:relative; z-index:1; }
.genfen{ padding-top:0.4rem; padding-left:0.44rem; font-size:0.3rem; color:#666; }
.znshu{ text-align:center; font-size:0.4rem; padding-top:0.3rem; font-weight:700; color:#C83C23; }
.znshu_item{ width:6.3rem; margin:0.2rem auto; margin-bottom:0; font-size:0.32rem; font-weight:500; color:#333; }
.znshu_item span{ color:#784223; }

/* ===== 无子女星容器 ===== */
.haiwu{ background-image:url(../images/wuhai.png); background-size:100% 100%; padding-bottom:0.5rem; width:7.07rem; margin:0.7rem auto; position:relative; z-index:1; }

/* ===== Tab 切换 ===== */
.ggtab{ width:5.4rem; height:0.7rem; background:#F7E4D2; border-radius:0.6rem; margin:0.3rem auto; overflow:hidden; }
.ggitem{ float:left; width:2.7rem; height:0.7rem; line-height:0.7rem; text-align:center; font-size:0.3rem; color:#C4814D; cursor:pointer; }
.hide{ display:none; }
.ggitem.left.cur, .ggitem.right.cur{ background:#C83C23; border-radius:0.6rem; color:#fff; }
.ggbei{ background:#fff; overflow:hidden; }
.ggbei1{ background:#fff; }

/* ===== 八字排盘盒 ===== */
.resultbx{ width:7.3rem; margin:0.3rem auto; margin-bottom:0; position:relative; z-index:1; }
.resutl_top{ background-image:url(../images/jc.png); background-size:100% 100%; width:7.3rem; height:0.44rem; }
.resutl_center{ overflow:hidden; width:6.7rem; margin:0 auto; background:#EECCAE; }
.centernei{ width:6.5rem; margin:0 auto; padding-bottom:0.4rem; background:#fff; padding-top:0.5rem; }

/* 命主信息 */
.mzinfo{ background-image:url(../images/mz.png); background-size:100% 100%; width:2.48rem; height:0.63rem; line-height:0.63rem; text-align:center; font-size:0.32rem; font-weight:700; color:#FFF; margin:0 auto; margin-top:0.5rem; }
.infoitem{ padding-top:0.2rem; padding-left:0.3rem; font-size:0.32rem; color:#333; }
.infoitem span{ color:#C4814D; margin-right:0.2rem; }

/* 八字排盘表格 */
.resultbx, .resultbx *{ box-sizing:content-box; }
.infobox{ margin-top:0.4rem; }
.infobox table{ width:100%; border-collapse:collapse; }
.diyi_tr td{ background:#FDF7E7; height:0.65rem; width:20%; font-size:0.3rem; font-weight:500; color:#C85D23; line-height:0.65rem; text-align:center; border:1px solid #E6C4AB; }
.diyi_tr td:first-child{ color:#C79657; border-left:none; }
.dier_tr{ background:#FDF7E7; }
.dier_tr td{ height:0.65rem; width:20%; font-size:0.3rem; font-weight:500; color:#333; line-height:0.65rem; text-align:center; border:1px solid #E6C4AB; }
.dier_tr td:first-child{ color:#999; border-left:none; }
.tgtr td{ padding:0.2rem 0; width:20%; font-size:0.28rem; text-align:center; border:1px solid #E6C4AB; }
.tgtr td:first-child{ color:#999; text-align:center; }
.row_head{ background:#FDF7E7 !important; }

/* 天干地支五行颜色 */
.tgdesc{ font-size:0.38rem !important; font-weight:700 !important; }
.tgdesc i{ width:0.3rem; height:0.3rem; display:inline-block; vertical-align:middle; margin-left:0.1rem; }
.jin{ color:#FFAA00 !important; }
.mu{ color:#71C78B !important; }
.shui{ color:#93B7FF !important; }
.huo{ color:#FF6D00 !important; }
.tu{ color:#9E705A !important; }
.jin i{ background-image:url(../images/jin1.png); background-size:100% 100%; }
.mu i{ background-image:url(../images/mu.png); background-size:100% 100%; }
.shui i{ background-image:url(../images/shui.png); background-size:100% 100%; }
.huo i{ background-image:url(../images/huo.png); background-size:100% 100%; }
.tu i{ background-image:url(../images/tu.png); background-size:100% 100%; }

/* ===== 子女分析 ===== */
.znbei{ overflow:hidden; position:relative; padding-bottom:0.4rem; background:#fff; }
.znbei, .znchildbox, .znchildbox *{ box-sizing:content-box; }
.znchildbox{ width:7rem; background:#FFF9F2; margin:0.4rem auto; margin-bottom:0; border-radius:0.09rem; border:0.02rem solid #E5D1BA; overflow:hidden; }
.zntop{ background:#FFF1CE; height:0.87rem; border-bottom:1px solid #F1DAC2; }
.znitem1{ float:left; width:1.55rem; text-align:center; line-height:0.87rem; font-size:0.32rem; font-weight:700; color:#C83C23; }
.znitem{ float:left; width:1.33rem; border-left:1px solid #F1DAC2; text-align:center; line-height:0.87rem; font-size:0.32rem; font-weight:700; color:#C83C23; }
.znkitem{ overflow:hidden; border-bottom:1px solid #F1DAC2; display:flex; }
.znkitem:last-child{ border-bottom:none; }
.znkleft{ border-left:1px solid #F1DAC2; text-align:center; width:1.34rem; float:left; background:#fff; font-size:0.32rem; color:#333; padding-bottom:0.2rem; }
.znkleft:first-child{ border-left:none; font-size:0.32rem; font-weight:700; color:#CC6600; width:1.55rem; background:#FFF9F2; }
.cainame{ padding-top:0.36rem; text-align:center; font-size:0.28rem; color:#333; line-height:0.5rem; }
.cainame span{ color:#C83C23; font-weight:500; }
.haigong{ text-align:center; font-size:0.18rem; color:#767676; padding-bottom:0.1rem; }

.znfx{ overflow:hidden; margin-top:0.35rem; margin-left:0.1rem; }
.znfxitem{ float:left; margin-left:0.2rem; width:3.21rem; height:0.64rem; line-height:0.64rem; border-radius:0.1rem; border:1px solid #E5D1BA; overflow:hidden; box-sizing:content-box; }
.znfxitem1{ float:left; margin-left:0.2rem; width:3.47rem; height:0.64rem; line-height:0.64rem; border-radius:0.1rem; border:1px solid #E5D1BA; overflow:hidden; box-sizing:content-box; }
.znfxleft{ background:#FFF1CE; width:1.69rem; text-align:center; line-height:0.64rem; font-size:0.32rem; font-weight:500; color:#935422; float:left; }
.znfxright{ background:#fff; float:left; width:1.5rem; text-align:center; font-size:0.32rem; color:#333; border-left:1px solid #E5D1BA; }
.znfxleft1{ background:#FFF1CE; width:1.95rem; text-align:center; line-height:0.64rem; font-size:0.32rem; font-weight:500; color:#935422; float:left; }
.znfxright1{ background:#fff; float:left; width:1.5rem; text-align:center; font-size:0.32rem; color:#333; border-left:1px solid #E5D1BA; }

/* 儿女缘分及数量、性格、健康 */
.ssinfotit{ background-image:url(../images/ctiao.png); background-size:100% 100%; width:3.28rem; height:0.63rem; line-height:0.63rem; text-align:center; font-size:0.32rem; font-weight:700; color:#FFF; margin:0 auto; margin-top:0.5rem; }
.ssinfotit, .formbor, .formbor *{ box-sizing:content-box; }
.formbor{ width:6.9rem; margin:0.5rem auto; border:1px solid #CB9958; position:relative; padding-bottom:0.4rem; background:#FFFBF4; }
.topleft,.topright,.bottomleft,.bottomright{ position:absolute; width:0.2rem; height:0.2rem; }
.topleft{ top:-0.02rem; left:-0.02rem; }
.topright{ top:-0.02rem; right:-0.02rem; }
.bottomleft{ bottom:-0.02rem; left:-0.02rem; }
.bottomright{ bottom:-0.02rem; right:-0.02rem; }
.neibor{ width:100%; height:100%; border-top:0.04rem solid #CB9958; border-left:0.04rem solid #CB9958; }
.topright .neibor{ border-top:0.04rem solid #CB9958; border-right:0.04rem solid #CB9958; border-left:none; }
.bottomleft .neibor{ border-bottom:0.04rem solid #CB9958; border-left:0.04rem solid #CB9958; border-top:none; }
.bottomright .neibor{ border-bottom:0.04rem solid #CB9958; border-right:0.04rem solid #CB9958; border-top:none; border-left:none; }
.haifen{ width:6.3rem; margin:0.3rem auto; margin-bottom:0; font-size:0.32rem; color:#333; line-height:0.52rem; text-align:justify; }
.haifen span{ font-weight:700; color:#C85D23; }
.xgtd{ width:6.3rem; margin:0.3rem auto; margin-bottom:0; font-size:0.32rem; color:#333; line-height:0.52rem; text-align:center; }
.xgtd span{ color:#C83C23; font-weight:500; }

/* ===== 子女生肖 ===== */
.spsxbox{ display:flex; justify-content:center; margin-top:0.6rem; flex-wrap:wrap; }
.spsxitme{ float:left; width:1.7rem; margin:0 0.15rem 0.3rem; }
.spsxitme img{ display:block; width:1.7rem; height:1.7rem; }
.sxbei{ background-image:url(../images/hsxbei.png); background-size:100% 100%; width:1.7rem; height:1.7rem; }
.sxming{ text-align:center; padding-top:0.14rem; font-size:0.32rem; font-weight:500; color:#333; }
.sxhao{ width:6.9rem; margin:0.3rem auto; font-size:0.32rem; color:#333; line-height:0.52rem; text-align:center; }
.sxhao span{ color:#C83C23; font-weight:500; }
.sxlxuanbox{ width:6.9rem; margin:0.4rem auto; background:#FFFBF3; border-radius:0.1rem; border:0.02rem solid #C58961; padding-bottom:0.4rem; overflow:hidden; box-sizing:content-box; }
.sxlxitem{ overflow:hidden; padding-top:0.3rem; }
.sxlxleft{ float:left; margin-left:0.3rem; width:2.47rem; height:0.6rem; line-height:0.6rem; text-align:center; background:#FCEED3; border-radius:0.09rem; font-size:0.32rem; font-weight:500; color:#C85D23; }
.sxlxright{ float:left; margin-left:0.7rem; font-size:0.32rem; line-height:0.6rem; font-weight:500; color:#C85D23; }
.sxlxright span{ color:#999; }

/* ===== 无子女星分析 ===== */
.wufen{ margin:0.3rem auto; }
.wftit{ font-weight:700; color:#C85D23; font-size:0.32rem; margin-left:0.12rem; }
.wfdesc{ width:6.3rem; margin:0 auto; font-size:0.32rem; color:#C4814D; padding-top:0.1rem; }
.hjdesc{ width:6.3rem; font-size:0.32rem; color:#333; line-height:0.52rem; margin:0.3rem auto; }
.ywzitem{ margin-top:0.3rem; text-align:center; }
.ywztit{ font-size:0.32rem; font-weight:700; color:#C83C23; margin-left:0.12rem; }
.ywzdesc{ width:6.3rem; font-size:0.32rem; font-weight:500; color:#C4814D; line-height:0.4rem; margin:0.1rem auto; }

/* 有利年份 */
.ylyear{ width:6.9rem; margin:0.4rem auto; background:#FFFBF3; border-radius:0.1rem; border:0.02rem solid #C58961; padding-bottom:0.4rem; }
.ylydesc{ width:6.3rem; margin:0.4rem auto; font-size:0.32rem; color:#333; line-height:0.46rem; }
.nianpai{ display:flex; align-items:center; margin-top:0.3rem; justify-content:center; flex-wrap:wrap; }
.nianitem{ float:left; width:1.91rem; height:0.63rem; text-align:center; line-height:0.63rem; background:#FCEED3; border-radius:0.09rem; font-size:0.32rem; color:#C85D23; margin:0.1rem; }
.ynianzhu{ width:6.3rem; margin:0.3rem auto; font-size:0.3rem; color:#999; line-height:0.46rem; }
.ynianzhu span{ color:#C83C23; }

img, picture { max-width: 100%; display: initial !important; }

/* ===== 合盘配对表单 ===== */
.huannao{ padding:0.3rem; }
.ggtit{ text-align:center; font-size:0.3rem; padding-top:0.4rem; color:#C4814D; }
.hpitem{ width:6.3rem; margin:0.2rem auto; margin-bottom:0; }
.cs-subtit1{ font-size:0.3rem; color:#333; }
.hljiri{ background:rgba(255,251,243,1); padding-bottom:0.4rem; width:6.9rem; margin:0.1rem auto; border:1px solid #CB9958; position:relative; }
.ysboxtit{ font-weight:700; font-size:0.36rem; text-align:center; color:#E1A06D; background-image:url(../images/sck_hp.png); background-size:100% 100%; width:2.9rem; height:0.71rem; line-height:0.71rem; margin:0.3rem auto; margin-bottom:0; }
.csinput{ display:inline-block; width:4.62rem; height:0.7rem; background:#FFFFFF; border-radius:0.1rem; border:2px solid #E9D0BE; line-height:0.7rem; font-size:0.3rem; color:#666; padding-left:0.2rem; }
.hpcs{ width:6.9rem; height:0.88rem; line-height:0.88rem; text-align:center; font-weight:700; font-size:0.36rem; color:#FFFFFF; background:linear-gradient(180deg,#FBBB53 0%,#F79C58 100%); border-radius:0.5rem; margin:0.5rem auto; margin-bottom:0; cursor:pointer; }
.hour_2{ width:4.62rem; height:0.7rem; border:2px solid #E9D0BE; border-radius:0.1rem; font-size:0.3rem; background:#fff; }

/* ===== 合盘结果 ===== */
.hepanifno, .hepanifno *, .hpbi, .hpbi *, .mozong, .mozong *{ box-sizing:content-box; }
.hepanifno{ margin-top:0.24rem; min-height:4.32rem; overflow:hidden; }
.hpingo{ float:left; margin-left:0.1rem; width:3.38rem; background:#FFFFFF; border-radius:0.24rem; }
.hpingo:first-child{ margin-left:0; }
.hptop{ position:relative; width:3.38rem; height:0.84rem; background:#C49358; border-radius:0.16rem 0.16rem 0 0; }
.infoleft{ padding-top:0.2rem; padding-left:0.1rem; }
.infoname{ font-size:0.22rem; font-weight:400; color:#fff; }
.infobirth{ font-size:0.22rem; color:#fff; }
.sizhu{ height:0.52rem; background:rgba(216,216,216,0.12); }
.szhuitem{ float:left; width:25%; text-align:center; line-height:0.52rem; font-size:0.2rem; color:#999; }
.tiangan{ padding:0.08rem 0; background:#fff; overflow:hidden; width: 100%;}
.tgitem{ float:left; width:25%; text-align:center; }
.tgname{ text-align:center; font-weight:500; font-size:0.3rem; line-height:0.4rem; white-space:nowrap;display: flex; align-items: center;justify-content: center; }
.tgdesc1{ display:block; text-align:center; font-size:0.18rem; color:#333; line-height:0.3rem; white-space:nowrap; }
.canggan1{ padding:0.08rem 0; background:rgba(216,216,216,0.12); overflow:hidden; display:flex; }
.cgitem{ float:left; display:flex; text-align:center; width:25%; justify-content:center; }
.cgdi{ float:left; text-align:center; font-weight:500; font-size:0.32rem; justify-content:center; }
.cgsm{ padding-top:0.08rem; text-align:center; font-size:0.2rem; color:#333; }
.cgsmtxt{ font-size:0.2rem; color:#333; line-height:0.3rem; }
.yunli{ padding:0.08rem 0; padding-bottom:0.12rem; overflow:hidden; }
.yunitem{ overflow:hidden; }
.yunleft{ float:left; width:16.6%; text-align:center; font-size:0.18rem; color:#333; white-space:nowrap; display: flex; align-items: center; justify-content: center; }
.yunleft span{ font-size:0.12rem; color:#333; display:block; }
.sxtup{ position:absolute; display:block; width:0.38rem; height:0.38rem; right:0.18rem; top:0.08rem; }
/* 生肖图标 */
.sx0{ background-image:url(../images/sx/sx0.png); background-size:100% 100%; }
.sx1{ background-image:url(../images/sx/sx1.png); background-size:100% 100%; }
.sx2{ background-image:url(../images/sx/sx2.png); background-size:100% 100%; }
.sx3{ background-image:url(../images/sx/sx3.png); background-size:100% 100%; }
.sx4{ background-image:url(../images/sx/sx4.png); background-size:100% 100%; }
.sx5{ background-image:url(../images/sx/sx5.png); background-size:100% 100%; }
.sx6{ background-image:url(../images/sx/sx6.png); background-size:100% 100%; }
.sx7{ background-image:url(../images/sx/sx7.png); background-size:100% 100%; }
.sx8{ background-image:url(../images/sx/sx8.png); background-size:100% 100%; }
.sx9{ background-image:url(../images/sx/sx9.png); background-size:100% 100%; }
.sx10{ background-image:url(../images/sx/sx10.png); background-size:100% 100%; }
.sx11{ background-image:url(../images/sx/sx11.png); background-size:100% 100%; }
/* 合盘对比表 */
.hpbi{ position:relative; background:#fff; width:6.9rem; margin:0.24rem auto; margin-bottom:0; border-radius:0.16rem; }
.hpbitit{ height:0.8rem; text-align:center; font-size:0.36rem; color:#333; line-height:0.8rem; }
.hpbitit i{ display:inline-block; background-image:url(../images/hpbg.png); background-size:100% 100%; width:0.32rem; height:0.32rem; vertical-align:middle; }
.hpbitit span{ margin:0 0.1rem; }
.ztou{ height:0.72rem; line-height:0.72rem; padding-left:0.24rem; font-size:0.32rem; color:#C49358; margin-top:0.3rem; }
.ztou span{ width:0.06rem; height:0.24rem; background:#C49358; display:inline-block; margin-right:0.05rem; vertical-align:middle; }
.cstop{ height:0.72rem; background:rgba(216,216,216,0.12); }
.cstopitem{ float:left; width:25%; text-align:center; line-height:0.72rem; font-size:0.28rem; color:#666; }
.cslist{ width: 100%;padding:0.16rem 0; overflow:hidden; }
.csitem{ float:left; width:25%; text-align:center; font-size:0.28rem; color:#666; }
.csitem span{ color:#D83D2C; }
/* 合盘结论标签 */
.changbox{ display:flex; justify-content:center; margin-bottom:0.3rem; }
.qichang{ padding:0 0.16rem; height:0.72rem; background:#C49358; margin:0.32rem auto; margin-bottom:0; line-height:0.72rem; text-align:center; border-radius:2.6rem; font-size:0.32rem; color:#FFFFFF; }
.zhunmo{ filter:blur(0.15rem); }
/* App下载模糊遮罩 */
.ggmhzhe{ width:5.9rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#FFFFFF; box-shadow:0 0.06rem 0.3rem 0 rgba(0,0,0,0.2); border-radius:0.2rem; z-index:10; padding:0.3rem 0; }
.ggmhtu{ text-align:center; font-size:0.32rem; color:#333; }
.smlogo{ display:block; width:1.03rem; height:1.03rem; margin:0.2rem auto; margin-bottom:0; background-image:url(../images/smtou.png); background-size:100% 100%; }
.ggneixian{ width:5.32rem; margin:0.2rem auto; margin-bottom:0; font-size:0.28rem; color:#666; line-height:0.5rem; text-align:center; }
.klixia{ width:4.4rem; height:0.84rem; line-height:0.84rem; background:#C49358; border-radius:2.22rem; text-align:center; margin:0.3rem auto; margin-bottom:0; font-size:0.32rem; color:#FFFFFF; cursor:pointer; }
.mozong{ position:relative; }