/* =============================================================
 * ContractMall User Center - modern e-commerce skin
 * Pure presentation override. No functional/HTML logic change.
 * Applies to every page that embeds Control/UserTree.ascx
 * ============================================================= */

/* ---------- page background (progressive) ---------- */
body:has(.layout_row3){background:#f4f4f4;}

/* ---------- two-column flex layout, aligned to main-site width ---------- */
.main.layout_row3{
    display:flex !important;
    flex-wrap:wrap;
    gap:16px;
    align-items:flex-start;
    box-sizing:border-box;
    background:transparent !important;
    padding-left:0 !important;
    padding-right:0 !important;
    padding-bottom:24px;
}
.layout_row3 .crumbs{
    flex:0 0 100%;
    width:100%;
    order:-1;
    padding:6px 0 0;
    font-size:12px;
    color:#999;
}
.layout_row3 .crumbs a{color:#999;}
.layout_row3 .crumbs a:hover{color:#e1251b;text-decoration:none;}

.layout_row3 .i_sidebar{
    order:0;
    flex:0 0 200px;
    width:200px !important;
    float:none !important;
    padding:0 !important;
    box-sizing:border-box;
}
.layout_row3 .i_content{
    order:1;
    flex:1 1 0%;
    width:auto !important;
    min-width:0;
    float:none !important;
    padding:0 !important;
    box-sizing:border-box;
}
.wrap_1280 .layout_row3 .i_content,
.wrap_1280 .layout_row3 .i_sidebar{width:auto !important;}
.layout_row3 .i_content .mod_cont{min-width:0;}

/* ---------- wide-screen tiers aligned to homepage (1225 / 1600) ---------- */
.main.layout_row3{margin-left:auto !important;margin-right:auto !important;}
body.wrap_1600 .main.layout_row3{width:1600px !important;max-width:100% !important;}
body.wrap_1280 .main.layout_row3{width:1225px !important;max-width:100% !important;}
@media screen and (min-width:1600px){
  .main.layout_row3{width:1600px !important;max-width:100% !important;}
}
@media screen and (min-width:1280px) and (max-width:1599px){
  .main.layout_row3{width:1225px !important;max-width:100% !important;}
}
@media screen and (max-width:1279px){
  .main.layout_row3{width:auto !important;padding-left:12px !important;padding-right:12px !important;}
}

/* ---------- left menu card ---------- */
.wrap_menu{
    background:#fff !important;
    border:1px solid #f0f0f0 !important;
    border-radius:10px;
    box-shadow:0 1px 4px rgba(0,0,0,.05);
    padding:10px 0 14px !important;
    margin:0;
    box-sizing:border-box;
}
.wrap_menu .mod_menu{margin:0;}
.wrap_menu .mod_menu .mod_hd{margin:0 !important;padding:14px 18px 6px;}
.wrap_menu .mod_menu .mod_hd h3{
    font-size:12px !important;
    color:#9c9c9c !important;
    font-weight:600;
    letter-spacing:1px;
}
.wrap_menu .mod_menu .mod_bd{padding:0 !important;}
.wrap_menu .list_menu{list-style:none;margin:0;padding:0;}
.wrap_menu .mod_menu .mod_bd .list_menu li{
    padding:0 !important;
    margin:2px 8px !important;
    height:auto;
}
.wrap_menu .list_menu li a{
    display:flex;
    align-items:center;
    height:40px;
    line-height:40px;
    padding:0 12px 0 40px !important;
    border-radius:8px;
    color:#333 !important;
    font-size:14px;
    position:relative;
    white-space:nowrap;
    transition:background .15s,color .15s;
}
.wrap_menu .list_menu li a:hover{
    background:#f5f5f5;
    color:#e1251b !important;
    text-decoration:none;
}
/* icon slot */
.wrap_menu .list_menu li a::before{
    content:'';
    position:absolute;
    left:14px;
    top:50%;
    transform:translateY(-50%);
    width:16px;height:16px;
    background-color:#8a8a8a;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-position:center;mask-position:center;
    -webkit-mask-size:contain;mask-size:contain;
}
.wrap_menu .list_menu li a:hover::before{background-color:#e1251b;}
/* selected item */
.wrap_menu .mod_menu .mod_bd .status_hover{background:transparent !important;}
.wrap_menu .list_menu li.status_hover a,
.wrap_menu .list_menu li a.status_hover{
    background:#fff1f0 !important;
    color:#e1251b !important;
    font-weight:600;
}
.wrap_menu .list_menu li.status_hover a::after,
.wrap_menu .list_menu li a.status_hover::after{
    content:'';
    position:absolute;
    left:0;top:8px;bottom:8px;
    width:3px;border-radius:2px;
    background:#e1251b;
}
.wrap_menu .list_menu li.status_hover a::before,
.wrap_menu .list_menu li a.status_hover::before{background-color:#e1251b;}

/* menu icons (by li id) */
.mi{background-color:inherit;}
#liOrder a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/><polyline points='3.27 6.96 12 12.01 20.73 6.96'/><line x1='12' y1='22.08' x2='12' y2='12'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/><polyline points='3.27 6.96 12 12.01 20.73 6.96'/><line x1='12' y1='22.08' x2='12' y2='12'/></svg>");}
#liallOrder a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='8' y1='6' x2='21' y2='6'/><line x1='8' y1='12' x2='21' y2='12'/><line x1='8' y1='18' x2='21' y2='18'/><circle cx='3.5' cy='6' r='1.2' fill='black' stroke='none'/><circle cx='3.5' cy='12' r='1.2' fill='black' stroke='none'/><circle cx='3.5' cy='18' r='1.2' fill='black' stroke='none'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='8' y1='6' x2='21' y2='6'/><line x1='8' y1='12' x2='21' y2='12'/><line x1='8' y1='18' x2='21' y2='18'/><circle cx='3.5' cy='6' r='1.2' fill='black' stroke='none'/><circle cx='3.5' cy='12' r='1.2' fill='black' stroke='none'/><circle cx='3.5' cy='18' r='1.2' fill='black' stroke='none'/></svg>");}
#li10010004 a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><line x1='9' y1='13' x2='15' y2='13'/><line x1='9' y1='17' x2='15' y2='17'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><line x1='9' y1='13' x2='15' y2='13'/><line x1='9' y1='17' x2='15' y2='17'/></svg>");}
#liFavorite a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/></svg>");}
#liHistory a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><polyline points='12 7 12 12 15.5 14'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><polyline points='12 7 12 12 15.5 14'/></svg>");}
#lifov a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='11' rx='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='11' rx='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>");}
#liReturn a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 14 4 9 9 4'/><path d='M20 20v-7a4 4 0 0 0-4-4H4'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='9 14 4 9 9 4'/><path d='M20 20v-7a4 4 0 0 0-4-4H4'/></svg>");}
#li10040001 a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 11l3 3L22 4'/><path d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M9 11l3 3L22 4'/><path d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/></svg>");}
#li10040002 a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/><polyline points='22 4 12 14.01 9 11.01'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/><polyline points='22 4 12 14.01 9 11.01'/></svg>");}
#li10050007 a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12V7H5a2 2 0 0 1 0-4h14v4'/><path d='M3 5v14a2 2 0 0 0 2 2h16v-5'/><path d='M18 12a2 2 0 0 0 0 4h4v-4z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12V7H5a2 2 0 0 1 0-4h14v4'/><path d='M3 5v14a2 2 0 0 0 2 2h16v-5'/><path d='M18 12a2 2 0 0 0 0 4h4v-4z'/></svg>");}
#li10050001 a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='18' height='18' rx='2'/><line x1='3' y1='9' x2='21' y2='9'/><line x1='9' y1='21' x2='9' y2='9'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='18' height='18' rx='2'/><line x1='3' y1='9' x2='21' y2='9'/><line x1='9' y1='21' x2='9' y2='9'/></svg>");}
#li10050008 a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21.21 15.89A10 10 0 1 1 8 2.83'/><path d='M22 12A10 10 0 0 0 12 2v10z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21.21 15.89A10 10 0 1 1 8 2.83'/><path d='M22 12A10 10 0 0 0 12 2v10z'/></svg>");}
#li10050002 a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='12 2 2 7 12 12 22 7 12 2'/><polyline points='2 17 12 22 22 17'/><polyline points='2 12 12 17 22 12'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='12 2 2 7 12 12 22 7 12 2'/><polyline points='2 17 12 22 22 17'/><polyline points='2 12 12 17 22 12'/></svg>");}
#li10050004 a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/><line x1='7' y1='7' x2='7.01' y2='7'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z'/><line x1='7' y1='7' x2='7.01' y2='7'/></svg>");}
#li10050005 a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='1 4 1 10 7 10'/><path d='M3.51 15a9 9 0 1 0 2.13-9.36L1 10'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='1 4 1 10 7 10'/><path d='M3.51 15a9 9 0 1 0 2.13-9.36L1 10'/></svg>");}
#li10050006 a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/><path d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/><path d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/></svg>");}
#li10050012 a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><line x1='8' y1='13' x2='15' y2='13'/><line x1='8' y1='17' x2='13' y2='17'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><line x1='8' y1='13' x2='15' y2='13'/><line x1='8' y1='17' x2='13' y2='17'/></svg>");}
#li10050009 a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='20' x2='18' y2='10'/><line x1='12' y1='20' x2='12' y2='4'/><line x1='6' y1='20' x2='6' y2='14'/><line x1='3' y1='20' x2='21' y2='20'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='20' x2='18' y2='10'/><line x1='12' y1='20' x2='12' y2='4'/><line x1='6' y1='20' x2='6' y2='14'/><line x1='3' y1='20' x2='21' y2='20'/></svg>");}
#li10050010 a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='23 6 13.5 15.5 8.5 10.5 1 18'/><polyline points='17 6 23 6 23 12'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='23 6 13.5 15.5 8.5 10.5 1 18'/><polyline points='17 6 23 6 23 12'/></svg>");}
#li10050011 a::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6'/><path d='M18 9h1.5a2.5 2.5 0 0 0 0-5H18'/><path d='M4 22h16'/><path d='M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22'/><path d='M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22'/><path d='M18 2H6v7a6 6 0 0 0 12 0V2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6'/><path d='M18 9h1.5a2.5 2.5 0 0 0 0-5H18'/><path d='M4 22h16'/><path d='M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22'/><path d='M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22'/><path d='M18 2H6v7a6 6 0 0 0 12 0V2z'/></svg>");}

/* ---------- content cards ---------- */
.i_content .mod_kong,
.i_content .mod_kuang,
.i_content .mod_welcome{
    background:#fff;
    border:1px solid #f0f0f0;
    border-radius:10px;
    box-shadow:0 1px 4px rgba(0,0,0,.05);
    padding:20px 22px;
    margin-bottom:16px;
}
.i_content .mod_kong > .mod_bd{border:0;}
.i_content .mod_tit{margin-bottom:16px;}

/* tabs */
.tabs_nor{
    border-bottom:1px solid #eee !important;
    padding-left:0 !important;
    margin-bottom:18px;
}
.tabs_nor li{
    border:0 !important;
    margin:0 6px 0 0 !important;
    bottom:0 !important;
}
.tabs_nor li a{
    background:none !important;
    border:0 !important;
    filter:none !important;
    display:block;
    padding:8px 18px !important;
    color:#666 !important;
    font-size:14px;
    border-radius:6px 6px 0 0;
}
.tabs_nor li a:hover{color:#e1251b !important;background:#fafafa !important;}
.tabs_nor li.status_on{border:0 !important;}
.tabs_nor li.status_on a{
    background:#fff !important;
    color:#e1251b !important;
    font-weight:600;
    border-bottom:2px solid #e1251b !important;
    border-radius:0;
}

/* query bar */
.time_limit{
    background:#f7f7f7;
    border:1px solid #f0f0f0;
    border-radius:8px;
    padding:12px 16px;
    margin-bottom:16px;
    line-height:34px;
}
.time_limit label{color:#666;font-size:13px;margin:0 4px 0 6px;}
.time_limit select{
    width:auto !important;
    height:32px !important;
    line-height:32px;
    margin:0 0 10px 6px !important;
    border:1px solid #ddd !important;
    border-radius:4px;
    padding:0 8px;
    background:#fff;
    vertical-align:middle;
}

/* generic inputs */
.i_content input[type=text],
.i_content input[type=password],
.i_content .txt,
.i_content .Wdate,
.i_content select{
    height:32px;
    line-height:32px;
    border:1px solid #ddd;
    border-radius:4px;
    padding:0 10px;
    box-sizing:border-box;
    background:#fff;
    color:#333;
    vertical-align:middle;
    outline:none;
}
.i_content input:focus,.i_content select:focus,.i_content .Wdate:focus{border-color:#e1251b;}
.i_content .button,
.i_content input[type=button]:not(.excelbtn),
.i_content input[type=submit]:not(.excelbtn){
    width:auto !important;
    height:32px !important;
    line-height:30px !important;
    padding:0 20px !important;
    background:#e1251b !important;
    background-image:none !important;
    border:0 !important;
    border-radius:4px;
    color:#fff !important;
    cursor:pointer;
    font-size:13px;
    vertical-align:middle;
    text-align:center;
}
.i_content .button:hover,
.i_content input[type=button]:not(.excelbtn):hover,
.i_content input[type=submit]:not(.excelbtn):hover{background:#c81623 !important;}
/* Excel export icon button: keep excel.gif icon, never red */
.i_content input.excelbtn{width:32px !important;min-width:32px;height:32px !important;line-height:1 !important;padding:0 !important;text-indent:0 !important;background:#ffffff url('/ContractMall/Resource/Image/excel.gif') no-repeat center center !important;background-size:20px 20px !important;border:1px solid #dcdfe6 !important;border-radius:4px;color:transparent !important;font-size:0 !important;cursor:pointer;vertical-align:middle;box-sizing:border-box;}
.i_content input.excelbtn:hover{background:#f5f7fa url('/ContractMall/Resource/Image/excel.gif') no-repeat center center !important;background-size:20px 20px !important;border-color:#c0c4cc !important;}

/* generic buttons */
.i_content a.btn_strong,.i_content .btn_strong,
.i_content input.btn_strong{
    display:inline-block;
    background:#e1251b;
    color:#fff !important;
    border:0;
    border-radius:4px;
    padding:0 14px;
    height:30px;
    line-height:30px;
    font-size:13px;
    text-align:center;
    text-decoration:none;
    box-sizing:border-box;
}
.i_content a.btn_strong:hover{background:#c81623;color:#fff !important;text-decoration:none;}
.i_content a.btn_common{
    display:inline-block;
    background:#fff;
    color:#333 !important;
    border:1px solid #ddd;
    border-radius:4px;
    padding:0 14px;
    height:28px;
    line-height:28px;
    font-size:13px;
    text-align:center;
}
.i_content a.btn_common:hover{border-color:#e1251b;color:#e1251b !important;text-decoration:none;}

/* tables */
.i_content .table_biao{
    border:0 !important;
    width:100%;
    border-collapse:collapse;
    margin-bottom:8px;
    background:#fff;
}
.i_content .table_biao th{
    background:#fafafa;
    color:#666;
    font-weight:600;
    font-size:13px;
    padding:11px 10px;
    border:0;
    border-bottom:1px solid #ececec;
    text-align:center;
    white-space:nowrap;
}
.i_content .table_biao td{
    padding:12px 10px;
    border:0;
    border-bottom:1px solid #f2f2f2;
    font-size:13px;
    color:#333;
    vertical-align:middle;
}
/* order group header row */
.t_myorder tbody tr td[colspan]{
    background:#f7f9fc !important;
    font-size:12.5px;
    color:#555;
    padding:9px 14px !important;
    border-bottom:1px solid #ececec;
    line-height:1.8;
}
.t_myorder tbody tr td[colspan] a{color:#e1251b;}
.t_myorder tbody tr:hover td[colspan]{background:#f2f6fb !important;}
.t_myorder tbody tr:hover td{background:#fcfcfd;}
.t_myorder img{border:1px solid #f0f0f0;border-radius:6px;background:#fff;}
.t_myorder .price{color:#e1251b;font-weight:700;font-size:15px;}
.t_myorder .i_yuan{font-size:12px;}
.t_myorder td a{color:#e1251b;}
.t_myorder td a:hover{text-decoration:underline;}

/* borderless tables (favorites / history / forms) */
.i_content .id_table_nobor{border:1px solid #f0f0f0 !important;border-collapse:collapse;}
.i_content .id_table_nobor th{
    background:#fafafa;color:#666;font-weight:600;padding:11px 10px;
    border-bottom:1px solid #ececec;text-align:center;
}
.i_content .id_table_nobor td{padding:12px 10px;border-bottom:1px solid #f2f2f2;vertical-align:middle;}
.i_content .id_table_nobor tr:hover td{background:#fcfcfd;}

/* operation bar / empty tips */
.select_all{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:10px 14px !important;}
.kong{text-align:center;color:#999;padding:44px 0 !important;}

/* goods mini layout */
.wrap_goods .img img,.wrap_goods a img{border-radius:6px;}

/* forms */
.list_info{padding:10px 0;}
.list_info li{height:auto;min-height:40px;line-height:32px;margin-bottom:16px !important;}
.list_info .tit{color:#666;}

/* pagination */
.page_wrap{margin:20px 0 4px;text-align:center;}
.paginator{display:inline-block;}
.paginator a{
    display:inline-block;
    min-width:30px;
    height:30px;
    line-height:30px;
    padding:0 8px;
    margin:0 3px;
    border:1px solid #ddd;
    border-radius:4px;
    color:#666;
    background:#fff;
    text-align:center;
    box-sizing:border-box;
}
.paginator a:hover{border-color:#e1251b;color:#e1251b;text-decoration:none;}
.paginator .current{
    display:inline-block;min-width:30px;height:30px;line-height:30px;padding:0 8px;margin:0 3px;
    border:1px solid #e1251b;border-radius:4px;color:#fff;background:#e1251b;text-align:center;
}

/* report chart blocks keep spacing inside card */
.i_content img{max-width:100%;}

/* ===== group collapse ===== */
.wrap_menu dl.mod_menu > dt.mod_hd{cursor:pointer;position:relative;}
.wrap_menu dl.mod_menu > dt.mod_hd:hover h3{color:#e1251b;}
.wrap_menu .uc-arrow{
    position:absolute;right:14px;top:50%;
    width:7px;height:7px;
    border-right:1.6px solid #c2c2c2;
    border-bottom:1.6px solid #c2c2c2;
    transform:translateY(-72%) rotate(45deg);
    transition:transform .2s ease;
}
.wrap_menu dl.mod_menu.uc-collapsed .uc-arrow{transform:translateY(-28%) rotate(-135deg);}
.wrap_menu dl.mod_menu.uc-collapsed dd.mod_bd{display:none;}

/* ===== history/favorites list buttons aligned to main site (red primary) ===== */
.id_mod_favorites .select_all.wrap_btn .btn_common,
.id_mod_favorites .table_biao tbody .btn_common,
.id_mod_favorites a.btn_common{
    background:#E01121 !important; color:#fff !important; border:none !important;
    border-radius:5px; text-decoration:none; cursor:pointer;
}
.id_mod_favorites a.btn_common:hover{ background:#c00d1b !important; color:#fff !important; }
.id_mod_favorites .select_all.wrap_btn{ padding:10px 2px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.id_mod_favorites .select_all.wrap_btn label{ margin-right:6px; font-size:13px; color:#2b3138; }
.id_mod_favorites .select_all.wrap_btn .btn_common{ height:32px; line-height:32px; padding:0 18px; font-size:13px; margin:0; }
.id_mod_favorites .table_biao tbody .btn_common{
    height:30px; line-height:30px; padding:0 13px; font-size:12px;
    margin:2px 5px 2px 0; display:inline-block;
}
.id_mod_favorites .table_biao tbody td:last-child{ white-space:normal; }
.id_mod_favorites .table_biao tbody td:last-child P a,
.id_mod_favorites .table_biao tbody td:last-child p a{
    color:#085c9b !important; border:1px solid #d9dcdf; background:#fff;
    height:18px; line-height:18px; padding:0 8px; display:inline-block;
    border-radius:2px; text-decoration:none;
}
.id_mod_favorites .table_biao tbody td:last-child P a:hover,
.id_mod_favorites .table_biao tbody td:last-child p a:hover{ color:#085c9b !important; border-color:#a6a6a6; }

/* ===== 618 我的订单/所有订单 新式 mpg 分页（服务端直出，与列表页一致） ===== */
#container .page_wrap .paginator.mpg{
    float:none; width:100%; height:auto; min-height:0; overflow:visible;
    display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
    gap:8px; padding:18px 0; margin:0;
}
#container .page_wrap .paginator.mpg a,
#container .page_wrap .paginator.mpg .mpg-current,
#container .page_wrap .paginator.mpg .mpg-disabled,
#container .page_wrap .paginator.mpg .mpg-ellipsis{
    float:none; min-width:34px; height:34px; line-height:32px;
    padding:0 10px; border-radius:6px; border:1px solid #dcdee2;
    background:#fff; color:#495060; font-size:14px; text-align:center;
    box-sizing:border-box; display:inline-block; margin:0;
    transition:color .15s, border-color .15s, background .15s;
}
#container .page_wrap .paginator.mpg a:hover{
    color:#e1251b; border-color:#e1251b; background:#fff5f4; text-decoration:none;
}
#container .page_wrap .paginator.mpg .mpg-current{
    background:#e1251b; border-color:#e1251b; color:#fff; font-weight:700; cursor:default;
}
#container .page_wrap .paginator.mpg .mpg-disabled{
    color:#c0c4cc; background:#f7f8fa; border-color:#eef0f2; cursor:not-allowed;
}
#container .page_wrap .paginator.mpg .mpg-ellipsis{
    border:none; background:transparent; color:#909399; cursor:default;
    padding:0 2px; min-width:24px;
}
#container .page_wrap .paginator.mpg .mpg-info{
    color:#495060; font-size:14px; margin:0 2px;
}
#container .page_wrap .paginator.mpg .mpg-jump-input{
    width:48px; height:34px; line-height:32px; border:1px solid #dcdee2;
    border-radius:6px; text-align:center; font-size:14px; color:#495060;
    box-sizing:border-box; outline:none; margin:0 4px;
}
#container .page_wrap .paginator.mpg .mpg-jump-input:focus{ border-color:#e1251b; }
#container .page_wrap .paginator.mpg .mpg-jump-btn{
    height:34px; padding:0 14px; border:1px solid #dcdee2; border-radius:6px;
    background:#fff; color:#495060; font-size:14px; cursor:pointer; margin-left:6px;
    transition:color .15s, border-color .15s, background .15s;
}
#container .page_wrap .paginator.mpg .mpg-jump-btn:hover{
    color:#e1251b; border-color:#e1251b; background:#fff5f4;
}