/* ============================================================
   周升网络 zhousheng88.com · 全站全局样式
   古典中式 · 紫檀红/米黄/墨黑 三色体系 · 左斜切固定栏+右自由延展骨架
   ------------------------------------------------------------
   结构说明：
   01 设计令牌与基础重置
   02 全局排版与通用工具
   03 左斜切固定栏 .site-rail
   04 顶部联系方式通栏 .topbar
   05 右侧主内容区 .site-main
   06 统一页脚 .site-footer
   07 通用组件（按钮/章节标题/面包屑/分页/表格/表单/标签）
   08 滚动渐入与动效
   09 响应式断点
   ============================================================ */

/* ---------- 01 设计令牌 ---------- */
:root{
  /* 三色体系 */
  --rosewood:#8A2E2E;        /* 紫檀红主色 */
  --rosewood-deep:#6B2126;   /* 深檀红 */
  --rosewood-dark:#4E181C;   /* 墨檀（深底） */
  --rosewood-soft:#A64A4A;   /* 浅檀红（hover 提亮） */
  --cream:#F4E9D3;           /* 米黄主色 */
  --cream-light:#FBF4E6;     /* 浅米黄（页面底色） */
  --cream-deep:#E6D6B5;      /* 深米黄（分隔/描边） */
  --ink:#211A15;             /* 墨黑 */
  --ink-soft:#4E4338;        /* 墨灰（正文辅色） */
  --ink-mute:#8A7B68;        /* 弱化文字 */
  --gold:#B08D57;            /* 点缀金（米黄系衍生，仅小面积使用） */
  --line:rgba(138,46,46,.16);      /* 檀红分隔线 */
  --line-cream:rgba(244,233,211,.22); /* 深底上的米黄分隔线 */

  /* 字体 */
  --font-h:"Noto Serif SC","Source Han Serif SC","SimSun","宋体",serif;
  --font-b:"Noto Sans SC","Microsoft YaHei","PingFang SC","微软雅黑",sans-serif;

  /* 骨架尺寸 */
  --rail-w:300px;
  --topbar-h:54px;

  /* 动效 */
  --t-fast:.25s cubic-bezier(.4,0,.2,1);
  --t-mid:.42s cubic-bezier(.4,0,.2,1);
  --shadow-1:0 6px 18px rgba(33,26,21,.10);
  --shadow-2:0 16px 40px rgba(33,26,21,.16);
}

/* ---------- 基础重置 ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-b);
  font-size:15px;line-height:1.75;
  color:var(--ink);
  background:
    radial-gradient(1200px 500px at 85% -100px, rgba(138,46,46,.05), transparent 60%),
    var(--cream-light);
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
::selection{background:var(--rosewood);color:var(--cream-light)}

/* ---------- 02 全局排版与工具 ---------- */
h1,h2,h3,h4,.font-h{font-family:var(--font-h);font-weight:700;line-height:1.32}
.wrap{max-width:1240px;margin:0 auto;padding:0 26px}
.sec{padding:86px 0}
.sec--tight{padding:60px 0}
.sec--dark{background:var(--ink);color:var(--cream-light)}
.sec--rosewood{background:linear-gradient(120deg,var(--rosewood-dark),var(--rosewood-deep));color:var(--cream-light)}

/* 章节标题（中式）——三套基型，模块页可按需叠加个性化装饰 */
.sec-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:44px;position:relative}
.sec-head .sh-cn{font-family:var(--font-h);font-size:32px;color:var(--ink);letter-spacing:3px}
.sec-head .sh-en{font-size:12px;letter-spacing:4px;color:var(--ink-mute);text-transform:uppercase;padding-bottom:6px}
.sec-head .sh-line{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent);margin-bottom:10px}
.sec-head::before{content:"";width:5px;height:38px;background:var(--rosewood);border-radius:1px;flex:none}
.sec-head--center{justify-content:center;text-align:center;flex-wrap:wrap;gap:6px}
.sec-head--center::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid var(--line);opacity:.6;z-index:-1}
.sec-head--center .sh-cn{width:100%}
.sec-head--center .sh-en{width:100%}
.sec-head--dark .sh-cn{color:var(--cream-light)}
.sec-head--dark .sh-en{color:rgba(244,233,211,.55)}
.sec-head--dark::before{background:var(--gold)}

