/* 电脑前台主题 7 — 清新橙 Fresh Orange
 * 覆盖样式表：白底 + 橙色主色 + 彩色分类图标块 + 卡片式列表（红价蓝标签），清爽好认。
 * 结构沿用 token 驱动骨架，仅重写配色为干净明亮的清新橙（扁平卡片，去拟物阴影）。 */
:root{
--plus-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 5v14M5 12h14%22/%3E%3C/svg%3E");
--grid-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%226.5%22 height=%226.5%22 rx=%221.5%22/%3E%3Crect x=%2213.5%22 y=%224%22 width=%226.5%22 height=%226.5%22 rx=%221.5%22/%3E%3Crect x=%224%22 y=%2213.5%22 width=%226.5%22 height=%226.5%22 rx=%221.5%22/%3E%3Crect x=%2213.5%22 y=%2213.5%22 width=%226.5%22 height=%226.5%22 rx=%221.5%22/%3E%3C/svg%3E");
--chat-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 12.5a7.5 6.5 0 0 1-10.6 5.9L5 19.5l1.2-3.6A6.3 6.3 0 0 1 4.5 12 7.5 6.5 0 0 1 20 12.5z%22/%3E%3Cpath d=%22M9 12h.01M12.5 12h.01M16 12h.01%22 stroke-width=%222.6%22/%3E%3C/svg%3E");
--phone-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.9%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 4h3.5l1.8 4.5-2.3 1.4a11 11 0 0 0 6.1 6.1l1.4-2.3L20 15.5V19a1.5 1.5 0 0 1-1.6 1.5A16.5 16.5 0 0 1 3.5 5.6 1.5 1.5 0 0 1 5 4z%22/%3E%3C/svg%3E");
--up-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.2%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 19V6M6 11l6-6 6 6%22/%3E%3C/svg%3E");
--search-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%239aa4b6%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%226.5%22/%3E%3Cpath d=%22M20 20l-4.2-4.2%22/%3E%3C/svg%3E");
--chev:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 5l7 7-7 7%22/%3E%3C/svg%3E");
--chev-d:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23f26a45%22 stroke-width=%222.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 5l7 7-7 7%22/%3E%3C/svg%3E");
--ff:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC","Segoe UI",sans-serif;--ff-h:var(--ff);
--bg:#f5f6f8;--bg-img:linear-gradient(#f7f8fa,#f5f6f8);
--sf:#ffffff;--sf2:#ffffff;--sf3:#f5f6f8;
--tx:#222222;--mu:#999999;--ln:#eeeeee;--ln2:#d9dde3;
--ac:#ff6a00;--ac2:#ff8a3a;--acg:linear-gradient(135deg,#ff7a1a,#ff6a00);--on-ac:#ffffff;--hot:#ff3b30;--link:#333333;
--rd:12px;--rd-s:10px;--rd-btn:999px;--rd-chip:999px;
--sh:0 2px 12px rgba(20,30,50,.07);--sh-s:0 1px 6px rgba(20,30,50,.06);--sh-pop:0 12px 30px rgba(20,30,50,.14);
--glass:none;--bd:1px solid #eeeeee;
--in-bg:#f5f6f8;--in-bd:1px solid #eeeeee;--focus:0 0 0 3px rgba(255,106,0,.18);
--plate:#ffffff;--plate-tx:#333;--plate-pad:6px 12px;--pop:#ffffff;
--bar-bg:#ffffff;--bar-bd:1px solid #eeeeee;
--nav-tx:#444444;--nav-on-bg:linear-gradient(135deg,#ff7a1a,#ff6a00);--nav-on-tx:#ffffff;
--menu-bg:#ffffff;--menu-ln:#f2f2f2;--menu-hover:rgba(255,106,0,.08);
--tab-on-bg:linear-gradient(135deg,#ff7a1a,#ff6a00);--tab-on-tx:#ffffff;
--btn2-bg:#ffffff;--btn2-tx:#ff6a00;--btn2-ln:#ffd9bf;--btn-sh:0 8px 18px -8px rgba(255,106,0,.5);
--banner-bg:linear-gradient(135deg,#fff1e8,#e9f1ff);--dots-bg:rgba(0,0,0,.28);
--label-bg:#fff6ef;
--avatar-bg:#f0f2f5;--avatar-sh:0 2px 8px rgba(20,30,50,.08);
--chip-bg:rgba(60,140,255,.08);--chip-tx:#3c8cff;
--cols:2;--gap:18px;
--box-hd-bg:#ffffff;--box-hd-font:700 17px/1.2 var(--ff-h);--box-hd-ls:0;
--box-ic:20px;--box-ic-pad:9px;--box-ic-rd:12px;--box-ic-bg:#fff1e8;--box-ic-sh:none;
--row-ln:#f2f2f2;--row-hover:#fafbfc;
--foot-bg:#ffffff;--foot-bg2:#fafbfc;--foot-tx:#222;--foot-mu:#999;--foot-ln:#eeeeee;--foot-bd:1px solid #eeeeee;
--fab-bg:#ffffff;--fab-ic:#ff6a00;--fab-rd:50%;--fab-sh:0 4px 14px rgba(20,30,50,.12);--fab-hover:#fff6ef;
--tag1:#22a95b;--tag2:#ff6a00;--tag3:#3c8cff;
--ding-bg:linear-gradient(90deg,rgba(255,106,0,.08),transparent 70%);--notice-bg:#fff7f1;
--title-font:700 26px/1.35 var(--ff-h);--title-ls:0;
--login-bg:transparent;--login-art:radial-gradient(300px 220px at 30% 30%,rgba(255,255,255,.4),transparent 70%),linear-gradient(140deg,#ff8a3a,#ff6a00);--art-tx:#ffffff;
--store-name-font:700 28px/1.2 var(--ff-h);--store-nav-bg:#ffffff;--store-nav-tx:#444444;
--ic-stroke:#ff6a00;--ic-sw:1.9;--ic-fill:#ff6a00;--ic-fill-o:.16;
--neu-up:0 2px 10px rgba(20,30,50,.07);--neu-up-s:0 1px 4px rgba(20,30,50,.06);--neu-in:inset 0 0 0 1px #eeeeee;
}
/* ===================== shared structure (token driven) ===================== */
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul,span,a,font,select,table{font-family:var(--ff)}
html{background:var(--bg)!important}
html body,html body.orange,html body.bodybgorange1{background:var(--bg-img),var(--bg)!important;background-attachment:fixed!important;color:var(--tx);font-family:var(--ff)!important;-webkit-font-smoothing:antialiased}
body a{color:var(--link)}
body a:hover{color:var(--ac);text-decoration:none}
body ::selection{background:var(--ac);color:var(--on-ac)}
body a[style*="color:red"],body a[style*="color: red"],body a[style*="color:#ff0000"],body a[style*="color:#FF0000"]{color:var(--hot)!important}
body input,body textarea,body select,body button{font-family:var(--ff)!important}
body input[type=text],body input[type=password],body input[type=email],body input[type=tel],body input:not([type]),body textarea,body select{background:var(--in-bg)!important;color:var(--tx)!important;border:var(--in-bd)!important;border-radius:var(--rd-s);outline:none;transition:box-shadow .2s,border-color .2s}
body input[type=text]:focus,body input[type=password]:focus,body input:not([type]):focus,body textarea:focus,body select:focus{box-shadow:var(--focus)!important;border-color:var(--ac)!important}
body ::placeholder{color:var(--mu);opacity:1}
body a:focus-visible,body input:focus-visible,body button:focus-visible{outline:2px solid var(--ac);outline-offset:2px}

/* icons */
html.ti-on svg.ti{width:20px;height:20px;flex:none;vertical-align:middle;--ti-stroke:var(--ic-stroke);--ti-sw:var(--ic-sw);--ti-fill:var(--ic-fill);--ti-fill-o:var(--ic-fill-o);--ti-accent:var(--ac2);overflow:visible}

/* ---------- top bar ---------- */
body .bartop{background:var(--bar-bg)!important;border-bottom:var(--bar-bd)!important;height:36px;line-height:36px;font-size:12.5px!important}
body .bartop,body .bartop a,body .bartop ul.barcity{color:var(--mu)!important}
body .bartop a:hover{color:var(--ac)!important}
body .bartop .barleft{width:auto;max-width:860px}
body .bartop .barright{width:auto;max-width:400px}
body .bartop ul{margin-top:9px}
body .bartop ul.barcang,body .bartop ul.barwap,body .bartop ul.barpost,body .bartop ul.bardel{background:none!important;padding-left:2px}
body .bartop ul.line{background:transparent!important;margin-top:13px}
body .bartop ul.line u{background:var(--ln)!important;height:10px}
#ailogin a{margin:0 4px}

/* ---------- logo / search / post ---------- */
body .logosearchtel{box-sizing:border-box;display:flex;align-items:center;gap:22px;height:auto;overflow:visible;margin:22px auto 18px;position:relative}
body .logosearchtel .weblogo{order:0;float:none;height:auto;max-width:260px;display:flex;align-items:center;flex:none}
body .logosearchtel .weblogo a{display:block;color:var(--tx);font:700 18px/1.3 var(--ff-h)}
body .logosearchtel .weblogo img{color:var(--plate-tx,inherit);font-size:13px;margin:0;max-height:70px;display:block;background:var(--plate);border-radius:var(--rd-s);padding:var(--plate-pad)}
body .logosearchtel .webcity{order:1;float:none;margin:0;padding:4px 0 4px 18px;width:auto;min-width:70px;border-left:1px solid var(--ln)!important;flex:none}
body .logosearchtel .webcity span{color:var(--tx)!important;background:none!important;padding:0;font-size:15px}
body .logosearchtel .webcity a:link,body .logosearchtel .webcity a:visited{color:var(--mu)!important;font-size:12.5px}
body .logosearchtel .webcity2{background:var(--pop)!important;border:var(--bd)!important;border-radius:var(--rd-s);box-shadow:var(--sh);color:var(--tx);margin-left:0;top:100%}
body .logosearchtel .websearch{order:2;float:none;flex:1;width:auto;overflow:visible;min-width:0}
body .websearch .s_ulA{height:auto;min-height:0}
body .websearch .s_ulA ul{position:static}
body .websearch .sch_t_frm{width:100%;height:auto;overflow:visible}
body .websearch .sch_t_frm form{display:flex;align-items:stretch;width:100%}
body .websearch .sch_ct{flex:1;float:none}
body .websearch .topsearchinput{float:none;box-sizing:border-box;width:100%!important;height:48px!important;line-height:48px;padding:0 18px 0 46px!important;text-indent:0;font-size:14px;background-image:var(--search-ico)!important;background-repeat:no-repeat!important;background-position:16px center!important;background-size:18px 18px!important}
body .websearch .sch_t_frm form>div:last-child{flex:none}
body .websearch .btn-normal{float:none;height:48px;width:auto;min-width:104px;padding:0 26px;background:var(--acg)!important;color:var(--on-ac)!important;font-size:15px;font-weight:600;letter-spacing:.2em;border:0!important;cursor:pointer}
body .websearch .s_ulC{width:auto;margin-top:6px}
body .websearch .s_ulC a{color:var(--mu)!important}
body .logosearchtel .postedit{order:3;float:none;margin:0;width:auto;height:auto;flex:none}
body .logosearchtel .postedit a.post{float:none;display:inline-flex;align-items:center;gap:8px;width:auto;height:48px;line-height:48px;padding:0 24px;margin:0;background:var(--acg)!important;background-image:var(--acg)!important;color:var(--on-ac)!important;font-size:15px;font-weight:600;border-radius:var(--rd-btn);box-shadow:var(--btn-sh)}
body .logosearchtel .postedit a.post::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:var(--plus-mask) center/contain no-repeat;mask:var(--plus-mask) center/contain no-repeat}
body .logosearchtel .postedit a.post:hover{filter:brightness(1.06);transform:translateY(-1px)}

/* ---------- nav bar + category menu ---------- */
body .daohang_con{overflow:visible;margin-top:6px;position:relative;z-index:60}
body .daohang_con::after{content:"";display:block;clear:both}
body .daohang{border-bottom:0!important;background:none!important;height:auto!important;overflow:hidden}
body .daohang ul{height:auto!important;display:flex;flex-wrap:nowrap;align-items:center;overflow:hidden}
body .daohang li{float:none;flex:none}
body .daohang a,body .daohang a#index{float:none;display:block;height:auto;line-height:1;padding:13px 15px;font-size:15px;font-weight:600;color:var(--nav-tx)!important;background:none;white-space:nowrap;transition:color .2s,background .2s,box-shadow .2s}
body .daohang a font{color:inherit!important}
body .daohang a:hover{color:var(--ac)!important}
body .daohang a.current,body .focushead .daohang a#index{color:var(--nav-on-tx)!important;background:var(--nav-on-bg)!important}
#infomenu{border:0!important}
#infomenu .titdown,#infomenu .titup{background:var(--acg)!important;color:var(--on-ac)!important;width:auto;height:46px;line-height:46px;text-indent:0;padding:0 18px;font-size:15px;letter-spacing:.06em;display:flex;align-items:center;justify-content:space-between}
#infomenu .titup::after,#infomenu .titdown::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--grid-mask) center/contain no-repeat;mask:var(--grid-mask) center/contain no-repeat;opacity:.9}
#infomenu .cont{border-top:0!important;background:var(--menu-bg)!important;padding:6px 0 8px}
#infomenu .cont li{border-bottom:1px solid var(--menu-ln)!important;height:36px;line-height:36px}
#infomenu .cont li:last-child{border-bottom:0!important}
#infomenu .cont li em,#infomenu .cont li.thismenu em{background:none!important;border:0!important;box-shadow:none!important;top:2px!important;bottom:2px;left:-4px!important;right:-4px;width:auto!important;height:auto!important;text-indent:0;padding:0 10px;display:flex!important;align-items:center;border-radius:var(--rd-s);transition:background .2s}
#infomenu .cont li em a{color:var(--tx)!important;font-size:14px;display:flex;align-items:center;gap:10px;width:100%;white-space:nowrap}
#infomenu .cont li.thismenu em{background:var(--menu-hover)!important}
#infomenu .cont li.thismenu em a{color:var(--ac)!important}
#infomenu .cont li em a::after{content:"";margin-left:auto;width:7px;height:7px;border-right:1.5px solid var(--mu);border-top:1.5px solid var(--mu);transform:rotate(45deg);opacity:.6}
#infomenu .cont li.thismenu dl{left:100%!important;top:-10px!important;padding-left:10px;width:420px!important;height:auto!important;z-index:200}
#infomenu .cont li.thismenu dl dt{display:none}
#infomenu .cont li.thismenu dl dd{position:relative!important;top:0!important;left:0!important;width:auto!important;padding:14px!important;border:var(--bd)!important;border-radius:var(--rd);background:var(--pop)!important;box-shadow:var(--sh-pop)!important;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);overflow:hidden}
#infomenu .cont li.thismenu dl dd a{float:left;box-sizing:border-box;width:33.33%!important;height:34px;line-height:34px;padding:0 10px!important;color:var(--tx)!important;border-radius:var(--rd-s);font-size:13.5px}
#infomenu .cont li.thismenu dl dd a:hover{background:var(--menu-hover);color:var(--ac)!important}

/* ---------- home: hero row ---------- */
body .focushead{margin-top:6px;display:flow-root;position:relative}
body .focushead .categories{position:relative;z-index:80;width:186px;background:none}
body .focushead #infomenu{position:relative;width:186px}
body .focushead .focushead_right{float:right;width:1080px}
body .focushead .focuscorp{margin-top:14px;display:flex;justify-content:space-between;align-items:stretch;gap:14px}
body .focushead .focustop{float:none;flex:1;width:auto!important}
body .focustop .banner{border-radius:var(--rd);overflow:hidden;background:var(--banner-bg);box-shadow:var(--sh);height:346px}
body .banner .slide li a{display:block;width:100%}
body .banner .slide li a img{width:100%;object-fit:cover;color:var(--mu)}
body .banner .wnum{width:100%}
body .banner .num{background:var(--dots-bg)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 10px!important;height:8px;display:flex;gap:6px}
body .banner .num li{width:8px;height:8px;margin:0;border:0!important;background:rgba(255,255,255,.55);transition:width .3s,background .3s;border-radius:8px}
body .banner .num li.active{width:22px;background:#fff!important}
body .banner .arrow li{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.35) var(--chev) center/18px no-repeat!important;top:151px;backdrop-filter:blur(6px)}
body .banner .arrow li.prev{transform:scaleX(-1)}
body .announcepost{float:none;flex:none;width:336px;box-sizing:border-box;padding-bottom:12px}
body .announcecorp #tab1{width:auto;margin:12px 14px 6px;height:auto;line-height:34px;border-bottom:0;display:flex}
body .announcecorp #tab1 ul{display:flex;gap:4px;width:100%}
body .announcecorp #tab1 li{float:none;flex:1;width:auto;margin:0;height:34px;cursor:pointer;color:var(--mu);border-radius:var(--rd-s);transition:all .2s}
body .announcecorp #tab1 li.now{color:var(--tab-on-tx)!important;background:var(--tab-on-bg)!important;border-bottom:0!important;font-weight:600}
body .announcecorp .tablist{width:auto;background:transparent!important}
body .announcecorp .tablist ul{margin:4px 8px;padding:0 4px}
body .announcecorp .tablist li{width:auto;border-radius:var(--rd-s)}
body .tablist li:hover{background:var(--menu-hover)!important}
body .tablist li span.title{background:none!important;text-indent:6px;width:212px}
body .tablist li span.money,body .tablist li span.time{color:var(--mu)!important;font-size:12.5px}
body .tablist div.nodata{color:var(--mu)}
body .announcetitle{background:none!important;width:230px}
body .announcetitle a{color:var(--tx)!important}
body .courseschool{border-top:1px solid var(--ln)!important;margin:6px 14px 0;display:flex;gap:10px;overflow:visible}
body .courseschool a.postinfo,body .courseschool a.postmember{float:none;flex:1;width:auto;margin:12px 0 0;height:40px;line-height:40px;border-radius:var(--rd-btn);font-weight:600;font-size:14px}
body .courseschool a.postinfo{background:var(--acg)!important;color:var(--on-ac)!important}
body .courseschool a.postmember{background:var(--btn2-bg)!important;color:var(--btn2-tx)!important;box-shadow:inset 0 0 0 1px var(--btn2-ln)}

/* ---------- home: store roll ---------- */
body .hotschool{width:auto;height:auto;border:0!important;background:var(--sf)!important;position:relative;padding:18px 16px 14px 128px;margin-top:16px;box-sizing:border-box;text-align:left;display:flow-root}
body .hotschool::before{content:"推荐商家";position:absolute;left:24px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;white-space:nowrap;letter-spacing:.5em;font:600 17px/1 var(--ff-h);color:var(--tx);padding:18px 14px;border-radius:var(--rd-s);background:var(--label-bg)}
body .hotschool .rollBox{margin:0;width:auto;display:flex;align-items:center;gap:8px}
body .hotschool .rollBox .Cont{width:auto!important;flex:1;min-width:0;padding:6px 0}
body .hotschool .img1,body .hotschool .img2{float:none;flex:none;margin:0!important;width:34px;height:34px;border-radius:50%;background:var(--sf2) var(--chev-d) center/14px no-repeat!important;box-shadow:inset 0 0 0 1px var(--ln)}
body .hotschool .img1{transform:scaleX(-1)}
body .hotschool .img1:hover,body .hotschool .img2:hover{background-color:var(--menu-hover)!important}
body .hotschool .rollBox .Cont .pic{width:156px;padding:0 9px;box-sizing:content-box}
body .hotschool .rollBox .Cont .pic>a:first-child{display:block;width:96px;height:96px;margin:4px auto 8px;border-radius:50%;overflow:hidden;background:var(--avatar-bg);box-shadow:var(--avatar-sh)}
body .hotschool .rollBox .Cont .pic img{width:96px;height:96px;object-fit:cover;background:transparent;font-size:11px;color:var(--mu)}
body .pic .schoolname{width:auto;text-align:center;display:block;font-size:13px;margin:4px 0 8px}
body .pic .schoolname a{color:var(--tx)!important}
body .pic .seecourse{display:block;text-align:center}
body .pic .seecourse a{display:inline-block;border:0!important;background:var(--chip-bg)!important;color:var(--chip-tx)!important;padding:3px 14px;border-radius:999px;font-size:12px}
body .pic .seecourse a:hover{background:var(--acg)!important;color:var(--on-ac)!important}

/* ---------- home: category boxes ---------- */
body .infolist{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:var(--gap);overflow:visible;margin-top:var(--gap)}
body .infolist>div:empty{display:none}
body .infolist>[id^=ad_]{grid-column:1/-1}
body .infolist .showbox,body .full .infolist .sleft,body .full .infolist .sright{float:none;width:auto!important;margin:0;overflow:hidden}
body .infolist .showbox .hd{background:var(--box-hd-bg)!important;border-top:0!important;height:auto;line-height:1;display:flex;align-items:center;padding:0 16px;min-height:54px;border-bottom:1px solid var(--ln)}
body .infolist .showbox .hd .cattitle{float:none;height:auto;line-height:1.2;padding:0;display:flex;align-items:center;gap:10px;color:var(--tx)!important;font:var(--box-hd-font);letter-spacing:var(--box-hd-ls)}
body .infolist .showbox .hd .cattitle svg.ti{width:var(--box-ic);height:var(--box-ic);padding:var(--box-ic-pad);border-radius:var(--box-ic-rd);background:var(--box-ic-bg);box-shadow:var(--box-ic-sh)}
body .infolist .showbox .hd .postinfo{display:none}
body .infolist .showbox .hd .moreinfo{float:none;margin:0 0 0 auto;width:auto;font-size:12.5px;color:var(--ln)}
body .infolist .showbox .hd .moreinfo a{color:var(--mu)!important;padding:4px 6px}
body .infolist .showbox .hd .moreinfo a:hover{color:var(--ac)!important}
body .infolist .showbox .bd ul{margin:8px 10px 10px}
body .infolist .showbox .bd ul li{display:flex;align-items:center;height:auto;line-height:1.4;padding:10px 6px;background:none!important;border-bottom:1px solid var(--row-ln)!important;border-radius:0;transition:background .15s}
body .infolist .showbox .bd ul li:last-child{border-bottom:0!important}
body .infolist .showbox .bd ul li:hover{background:var(--row-hover)!important}
body .infolist .showbox .bd li .time{float:none;order:3;width:auto;height:auto;margin:0 0 0 12px;color:var(--mu);font-size:12px;font-variant-numeric:tabular-nums;flex:none}
body .infolist .showbox .bd li .info,body .full .infolist .showbox .bd ul li .info{float:none;order:1;flex:1;width:auto!important;min-width:0;height:auto;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .infolist .showbox .bd li .info a{color:var(--tx)}
body .infolist .showbox .bd li .catname{float:none;order:2;width:auto;height:auto;margin-left:10px;flex:none}
body .infolist .showbox .bd li .catname a{margin:0;color:var(--chip-tx)!important;background:var(--chip-bg);padding:2px 8px;border-radius:999px;font-size:11.5px}

/* friend links */
body .flink,body .full .flink{width:auto!important;margin-top:var(--gap);overflow:hidden}
body .flink .ul{margin:0}
body .flink .hd{background:var(--box-hd-bg)!important;border-top:0!important;border-bottom:1px solid var(--ln);text-indent:0;padding:0 16px;display:flex;align-items:center;min-height:50px}
body .flink .hd span.hdleft{height:auto;line-height:1;font:var(--box-hd-font);color:var(--tx)}
body .flink .hd span.hd2{float:none;margin:0 0 0 auto;width:auto}
body .flink .hd span.hd2 a{color:var(--mu)!important}
body .flink .bd{padding:14px 16px;min-height:16px}

/* ---------- footer ---------- */
body .footer_new{background:var(--foot-bg)!important;color:var(--foot-mu);border-top:var(--foot-bd);margin-top:var(--gap)}
body .footer_new .foot_new{display:flex;gap:0;justify-content:space-between;padding:10px 0 4px}
body .footer_new .foot_new>div[style*="none"]{display:none!important}
body .footer_new .foot_box,body .footer_new .foot_wx,body .footer_new .foot_mobile{float:none;height:auto;margin:30px 0 16px;padding:0 24px;border-right:1px solid var(--foot-ln)!important;flex:1;width:auto;background:none}
body .footer_new .foot_mobile{border-right:0!important;display:flex;flex-direction:column;justify-content:center;text-align:left;margin-top:30px}
body .footer_new .foot_mobile ul{margin:0}
body .footer_new .foot_mobile ul::before{content:"客服热线";display:block;font-size:13px;color:var(--foot-mu);margin-bottom:8px}
body .footer_new .foot_mobile .h1{margin:0 0 8px;font:600 28px/1.1 var(--ff-h);color:var(--foot-tx)!important;letter-spacing:.02em}
body .footer_new .foot_mobile .h1 font{color:inherit}
body .footer_new .foot_mobile .h2,body .footer_new .foot_mobile .h3{color:var(--foot-mu)}
body .footer_new .foot_box .hd,body .footer_new .foot_wx .hd{color:var(--foot-tx)!important;font:600 15px/36px var(--ff-h);margin-bottom:6px}
body .footer_new .foot_box .bd li{line-height:30px;color:var(--foot-mu)}
body .footer_new a{color:var(--foot-mu)!important}
body .footer_new a:hover{color:var(--ac)!important}
body .footer_new .foot_wx .bd img{width:118px;height:118px;padding:8px;background:#fff;border-radius:var(--rd-s);box-shadow:var(--sh-s)}
body .footer_new .foot_powered{background:var(--foot-bg2)!important;color:var(--foot-mu)!important;border-top:1px solid var(--foot-ln);margin-top:10px;height:54px;line-height:54px}

/* floating right menu */
body .ai-rmenu{margin-right:22px;bottom:70px}
body .ai-rmenu .btn{width:50px;height:50px;margin-bottom:10px;border-radius:var(--fab-rd);background-color:var(--fab-bg)!important;background-image:none!important;box-shadow:var(--fab-sh);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}
body .ai-rmenu .btn::before{content:"";position:absolute;inset:0;background:var(--fab-ic);-webkit-mask:var(--m) center/22px no-repeat;mask:var(--m) center/22px no-repeat}
body .ai-rmenu .btn-wx{--m:var(--chat-mask)}
body .ai-rmenu .btn-phone{--m:var(--phone-mask)}
body .ai-rmenu .btn-top{--m:var(--up-mask)}
body .ai-rmenu a.btn-qq{--m:var(--chat-mask)}
body .ai-rmenu .btn:hover{background-color:var(--fab-hover)!important}
body .ai-rmenu .btn-wx .pic{left:-178px;width:160px;height:160px;padding:6px;background:#fff;border-radius:var(--rd-s);box-shadow:var(--sh)}
body .ai-rmenu .btn-phone .phone{left:-178px;height:50px;line-height:50px;border-radius:var(--rd-s);background:var(--acg)!important;color:var(--on-ac)!important;font-size:17px}

/* ---------- breadcrumbs ---------- */
body .location{background:none!important;padding:14px 2px 10px;font-size:12.5px;color:var(--mu)}
body .location a{color:var(--mu)!important}
body .location a:hover{color:var(--ac)!important}
body .location code{color:var(--ln2);font-family:var(--ff);padding:0 4px}

/* ---------- list page ---------- */
body .wrapper #select{margin:0;padding:12px 6px 8px}
body #select dl,body .full #select dl{width:auto!important;margin:4px 14px;border-bottom:1px dashed var(--ln)!important;display:flex}
body #select dl:last-child{border-bottom:0!important}
body #select dt{float:none;flex:none;width:82px;color:var(--mu);line-height:30px}
body #select dd,body .full #select dd{float:none;flex:1;width:auto!important}
body #select dd div{height:30px;line-height:30px;margin-right:6px;padding-bottom:6px}
body #select dd a,body #select dd a:link,body #select dd a:visited{color:var(--tx);padding:5px 11px!important;border-radius:var(--rd-chip);border:0!important;transition:background .15s}
body #select dd a:hover{background:var(--menu-hover)}
body #select dd a.curr:link,body #select dd a.curr:visited,body #select dd a.curr{background:var(--acg)!important;color:var(--on-ac)!important;border:0!important}
body .new_listhd{border-bottom:1px solid var(--ln)!important;margin-top:var(--gap);display:flex;align-items:flex-end;justify-content:space-between;height:auto;overflow:visible}
body .new_listhd .listhdleft a,body .new_listhd .listhdleft a.currentr{display:inline-block;color:var(--tx)!important;border-bottom:2px solid var(--ac)!important;font:var(--box-hd-font);padding:0 2px 12px;margin-bottom:-1px}
body .new_listhd .listhdright{float:none;width:auto;height:auto;color:var(--mu);padding-bottom:12px;font-size:13px}
body .new_listhd .listhdright span{color:var(--ac)}
body .new_listhd .listhdright a{color:var(--ac)!important;margin-left:8px}
body .infolists .section{background:transparent!important}
body .infolists .media{border-bottom:1px solid var(--ln)!important;padding:18px 12px;display:flex;align-items:flex-start;transition:background .15s}
body .infolists .media>a.media-cap{float:none;flex:none}
body .infolists .media .media-body{flex:1;min-width:0}
body .infolists .media:hover,body .hover.media-hover{background:var(--row-hover)!important}
body .media-cap{width:128px;height:96px;margin:0 18px 0 0;border-radius:var(--rd-s);overflow:hidden;background:var(--avatar-bg)}
body .media-cap img{width:128px;height:96px;border:0;padding:0;object-fit:cover;font-size:11px;color:var(--mu)}
body .media-body-title a{color:var(--tx);font-size:17px;font-weight:600}
body .media-body-title small,body .media-body-title .pull-right{color:var(--mu);font-size:12px}
body .typo-small{color:var(--mu)!important;font-size:13px}
body .typo-smalls font.xx1{display:inline-block;color:var(--chip-tx);background:var(--chip-bg);border-radius:999px;padding:1px 10px;font-size:11.5px;line-height:20px;border:0}
body .img_count{background:var(--tag1)!important;color:#fff;font-size:11.5px;padding:2px 7px;border-radius:999px;vertical-align:2px}
body .tuijian{background-color:var(--tag2)!important;color:#fff}
body span.tuijian{font-size:11.5px;padding:2px 7px;border-radius:999px;vertical-align:2px}
body span.certify{background:var(--tag3)!important;font-size:11.5px;padding:2px 7px;border-radius:999px;vertical-align:2px}
body .infolists .ding{background:var(--ding-bg)!important;box-shadow:inset 3px 0 0 var(--ac)}
body .pagination2{margin:26px auto}
body .pagination2 a,body .pagination2 span.current{border:var(--bd)!important;background:var(--sf)!important;color:var(--tx);border-radius:var(--rd-chip);height:auto;line-height:20px;padding:9px 15px;margin:0 3px}
body .pagination2 a:hover{background:var(--menu-hover)!important;color:var(--ac)!important}
body .pagination2 span.current{background:var(--acg)!important;color:var(--on-ac)!important;border-color:transparent!important}
body .colorfoot{border-top:1px solid var(--ln)!important;margin-top:20px}
body .cateintro .introleft{color:var(--tx);font-family:var(--ff-h)}
body .cateintro .introright,body .cateintro .introflink{color:var(--mu)}

/* ---------- information detail ---------- */
body .information_bd{overflow:visible;display:flex;gap:var(--gap);align-items:flex-start}
body .information_bd .bd_left{float:none;flex:1;width:auto;min-width:0}
body .information_bd .bd_right{float:none;width:310px;flex:none;overflow:visible}
body .information_bd .bd_lefter{margin:6px 30px 30px}
body .information_hd .information_title{font:var(--title-font);color:var(--tx);height:auto;line-height:1.35;margin:18px 0 12px;white-space:normal;letter-spacing:var(--title-ls)}
body .information_hd .information_time{border-bottom:1px solid var(--ln)!important;color:var(--mu);padding-bottom:16px;height:auto;overflow:hidden}
body .information_hd .information_time a{color:var(--mu)!important}
body .information_hd .information_time .editor li a[style*="red"]{color:var(--hot)!important}
body .extra_contact{color:var(--tx)}
body .extra_contact .extra{color:var(--tx)}
body .zoombox{border:0!important;background:var(--sf2);border-radius:var(--rd);padding:28px 20px}
body .zoompic img{object-fit:contain;border-radius:var(--rd-s)}
body .sliderbox .sliderr li img{border-radius:6px;border-color:var(--ln)!important}
body .sliderbox .sliderr li.currentt img{border-color:var(--ac)!important}
body .sliderbox .arrow-btn{border-radius:var(--rd-s);background:var(--sf3) var(--chev-d) center/12px no-repeat!important;width:26px;height:45px}
body .sliderbox #btn-left{transform:scaleX(-1)}
body .extra_contact .contact{color:var(--tx);padding-left:10px}
body .extra_contact .contact span{color:var(--mu)}
body .extra_contact .contact .red,body .extra_contact .contact font[color=red]{color:var(--hot)!important}
body .extra_contact .notice{background:var(--notice-bg)!important;border-radius:var(--rd-s);padding:14px 18px!important;color:var(--tx);box-shadow:inset 3px 0 0 var(--hot)}
body .extra_contact .notice strong{color:var(--tx)}
body .extra_contact .contact a._chat,body .contact .tips{background:var(--sf2)!important;border:var(--bd)!important;color:var(--tx)}
body .view_hd{border-bottom:1px solid var(--ln)!important;color:var(--tx)!important}
body .view_hd .now{font:var(--box-hd-font);line-height:50px;border-bottom:2px solid var(--ac);margin-bottom:-1px}
body .view_bd,body .view_bd .maincon{color:var(--tx)}
body .view_bd .bd img{border-color:var(--ln)!important;border-radius:var(--rd-s)}
body .view_bd #contentInfo iframe{max-width:100%;border-radius:var(--rd-s)}
body #postleave,body .specialpostcontainer{background:var(--sf2)!important;border:0!important;border-radius:var(--rd);color:var(--tx)}
body #postleave dt{color:var(--mu)}
body .commentsubmit,body input.commentsubmit{background:var(--acg)!important;color:var(--on-ac)!important;border:0!important;border-radius:var(--rd-btn);padding:8px 26px!important;height:auto!important;cursor:pointer;font-weight:600}
body .authcode{border:0!important;border-radius:6px;background:#fff}
body .relates li{border-bottom:1px solid var(--ln)!important}
body .relates li .relateimg img{border:0!important;padding:0;border-radius:var(--rd-s);object-fit:cover;background:var(--avatar-bg)}
body .relates .tit{color:var(--tx)!important}
body .relates div.cat,body .relates li .relatedat{color:var(--mu)}
body a.viewmore{background:var(--sf2)!important;border:var(--bd)!important;color:var(--tx)!important;border-radius:var(--rd-btn);width:140px;height:38px;line-height:38px}
body a.viewmore:hover{background:var(--menu-hover)!important;color:var(--ac)!important}
body .information_bd .bd_left .bd_left_foot{background:var(--sf2)!important;color:var(--mu);font-size:13.5px;text-indent:0;padding:0 30px;height:auto;line-height:60px;box-sizing:border-box}
body .boxx .tit{color:var(--tx);border-bottom-color:var(--ln)!important}
body .boxx .jibie,body .boxx .renzheng{border-top-color:var(--ln)!important}
body .boxx .school_logo .userlogo{border:0!important;box-shadow:var(--avatar-sh);background:var(--avatar-bg)}
body .boxx .school_logo .regtime{color:var(--mu)}
body .boxx .vip,body .vip{background:var(--chip-bg)!important;color:var(--chip-tx)!important;border:0!important;border-radius:999px;padding:1px 10px}
body .boxer_hd{border-bottom:1px solid var(--ln)!important;color:var(--tx)}
body .boxer_hd span{color:var(--tx)!important;border-bottom:2px solid var(--ac)!important;font-family:var(--ff-h);margin-bottom:-1px}
body .boxer_bd ul li{background:none!important;text-indent:0;padding:0 6px;border-radius:var(--rd-s)}
body .boxer_bd ul li a{color:var(--tx)}
body .boxer_bd.short ul li{width:50%;box-sizing:border-box}
body .boxer_bd ul li:hover{background:var(--menu-hover)!important}
body .boxer_bd ul li a:hover{color:var(--ac)}

/* ---------- corporation directory ---------- */
body .corporation_content{display:flex;gap:var(--gap);align-items:flex-start}
body .corporation_content .content_left{float:none;width:210px;margin:0;flex:none}
body .corporation_content .content_right{float:none;flex:1;width:auto;min-width:0}
body .cate_seller .bd{border:0!important;overflow:hidden}
body .cate_seller .bd .item{background:transparent!important;border-bottom:1px solid var(--ln)!important}
body .cate_seller .bd .item:last-child{border-bottom:0!important}
body .cate_seller .bd .item .rights,body .cate_seller .bd .item .xias{background:none!important;color:var(--tx)!important;padding-left:18px;font-weight:600;font-size:15px;font-family:var(--ff-h)}
body .cate_seller .bd .item ul{background:transparent!important;padding:0 0 8px}
body .cate_seller .bd .item li a{color:var(--mu)!important;border-radius:var(--rd-s);margin:0 8px;padding-left:12px}
body .cate_seller .bd .item li a:hover,body .cate_seller .bd .item li a.current{background:var(--menu-hover)!important;color:var(--ac)!important}
body .content_left .joinus{margin-top:var(--gap);text-align:center;padding:4px 0}
body .joinus ul{color:var(--mu)}
body .joinus a.joinshop{background:var(--acg)!important;color:var(--on-ac)!important;border-radius:var(--rd-btn);height:42px;line-height:42px;width:auto;margin:6px 4px 10px;font-weight:600}
body .content_right .hot_corporations{border:0!important}
body .hot_corporations .hd{background:var(--box-hd-bg)!important;border-bottom:1px solid var(--ln);text-indent:0;padding:0 18px;display:flex!important;align-items:center;height:54px;line-height:54px;box-sizing:border-box;width:auto}
body .hot_corporations .hd span.hdl{border:0!important;background:none!important;color:var(--tx)!important;width:auto;font:var(--box-hd-font);height:auto;line-height:1}
body .hot_corporations .hd span.hdr{color:var(--mu)!important;margin-left:auto;width:auto;height:auto;line-height:1;padding:0}
body .hot_corporations .bd{background:transparent!important;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:16px!important}
body .hot_corporations .bd ul{display:contents}
body .hot_corporations .bd li{float:none;width:auto;height:auto;margin:0;padding:12px 6px;border-radius:var(--rd-s);transition:background .2s}
body .hot_corporations .bd li:hover{background:var(--row-hover)}
body .hot_corporations .bd li .imga a,body .hot_corporations .bd li .imga a:hover{border:0!important;width:96px;height:96px;margin:0 auto;padding:0;border-radius:50%;overflow:hidden;background:var(--avatar-bg);box-shadow:var(--avatar-sh)}
body .hot_corporations .bd li img{width:96px;height:96px;object-fit:cover;font-size:11px;color:var(--mu)}
body .hot_corporations .bd li .txt a{color:var(--tx)!important;font-size:13px}
body .corporation_content .section{margin-top:var(--gap);background:var(--sf)!important}
body .corporation_content .section .media{border-bottom:1px solid var(--ln)!important;padding:16px 18px;display:flex;align-items:center}
body .corporation_content .section .media .media-cap{width:72px;height:72px;border-radius:50%}
body .corporation_content .section .media .media-cap img{width:72px;height:72px}
body .corporation_content .section .media .media-body{flex:1;min-width:0}
body .corporation_content a.see{background:var(--chip-bg);color:var(--chip-tx)!important;padding:5px 14px;border-radius:999px;font-size:12.5px}

/* ---------- login ---------- */
body .mheader{background:var(--bar-bg)!important;border-bottom:var(--bar-bd);padding:14px 0 16px}
body .mhead{width:1000px;display:flex;align-items:center;justify-content:space-between;margin-top:0}
body .mhead .logo{float:none}
body .mhead .logo img,body.full>.header .inner .logo img{max-height:64px;background:var(--plate);padding:var(--plate-pad);border-radius:var(--rd-s);margin-top:0}
body .mhead .logo a{color:var(--tx);font:700 18px/1.3 var(--ff-h)}
body .mhead .tit{float:none;margin:0;width:auto;color:var(--mu)}
body .mhead .tit span a{color:var(--ac)!important}
body .mheader~.inner{border-top:0!important;background:var(--login-bg);padding:30px 0 10px;min-height:calc(100vh - 140px);box-sizing:border-box}
body .mheader~.inner .body{width:1000px;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:40px 0}
body .mheader~.inner .body .reg:empty{float:none;width:520px;height:420px;border-radius:var(--rd);background:var(--login-art);background-size:cover;box-shadow:var(--sh);position:relative;overflow:hidden}
body .mheader~.inner .body .reg:empty::after{content:"欢迎回来";position:absolute;left:44px;bottom:72px;font:600 34px/1.2 var(--ff-h);color:var(--art-tx);letter-spacing:.08em}
body .mheader~.inner .body .reg:empty::before{content:"登录后可发布信息、管理店铺与收藏";position:absolute;left:46px;bottom:44px;font-size:14px;color:var(--art-tx);opacity:.8}
body .body .log{float:none;width:410px;border:var(--bd)!important;background:var(--sf)!important;border-radius:var(--rd);box-shadow:var(--sh);box-sizing:border-box;padding:14px 10px 8px}
body .body .log .formlogin .tdright{color:var(--mu)!important;padding-right:16px;font-size:13.5px}
body .formlogin td{color:var(--tx)}
body .formlogin .input{box-sizing:border-box;height:44px!important;padding:0 14px!important;font-size:14px}
body .formlogin .input-large{width:250px!important}
body .formlogin .input-small{width:130px!important}
body .formlogin input.typebtn{width:250px!important;height:46px!important;border:0!important;border-radius:var(--rd-btn);background:var(--acg)!important;color:var(--on-ac)!important;font-size:16px!important;font-weight:600;letter-spacing:.2em;cursor:pointer;box-shadow:var(--btn-sh)}
body .formlogin .forreg{margin-top:10px;width:250px;display:flex;justify-content:space-between}
body .formlogin .forreg a{color:var(--ac)!important}
body .body .log .qqlogin{border-top:1px solid var(--ln)!important;color:var(--mu)!important}
body a.wxlogin-btn{border-radius:var(--rd-btn);padding:8px 22px;background:#07c160;color:#fff!important}
body .mheader~.inner .footer{border-top:0!important;color:var(--mu);text-align:center;width:auto;padding-top:20px}
body .mheader~.inner .footer a{color:var(--mu)}

/* ---------- about / announce / faq ---------- */
body.full>.header{height:auto;background:var(--bar-bg);border-bottom:var(--bar-bd)}
body.full>.header .inner{border-bottom:0!important;display:flex;align-items:center;justify-content:space-between;height:84px;overflow:visible}
body.full>.header .inner .logo{float:none;width:auto}
body.full>.header .inner .logo a{color:var(--tx);font:700 18px/1.3 var(--ff-h)}
body.full>.header .inner .nav{float:none;display:flex;gap:6px}
body.full>.header .inner .nav a{float:none;height:auto;line-height:1;padding:12px 18px;margin:0;color:var(--nav-tx)!important;font-size:15px;border-radius:var(--rd-btn);font-family:var(--ff)}
body.full>.header .inner .nav a:hover{color:var(--ac)!important}
body.full>.header .inner .nav a.current{background:var(--nav-on-bg)!important;color:var(--nav-on-tx)!important}
body .cinner,body.full .faq,body.full .announce{margin-top:28px!important;box-sizing:border-box;padding:30px 36px!important}
body .cinner .rightcontent{color:var(--tx);font-size:15px;line-height:2}
body .cinner .leftnav a{color:var(--mu)}
body .cinner .leftnav a.current,body .cinner .leftnav a:hover{background:var(--acg)!important;color:var(--on-ac)!important}
body.full .announce .title{height:auto;margin-bottom:16px;text-indent:0;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ln);padding-bottom:12px}
body.full .announce .title .l{margin-right:auto;float:none;width:auto;font:var(--box-hd-font);color:var(--tx)}
body.full .announce .title .r{float:none;color:var(--mu)}
body.full .announce .announcecontent{background:var(--sf2)!important;border-radius:var(--rd-s);color:var(--tx);padding:20px 22px}
body dl.qlist{border-bottom:1px solid var(--ln)!important;padding:16px 6px 18px}
body dl.qlist dt{color:var(--tx);font-family:var(--ff-h);font-size:15px}
body dl.qlist dt i{border-radius:3px;width:4px!important;height:16px!important;top:6px!important;background:var(--acg)!important}
body dl.qlist dd,body.full dl.qlist dd{width:1060px}
body dl.qlist dd a{color:var(--mu)!important}
body dl.qlist dd a.current,body dl.qlist dd a:hover{color:var(--ac)!important}
body .faqcontent{background:var(--sf2)!important;color:var(--tx);border-radius:var(--rd);margin-top:22px;padding:24px 28px}
body .faqcontent h1{border-bottom:1px solid var(--ln)!important;font:var(--box-hd-font);color:var(--tx)}
body.full>.footer{border-top:0!important;text-align:center;color:var(--mu);width:auto!important;margin-top:20px}
body.full>.footer a{color:var(--mu)}

/* ---------- store mini-site (body without class) ---------- */
body:not([class]){font-size:14px}
body:not([class]) .bartop .barcenter{width:1200px}
body:not([class]) .head1{padding:26px 0 18px}
body:not([class]) .head1 ul{margin-top:0}
body:not([class]) .head1 .head1_left .hright{line-height:60px;height:60px}
body:not([class]) .head1 .head1_left .storename{font:var(--store-name-font);color:var(--tx);letter-spacing:.04em}
body:not([class]) .navigation{height:auto}
body:not([class]) .navigation ul{background:var(--store-nav-bg)!important;height:auto;display:flex;padding:6px;box-sizing:border-box;border-radius:var(--rd);gap:4px;box-shadow:var(--sh-s)}
body:not([class]) .navigation ul li{float:none;line-height:44px;font-size:16px}
body:not([class]) .navigation ul li a{color:var(--store-nav-tx)!important;border-radius:var(--rd-s);padding:0 22px}
body:not([class]) .navigation ul li a.current{background:var(--nav-on-bg)!important;color:var(--nav-on-tx)!important}
body:not([class]) .navigation ul li a:hover{background:var(--menu-hover)!important}
body:not([class])>.banner{margin-top:14px}
body:not([class])>.banner img{width:1200px;box-sizing:border-box;border:0;border-radius:var(--rd);display:block;object-fit:cover}
body:not([class]) .content{margin-top:14px;display:flex;gap:14px;align-items:flex-start}
body:not([class]) .content>.clear,body:not([class]) .content>.clear15{display:none}
body:not([class]) .content .cleft{float:none;margin:0;flex:none;width:250px}
body:not([class]) .content .cright{float:none;flex:1;width:auto!important;min-width:0}
body:not([class]) .box{overflow:hidden;margin-bottom:14px;border:0!important}
body:not([class]) .box .tit{background:var(--box-hd-bg)!important;color:var(--tx)!important;font:var(--box-hd-font);border-bottom:1px solid var(--ln)!important;height:auto;line-height:1;padding:18px 20px!important}
body:not([class]) .box .tit span{border:0!important;color:var(--tx)!important;padding:0!important}
body:not([class]) .cleft .box .tit{background:var(--acg)!important;color:var(--on-ac)!important;border:0!important}
body:not([class]) .box .con{color:var(--tx);padding:16px 20px}
body:not([class]) .content .cleft .pInfor,body:not([class]) .content .cleft .pingjia,body:not([class]) .content .cleft .viewhit{border-color:var(--ln)!important;background:transparent!important}
body:not([class]) .content .cleft .store_logo img{border:0!important;box-shadow:var(--avatar-sh);background:var(--avatar-bg)}
body:not([class]) .cleft .mb5 span.vip{border:0!important}
body:not([class]) .kBg{background:var(--sf3)!important;border-radius:6px;border:0!important}
body:not([class]) .hBg{background:var(--acg)!important;border-radius:6px}
body:not([class]) table.mrw_list{width:100%;border-collapse:collapse}
body:not([class]) table.mrw_list th{color:var(--mu)!important;background:transparent!important;border-bottom:1px solid var(--ln)!important;font-weight:600}
body:not([class]) table.mrw_list td{border-bottom:1px solid var(--ln)!important;color:var(--tx)}
body:not([class]) table.mrw_list td a{color:var(--tx)}
body:not([class]) table.mrw_list tr:hover td{background:var(--row-hover)}
body:not([class]) .foot{margin-top:10px}
body:not([class]) .foot .footer{background:var(--foot-bg)!important;border-top:0!important;border-radius:var(--rd) var(--rd) 0 0;width:1200px}
body:not([class]) .footer .foot_nav{border-bottom:1px solid var(--foot-ln)!important;color:var(--foot-mu)}
body:not([class]) .footer .foot_nav a{color:var(--foot-mu)!important}
body:not([class]) .footer .foot_copyright{color:var(--foot-mu)}
body:not([class]) .floater{background:var(--pop)!important;border:var(--bd)!important;border-radius:var(--rd-s);color:var(--tx);box-shadow:var(--sh);overflow:hidden}
body:not([class]) .floater .ctm img{background:#fff;padding:4px;border-radius:6px}
body:not([class]) .floater span{color:var(--tx)!important;background:transparent!important}

/* ---------- shared card skin ---------- */
body .announcepost,body .hotschool,body .infolist .showbox,body .flink,body .information_bd .bd_left,body .boxx,body .boxer,body .wrapper #select,body .cate_seller .bd,body .content_left .joinus,body .content_right .hot_corporations,body .corporation_content .section,body .cinner,body.full .faq,body.full .announce,body:not([class]) .box,body .infolists .section{background:var(--sf)!important;border:var(--bd)!important;border-radius:var(--rd);box-shadow:var(--sh);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}
body .infolists .section{overflow:hidden;padding:0 6px}
body .infolists .media:last-child{border-bottom:0!important}
body .wrapper #select{margin-top:0}

/* additions */
body .daohang{box-sizing:border-box}
body .daohang_con #infomenu{width:186px}
body .daohang_con #infomenu .titup{border-radius:var(--rd-s)}
body .daohang_con #infomenu .cont{background:var(--pop)!important;border:var(--bd)!important;border-radius:var(--rd);box-shadow:var(--sh-pop);margin-top:8px;backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}
body .focushead #infomenu{background:var(--sf);border:var(--bd)!important;border-radius:var(--rd);box-shadow:var(--sh);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass)}
body .focushead #infomenu .titup{border-radius:var(--rd) var(--rd) 0 0}
body .focushead #infomenu .cont li{height:33px;line-height:33px}
body .focushead{display:flex;justify-content:space-between;align-items:stretch}
body .focushead .categories{float:none;flex:none}
body .focushead .focushead_right{float:none;display:flex;flex-direction:column}
body .focushead .focuscorp{flex:1}
body .focustop .banner{height:100%;min-height:346px}
body .banner .slide li,body .banner .slide li a,body .banner .slide li a img{height:100%}
body .banner .arrow li{top:calc(50% - 22px)}
body #postleave a{color:var(--ac)!important}
body:not([class]) .box .con,body:not([class]) .showinfo .info,body:not([class]) .showinfo .info .bd,body:not([class]) .content .cleft .bdshare,body:not([class]) .goods .shop_info li,body:not([class]) .shop_infomain li{background:transparent!important;border-color:var(--ln)!important;color:var(--tx)}
body:not([class]) .showinfo,body:not([class]) .album,body:not([class]) .goods,body:not([class]) .comment{background:var(--sf)!important;border:var(--bd)!important;border-radius:var(--rd);color:var(--tx);box-shadow:var(--sh)}
body:not([class]) .pagination a,body:not([class]) .pagination span{background:var(--sf2)!important;border-color:var(--ln)!important;color:var(--tx)!important;border-radius:var(--rd-chip)}
body:not([class]) .commentpage .pageBd h3{background:var(--sf2)!important;color:var(--tx)}
body:not([class]) .box .con a{color:var(--link)}
body:not([class]) .cleft .mb5 li,body:not([class]) .pInfor,body:not([class]) .pingjia,body:not([class]) .Identity,body:not([class]) .viewhit li{color:var(--tx)}
body:not([class]) .commentpage{padding:14px 16px}
body:not([class]) .commentpage .pageSelect{background:none!important;border-bottom:1px solid var(--ln);height:auto}
body:not([class]) .commentpage .pageSelect li a{color:var(--mu)}
body:not([class]) .commentpage .pageSelect li.selected{background:var(--sf2)!important;border:0!important;box-shadow:inset 0 -2px 0 var(--ac);border-radius:var(--rd-s) var(--rd-s) 0 0}
body:not([class]) .commentpage .pageSelect li.selected a{color:var(--ac)!important}
body:not([class]) .commentpage .selectBd{background:var(--sf2)!important;border:0!important;border-radius:0 0 var(--rd-s) var(--rd-s);color:var(--tx)}
body:not([class]) .commentpage .selectBd .middle{border-color:var(--ln)!important;color:var(--tx)}
body:not([class]) .commentpage .selectBd .middle em{color:var(--hot)}
body:not([class]) .dpScore .tits,body:not([class]) .dpScore small{color:var(--mu)}
body:not([class]) .right .pjMenu{background:var(--acg)!important;color:var(--on-ac)!important;border-radius:var(--rd-btn);line-height:33px;width:120px}
body:not([class]) .mbk-send{color:var(--tx);border-color:var(--ln)!important}
body:not([class]) .mbk-send a{color:var(--ac)!important}
body .corporation_content .section a{color:var(--link)}
body .corporation_content .section .media-body-title a{color:var(--tx)}
body:not([class]) .content .cleft .viewhit li .time,body:not([class]) .content .cleft .pInfor span.c,body:not([class]) .content .cleft .pInfor span.d{color:var(--tx)!important}
body a.wxlogin-btn{background:#06994f!important}
body a.wxlogin-btn:hover{background:#05863f!important}
body .typo-smalls{color:var(--mu)!important}
body .infolist .showbox .hd .moreinfo{color:var(--mu)}
body .hot_corporations .bd{grid-template-columns:repeat(5,minmax(0,1fr))}
body .content_right .hot_corporations{width:100%!important;max-width:100%;box-sizing:border-box}
body .hot_corporations .bd li .txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Ceramic: raised tiles, pressed wells, pill buttons; every third box spans full width */
body input[type=text],body input[type=password],body input:not([type]),body textarea,body select{box-shadow:var(--neu-in)!important}
body .bartop{border-bottom:0!important}
body .logosearchtel{margin:26px auto 22px}
body .logosearchtel .webcity{border-left:0!important;padding:10px 18px;border-radius:16px;box-shadow:var(--neu-up-s)}
body .websearch .sch_t_frm form{border-radius:999px;box-shadow:var(--neu-in);padding:6px;gap:6px}
body .websearch .topsearchinput{box-shadow:none!important;background-color:transparent!important;height:44px!important}
body .websearch .btn-normal{height:44px;border-radius:999px;box-shadow:4px 4px 10px rgba(242,106,69,.35),-3px -3px 8px rgba(255,255,255,.8)}
body .logosearchtel .postedit a.post{height:56px;line-height:56px;padding:0 30px}
body .daohang{padding:10px 8px 14px}
body .daohang ul{gap:12px;overflow:visible}
body .daohang a,body .daohang a#index{border-radius:999px;padding:12px 18px;box-shadow:var(--neu-up-s);color:#525c70!important}
body .daohang a:hover{box-shadow:var(--neu-in);color:#f26a45!important}
body .daohang a.current,body .focushead .daohang a#index{box-shadow:5px 5px 12px rgba(242,106,69,.38),-4px -4px 10px rgba(255,255,255,.9)}
body .focushead .focuscorp{margin-top:6px}
body .daohang_con #infomenu .titup{border-radius:999px;box-shadow:5px 5px 12px rgba(242,106,69,.38),-4px -4px 10px rgba(255,255,255,.9)}
body .focushead #infomenu{border:0!important}
body .focushead #infomenu .titup{border-radius:20px;margin:10px;box-shadow:5px 5px 12px rgba(242,106,69,.35),-4px -4px 10px rgba(255,255,255,.9)}
body .focushead #infomenu .cont{padding:2px 10px 10px}
body .focushead #infomenu .cont li{margin:0 0 4px;height:32px;line-height:32px}
#infomenu .cont li em,#infomenu .cont li.thismenu em{border-radius:999px;left:0!important;right:0}
#infomenu .cont li.thismenu em{box-shadow:var(--neu-in)!important;background:transparent!important}
#infomenu .cont li em a::after{display:none}
#infomenu .cont li.thismenu dl{padding-left:18px}
body .announcecorp #tab1 ul{padding:5px;border-radius:999px;box-shadow:var(--neu-in)}
body .announcecorp #tab1 li{border-radius:999px}
body .announcecorp #tab1 li.now{box-shadow:var(--neu-up-s)}
body .courseschool{border-top:0!important}
body .courseschool a.postmember{box-shadow:var(--neu-up-s)}
body .hotschool::before{box-shadow:var(--neu-up-s);border-radius:20px}
body .hotschool .img1,body .hotschool .img2{box-shadow:var(--neu-up-s)}
body .pic .seecourse a{box-shadow:var(--neu-up-s)}
body .infolist .showbox:nth-child(3n+1 of .showbox){grid-column:1/-1}
body .infolist .showbox:nth-child(3n+1 of .showbox) .bd ul{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:30px}
body .infolist .showbox:nth-child(3n+1 of .showbox) .bd ul li:nth-last-child(2){border-bottom:0!important}
body .infolist .showbox .hd{border-bottom:0;padding:14px 20px 4px;min-height:60px}
body .infolist .showbox .bd ul{margin:6px 16px 16px;padding:6px 12px;border-radius:18px;box-shadow:var(--neu-in)}
body .infolist .showbox .bd ul li{border-radius:12px}
body .infolist .showbox .bd li .catname a{box-shadow:var(--neu-up-s)}
body .flink .hd{border-bottom:0}
body .footer_new{border-radius:40px 40px 0 0;box-shadow:0 -10px 30px -16px rgba(163,177,198,.8)}
body .footer_new .foot_box,body .footer_new .foot_wx,body .footer_new .foot_mobile{border-right:0!important}
body .footer_new .foot_wx .bd img{box-shadow:var(--neu-up-s);border-radius:18px}
body .footer_new .foot_powered{border-top:0}
body .pagination2 a,body .pagination2 span.current{border:0!important;box-shadow:var(--neu-up-s)}
body .pagination2 a:hover{box-shadow:var(--neu-in)}
body #select dd a:hover{box-shadow:var(--neu-in);background:transparent}
body #select dd a.curr{box-shadow:4px 4px 10px rgba(242,106,69,.35),-3px -3px 8px rgba(255,255,255,.9)}
body .infolists .media{border-radius:18px;border-bottom:0!important;margin:8px 0}
body .infolists .media:hover{box-shadow:var(--neu-in);background:transparent!important}
body .media-cap{box-shadow:var(--neu-up-s)}
body .zoombox{box-shadow:var(--neu-in)}
body .extra_contact .notice{box-shadow:var(--neu-in)}
body #postleave,body .specialpostcontainer{box-shadow:var(--neu-in)}
body .bd_left_foot{border-radius:0 0 24px 24px}
body a.viewmore{box-shadow:var(--neu-up-s);border:0!important}
body .body .log{border:0!important}
body .mheader{background:transparent!important}
body.full>.header{background:transparent}
body.full>.header .inner .nav a{box-shadow:var(--neu-up-s);margin-left:8px}
body:not([class]) .navigation ul{box-shadow:var(--neu-up)}
body:not([class]) .navigation ul li a.current{box-shadow:4px 4px 10px rgba(242,106,69,.35),-3px -3px 8px rgba(255,255,255,.9)}
body:not([class]) .navigation ul li a:hover{box-shadow:var(--neu-in);background:transparent!important}
body:not([class]) .floater{border:0!important}

/* ================= 清新橙 × 原创 base：分类面板修正 ================= */
/* 旧版式（MayiCMS 飞出子菜单+固定行高）在新 base 上会让图标/文字/子链接重叠，
 * 这里把几何交还给 base 的「展开式手风琴 / 下拉面板」，只做配色与图标对齐。 */
body #infomenu .cont li,body #infomenu .cont li.thismenu{height:auto!important;line-height:1.6!important;margin:0!important;display:block!important;overflow:visible!important}
body #infomenu .cont li em,body #infomenu .cont li.thismenu em{position:static!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:auto!important;height:auto!important;display:block!important;padding:0!important;margin:0 0 3px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
body #infomenu .cont li em a{display:flex!important;align-items:center;gap:8px;width:auto!important;white-space:nowrap;color:var(--tx)!important;font-weight:700!important;font-size:14px!important}
body #infomenu .cont li em a:hover{color:var(--ac)!important}
body #infomenu .cont li em a::after{display:none!important}
body #infomenu .cont li em a svg.ti{width:17px;height:17px;flex:none}
body #infomenu .cont li.thismenu em{background:transparent!important;box-shadow:none!important}
body #infomenu .cont li.thismenu em a{color:var(--ac)!important}
/* 子链接：内联换行平铺（取消旧版绝对飞出） */
body #infomenu .cont li dl,body #infomenu .cont li.thismenu dl{position:static!important;left:auto!important;top:auto!important;right:auto!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:auto!important;overflow:visible!important;display:block!important}
body #infomenu .cont li dl dt,body #infomenu .cont li.thismenu dl dt{display:none!important}
body #infomenu .cont li dl dd,body #infomenu .cont li.thismenu dl dd{position:static!important;left:auto!important;top:auto!important;right:auto!important;width:auto!important;height:auto!important;display:flex!important;flex-wrap:wrap!important;gap:2px 12px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
body #infomenu .cont li dl dd a,body #infomenu .cont li.thismenu dl dd a{float:none!important;width:auto!important;height:auto!important;line-height:1.7!important;padding:0!important;margin:0!important;color:var(--mu)!important;font-size:13px!important;border-radius:0!important;white-space:nowrap;background:transparent!important}
body #infomenu .cont li dl dd a:hover,body #infomenu .cont li.thismenu dl dd a:hover{background:transparent!important;color:var(--ac)!important}
/* 面板外观：home 常开面板 */
body .focushead{display:flex!important;gap:18px!important;align-items:flex-start!important;justify-content:flex-start!important}
body .focushead .categories{flex:0 0 220px!important;width:220px!important;max-width:220px!important;box-sizing:border-box!important;float:none!important;background:var(--sf)!important;border:var(--bd)!important;border-radius:var(--rd)!important;box-shadow:var(--sh)!important;overflow:hidden!important}
body .focushead .focushead_right{flex:1 1 auto!important;min-width:0!important;width:auto!important;float:none!important}
body .focushead #infomenu{width:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body .focushead #infomenu .titup,body .daohang_con #infomenu .titup{background:var(--acg)!important;color:var(--on-ac)!important;margin:0!important;box-shadow:none!important;border-radius:0!important;cursor:pointer}
body .focushead #infomenu .cont{position:static!important;padding:4px 0 6px!important;background:transparent!important;border:0!important;box-shadow:none!important}
body .focushead #infomenu .cont>ul>li{padding:11px 16px!important;border-bottom:1px solid var(--line)!important}
body .focushead #infomenu .cont>ul>li:last-child{border-bottom:0!important}
/* 面板外观：nav 下拉面板 */
body .daohang_con #infomenu .cont{background:var(--sf)!important;border:var(--bd)!important;border-top:0!important;box-shadow:var(--sh-pop)!important;border-radius:0 0 var(--rd) var(--rd)!important;margin-top:0!important}
body .daohang_con #infomenu .cont>ul>li{padding:6px 16px!important}

/* ================= 显示修正（不改配色）：列表页子类换行、首页幻灯片箭头、分类名斜体 ================= */
body .wrapper #select,body .wrapper #select dl,body .wrapper #select dd{height:auto!important;max-height:none!important;overflow:visible!important}
body #select dd .content{height:auto!important;line-height:normal!important;padding-bottom:0!important;margin-right:0!important}
body .focustop .banner ul.arrow li{width:44px!important;height:44px!important;border-radius:50%!important;top:50%!important;transform:translateY(-50%)!important}
body .focustop .banner ul.arrow li.prev{transform:translateY(-50%) scaleX(-1)!important}
body .focustop .banner ul.arrow li::before{content:none!important}
body #infomenu em,body #infomenu em a{font-style:normal!important}