@charset "utf-8";
/* ============================================================
   帮助中心 现代·大企业风格重构
   覆盖 mycenter.css / gb.css 中 .layout_row3 相关规则（旧规则保留、可回退）
   导航数据仍读后台“帮助信息”，正文仍读 /Resource/Helphtml/*.html
   ============================================================ */

/* 页面浅灰底，衬托白色卡片 */
body{ background:#f4f5f7; }

/* ---------- 整体：弹性两栏（侧栏在左、正文在右） ---------- */
#container.layout_row3{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 1200px;
    max-width: 94%;
    padding: 18px 0 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.layout_row3 .crumbs{
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    padding: 0 2px 14px;
    font-size: 13px;
    color: #8a9099;
}
.layout_row3 .crumbs a{ color: #8a9099; text-decoration: none; }
.layout_row3 .crumbs a:hover{ color: #E01121; }

.layout_row3 .i_sidebar{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    float: none;
    width: 218px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.layout_row3 .i_content{
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    float: none;
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 0;
    padding: 0 0 0 20px;
}

/* ---------- 左侧导航卡片 ---------- */
.layout_row3 .wrap_menu{
    background: #ffffff;
    border: 1px solid #e6e8eb;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 4px rgba(20, 30, 50, .06);
    box-shadow: 0 1px 4px rgba(20, 30, 50, .06);
    padding: 8px 10px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.layout_row3 .wrap_menu .mod_menu{ margin: 0; }
.layout_row3 .mod_menu .mod_hd{
    margin: 10px 8px 6px;
    padding: 0;
}
.layout_row3 .mod_menu .mod_hd h3{
    font-size: 14px;
    font-weight: bold;
    color: #2b3138;
    letter-spacing: .5px;
}
.layout_row3 .mod_menu .mod_bd{ padding: 0; }
.layout_row3 .mod_menu .mod_bd ul{ list-style: none; margin: 0; padding: 0; }
.layout_row3 .mod_menu .mod_bd .list_menu li{
    padding: 0;
    margin: 2px 0;
    border-radius: 6px;
    -webkit-transition: background .16s ease;
    transition: background .16s ease;
}
.layout_row3 .mod_menu .mod_bd .list_menu li a{
    display: block;
    padding: 7px 10px 7px 14px;
    font-size: 13px;
    color: #5b626b;
    text-decoration: none;
    border-radius: 6px;
    position: relative;
    -webkit-transition: color .16s ease, background .16s ease;
    transition: color .16s ease, background .16s ease;
}
.layout_row3 .mod_menu .mod_bd .list_menu li a:hover{
    color: #E01121;
    background: #fdecee;
}
/* 当前项：红色文字 + 浅红底 + 左侧红色指示条 */
.layout_row3 .mod_menu .mod_bd li.status_hover,
.layout_row3 .mod_menu .mod_bd li.status_hover{
    background: transparent;
}
.layout_row3 .mod_menu .mod_bd li.status_hover a{
    color: #E01121;
    background: #fbe4e7;
    font-weight: bold;
}
.layout_row3 .mod_menu .mod_bd li.status_hover a::before{
    content: "";
    position: absolute;
    left: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 16px;
    border-radius: 2px;
    background: #E01121;
}

/* ---------- 右侧正文卡片 ---------- */
.layout_row3 .mod_kong{
    margin: 0;
    background: #ffffff;
    border: 1px solid #e6e8eb;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 4px rgba(20, 30, 50, .06);
    box-shadow: 0 1px 4px rgba(20, 30, 50, .06);
}
.layout_row3 #htmlcode{
    display: block;
    padding: 30px 34px 34px;
    min-height: 460px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* 标题层级 */
.layout_row3 #htmlcode h1,
.layout_row3 #htmlcode h2,
.layout_row3 #htmlcode h3,
.layout_row3 #htmlcode h4{
    color: #1f252c;
    font-weight: bold;
    line-height: 1.4;
}
.layout_row3 #htmlcode h1{ font-size: 24px; margin: 6px 0 18px; }
.layout_row3 #htmlcode h2{ font-size: 20px; margin: 22px 0 12px; padding-left:12px;border-left:4px solid #E01121; }
.layout_row3 #htmlcode h3{ font-size: 17px; margin: 18px 0 10px; color:#E01121; }
.layout_row3 #htmlcode h4{ font-size: 15px; margin: 14px 0 8px; }
/* 正文排版 */
.layout_row3 #htmlcode p{
    color: #3a4048;
    font-size: 15px;
    line-height: 1.95;
    margin: 0 0 13px;
}
.layout_row3 #htmlcode b,
.layout_row3 #htmlcode strong{ color: #1f252c; font-weight: bold; }
.layout_row3 #htmlcode a{ color: #E01121; text-decoration: none; }
.layout_row3 #htmlcode a:hover{ text-decoration: underline; }
.layout_row3 #htmlcode ul,
.layout_row3 #htmlcode ol{
    color: #3a4048;
    font-size: 15px;
    line-height: 1.9;
    margin: 0 0 13px;
    padding-left: 26px;
}
.layout_row3 #htmlcode li{ margin-bottom: 6px; }
.layout_row3 #htmlcode img{
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    border: 1px solid #ececec;
}
.layout_row3 #htmlcode hr{ border: 0; border-top: 1px solid #ececec; margin: 20px 0; }
/* 老片段中的居中标题（公司名）保留居中、统一字体 */
.layout_row3 #htmlcode center,
.layout_row3 #htmlcode [align="center"]{ color: #1f252c; }
.layout_row3 #htmlcode table{ font-size: 14px; }
.layout_row3 #htmlcode td,
.layout_row3 #htmlcode th{ line-height: 1.8; }

/* 空正文时的友好提示 */
.layout_row3 #htmlcode:empty::before{
    content: "该帮助内容正在完善中，如需帮助请联系客服。";
    display: block;
    padding: 60px 0;
    text-align: center;
    color: #9aa0a8;
    font-size: 14px;
}