/* 印章角标 */
.seal-mark{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:2px solid var(--rosewood);color:var(--rosewood);font-family:var(--font-h);font-size:13px;letter-spacing:2px;background:transparent;transform:rotate(0deg)}
.seal-mark--filled{background:var(--rosewood);color:var(--cream-light)}

/* 按钮 */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;font-size:14px;letter-spacing:2px;color:var(--cream-light);background:var(--rosewood);border:1px solid var(--rosewood);position:relative;overflow:hidden;transition:var(--t-fast);cursor:pointer}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(251,244,230,.18) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s ease}
.btn:hover{background:var(--rosewood-deep);box-shadow:var(--shadow-1)}
.btn:hover::after{transform:translateX(120%)}
.btn--ghost{background:transparent;color:var(--rosewood)}
.btn--ghost:hover{background:var(--rosewood);color:var(--cream-light)}
.btn--light{background:var(--cream-light);color:var(--rosewood);border-color:var(--cream-light)}
.btn--light:hover{background:var(--cream);}
.btn--ink{background:var(--ink);border-color:var(--ink)}
.btn--ink:hover{background:var(--rosewood-dark);border-color:var(--rosewood-dark)}
.btn--sm{padding:8px 18px;font-size:13px}

/* 标签 */
.tag{display:inline-block;padding:3px 12px;border:1px solid var(--rosewood);color:var(--rosewood);font-size:12px;letter-spacing:1px;border-radius:2px}
.tag--cream{background:var(--cream);border-color:var(--cream-deep)}
.tag--ink{border-color:var(--ink-mute);color:var(--ink-soft)}

/* 中式圆点列表 */
.list-dot li{position:relative;padding-left:20px;margin:9px 0;color:var(--ink-soft)}
.list-dot li::before{content:"";position:absolute;left:2px;top:11px;width:7px;height:7px;background:var(--rosewood);transform:rotate(45deg)}
.list-dot li strong{color:var(--ink)}

/* 面包屑 */
.crumb{font-size:13px;color:var(--ink-mute);letter-spacing:1px}
.crumb a{color:var(--ink-soft)}
.crumb a:hover{color:var(--rosewood)}
.crumb .sep{margin:0 8px;color:var(--cream-deep)}

/* 分隔装饰 */
.rule-h{height:1px;border:0;background:linear-gradient(90deg,var(--cream-deep),transparent)}

/* 图片圆角与描边（中式细框） */
.frame-img{border:1px solid var(--cream-deep);box-shadow:var(--shadow-1)}

/* ---------- 03 左斜切固定栏 ---------- */
.site-rail{
  position:fixed;top:0;left:0;bottom:0;width:var(--rail-w);z-index:60;
  clip-path:polygon(0 0,100% 0,84% 100%,0 100%);
  background:
    repeating-linear-gradient(-45deg, rgba(244,233,211,.025) 0 2px, transparent 2px 10px),
    linear-gradient(165deg, var(--ink) 0%, var(--rosewood-dark) 78%);
  display:flex;flex-direction:column;
}
/* 斜切边缘的米黄回纹描边 */
.site-rail::after{
  content:"";position:absolute;top:0;right:0;bottom:0;width:16%;
  background:repeating-linear-gradient(45deg, rgba(244,233,211,.14) 0 2px, transparent 2px 7px);
  opacity:.35;pointer-events:none;
}
.rail-inner{flex:1;display:flex;flex-direction:column;padding:34px 34px 28px 30px;overflow-y:auto}

/* 品牌区 */
.rail-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:26px;border-bottom:1px solid var(--line-cream);position:relative}
.rail-logo{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35));transition:transform var(--t-mid)}
.rail-brand:hover .rail-logo{transform:rotate(-3deg) scale(1.04)}
.rail-name{font-family:var(--font-h);font-size:26px;letter-spacing:8px;color:var(--cream-light);margin-top:4px}
.rail-sub{font-size:10px;letter-spacing:5px;color:rgba(244,233,211,.5);text-transform:uppercase}

