/* ========== hebazi_index.css - 合八字索引頁專屬樣式 ========== */

/* 頂部安全區域，避免被固定頭部遮擋 */
.main {
    padding-top: 0.88rem;
}

/* ====== 表單容器 ====== */
.mfsmbox {
    background: linear-gradient(178deg, #FFFFFF 3%, #FDF2DE 100%);
    padding-bottom: 0.4rem;
}

/* 表單頂部橫幅圖 */
.hbztu {
    display: block;
    width: 7.5rem;
    height: 2.41rem;
    background: url(../images/hbanner.png) no-repeat center;
    background-size: 100% 100%;
}

/* 描述文字 */
.mbdesc {
    text-align: center;
    margin-top: 0.3rem;
    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.4rem;
    float: left;
}

/* ====== 雙方信息表單 ====== */
.hehun_form {
    padding-bottom: 0.3rem;
}
.nanbox {
    background-image: url(../images/fbei.png);
    background-size: 100% 100%;
    width: 6.7rem;
    height: 3.17rem;
    margin: 0.3rem auto;
    position: relative;
    margin-bottom: 0;
    z-index: 11;
}
.nanfang {
    text-align: center;
    padding-top: 0.3rem;
    font-size: 0.32rem;
    font-weight: 500;
    color: #784223;
}
.zu {
    display: inline-block;
    background-image: url(../images/zu.png);
    background-size: 100% 100%;
    width: 0.52rem;
    height: 0.14rem;
    margin-right: 0.1rem;
}
.zu1 {
    display: inline-block;
    background-image: url(../images/zu1.png);
    background-size: 100% 100%;
    width: 0.52rem;
    height: 0.14rem;
    margin-left: 0.1rem;
}
.nanhua {
    background-image: url(../images/nhua.png);
    background-size: 100% 100%;
    width: 2.34rem;
    height: 2.34rem;
    position: absolute;
    right: -0.2rem;
    bottom: 0;
}
.nvhua {
    background-image: url(../images/nvhua.png);
    background-size: 100% 100%;
    width: 2.34rem;
    height: 2.34rem;
    position: absolute;
    left: -0.2rem;
    top: 0;
}

/* 出生日期/時間行 */
.chu_info {
    margin-top: 0.3rem;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.chusheng_year {
    float: left;
    font-size: 0.3rem;
    margin-left: 0.3rem;
    font-weight: 500;
    color: #333333;
    line-height: 0.7rem;
}
.form_inpout {
    float: left;
}
.form_inpout1 {
    position: relative;
}
#birthday, #birthday0 {
    width: 4.62rem;
    height: 0.7rem;
    line-height: 0.7rem;
    padding-left: 0.2rem;
    border-radius: 0.1rem;
    opacity: 1;
    border: 0.02rem solid #E9D0BE;
    box-sizing: border-box;
    font-size: 0.3rem;
    color: #333;
    float: left;
}
.shijian {
    width: 4.62rem;
    height: 0.7rem;
    line-height: 0.7rem;
    padding-left: 0.2rem;
    border-radius: 0.1rem;
    opacity: 1;
    border: 0.02rem solid #E9D0BE;
    box-sizing: border-box;
    font-size: 0.3rem;
    color: #333;
    float: left;
}

/* ====== 提交按鈕 ====== */
.tijiao_anniu {
    overflow: hidden;
    margin-left: 0.4rem;
}
.begin_pp {
    width: 6.7rem;
    height: 0.8rem;
    background: #C83C23;
    border-radius: 0.15rem;
    line-height: 0.8rem;
    text-align: center;
    font-size: 0.32rem;
    float: left;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: 0.3rem;
    cursor: pointer;
}
.begin_pp:active {
    opacity: 0.85;
}

/* 通用輸入控件 */
input, select {
    background: none;
}

/* ====== 問答區域 (bzpoyjbox 風格) ====== */
.bzpoyjbox {
    margin-top: 0.2rem;
    background: #fff;
    padding-bottom: 0.4rem;
    overflow: hidden;
}
.yjtit {
    height: 0.88rem;
    line-height: 0.88rem;
    padding-left: 0.3rem;
    font-size: 0.36rem;
    font-weight: 500;
    color: #935422;
    position: relative;
    background: linear-gradient(90deg, #FFEEC3 6%, #EAD8AC 100%);
}
.wenbox {
    width: 6.9rem;
    padding: 0.2rem 0.3rem 0.4rem 0.3rem;
    background: #FFF6E7;
    border-radius: 0.1rem;
    margin: 0.3rem auto;
    margin-bottom: 0;
}
.wenyi {
    font-size: 0.32rem;
    font-weight: 500;
    color: #C85D23;
}
.wenyi i {
    background-image: url(../images/wh.png);
    background-size: 100% 100%;
    width: 0.32rem;
    height: 0.38rem;
    display: inline-block;
    margin-right: 0.1rem;
    vertical-align: text-bottom;
}
.wenda {
    font-size: 0.32rem;
    color: #666666;
    line-height: 0.52rem;
    margin-top: 0.2rem;
}

/* ====== 產品介紹區域 ====== */
.about_sx {
    width: 6.9rem;
    overflow: hidden;
    margin: 0.3rem auto;
    margin-bottom: 0;
}
.about_sx h3 {
    font-weight: 600;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.about_sx p {
    font-size: 0.32rem;
    line-height: 0.52rem;
    color: #666666;
}
.icon_biaozhi {
    width: 3rem;
    height: 2rem;
    border-radius: 0.1rem;
    float: right;
    margin: 0 0 0 0.2rem;
}

/* 統一表格樣式 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}