/* 户外徒步 H5 样式 */
* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
:root{
  --primary:#2E7D32; --primary-light:#4CAF50; --accent:#FF6B35;
  --bg:#f5f5f5; --card:#fff; --text:#333; --gray:#999; --border:#eee;
}
body { font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; background:var(--bg); color:var(--text); font-size:14px; line-height:1.6; padding-bottom:60px; }
a { color:inherit; text-decoration:none; }
input,button,select,textarea { font-family:inherit; outline:none; border:none; }

/* 顶栏 */
.top-bar { display:flex; align-items:center; padding:12px 16px; background:var(--primary); position:sticky; top:0; z-index:50; }
.search-box { flex:1; background:rgba(255,255,255,.95); border-radius:20px; padding:7px 14px; display:flex; align-items:center; }
.search-icon { margin-right:6px; color:var(--gray); }
.search-box input { flex:1; border:none; background:transparent; font-size:14px; }
.user-entry { width:36px; height:36px; border-radius:18px; background:rgba(255,255,255,.25); color:#fff; display:flex; align-items:center; justify-content:center; margin-left:12px; font-size:20px; }

/* 分类tab */
.cat-tabs { display:flex; background:#fff; padding:0 16px; border-bottom:1px solid var(--border); position:sticky; top:0; z-index:40; }
.tab { padding:12px 16px; font-size:15px; color:var(--gray); position:relative; cursor:pointer; }
.tab.active { color:var(--primary); font-weight:bold; }
.tab.active::after { content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:24px; height:3px; background:var(--primary); border-radius:2px; }

/* 轮播 */
.banner-wrap { position:relative; overflow:hidden; height:180px; }
.banner-list { display:flex; transition:transform .5s; height:100%; }
.banner-item { min-width:100%; height:100%; background-size:cover; background-position:center; position:relative; display:flex; align-items:flex-end; padding:16px; cursor:pointer; }
.banner-item::before { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.6),transparent 60%); }
.banner-title { position:relative; color:#fff; font-size:16px; font-weight:bold; text-shadow:0 1px 3px rgba(0,0,0,.5); }
.banner-dots { position:absolute; bottom:10px; left:50%; transform:translateX(-50%); display:flex; gap:6px; }
.dot { width:6px; height:6px; border-radius:18px; background:rgba(255,255,255,.5); }
.dot.active { background:#fff; width:16px; border-radius:3px; }

/* 金刚区 */
.grid-nav { display:grid; grid-template-columns:repeat(4,1fr); gap:12px 8px; padding:16px; background:#fff; margin-bottom:10px; }
.grid-item { text-align:center; }
.grid-icon { width:46px; height:46px; border-radius:18px; display:flex; align-items:center; justify-content:center; margin:0 auto 6px; color:#fff; font-size:20px; font-weight:bold; }
.grid-name { font-size:12px; color:var(--text); }

/* 板块标题 */
.section-head { display:flex; justify-content:space-between; align-items:center; padding:14px 16px 8px; }
.section-title { font-size:17px; font-weight:bold; }
.section-more { font-size:13px; color:var(--gray); }

/* 亲子板块 */
.kid-section { background:#fff; margin-bottom:10px; padding-bottom:12px; }
.kid-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0 16px; }
.kid-card { border:2px solid var(--border); border-radius:12px; overflow:hidden; background:#fff; }
.kid-card img { width:100%; height:90px; object-fit:cover; }
.kid-info { padding:8px; }
.kid-title { font-size:13px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kid-tag { font-size:11px; margin-top:2px; }

/* 卡片列表 */
.content-area { padding:0 0 10px; }
.list-panel { display:none; }
.list-panel.active { display:block; }
.card-list { padding:0 12px; }

/* 活动卡 */
.act-card { background:#fff; border-radius:14px; overflow:hidden; margin-bottom:12px; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.act-cover { width:100%; height:150px; object-fit:cover; }
.act-body { padding:12px; }
.act-title { font-size:16px; font-weight:bold; margin-bottom:8px; }
.act-meta { display:flex; gap:8px; font-size:12px; color:var(--gray); margin-bottom:10px; align-items:center; flex-wrap:wrap; }
.diff-tag { padding:2px 8px; border-radius:10px; font-size:11px; color:#fff; }
.diff-tag.easy { background:#4CAF50; }
.diff-tag.medium { background:#FF9800; }
.diff-tag.hard { background:#F44336; }
.act-bottom { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.price-now { font-size:20px; font-weight:bold; color:var(--accent); }
.price-tag { background:var(--accent); color:#fff; font-size:11px; padding:2px 6px; border-radius:4px; margin-left:6px; }
.price-old { font-size:12px; color:var(--gray); text-decoration:line-through; margin-left:6px; }
.act-people { font-size:12px; color:var(--gray); }
.act-extra { display:flex; justify-content:space-between; align-items:center; }
.gift-tag { font-size:11px; color:var(--primary); background:#E8F5E9; padding:2px 6px; border-radius:4px; }
.act-date { font-size:11px; color:var(--gray); }

/* 游记卡 */
.note-card { background:#fff; border-radius:14px; overflow:hidden; margin-bottom:12px; display:flex; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.note-cover { width:120px; height:100px; object-fit:cover; flex-shrink:0; }
.note-body { padding:10px 12px; flex:1; }
.note-title { font-size:15px; font-weight:bold; margin-bottom:6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.note-meta { font-size:11px; color:var(--gray); display:flex; gap:8px; margin-bottom:6px; }
.note-tags { display:flex; gap:4px; }
.ntag { font-size:10px; color:var(--primary); background:#E8F5E9; padding:1px 6px; border-radius:8px; }

/* 资讯卡 */
.info-card { background:#fff; border-radius:14px; overflow:hidden; margin-bottom:12px; display:flex; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.info-cover { width:120px; height:90px; object-fit:cover; flex-shrink:0; }
.info-body { padding:10px 12px; flex:1; }
.info-title { font-size:15px; font-weight:bold; margin-bottom:6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.info-summary { font-size:12px; color:var(--gray); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:6px; }
.info-meta { font-size:11px; color:var(--gray); display:flex; gap:8px; }

/* 底部tab */
.bottom-tab { position:fixed; bottom:0; left:0; right:0; background:#fff; display:flex; border-top:1px solid var(--border); padding:6px 0; z-index:100; }
.btab { flex:1; text-align:center; font-size:10px; color:var(--gray); cursor:pointer; }
.btab.active { color:var(--primary); }

/* 子页头 */
.sub-header { display:flex; align-items:center; padding:14px 16px; background:var(--primary); color:#fff; position:sticky; top:0; z-index:50; }
.back-btn { font-size:28px; margin-right:12px; cursor:pointer; line-height:1; }
.sub-title { font-size:17px; font-weight:bold; }

/* 详情 */
.detail-cover { height:220px; background-size:cover; background-position:center; position:relative; display:flex; align-items:flex-end; padding:20px 16px; }
.detail-cover::before { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.65),transparent 70%); }
.detail-cover-title { position:relative; color:#fff; font-size:22px; font-weight:bold; }
.detail-body { padding:16px; }
.price-row { display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.price-now-big { font-size:28px; font-weight:bold; color:var(--accent); }
.price-tag.big { font-size:12px; }
.price-deadline { font-size:12px; color:var(--gray); margin-left:auto; }

.route-params { display:flex; background:#f9f9f9; border-radius:12px; padding:14px 0; margin-bottom:16px; }
.param-item { flex:1; text-align:center; }
.param-val { display:block; font-size:16px; font-weight:bold; color:var(--primary); }
.param-lab { font-size:11px; color:var(--gray); }

.info-rows { margin-bottom:16px; }
.info-row { display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px dashed var(--border); font-size:14px; }
.info-row span { color:var(--gray); }

.section-block { margin-bottom:20px; }
.section-block h4 { font-size:16px; margin-bottom:10px; }
.itin-text { background:#f9f9f9; padding:12px; border-radius:8px; white-space:pre-wrap; font-size:13px; line-height:1.8; }
.point-tag { display:inline-block; background:#E8F5E9; color:var(--primary); padding:6px 12px; border-radius:20px; margin:0 8px 8px 0; font-size:13px; }
.notice-text { font-size:13px; color:#666; }

.leader-block { background:#f9f9f9; border-radius:12px; padding:14px; }
.leader-info { display:flex; gap:12px; }
.leader-ava { width:50px; height:50px; border-radius:18px; object-fit:cover; }
.leader-info b { display:block; margin-bottom:4px; }
.leader-info p { font-size:12px; color:#666; }
.qual-tag { font-size:11px; color:var(--primary); background:#E8F5E9; padding:2px 6px; border-radius:4px; }

.detail-actions { display:flex; gap:12px; padding:16px; position:sticky; bottom:0; background:#fff; border-top:1px solid var(--border); }
.btn-poster { flex:1; padding:13px; border:1px solid var(--primary); color:var(--primary); border-radius:25px; font-size:15px; background:#fff; cursor:pointer; }
.btn-signup { flex:2; padding:13px; background:var(--primary); color:#fff; border-radius:25px; font-size:16px; font-weight:bold; cursor:pointer; }

/* 表单 */
.form-page { padding:16px; }
.act-sum-mini { background:#fff; border-radius:12px; padding:14px; margin-bottom:16px; }
.act-sum-mini b { font-size:16px; }
.mini-meta { font-size:12px; color:var(--gray); margin-top:4px; }
.form-section { background:#fff; border-radius:12px; padding:16px; margin-bottom:16px; }
.form-section h4 { margin-bottom:12px; font-size:15px; }
.form-item { margin-bottom:12px; }
.form-item label { display:block; font-size:13px; color:var(--gray); margin-bottom:6px; }
.form-item input { width:100%; padding:10px 12px; border:1px solid #ddd; border-radius:8px; font-size:14px; }
.health-item { padding:10px 0; border-bottom:1px solid var(--border); }
.health-item > span { display:block; font-size:13px; margin-bottom:8px; }
.radio-group label { margin-right:16px; font-size:14px; }
.agreement { padding:12px 0; font-size:13px; }
.agreement a { color:var(--primary); }
.btn-submit { width:100%; padding:14px; background:var(--primary); color:#fff; border-radius:25px; font-size:16px; cursor:pointer; margin-top:10px; }

/* 集合点 */
.point-item { display:flex; align-items:center; padding:12px; border:1px solid var(--border); border-radius:8px; margin-bottom:8px; }
.point-item input { margin-right:10px; }
.point-name { flex:1; }
.point-time { font-size:12px; color:var(--gray); }

/* 支付 */
.pay-page { padding:16px; }
.order-summary { background:#fff; border-radius:12px; padding:16px; margin-bottom:16px; }
.pay-order-item b { font-size:16px; }
.pay-order-meta { font-size:12px; color:var(--gray); margin:6px 0; }
.pay-base { font-size:14px; }
.points-deduct { background:#fff; border-radius:12px; padding:16px; margin-bottom:16px; }
.points-head { display:flex; justify-content:space-between; font-size:15px; font-weight:bold; }
.points-balance { color:var(--primary); font-size:13px; }
.points-tip { font-size:12px; color:var(--gray); margin:8px 0; }
.points-input-wrap { display:flex; gap:8px; margin:10px 0; }
.points-input-wrap input { flex:1; padding:10px; border:1px solid #ddd; border-radius:8px; }
.btn-use-all { padding:10px 16px; background:#E8F5E9; color:var(--primary); border-radius:8px; cursor:pointer; }
.deduct-result { font-size:14px; color:var(--gray); }
.pay-val { color:var(--accent); font-size:18px; font-weight:bold; }
.pay-amount-bar { position:fixed; bottom:0; left:0; right:0; background:#fff; padding:12px 16px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--border); }
.amount-label { font-size:13px; color:var(--gray); display:block; }
.amount-val { font-size:22px; font-weight:bold; color:var(--accent); }
.btn-pay { padding:12px 30px; background:var(--primary); color:#fff; border-radius:25px; font-size:16px; cursor:pointer; }

/* 互动栏 */
.interact-bar { position:fixed; bottom:0; left:0; right:0; background:#fff; display:flex; align-items:center; padding:10px 16px; border-top:1px solid var(--border); z-index:100; }
.ibtn { flex:1; text-align:center; font-size:14px; cursor:pointer; padding:6px; }
.ibtn.active { color:var(--accent); }
.share-btn { background:var(--primary); color:#fff; border-radius:20px; padding:8px; }

/* 长图 */
.longimg-wrap { padding:10px; }
.ai-longimg { border-radius:12px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,.15); }
.ai-head { padding:30px 20px; color:#fff; text-align:center; }
.ai-title { font-size:20px; font-weight:bold; margin-bottom:8px; }
.ai-sub { font-size:13px; opacity:.9; }
.ai-body { padding:16px; background:#fff; }
.ai-route { margin:14px 0; }
.ai-route-title { font-weight:bold; margin-bottom:6px; }
.ai-route p { font-size:13px; color:#555; line-height:1.7; }
.ai-tags { color:var(--primary); font-size:12px; margin:10px 0; }
.ai-foot { text-align:center; padding:14px; border-top:1px dashed #ddd; font-size:12px; color:var(--gray); }
.ai-qr { font-size:40px; margin-bottom:6px; }

/* 模态框 */
.modal-mask { position:fixed; inset:0; background:rgba(0,0,0,.6); z-index:200; display:flex; align-items:center; justify-content:center; padding:20px; }
.modal-body { background:#fff; border-radius:16px; padding:20px; width:100%; max-height:80vh; overflow:auto; }
.modal-body h3 { text-align:center; margin-bottom:16px; }
.modal-body.scroll { max-height:85vh; }
.btn-primary { width:100%; padding:13px; background:var(--primary); color:#fff; border-radius:25px; font-size:16px; cursor:pointer; margin-top:12px; }

/* 个人中心 */
.login-page { padding:60px 30px; text-align:center; }
.login-logo { font-size:60px; }
.login-tabs { margin:24px 0 20px; }
.ltab { padding:8px 20px; font-size:16px; color:var(--gray); cursor:pointer; }
.ltab.active { color:var(--primary); font-weight:bold; border-bottom:2px solid var(--primary); }
.login-page input { width:100%; padding:12px; border:1px solid #ddd; border-radius:8px; margin-bottom:12px; font-size:15px; }
.user-header { background:linear-gradient(135deg,var(--primary),var(--primary-light)); color:#fff; padding:30px 20px 40px; text-align:center; }
.user-avatar { font-size:50px; }
.user-name { font-size:18px; font-weight:bold; margin-top:6px; }
.user-phone { font-size:13px; opacity:.85; }
.points-card { background:rgba(255,255,255,.2); border-radius:12px; padding:12px; margin:16px auto 0; max-width:200px; }
.points-val { font-size:28px; font-weight:bold; }
.points-label { font-size:12px; }
.user-tabs { display:flex; background:#fff; padding:0 20px; border-bottom:1px solid var(--border); }
.utab { flex:1; text-align:center; padding:12px; font-size:15px; color:var(--gray); cursor:pointer; }
.utab.active { color:var(--primary); font-weight:bold; border-bottom:2px solid var(--primary); }
.user-panel { padding:16px; }
.my-order-card { background:#fff; border-radius:12px; padding:14px; margin-bottom:12px; }
.my-order-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.my-order-head b { font-size:15px; }
.o-status { font-size:12px; padding:2px 8px; border-radius:10px; background:#FF9800; color:#fff; }
.o-status.paid { background:var(--primary); }
.my-order-meta { font-size:12px; color:var(--gray); }
.my-order-meta div { padding:3px 0; }
.points-item { background:#fff; border-radius:12px; padding:14px; margin-bottom:10px; display:flex; justify-content:space-between; align-items:center; }
.pi-info b { font-size:13px; }
.pi-info span { font-size:11px; color:var(--gray); display:block; margin-top:3px; }
.pi-val { font-size:16px; font-weight:bold; }
.pi-val.plus { color:var(--primary); }
.pi-val.minus { color:var(--accent); }
.btn-logout { width:90%; margin:20px auto; display:block; padding:12px; background:#f5f5f5; color:var(--gray); border-radius:25px; font-size:15px; cursor:pointer; }

/* 免责 */
.disclaimer-content { font-size:13px; color:#555; line-height:1.8; max-height:50vh; overflow:auto; }

.empty-tip { text-align:center; padding:40px; color:var(--gray); }
.btn-back-home { width:100%; padding:13px; background:var(--primary); color:#fff; border-radius:25px; font-size:16px; cursor:pointer; margin-top:20px; }

.note-content { font-size:14px; line-height:1.8; color:#444; }
.note-content p { margin-bottom:12px; }
.note-meta-head { display:flex; gap:10px; font-size:12px; color:var(--gray); margin-bottom:14px; align-items:center; flex-wrap:wrap; }
.recommend-section { margin-top:24px; }
.rec-card { display:flex; gap:10px; padding:10px 0; border-bottom:1px solid var(--border); cursor:pointer; }
.rec-card img { width:60px; height:60px; border-radius:8px; object-fit:cover; }
.rec-card b { font-size:13px; display:block; margin-bottom:4px; }
.rec-card span { font-size:11px; color:var(--gray); }

.filter-bar { padding:10px 16px; background:#fff; }
.filter-bar select { padding:6px 12px; border:1px solid #ddd; border-radius:6px; font-size:13px; }



/* ===== 活动详情页 ===== */

:root{

  --green-700:#2E7D32; --green-600:#43A047; --green-50:#E8F5E9;

  --orange:#E65100; --blue:#1E88E5; --ink:#1F2A24; --ink2:#5A6B62;

  --line:#ECEEF0; --bg:#F5F6F4; --card:#fff;

}

body{background:var(--bg);color:var(--ink);}

.detail-header{

  position:sticky;top:0;z-index:20;display:flex;align-items:center;

  height:48px;padding:0 12px;background:rgba(255,255,255,.92);

  backdrop-filter:blur(10px);border-bottom:1px solid var(--line);

}

.back-btn{font-size:30px;line-height:1;color:var(--green-700);width:32px;}

.header-title{flex:1;text-align:center;font-size:16px;font-weight:700;}

.share-btn{font-size:20px;width:32px;text-align:right;}



.detail-body{padding:0 0 80px;}



/* 封面 */

.act-cover{position:relative;height:clamp(220px,52vw,340px);background-size:cover;background-position:center;}

.act-cover-mask{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.72))}

.act-cover-info{position:absolute;left:16px;right:16px;bottom:16px;color:#fff;}

.act-title{font-size:clamp(20px,5.2vw,26px);font-weight:800;line-height:1.35;margin:8px 0 6px;text-shadow:0 2px 8px rgba(0,0,0,.3);}

.act-route{font-size:13px;opacity:.92;}

.act-diff{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;color:#fff;background:rgba(255,255,255,.22);backdrop-filter:blur(4px);}

.act-diff-easy{background:#43A047;}

.act-diff-mid{background:#FB8C00;}

.act-diff-hard{background:#E53935;}

.badge-hot{margin-left:6px;padding:3px 10px;border-radius:20px;font-size:12px;background:#E53935;color:#fff;}



/* 数据条 */

.act-stats{display:flex;background:var(--card);padding:16px 8px;border-bottom:1px solid var(--line);}

.stat{flex:1;text-align:center;border-right:1px solid var(--line);}

.stat:last-child{border:0;}

.stat b{display:block;font-size:clamp(16px,4.4vw,20px);color:var(--green-700);}

.stat span{font-size:11px;color:var(--ink2);}



/* 板块 */

.act-section{background:var(--card);margin-top:10px;padding:16px;}

.sec-title{font-size:17px;font-weight:800;margin:0 0 12px;padding-left:10px;border-left:4px solid var(--green-600);}



/* 日期卡 */

.date-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--green-50);border-radius:14px;}

.dc-icon{font-size:26px;}

.date-card b{font-size:17px;}

.dc-week{margin-left:8px;color:var(--orange);font-size:13px;}

.dc-tag{margin-left:auto;font-size:12px;color:var(--orange);background:#FFF3E0;padding:3px 8px;border-radius:8px;}



/* 时间线 */

.timeline{padding-left:4px;}

.tl-item{display:flex;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line);}

.tl-item:last-child{border:0;}

.tl-time{font-weight:700;color:var(--green-700);min-width:52px;font-size:13px;}

.tl-desc{flex:1;font-size:14px;line-height:1.6;}



/* 集合点 */

.points{display:flex;flex-direction:column;gap:8px;}

.pt-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg);border-radius:10px;}

.pt-time{font-weight:700;color:var(--blue);min-width:52px;font-size:14px;}

.pt-name{flex:1;font-size:14px;}



/* 领队 */

.leader-card{display:flex;gap:14px;padding:14px;background:linear-gradient(135deg,var(--green-50),#fff);border-radius:14px;}

.leader-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1);}

.leader-info{flex:1;}

.leader-info b{font-size:16px;}

.leader-info span{display:block;font-size:12px;color:var(--orange);margin:2px 0 6px;}

.leader-info p{font-size:13px;color:var(--ink2);line-height:1.6;}



/* 须知/介绍 */

.notice{padding:14px;background:#FFF8E1;border-radius:12px;color:#6D4C00;font-size:14px;line-height:1.9;}

.para{font-size:14px;line-height:1.9;color:var(--ink2);}



/* 费用 */

.price-box{display:flex;flex-direction:column;gap:10px;}

.pb-row{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;border-bottom:1px dashed var(--line);}

.pb-row:last-child{border:0;}

.price-now{color:var(--orange);font-size:18px;}



/* 底部报名栏 */

.book-bar{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:10px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:30;}

.bb-price{flex:1;}

.bb-now{font-size:24px;font-weight:800;color:var(--orange);}

.bb-old{margin-left:8px;color:#999;text-decoration:line-through;font-size:13px;}

.bb-btn{flex:1;max-width:200px;height:46px;border:0;border-radius:23px;background:linear-gradient(135deg,var(--green-600),var(--green-700));color:#fff;font-size:17px;font-weight:700;box-shadow:0 4px 12px rgba(46,125,50,.35);}



/* 骨架屏 */

.skeleton{padding:16px;}

.sk{background:linear-gradient(90deg,#eee,#f6f6f6,#eee);background-size:200% 100%;animation:sk 1.3s infinite;margin-bottom:12px;}

.sk-banner{height:200px;border-radius:16px;}

.sk-title{height:24px;width:70%;border-radius:6px;}

.sk-line{height:16px;width:100%;border-radius:6px;}

.sk-line.short{width:50%;}

.sk-block{height:80px;border-radius:12px;}

@keyframes sk{0%{background-position:200% 0}100%{background-position:-200% 0}}



.empty-tip{text-align:center;padding:80px 20px;color:#999;}