/* 导航 */
.rail-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:24px 0}
.rail-link{
  position:relative;display:flex;align-items:baseline;gap:12px;
  padding:11px 14px;color:rgba(244,233,211,.82);
  font-size:15px;letter-spacing:3px;transition:var(--t-fast);
}
.rail-link small{font-size:10px;letter-spacing:3px;color:rgba(244,233,211,.38);text-transform:uppercase}
.rail-link::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:var(--gold);transition:width var(--t-mid)}
.rail-link:hover{color:var(--cream-light);background:linear-gradient(90deg,rgba(176,141,87,.12),transparent)}
.rail-link:hover::before{width:16px}
.rail-link.is-active{color:var(--cream-light);background:linear-gradient(90deg,rgba(176,141,87,.18),transparent)}
.rail-link.is-active::before{width:16px}
.rail-link.is-active::after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 3px rgba(176,141,87,.18)}

/* 联系方式（固定栏底部，显眼处之一） */
.rail-contact{margin-top:auto;border-top:1px solid var(--line-cream);padding-top:20px}
.rail-contact-t{font-size:12px;letter-spacing:4px;color:rgba(244,233,211,.55);margin-bottom:8px}
.rail-tel{display:block;font-family:var(--font-h);font-size:24px;letter-spacing:2px;color:var(--gold);margin-bottom:10px;transition:color var(--t-fast)}
.rail-tel:hover{color:var(--cream-light)}
.rail-contact-row{display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(244,233,211,.8);margin:5px 0}
.rail-contact-row svg{width:15px;height:15px;fill:none;stroke:var(--gold);stroke-width:1.6;flex:none}
.rail-seal{
  margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-h);
  font-size:12px;letter-spacing:6px;color:rgba(244,233,211,.6);
  border:1px solid rgba(176,141,87,.45);padding:6px 12px;width:max-content;
}

/* ---------- 04 顶部联系方式通栏 ---------- */
.topbar{
  position:fixed;top:0;left:var(--rail-w);right:0;height:var(--topbar-h);z-index:50;
  background:rgba(33,26,21,.42);backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(244,233,211,.14);
  transition:background var(--t-mid), border-color var(--t-mid), box-shadow var(--t-mid);
}
.topbar.is-scrolled{
  background:var(--cream-light);
  border-bottom-color:var(--cream-deep);
  box-shadow:var(--shadow-1);
}
.topbar-inner{max-width:1240px;margin:0 auto;padding:0 26px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topbar-contact{display:flex;align-items:center;gap:26px;font-size:13px;letter-spacing:1px;color:rgba(244,233,211,.92)}
.topbar.is-scrolled .topbar-contact{color:var(--ink-soft)}
.tb-item{display:inline-flex;align-items:center;gap:7px}
.tb-item svg{width:14px;height:14px;stroke:var(--gold);fill:none;stroke-width:1.8}
.topbar.is-scrolled .tb-item svg{stroke:var(--rosewood)}
.tb-item a:hover{color:var(--cream-light)}
.topbar.is-scrolled .tb-item a:hover{color:var(--rosewood)}
.topbar-actions{display:flex;align-items:center;gap:14px}
.tb-link{font-size:13px;letter-spacing:2px;color:rgba(244,233,211,.9);padding:5px 2px;position:relative}
.tb-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform var(--t-mid)}
.tb-link:hover::after{transform:scaleX(1)}
.topbar.is-scrolled .tb-link{color:var(--ink-soft)}
.tb-link--seal{color:var(--cream-light);background:var(--rosewood);padding:7px 18px;letter-spacing:2px}
.tb-link--seal:hover{background:var(--rosewood-deep)}
.topbar.is-scrolled .tb-link--seal{color:var(--cream-light)}

/* 汉堡按钮（移动端） */
.tb-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;align-items:center;background:var(--rosewood);transition:var(--t-fast)}
.tb-hamburger span{display:block;width:20px;height:2px;background:var(--cream-light);transition:var(--t-fast)}
.tb-hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.tb-hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
.tb-hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- 05 右侧主内容区 ---------- */
.site-main{margin-left:var(--rail-w)}
.site-main .topbar{left:var(--rail-w)}

