@charset "utf-8";
/* ============================================================
   hao2026 会员中心样式 —— 布局参考 tuilei.com 会员中心
   （左 200px 导航 + 右 960px 内容区 / #listbox 表格 / #formbox 表单）
   配色：hao2026 主绿 #3cb135
   ============================================================ */
/* global */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0; padding: 0;}
body, button, input, select, textarea {vertical-align: middle;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
address, cite, dfn, em, var{font-style: normal;}
code, kbd, pre, samp {font-family: courier new, courier, monospace;}
small {font-size: 12px;}
ul, ol{list-style: none;}
a {text-decoration: none;}
a:hover{text-decoration: none;}
fieldset, img{border: 0;}
button, input, select, textarea{font-size: 100%;padding: 7px;border: 1px solid #e3e7e3; border-radius: 5px;box-sizing: border-box;}
table {border-collapse: collapse; border-spacing: 0;}
/* custom */
body {color: #555;background-color: #efefef;}
body, input, select, textarea {color: #1c1c1c;}
a:hover {color: #3cb135;}
.ipt {border: solid 1px #e3e7e3;font: 14px normal;padding: 8px;border-radius: 5px;background: #fff;width: 300px;}
.btn {background: #3cb135; border: 0; color: #fff; height: 32px; padding: 0 14px; margin-left: 3px; border-radius: 5px; cursor: pointer;}
.btn:hover{cursor: pointer;background: #2f9c2a;color: #fff;}

/* clearfix */
.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clearfix {display: inline-table; height: 1%; display: block;}

/* ===== 会员中心主体布局（tuilei：左 200 + 右 960，总 1200） ===== */
#memberwrap {margin: 0 auto;width: 1200px;height: auto;overflow: hidden;}
.left{width: 200px;float: left;box-shadow: 0 0 8px #e0e0e0;margin-top: 10px;background: #fff;}
.right{width: 980px;float: right;padding: 16px;border: 1px solid #eee;background: #fff;margin-top: 10px;min-height: 480px;box-sizing: border-box;}

/* 左侧 layui-nav-tree 白底化 + 绿色高亮 */
.left .layui-nav{background: #fff;color: #333;border-radius: 0;}
.left .layui-nav-tree .layui-nav-child a{color: #333;}
.left .layui-nav-tree .layui-nav-child a:hover{color: #3cb135;background: #f4fbf3;}
.left .layui-nav-tree .layui-nav-item a{color: #333;}
.left .layui-nav-tree .layui-nav-item a:hover{background: #f4fbf3;}
.left .layui-nav-tree .layui-nav-child dd.layui-this a,
.left .layui-nav-tree .layui-this,
.left .layui-nav-tree .layui-this > a,
.left .layui-nav-tree .layui-this > a:hover
{background: #fff !important;color: #3cb135;border-left: 2px solid #3cb135;}
.left .layui-nav-itemed > a{background-color: #3cb135 !important;color: #fff !important;}
.left .layui-nav-itemed > .layui-nav-child{background: #fff !important;}
.left .layui-nav-bar{display: none;}

/* 提示横条 */
.title{padding: 12px;margin-bottom: 14px;background-color: #edf7ec;color: #3cb135;font-size: 14px;border-radius: 4px;}

/* ===== #listbox 信息列表表格 ===== */
#listbox {padding: 4px;}
#listbox table {width: 100%;}
#listbox table tr th {background: #f5fbf4; height: 34px;color: #666;text-align: center;border-bottom: 1px solid #e8f3e6;}
#listbox table tr td {background: #fff; border-bottom: solid 1px #ececec; height: 42px; text-align: center;padding: 4px;}
#listbox table tr .ltext {text-align: left;}
#listbox table tr:hover td {background: #fafdfa;}
#listbox a {color: #333;}
#listbox a:hover {color: #3cb135;}

/* ===== #formbox 表单 ===== */
#formbox {}
#formbox ul {padding-bottom: 10px;}
#formbox li {padding: 10px 0;}
#formbox li strong {display: inline-block; float: left; font-weight: normal; text-align: right; width: 160px;color: #555;padding-top: 8px;}
#formbox li p {color: #999;font-size: 12px;padding: 9px 0 0 168px;}
#formbox li img {max-width: 700px;}
#formbox li .btn, #formbox li input[type=submit]{margin-left: 168px;}
#formbox li select, #formbox li textarea {border: solid 1px #e3e7e3;border-radius: 5px;padding: 7px;font-size: 14px;}

/* ===== 会员统计信息（count-info） ===== */
.count-info ul{overflow: hidden;}
.count-info ul li{width: 216px;margin: 10px;font-size: 16px;padding-bottom: 20px;float: left;background: #f7fbf6;color: #6c6c6c;border-radius: 4px;}
.count-info ul li .count-info-title{text-align: center;padding: 18px 20px 6px;}
.count-info ul li p{text-align: center;padding: 6px;font-size: 28px;color: #3cb135;}

/* ===== 分页 #showpage ===== */
#showpage {display: block; font-size: 12px; text-align: left; padding: 14px 0;overflow: hidden;}
#showpage a, #showpage span{float: left;margin-right: 5px;padding: 5px 12px;text-decoration: none;border: 1px solid #e0e0e0;background: #f5f5f5;color: #555;border-radius: 3px;}
#showpage a:hover{background: #3cb135;border: 1px solid #3cb135;color: #fff;}
#showpage .current{border: 1px solid #3cb135;background: #3cb135;color: #fff;}

/* 空状态 / 提示 */
.empty{padding: 60px 30px;text-align: center;color: #999;}
.empty .layui-icon{font-size: 46px;color: #cde6c9;display: block;margin-bottom: 12px;}
.tipbox{background: #f7fbf6;padding: 20px;color: #666;border-radius: 4px;line-height: 24px;}

/* 快捷入口按钮组 */
.quick-btns{overflow: hidden;padding: 6px 0;}
.quick-btns a{float: left;width: 218px;margin: 10px;padding: 22px 0;text-align: center;background: #f7fbf6;border: 1px solid #e6f2e4;border-radius: 5px;color: #333;font-size: 15px;}
.quick-btns a i{font-size: 28px;color: #3cb135;display: block;margin-bottom: 8px;}
.quick-btns a:hover{background: #3cb135;border-color: #3cb135;color: #fff;}
.quick-btns a:hover i{color: #fff;}

/* 状态徽标 */
.st-ok{color: #3cb135;}
.st-wait{color: #ff8000;}
.st-no{color: #999;}

/* ===== 兼容帝国旧 table 模板（DoInfo 投稿表单等） ===== */
.tableborder {width: 100%;border: 1px solid #e8f0e7;border-radius: 4px;overflow: hidden;margin-bottom: 14px;background: #fff;}
.tableborder .header {background: #f5fbf4;color: #3cb135;font-weight: bold;padding: 10px;}
.tableborder td {padding: 8px 10px;border-bottom: 1px solid #f0f4ef;line-height: 24px;}
.tableborder tr.header td {background: #f5fbf4;color: #3cb135;font-weight: bold;}
.tableborder input[type=text], .tableborder input[type=password], .tableborder select, .tableborder textarea {border: solid 1px #e3e7e3;border-radius: 5px;padding: 7px;font-size: 14px;max-width: 520px;}

/* ===== 登录 / 注册页（tuilei 全屏横幅 + 居中白卡） ===== */
.loginbanner{width: 100%;min-height: 100%;background: #2f9c2a linear-gradient(-90deg, #238427 0%, #43c96a 100%);padding-bottom: 40px;}
.loginlogo{width: 1000px;height: 60px;margin: 0 auto;}
.loginlogo .header{width: 1000px;height: 60px;margin: 0 auto;}
.loginlogo-left{float: left;height: 60px;padding-top: 10px;}
.loginlogo-left img{height: 44px;}
.sub-title {display: inline-block;height: 60px;line-height: 74px;margin-left: 12px;font-size: 16px;color: #fff;}
.rt-btn {float: right;line-height: 60px;}
.rt-btn a {border: 1px solid rgba(255,255,255,.7);border-radius: 10px; padding: 4px 12px;color: #fff;}
.rt-btn a:hover{background: rgba(255,255,255,.15);color: #fff;}
.wrapper {margin: 0 auto;}
.loginform, .regform {border-top: 1px solid #eee;background: #fff;width: 560px;margin: 40px auto 0;box-shadow: 0 6px 18px rgba(0,0,0,.12);}
.loginform h3, .regform h3 {padding: 20px 0;text-align: center;background: #fff;border-bottom: 1px #eee solid;}
.loginform h3 span, .regform h3 span {color: #333;font-size: 22px;}
.loginform ul {width: 350px;margin: 0 auto;padding: 30px 105px 40px;background: #fff;overflow: hidden;}
.loginform li, .regform li {padding: 10px 0;overflow: hidden;}
.loginform li label, .regform li label {display: block;float: left;padding-top: 10px;text-align: right;width: 90px;font-size: 14px;color: #555;}
.loginform li p, .regform li p {color: #ccc;float: left;font-size: 12px;padding: 8px 0 0 70px;}
.loginform .ipt, .regform .ipt {width: 240px;font-size: 14px;padding: 8px;border: 1px solid #cfd0d2;outline: none;text-indent: 10px;background: #f4f4f4;border-radius: 5px;}
.loginform .btn, .regform .btn {border: 0;width: 240px;height: 40px;line-height: 40px;color: #fff;font-size: 18px;text-align: center;border-radius: 5px;background-color: #2f9c2a;background-image: linear-gradient(to right, #238427, #43c96a);margin: 8px 0 15px 90px;cursor: pointer;}
.loginform .btn:hover, .regform .btn:hover{background: #43c96a;border: 0;cursor: pointer;}
.loginform #mycode, .regform #mycode{margin-left: 8px;display: inline-block;}
.loginform #mycode img{cursor: pointer;height: 34px;}
.regform ul {width: 420px;margin: 0 auto;padding: 30px 60px 40px;background: #fff;}
.regform li label{width: 85px;}
.regform li .ipt{width: 280px;}
.toplink {color: #6f6e6e;float: left;border: 1px solid #cfd0d2;height: 32px;border-radius: 3px;text-align: center;line-height: 32px;margin: 4px 0 10px 90px;padding: 0 14px;font-size: 13px;}
.toplink:hover{border-color: #3cb135;background: #fff;}
.toplink a {color: #6f6e6e;display: inline-block;}
.toplink a:hover{color: #3cb135;text-decoration: none;}
.loginbanner .footer{padding: 40px 0 20px;text-align: center;}
.loginbanner .footer, .loginbanner .footer a{color: rgba(255,255,255,.85);font-size: 12px;}

/* 用户头部卡（会员中心概览） */
.hao2026-user-head{overflow: hidden;background: #f7fbf6;border: 1px solid #e6f2e4;border-radius: 5px;padding: 18px 20px;margin-bottom: 14px;}
.hao2026-user-head .hao2026-avatar{width: 72px;height: 72px;border-radius: 50%;float: left;border: 2px solid #fff;box-shadow: 0 0 6px #dcead9;}
.hao2026-user-head .hao2026-user-info{float: left;margin-left: 16px;padding-top: 6px;}
.hao2026-user-head .hao2026-user-info h2{font-size: 18px;color: #333;margin-bottom: 8px;}
.hao2026-user-head .hao2026-user-info .ug{display: inline-block;background: #3cb135;color: #fff;font-size: 12px;border-radius: 3px;padding: 2px 8px;margin-right: 8px;}

/* 兼容旧 msg/fava 等页面 */
.msg{background: #f7fbf3;padding: 10px;color: #747474;}

/* ===== 页脚（与首页一致：灰底 + 绿色顶边，logo 居左、链接单行居中、备案居中） ===== */
.foot{background: #e5e5e5;border-top: 5px solid #2fa23d;padding: 20px 0 10px;overflow: hidden;width: 100%;}
.foot-w1240{width: 1200px;margin: 0 auto;overflow: hidden;}
.bottom-logo{float: left;width: 200px;padding-top: 14px;}
.bottom-logo img{height: 64px;}
.foot-r{float: right;width: 960px;}
.bottom-gy{width: 100%;text-align: center;height: 40px;line-height: 40px;padding: 0;}
.bottom-gy span{display: inline;width: auto;}
.bottom-gy span a{color: #2f4056;padding: 0 12px;font-size: 14px;}
.bottom-gy span a:hover{color: #3cb135;}
.bottom-b{text-align: center;font-size: 14px;color: #555;padding-bottom: 8px;line-height: 28px;}
.bottom-b a{color: #555;}
.bottom-b a:hover{color: #3cb135;}

/* ===== 侧栏菜单（本站绿色标题条，子菜单以普通文档流直接展开，参照分组手风琴常开样式） ===== */
.left .layui-nav{background: #fff;border-radius: 0;overflow: visible;}
.left .layui-nav .layui-nav-item{margin: 0;}
.left .layui-nav-tree .layui-nav-item > a{display: block;width: 100%;box-sizing: border-box;height: 46px;line-height: 46px;padding: 0 16px;font-size: 15px;border-radius: 0;}
.left .layui-nav-tree .layui-nav-item > a .layui-nav-more{right: 16px;}
.left .layui-nav-itemed > a{background-color: #3cb135 !important;color: #fff !important;}
/* 箭头：白色小三角、垂直居中、展开态朝上 */
.left .layui-nav-tree .layui-nav-more{top: 50%;margin-top: -3px;border-top-color: transparent;border-bottom-color: #fff;}
.left .layui-nav-itemed > a .layui-nav-more{border-top-color: transparent;border-bottom-color: #fff;margin-top: -8px;}
/* 关键：layui 默认把 .layui-nav-child 做成绝对定位下拉，这里改回文档流常开 */
.left .layui-nav-tree .layui-nav-child{position: static;display: block !important;width: 100%;background: #fff;box-shadow: none;border-radius: 0;padding: 2px 0 6px;}
.left .layui-nav-tree .layui-nav-child dd{position: static;}
.left .layui-nav-tree .layui-nav-child dd a{display: block;width: 100%;box-sizing: border-box;height: 44px;line-height: 44px;padding: 0 16px 0 40px;color: #333;font-size: 14px;border-left: 0;border-radius: 0;}
.left .layui-nav-tree .layui-nav-child dd a:hover{color: #3cb135;background: #f4fbf3 !important;}
.left .layui-nav-tree .layui-nav-child dd.layui-this a{color: #3cb135;background: #fff !important;}
.left .layui-nav-tree .layui-this > a{background: #fff !important;}