/* 内页通用页头基底（各模块页在其专属 CSS 中做差异化装饰） */
.page-hero{position:relative;padding:118px 0 64px;color:var(--cream-light);background-size:cover;background-position:center}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(33,26,21,.82) 20%,rgba(78,24,28,.55) 70%,rgba(33,26,21,.4))}
.page-hero .hero-in{position:relative;z-index:2}
.page-hero h1{font-size:40px;letter-spacing:6px;margin:14px 0 8px}
.page-hero .hero-en{font-size:12px;letter-spacing:6px;color:rgba(244,233,211,.65);text-transform:uppercase}
.page-hero .hero-desc{max-width:640px;color:rgba(244,233,211,.85);margin-top:12px;font-size:14px}
.page-hero .hero-crumb{margin-top:16px;color:rgba(244,233,211,.7)}
.page-hero .hero-crumb a{color:rgba(244,233,211,.9)}
.page-hero .hero-crumb .sep{color:rgba(244,233,211,.4)}

/* 页脚上方的行动召唤带（通用） */
.cta-band{position:relative;background:linear-gradient(120deg,var(--rosewood-dark),var(--rosewood));color:var(--cream-light);overflow:hidden}
.cta-band::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border:26px solid rgba(244,233,211,.08);border-radius:50%}
.cta-band::before{content:"";position:absolute;left:8%;bottom:-70px;width:150px;height:150px;border:18px solid rgba(244,233,211,.06);border-radius:50%}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:52px 0;position:relative;z-index:2;flex-wrap:wrap}
.cta-inner h2{font-size:28px;letter-spacing:4px;margin-bottom:8px}
.cta-inner p{color:rgba(244,233,211,.8);font-size:14px}
.cta-tels{display:flex;flex-direction:column;gap:6px}
.cta-tels a{font-family:var(--font-h);font-size:26px;color:var(--gold);letter-spacing:2px}
.cta-tels small{color:rgba(244,233,211,.7);font-size:12px;letter-spacing:3px}

/* ---------- 06 统一页脚 ---------- */
.site-footer{background:var(--ink);color:rgba(244,233,211,.72);font-size:13px}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:44px;padding:64px 26px 44px}
.f-title{font-family:var(--font-h);font-size:16px;letter-spacing:4px;color:var(--cream-light);margin-bottom:20px;position:relative;padding-bottom:12px}
.f-title::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--gold)}
.f-about .f-brand{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.f-about .f-logo{width:56px;height:56px;object-fit:contain}
.f-about .f-name{font-family:var(--font-h);font-size:22px;letter-spacing:6px;color:var(--cream-light)}
.f-about p{line-height:2;color:rgba(244,233,211,.6)}
.f-col ul li{margin:10px 0}
.f-col ul a{position:relative;padding-left:16px;transition:var(--t-fast)}
.f-col ul a::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}
.f-col ul a:hover{color:var(--cream-light);padding-left:22px}
.f-contact .fc-row{display:flex;align-items:center;gap:10px;margin:12px 0;color:rgba(244,233,211,.85)}
.f-contact .fc-row svg{width:15px;height:15px;stroke:var(--gold);fill:none;stroke-width:1.7;flex:none}
.f-contact .fc-tel{font-family:var(--font-h);font-size:22px;color:var(--gold);letter-spacing:2px}
.f-contact .fc-row a:hover{color:var(--cream-light)}
.footer-bottom{border-top:1px solid rgba(244,233,211,.14);padding:20px 26px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:rgba(244,233,211,.5);font-size:12px;letter-spacing:1px}
.footer-bottom .f-links a{margin-left:16px;color:rgba(244,233,211,.6)}
.footer-bottom .f-links a:hover{color:var(--cream-light)}
.icp-note{color:rgba(244,233,211,.45)}

/* ---------- 07 通用组件 ---------- */
/* 面包屑（页面正文内） */
.crumb-line{display:flex;align-items:center;font-size:13px;color:var(--ink-mute);letter-spacing:1px;margin-bottom:22px}
.crumb-line a{color:var(--ink-soft)}
.crumb-line a:hover{color:var(--rosewood)}
.crumb-line .sep{margin:0 9px;color:var(--cream-deep)}

/* 卡片网格基底（模块页各自覆写样式，避免同款） */
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:26px}
.grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:26px}

/* 表格 */
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th,.tbl td{padding:12px 14px;border:1px solid var(--cream-deep);text-align:left}
.tbl th{background:var(--cream);color:var(--rosewood);font-family:var(--font-h);letter-spacing:2px}
.tbl tr:nth-child(even) td{background:rgba(244,233,211,.5)}
.tbl--dark th{background:var(--rosewood);color:var(--cream-light)}

/* 表单 */
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-item{margin-bottom:18px}
.form-item label{display:block;font-size:13px;color:var(--ink-soft);letter-spacing:2px;margin-bottom:8px}
.form-item label i{color:var(--rosewood);font-style:normal}
.form-item input,.form-item select,.form-item textarea{
  width:100%;padding:12px 14px;border:1px solid var(--cream-deep);background:var(--cream-light);
  color:var(--ink);font-size:14px;transition:var(--t-fast);outline:none;
}
.form-item input:focus,.form-item select:focus,.form-item textarea:focus{border-color:var(--rosewood);box-shadow:0 0 0 3px rgba(138,46,46,.08)}
.form-item textarea{min-height:130px;resize:vertical}
.form-tip{font-size:12px;color:var(--ink-mute);margin-top:10px}

/* 信息高亮块 */
.notice{border-left:4px solid var(--rosewood);background:var(--cream);padding:18px 22px;font-size:14px;color:var(--ink-soft)}
.notice strong{color:var(--rosewood)}

/* 数字/指标 */
.stat-num{font-family:var(--font-h);font-size:44px;color:var(--rosewood);letter-spacing:1px;line-height:1}
.stat-label{font-size:13px;color:var(--ink-mute);letter-spacing:2px;margin-top:8px}

/* 返回顶部 */
.backtop{position:fixed;right:26px;bottom:30px;z-index:80;width:44px;height:44px;background:var(--rosewood);color:var(--cream-light);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:var(--t-mid);border:1px solid rgba(244,233,211,.4)}
.backtop.show{opacity:1;visibility:visible;transform:none}
.backtop:hover{background:var(--rosewood-deep)}
.backtop svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}

/* 移动端抽屉遮罩 */
.rail-mask{position:fixed;inset:0;background:rgba(33,26,21,.55);z-index:55;opacity:0;visibility:hidden;transition:var(--t-mid)}

/* ---------- 08 滚动渐入动效 ---------- */
html.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}
html.js .reveal.in{opacity:1;transform:none}
html.js .reveal--left{transform:translateX(-44px)}
html.js .reveal--right{transform:translateX(44px)}
html.js .reveal--scale{transform:scale(.94)}
html.js .reveal.in{transform:none}
html.js .reveal-d1{transition-delay:.08s}
html.js .reveal-d2{transition-delay:.16s}
html.js .reveal-d3{transition-delay:.24s}
html.js .reveal-d4{transition-delay:.32s}

@media (prefers-reduced-motion: reduce){
  html.js .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* 页面切换淡入 */
html.js .page-fade{animation:pageFade .5s ease both}
@keyframes pageFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- 09 响应式断点 ---------- */
@media (max-width:1200px){
  .grid-4{grid-template-columns:repeat(3,1fr)}
  .footer-top{grid-template-columns:1fr 1fr;gap:34px}
}
@media (max-width:1024px){
  :root{--topbar-h:54px}
  .site-rail{
    clip-path:none;width:288px;
    transform:translateX(-100%);transition:transform var(--t-mid);
  }
  .site-rail.is-open{transform:none;box-shadow:var(--shadow-2)}
  .site-main,.site-main .topbar{left:0;margin-left:0}
  .topbar{left:0}
  .tb-hamburger{display:flex}
  .topbar-contact{display:none}
  .rail-mask.show{opacity:1;visibility:visible}
  .page-hero{padding-top:104px}
  .sec{padding:66px 0}
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-2,.grid-2-1,.grid-1-2{grid-template-columns:1fr}
  .cta-inner{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  body{font-size:14px}
  .wrap{padding:0 18px}
  .sec{padding:52px 0}
  .grid-3,.grid-4,.grid-2,.form-row{grid-template-columns:1fr}
  .sec-head .sh-cn{font-size:26px}
  .page-hero h1{font-size:30px}
  .page-hero{padding-top:92px}
  .cta-inner h2{font-size:23px}
  .footer-top{grid-template-columns:1fr;padding-top:48px}
  .footer-bottom{flex-direction:column;align-items:center;text-align:center}
  .stat-num{font-size:34px}
  .backtop{right:14px;bottom:18px;width:40px;height:40px}
}


/* 通用工具类 */
.pad0{padding:0}