@charset "utf-8";
@import url("icon/iconfont.css");
@import url("weui.min.css");
/* 手机站色板：链接蓝 / 重点红 */
:root{
  --m-link:#3B8DD1;
  --m-accent:#dd137b;
  --m-accent-bg:#fff3f8;
  --m-link-bg:#eef6fc;
}
/* 全局样式
------------------------------------------------------------------*/
html,body{ height:100%; }
body,h1,h2,h3,p,dl,dd,ol,ul,th,td,form,fieldset,input,button,textarea,img{ margin:0; padding:0; box-sizing:border-box; }
body{ font-size:14px; font-family:"Microsoft Yahei"; background:#f5f5f5; }
ol,ul{ list-style:none; }
.left{ float:left; }
.right{ float:right; }
.weui-footer__link{ font-size:13px; line-height:30px; }
.weui-footer__text{ font-size:12px; line-height:26px; }
.weui-cell_link{ font-size:13px; }

/* 灯饰列表：分组折叠筛选（单行不占高） */
.down-m-filter{ background:#fff; margin-top:10px; border-bottom:1px solid #eee; font-size:13px; }
.down-m-filter-bar{
  display:-webkit-flex; display:flex;
  -webkit-align-items:center; align-items:center;
  -webkit-justify-content:space-around; justify-content:space-around;
  height:40px; padding:0 4px; color:#333;
}
.down-m-filter-bar .js-m-facet-tab{
  -webkit-flex:1; flex:1;
  display:block; text-align:center;
  color:#333; text-decoration:none;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  padding:0 2px; line-height:40px; font-size:13px;
}
.down-m-filter-bar .js-m-facet-tab.on{ color:var(--m-link); font-weight:600; }
.down-m-filter-bar .js-m-facet-tab.open{ color:var(--m-link); }
.down-m-filter-bar .js-m-facet-tab .caret{
  display:inline-block; width:0; height:0; margin-left:3px; vertical-align:middle;
  border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #333;
}
.down-m-filter-bar .js-m-facet-tab.on .caret,
.down-m-filter-bar .js-m-facet-tab.open .caret{ border-top-color:var(--m-link); }
.down-m-filter-bar .js-m-facet-tab.open .caret{
  border-top:0; border-bottom:5px solid var(--m-link);
}
.down-m-filter-bar .sep{ color:#ccc; font-style:normal; font-size:12px; line-height:40px; -webkit-flex:none; flex:none; }
.down-m-filter-panels{ background:#fafafa; border-top:1px solid #f0f0f0; }
.down-m-filter-panel{
  padding:10px 10px 6px; line-height:22px;
  max-height:42vh; overflow-y:auto; -webkit-overflow-scrolling:touch;
}
.down-m-filter-panel a{
  display:inline-block; margin:0 6px 8px 0; padding:4px 10px;
  border:1px solid #e8e8e8; border-radius:2px; background:#fff;
  color:#333; line-height:20px; white-space:nowrap; text-decoration:none;
}
.down-m-filter-panel a.curr{
  background:var(--m-link); border-color:var(--m-link); color:#fff;
}

/*页面头部
-------------------------------------------------------------------*/
.header{ display:block; position:relative; height:44px; background:#fff; border-bottom:1px solid #ececec; }
    .header .logo{ display:block; float:left; margin:5px auto auto 10px; height:36px; }
    .header .logo img{ height:34px; }
    .header .right{
        position:absolute; top:0; right:0;
        display:-webkit-box; display:-webkit-flex; display:flex;
        -webkit-box-align:center; -webkit-align-items:center; align-items:center;
        height:44px; margin-right:10px; max-width:calc(100% - 100px);
        white-space:nowrap; overflow:hidden;
    }
    .header .right > span{ color:#3B8DD1; margin-right:4px; font-size:12px; line-height:28px; }
    .header .right a{ display:inline-block; margin:0 0 0 2px; text-align:center; height:28px; line-height:28px; color:#3B8DD1; vertical-align:middle; }
    .header .right a.m-pc-link{ width:auto; padding:0 4px; font-size:13px; }
    .header .right a.m-ico{ width:28px; }
    .header .right a:active{ background:#ececec; }
    .header .right a i{ color:#3B8DD1; font-size:20px; }
    .header h3{ display:block; text-align:center; line-height:44px; color:#333; font-size:16px; font-weight:400; }
    .header .back{ position:absolute; margin:0; padding:0; display:inline-block; top:8px; left:10px; height:28px; line-height:28px; }
    .header .back i{ display:block; float:left; color:var(--m-link); font-size:20px; width:20px; line-height:28px; }
    .header .back span{ color:var(--m-link); font-size:17px; line-height:20px; }

/*搜索框样式*/
.search-box{ position:relative; display:block; margin:0 60px 0 90px; padding:5px 0; height:34px; }
    .search-box .input-box{ position:relative; display:block; height:32px; border:1px solid #ececec; border-radius:3px; }
    .search-box .input-box input{ display:block; margin:0; padding:0 5px; width:88%; height:32px; line-height:32px; font-size:14px; background:#fff; border:none; }
    .search-box .input-box a{ position:absolute; top:0; right:0; display:block; width:12%; height:32px; text-align:center; background:#fff; }
    .search-box .input-box a:active{ background:#ececec; }
    .search-box .input-box a i{ color:#333; font-size:18px; line-height:32px; }

/*页面内容
-------------------------------------------------------------------*/
/*图标菜单*/
.nav-list{ background:#fff; }
    .nav-list a .weui-grid__icon{ width:32px; height:42px; }
    .nav-list a .weui-grid__icon i{ color:var(--m-link); font-size:32px; }
    .nav-list .weui-grid__label{ font-size:13px; }
.icon-list .weui-cell__hd i{ margin-right:10px; color:var(--m-link); font-size:14px; }
    .icon-list .weui-cell__bd{ font-size:14px; }
    .icon-list .weui-cell__ft{ font-size:13px; }
.item-list .weui-cell__hd i{ margin-right:10px; color:var(--m-link); font-size:14px; }
    .item-list .weui-cell__bd{ color:#333; font-size:13px; }
    .item-list .weui-cell__bd s{ color:#999; }
    .item-list .weui-cell__ft{ font-size:12px; }
/*文字列表*/
.txt-list{ position:relative; margin:0; padding:0; }
	.txt-list ul .nodata{ margin:0; padding:0; display:block; color:#999; font-size:14px; text-align:center; line-height:80px; background:#fff; }
	.txt-list ul li{ position:relative; margin:0; padding:0; background:#fff; }
    .txt-list ul li:active{ background:#ececec; }
	.txt-list ul li>a{ display:block; position:relative; margin-left:15px; padding:10px 15px 10px 0; font-size:13px; color:#333; line-height:1.1em; border-top:1px solid #ececec; }
    .txt-list ul li:first-child>a{ border-top:none; }
	.txt-list ul li>a:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.txt-list ul li>a>img{ float:left; margin-right:15px; width:90px; height:90px;border:solid 1px #ececec; }
	.txt-list ul li>a>h2{ display:block; margin:0; padding:0; color:#333; font-size:13px; font-weight:400; line-height:18px; /*white-space:nowrap;*/ text-overflow:ellipsis; overflow:hidden; }
	.txt-list ul li>a .intro{ padding-top:6px; color:#999; font-size:12px; line-height:1.8em; height:3.6em; text-overflow:ellipsis; overflow:hidden; }
    .txt-list ul li>a .note{ padding-top:6px; }
	.txt-list ul li>a .note p{ color:#666; font-size:12px; line-height:1.8em; height:1.8em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.txt-list ul li>a .note p .date{ display:inline-block; margin-right:5px; color:#cecece; font-style:normal; }
	.txt-list ul li>a .note p .hot{ display:block; float:right; padding:0 2px; color:#cecece; font-style:normal; }
    .txt-list ul li>a .note p .price{ display:inline-block; margin-right:2px; color:#f00; font-size:14px; font-weight:400; font-style:normal; }
	.txt-list ul li>a>.text{ display:block; line-height:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.txt-list ul li>a>.date{ display:block; float:right; margin:0 0.2em; padding:0; color:#cecece; font-size:12px; font-style:normal; line-height:18px; }
	.txt-list ul li>a>.number{ display:block; float:left; margin:0 5px 0 0; padding:0; width:18px; height:18px; line-height:18px; color:#fff; font-size:12px; font-style:normal; text-align:center; background:var(--m-link); border-radius:18px; vertical-align:middle; }
/*目录详细页面*/
.down-detail{ position:relative;background:#fff; margin-left:15px; padding:10px 15px 10px 0; font-size:13px; color:#333; line-height:1.1em; border-top:1px solid #ececec;}
    .down-detail:active{ background:#ececec; }
	.down-detail>a>img{ float:left; margin-right:15px; width:100px; height:100px;border:solid 1px #ececec; }
	.down-detail>h1{ color:#333; font-size:17px; font-weight:700; margin:10px 5px 15px; line-height:1em;}
    .down-detail .note{  }
	.down-detail .note p{ color:#666; font-size:12px; line-height:1.8em; height:1.8em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .down-detail a{color:#586c94;}
    .down-detail i{font-style:normal;}
    .down-detail .remark{ padding-top:6px; clear:left; }
    .down-detail .remark p{ color:#666; font-size:12px; line-height:1.8em;  text-overflow:ellipsis; overflow:hidden; }

/*详情页下载强化*/
.down-show .down-detail{ overflow:hidden; border-top:0; padding-bottom:12px; }
.down-show .down-detail>h1{ margin:0 0 10px; font-size:16px; line-height:1.35em; }
.down-show .cover-row{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:stretch; -webkit-align-items:stretch; align-items:stretch; }
.down-show .cover-row>img{ -webkit-box-flex:0; -webkit-flex:0 0 108px; flex:0 0 108px; width:108px; min-height:108px; height:auto; margin:0 12px 0 0; border:solid 1px #ececec; -o-object-fit:cover; object-fit:cover; }
.down-show .cover-row .note{ -webkit-box-flex:1; -webkit-flex:1; flex:1; min-width:0; }
.down-show .cover-row .note p{ height:auto; white-space:normal; overflow:visible; }
.down-show .note .brand-line{ margin:0 0 4px; font-size:13px; line-height:1.35em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.down-show .spec-grid{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin:0 -4px; }
.down-show .spec-grid span{ box-sizing:border-box; width:50%; padding:2px 4px; }
.down-show .spec-grid i{ display:block; font-style:normal; font-size:11px; color:#999; line-height:1.2; }
.down-show .spec-grid b{ display:block; font-size:14px; font-weight:600; color:#333; line-height:1.35; }
.down-show .stat-line{ margin-top:4px; color:#999; font-size:12px; line-height:1.4em; }
.down-show .tag-line{ clear:both; padding-top:8px; font-size:12px; line-height:1.8em; }
.down-cta{ display:block; clear:both; margin:10px 0 0; padding:8px 10px; background:#638eae; color:#fff !important; text-align:center; border-radius:4px; }
.down-cta em{ display:block; font-style:normal; font-size:12px; font-weight:normal; opacity:.9; line-height:18px; }

/*图文列表*/
.img-list{ position:relative; margin:0; padding:0; }
	.img-list ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .img-list ul .nodata{ margin:0; padding:0; display:block; color:#999; font-size:14px; text-align:center; line-height:80px; background:#fff; }
	.img-list ul li{ position:relative; float:left; width:50%; }
    .img-list ul li:active{ background:#ececec; }
	.img-list ul li .wrap{ position:relative; margin:0 0 -1px -1px; background:#fff; border:1px solid #ececec; border-right:none; }
    .img-list ul li:nth-child(1) .wrap,
    .img-list ul li:nth-child(2) .wrap{ border-top:none; }
	.img-list ul li .wrap .number{ position:absolute; display:inline-block; top:20px; left:15px; padding:0 7px; height:1.8em; line-height:1.8em; color:#fff; font-size:12px; text-align:center; border-radius:0 3px 3px 0; background:var(--m-link); opacity:0.8; z-index:1; }
	.img-list ul li:nth-child(1) .wrap .number{ background:#f00; }
	.img-list ul li:nth-child(2) .wrap .number{ background:#f90; }
	.img-list ul li .wrap a{ display:block; position:relative; padding:15px; text-align:center; }
	.img-list ul li .wrap a img{ display:block; margin:auto; width:100%; }
	.img-list ul li .wrap a .note{ text-align:left; color:#999; }
	.img-list ul li .wrap a .note h2{ display:block; padding:10px 0 5px 0; color:#333; font-size:13px; font-weight:400; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.img-list ul li .wrap a .note p{ padding:0 0 10px 0; color:#cecece; font-size:12px; line-height:1.3em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.img-list ul li .wrap a .note p .price{ display:inline-block; margin-right:2px; color:#f00; font-size:14px; font-weight:400; font-style:normal; }
	.img-list ul li .wrap a .note p .hot{ display:block; float:right; font-style:normal; }

/*图片列表*/
.photo-list{ margin:15px 15px 0; padding:0; }
    .photo-list:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
    .photo-list ul{ margin:0 0 0 -15px; }
    .photo-list ul .nodata{ margin:0 0 15px 0; padding:0; display:block; color:#999; font-size:14px; text-align:center; line-height:80px; background:#fff; }
    .photo-list li{ float:left; width:33.333%; list-style:none; }
    .photo-list li a{ display:block; margin:0 0 15px 15px; }
    .photo-list li a:active{ background:#ececec; }
    .photo-list li a img{ display:block; height:auto; width:100%;border:solid 1px #ececec; }
    .photo-list li a:active img{ opacity:0.8; }
    .photo-list li a h2{ display:block; color:#333; font-size:13px; font-weight:normal; line-height:30px; height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .photo-list li a p{ color:#cecece; font-size:12px; line-height:1.2em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

/*首页/品牌中心品牌列表：白底卡片，对齐灯饰电子书面板*/
.brand-list{ margin:12px 12px 0; padding:0; }
    .brand-list ul{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin:0 0 0 -10px; padding:0; }
    .brand-list li{ width:33.333%; list-style:none; -webkit-box-sizing:border-box; box-sizing:border-box; }
    .brand-list li a{
      display:block; margin:0 0 12px 10px; padding:10px 8px 8px;
      background:#fff; border-radius:10px; overflow:hidden; text-decoration:none;
      box-shadow:0 4px 14px rgba(40,30,20,.06); -webkit-box-sizing:border-box; box-sizing:border-box;
    }
    .brand-list li a:active{ background:#faf8f5; }
    .brand-list li a img{
      display:block; width:100%; height:48px; -o-object-fit:contain; object-fit:contain;
      border:none; background:transparent;
    }
    .brand-list li a h2{
      display:block; margin:6px 0 0; color:#222; font-size:13px; font-weight:600;
      line-height:1.35; height:1.35em; text-align:center;
      white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
    }
    
/*内容样式*/
.goods-head{ margin:15px; padding:0; }
    .goods-head h2{ margin:0 0 10px; color:#333; font-size:16px; font-weight:400; line-height:1.3em; }
    .goods-head p{ color:#999; font-size:14px; line-height:24px; }
    .goods-head p .price{ margin-right:3px; color:#f00; font-size:17px; font-weight:600; }
.goods-btn-box{ position:relative; height:45px; }
    .goods-btn-box .wrap-box{ position:fixed; left:0; bottom:0; width:100%; border:1px solid #ececec; background:#fff; z-index:2; }
    .goods-btn-box a{ display:block; margin-top:-1px; float:right; width:50%; height:45px; line-height:45px; color:#fff; font-size:15px; text-align:center; }
    .goods-btn-box a.red{ background:#ff6000; }
    .goods-btn-box a.green{ background:#ffb002; }
    .goods-btn-box a i{ margin-right:3px; color:#fff; font-size:15px; }
    .goods-btn-box a:active{ opacity:0.8; }

/*栏目样式*/
.dialog-wrap{ position:fixed; top:0; left:0; right:0; bottom:0; background:#fff; z-index:1000; display:none; }
.dialog-box{ position:relative; width:100%; height:100%; overflow:auto; }
.navbar{ padding:10px 15px 15px 15px; }
.navbar li{ padding-top:10px; }
	.navbar li h3{ display:block; color:var(--m-link); font-size:14px; font-weight:normal; line-height:42px; height:42px; }
	.navbar li h3 a{ color:var(--m-link); }
	.navbar li p{ padding:5px 0; font-size:13px; line-height:20px; }
	.navbar li p a{ display:inline-block; margin-right:10px; padding:5px 10px; color:#333; border:1px solid #ececec; }
    .navbar li p a:active{ background:#ececec; }
    .navbar li p a.selected{ color:#fff; border-color:var(--m-link); background:var(--m-link); }
/*规格样式*/
.spec-wrap{ margin:0; padding:0; background:#fff; max-height:80%; overflow:auto; }
    .spec-wrap .close{ position:absolute; top:15px; right:15px; display:block; width:22px; height:22px; cursor:pointer; }
    .spec-wrap .close i{ color:#555; font-size:22px; line-height:1em; }
    .spec-wrap .spec-box{ margin:52px 15px 15px 15px; padding:0; }
    .spec-wrap .spec-box dl,
    .spec-wrap .spec-box .btn-box{ display:block; padding:10px 0; clear:both; color:#333; line-height:30px; border-bottom:1px solid #ececec; }
    .spec-wrap .spec-box dl:after,
    .spec-wrap .spec-box .btn-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .spec-wrap .spec-box dl dt,
    .spec-wrap .spec-box .btn-box dt{ display:block; font-size:14px; line-height:30px; height:30px; }
    .spec-wrap .spec-box dl dd,
    .spec-wrap .spec-box .btn-box dd{ display:block; margin:0 0 0 -10px; }
    .spec-wrap .spec-box dl:first-child{ margin-top:-52px; }
    .spec-wrap .spec-box dl dd a{ display:inline-block; margin:10px 0 0 10px; color:#333; font-size:12px; background:#f3f3f3; border-radius:5px; }
    .spec-wrap .spec-box dl dd a.selected{ color:#fff; background:#f60; }
    .spec-wrap .spec-box dl dd a span{ padding:5px 10px; line-height:20px; }
    .spec-wrap .spec-box .btn-box dt{ float:left; }
    .spec-wrap .spec-box .btn-box dt span{ margin-left:10px; color:#999; font-size:13px; }
    .spec-wrap .spec-box .btn-box dt span b{ margin:0 2px; font-weight:normal; }
    .spec-wrap .spec-box .btn-box dd{ float:right; margin:0; padding:0; }
    .spec-wrap .spec-box .btn-box dd a{ display:inline-block; float:left; margin:0; padding:5px 10px; color:#666; font-size:15px; font-weight:bold; line-height:20px; text-align:center; background:#f3f3f3; border-radius:0; }
    .spec-wrap .spec-box .btn-box dd .input{ display:block; float:left; margin:0; padding:5px; width:50px; color:#333; font-size:14px; line-height:20px; text-align:center; border:none; background:#fff; }
    .spec-wrap .weui-actionsheet__cell{ display:block; color:#fff; font-size:15px; width:100%; line-height:1.5em; border:none; background:#ff6000; }
    .spec-wrap .weui-actionsheet__cell:active{ background:#f90; }
    .spec-wrap .weui-actionsheet__cell.over{ background:#ccc; }
/*详情页样式*/
.meta{ margin:15px; padding-bottom:15px; border-bottom:1px solid #ececec; }
	.meta .meta-tit{ color:#333; font-size:17px; font-weight:700; margin:0 0 5px; }
	.meta .meta-info{ font-size:12px; color:#cecece; line-height:1.8em; }
	.meta .meta-info span{ margin-right:5px; }
    .meta .meta-info span i{ margin-right:3px; font-size:13px; }
.entry{ margin:0 15px; padding:0; font-size:15px; line-height:24px; word-wrap:break-word; }
	.entry img{ max-width:100%!important; height:auto!important; }
	.entry h2,.entry h3,.entry h4{ padding-bottom:5px; border-bottom:1px solid #ddd; color:#222; }
	.entry h2{ font-size:17px; }
	.entry h3,.entry h4{ font-size:14px; }
	.entry strong{ color:var(--m-accent); }
	.entry ul,.entry ol{ margin:16px; }
	.entry li{ margin-left:26px; }
	.entry ul li{ list-style:disc outside none; }
	.entry ol li{ list-style:decimal outside none; }
	.entry p{ display:inherit; margin:15px 0; color:#333; font-size:14px; line-height:24px; word-wrap:break-word; }
	.entry a{ text-decoration:underline; }
	.entry code, .comment code{ background-color:#eee; border-radius:2px 2px 2px 2px; color:#777;font-family:'courier new'; margin:0 4px;padding:1px 4px;}
	.entry table{ border-left:1px solid #eee; border-top:1px solid #eee; }
	.entry table th{ background-color:#F9F9F9; text-align:center; }
	.entry table td, .entry table th{ border-bottom:1px solid #eee; border-right:1px solid #eee; padding:7px 10px; }

/*评论样式*/
.comment-box{ position:relative; margin:0; padding:0; }
.comment-add{ margin:15px 0 15px 15px; }
    .comment-add .input-box{ position:relative; margin:0 15px 15px 0; font-size:12px; }
    .comment-add .input-box .input{ display:block; margin:0; padding:5px 10px; width:100%; height:auto; border:1px solid #ddd; border-radius:0.2125em; font-family:"Microsoft Yahei",helvetica,arial; color:#262626; font-size:14px; line-height:1.3em; }
    .comment-add .input-box .code{ display:inline-block; width:65px; }
    .comment-add .input-box .weui-btn{ float:right; font-size:13px; }
    
.comment-list{ position:relative; margin:0; padding:0; }
	.comment-list .nodata{ margin-left:15px; color:#999; font-size:13px; text-align:center; line-height:80px; border-top:1px solid #ececec; }
	.comment-list li{ margin-left:15px; padding:15px 15px 15px 0; border-top:1px solid #ececec; }
	.comment-list li:first-child{ border-top:1px solid #ececec; }
	.comment-list li .avatar{ position:relative; float:left; width:40px; height:40px; background:#fafafa; border-radius:40px; overflow:hidden; }
	.comment-list li .avatar img{ width:100%; height:100%; }
    .comment-list li .avatar i{ color:var(--m-link); font-size:40px; line-height:50px; }
    .comment-list li .inner{ margin-left:50px; }
	.comment-list li .inner .meta{ margin:0; padding:0 0 5px; color:#cecece; font-size:12px; border:none; }
	.comment-list li .inner .meta .blue{ color:var(--m-link); }
	.comment-list li .inner .meta .time{ float:right; }
    .comment-list li .inner p{ margin:0; padding:0; color:#333; font-size:13px; line-height:1.5em; }
    
	.comment-list li .answer{ clear:both; margin:10px 0 0 50px; padding:10px; background:#f6f6f6; border:1px solid #e6e6e6; border-radius:5px; }
	.comment-list li .answer .meta{ margin:0 0 5px 0; padding:0; color:#999; font-size:12px; border:none; }
	.comment-list li .answer .meta .blue{ color:#1e7bb3; }
	.comment-list li .answer .meta .time{ float:right; }
    .comment-list li .answer p{ margin:0; padding:0; color:#333; font-size:13px; line-height:1.5em; }
    
.comment-more{ margin:15px; }
    .comment-more .weui-btn{ color:#555; font-size:13px; background:#fff; border:1px solid #e5e5e5; }

/*分页页码*/
.page-list{ position:relative; margin:10px 0; padding:0; clear:both; background:#fff; }
	.page-list:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.page-list a,
    .page-list span{ margin:0.5em 0;  padding:0.5em 0; display:none; float:left; width:24.5%; line-height:1.2em; border-left:1px solid #ececec; font-size:13px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
    .page-list a:active{ background:#ececec; }
	.page-list span{ color:#999; }
	.page-list a{ color:#333; }
	.page-list span:nth-child(1),.page-list span:nth-child(2),.page-list a:nth-child(2){ display:block; float:left;}
	.page-list span:nth-last-child(1),.page-list a:nth-last-child(1){ display:block; float:left; border-left-color:#ececec; }
	.page-list .current{ display:block; float:left; }

/*视频容器*/
.video-box{ position:relative; margin:0 15px; }
    .video-box video{ margin:0; padding:0; }

/*会员样式*/
.form-logo{ margin:0 auto; padding-top:50px; text-align:center; }
    .form-logo img{ width:180px; height:44px; opacity:0.8; }
.oauth-box{ display:block; margin:0 auto 5px -10px; padding:0 15px; text-align:center; }
    .oauth-box a{ display:inline-block; margin:0 0 10px 10px; width:38px; height:38px; border-radius:38px; overflow:hidden; }
    .oauth-box a img{ width:100%; height:100%; }
.head-box{ margin:20px 0 10px; padding:15px 10px; background:#fff; }
    .head-box .img-box{ float:left; width:60px; height:60px; border-radius:60px; background:#f8f8f8; overflow:hidden; }
	.head-box .img-box img{ width:100%; height:100%; }
    .head-box .img-box i{ color:var(--m-link); font-size:60px; line-height:80px; }
	.head-box .tit-box{ display:block; margin:0 auto 0 75px; }
	.head-box .tit-box h3{ display:block; margin-bottom:5px; color:#333; font-size:17px; line-height:20px; text-shadow:none; }
	.head-box .tit-box p{ display:block; color:#666; font-size:13px; line-height:18px; text-shadow:none; }
.form-box .weui-btn{ font-size:16px; }
    .form-box .weui-label,
    .form-box .weui-cell__bd,
    .form-box .weui-cell__bd p{ color:#333; font-size:13px; }
    .form-box .weui-cell__bd p i{ margin-left:5px; color:#999; font-size:12px; font-style:normal; }
    .form-box .select{ display:inline-block; width:30%; color:#555; font-size:14px; line-height:28px; height:28px; border:none; border-bottom:1px solid #ececec; background:#fff; }
    .form-box .vcode .weui-vcode-btn{ padding:0 1em; height:38px; line-height:38px; font-size:14px; border:1px solid #e5e5e5; }
    .form-box .vcode .weui-vcode-btn.gray{ color:#999; }
.form-preview{ font-size:15px; }
    .form-preview .weui-form-preview__btn{ font-size:15px; }
/*提示样式*/
.msg-box .weui-btn{ font-size:16px; }

/*订单样式
-------------------------------------------------------------------*/
.cart-list{ margin:0; padding:0; background:#fff; }
	.cart-list li{ position:relative; margin:0 0 0 15px; padding:15px 15px 15px 0; border-top:1px solid #ececec; }
	.cart-list li:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
    .cart-list li:first-child{ border-top:none; }
	.cart-list li label.select{ position:absolute; display:block; top:15px; left:0; }
	.cart-list li .img-box{ display:block; float:left; margin:0 10px 0 20px; width:70px; }
	.cart-list li .img-box img{ width:70px; }
	.cart-list li>h2{ display:block; margin:0; padding:0; color:#333; font-size:13px; font-weight:normal; height:20px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.cart-list li p.stxt{ padding-top:5px; color:#999; font-size:12px; line-height:1.3em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.cart-list li .note{ display:block; margin-left:80px; padding-top:8px; }
	.cart-list li .note .price{ display:inline-block; color:#F00; font-size:15px; font-style:normal; line-height:23px; }
	.cart-list li .note span{ display:block; float:right; color:#8c8c8c; font-size:12px; line-height:23px; }
    
	.cart-list li .note .btn-list{ display:block; float:right; }
	.cart-list li .note .btn-list input{ display:block; float:left; margin:0 0 0 -1px; padding:0; width:30px; height:25px; line-height:25px; text-align:center; border:1px solid #ddd; color:#555; font-size:13px; font-weight:bold; background:#fff; }
	.cart-list li .note .btn-list a{ display:block; float:left; margin:0 0 0 -1px; padding:0 8px; border:1px solid #ddd; color:#555; font-size:13px; line-height:23px; }
	.cart-list li .note .btn-list a.del { margin-left:5px; border:0; line-height:23px; color:#777; font-weight:normal; }
    .cart-list.inset li .img-box{ margin-left:0; }
    .cart-list li .note .right{ display:block; float:right; color:#666; font-size:14px; }
.cart-foot{ display:block; height:52px; background:#fff; border-top:1px solid #ececec; }
    .cart-foot .all{ display:block; float:left; margin-left:15px; width:60px; color:#333; font-size:14px; line-height:52px; }
    .cart-foot .all i{ font-size:15px; line-height:54px; }
    .cart-foot .total{ display:block; float:right; padding:0 10px; }
    .cart-foot .total p{ display:block; color:#999; font-size:13px; line-height:52px; }
    .cart-foot .total p b{ color:#f00; font-size:15px; }
    .cart-foot .btn{ display:block; float:right; margin-top:-1px; padding:0 15px; background:#f60; height:53px; line-height:53px; color:#fff; font-size:15px; }

.detail-list{}
    .detail-list ul .nodata{ position:relative; margin:10px 0 0 0; color:#999; font-size:13px; text-align:center; line-height:80px; background:#fff; }
    .detail-list ul .nodata:after{ content:" "; position:absolute; left:0; right:0; bottom:0; height:1px; color:#e5e5e5; border-bottom:1px solid #e5e5e5; transform-origin:0 100%; transform:scaleY(.5); }
    .detail-list ul .nodata:before{ content:" "; position:absolute; left:0; right:0; top:0; height:1px; color:#e5e5e5; border-top:1px solid #e5e5e5; transform-origin:0 0; transform:scaleY(.5); }
    .detail-list li{ position:relative; margin:10px 0 0 0; background:#fff; }
    .detail-list li:after{ content:" "; position:absolute; left:0; right:0; bottom:0; height:1px; color:#e5e5e5; border-bottom:1px solid #e5e5e5; transform-origin:0 100%; transform:scaleY(.5); }
    .detail-list li:before{ content:" "; position:absolute; left:0; right:0; top:0; height:1px; color:#e5e5e5; border-top:1px solid #e5e5e5; transform-origin:0 0; transform:scaleY(.5); }
    .detail-list li .detail-hd{ position:relative; padding:14px 15px 10px; color:#999; font-size:13px; }
    .detail-list li .detail-hd:after{ content:" "; position:absolute; left:15px; right:0; bottom:0; height:1px; color:#e5e5e5; border-bottom:1px solid #e5e5e5; transform-origin:0 100%; transform:scaleY(.5); }
    .detail-list li .detail-hd .fr{ float:right; color:var(--m-link); }
    
    .detail-list li .detail-bd{}
    .detail-list li .detail-bd .list-box{ position:relative; display:block; padding:15px; }
    .detail-list li .detail-bd .list-box:after{ content:" "; position:absolute; left:15px; right:0; bottom:0; height:1px; color:#e5e5e5; border-bottom:1px solid #e5e5e5; transform-origin:0 100%; transform:scaleY(.5); }
    .detail-list li .detail-bd .list-box:last-child:after{ border:none; }
    .detail-list li .detail-bd .list-box .img-box{ position:relative; display:block; float:left; margin:0 10px 0 0; width:70px; height:70px; background:ececec; overflow:hidden; }
    .detail-list li .detail-bd .list-box .img-box img{ width:100%; height:100%; }
    .detail-list li .detail-bd .list-box .img-box i{ color:#999; font-size:70px; line-height:80px; }
    .detail-list li .detail-bd .list-box .txt-box:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
    .detail-list li .detail-bd .list-box .txt-box>h2{ display:block; margin:0 0 5px 0; padding:0; color:#333; font-size:13px; font-weight:normal; height:20px; line-height:20px; white-space:normal; text-overflow:ellipsis; overflow:hidden; }
    .detail-list li .detail-bd .list-box .txt-box p{ color:#999; font-size:13px; line-height:22px; }
    .detail-list li .detail-bd .list-box .txt-box .note{}
    .detail-list li .detail-bd .list-box .txt-box .note span{}
    .detail-list li .detail-bd .list-box .txt-box .note .fr{ float:right; }
    .detail-list li .detail-bd .list-box .txt-box .note .price{ color:#f00; font-size:14px; }
    
    .detail-list li .detail-ft{ position:relative; display:block; padding:15px; }
    .detail-list li .detail-ft:before{ content:" "; position:absolute; left:0; right:0; top:0; height:1px; color:#e5e5e5; border-top:1px solid #e5e5e5; transform-origin:0 0; transform:scaleY(.5); }
    .detail-list li .detail-ft p{ display:block; padding:10px 0; color:#999; font-size:13px; line-height:20px; }
    .detail-list li .detail-ft .fr{ float:right; }
    .detail-list li .detail-ft .ft-btn{ clear:both; padding:0; display:block; }
    .detail-list li .detail-ft .ft-btn:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
    .detail-list li .detail-ft .ft-btn .check-box{ position:relative; display:block; margin-top:7px; float:left; color:#333; font-size:13px; line-height:16px; }
    .detail-list li .detail-ft .ft-btn .check-box input{ display:inline-block; margin:0 3px 0 0; padding:0; width:16px; height:16px; vertical-align:top; }
    .detail-list li .detail-ft .ft-btn .btn-box{ float:right; }
    .detail-list li .detail-ft .ft-btn .btn-box a{ display:inline-block; margin:0 0 0 5px; padding:8px 15px; color:var(--m-link); font-size:13px; line-height:1em; border:1px solid #e5e5e5; }
    .detail-list li .detail-ft .ft-btn .btn-box a:active{ background:#ebebeb; }
    .detail-list li .detail-ft .ft-btn .btn-box a i{ color:var(--m-link); font-size:13px; }

/*页面底部
-------------------------------------------------------------------*/
.foot-nav .weui-tabbar{ position:fixed; background:#fff; }
.foot-nav .weui-tab__panel{ display:none !important; height:0 !important; min-height:0 !important; padding:0 !important; overflow:hidden !important; }
.foot-nav.weui-tab{ height:auto !important; min-height:0 !important; }
.foot-nav .weui-tabbar i.weui-tabbar__icon{ font-size:22px; }
.foot-nav .weui-tabbar .item-box{ display:inline-block; position:relative; }
.foot-nav .weui-tabbar .item-box .weui-badge{ position:absolute; top:-2px; right:-13px; }
.foot-nav .weui-tabbar .item-box .weui-badge_dot{ position:absolute; top:0; right:-6px; }
.footer{ padding:6px 0 4px; }
.m-reader .footer, .page__bd > .m-reader ~ .footer{ display:none; }

/* ========== 手机目录阅读器 / 封面优先 ========== */
.m-reader{ padding-bottom:112px; background:#f3f1ee; min-height:0; }
.m-reader-hero{ position:relative; overflow:hidden; color:#fff; }
.m-reader-hero__bg{
    position:absolute; inset:0;
    background-size:cover; background-position:center;
    -webkit-filter:blur(18px); filter:blur(18px);
    -webkit-transform:scale(1.12); transform:scale(1.12);
}
.m-reader-hero__mask{
    position:absolute; inset:0;
    background:linear-gradient(165deg, rgba(28,24,20,.78) 0%, rgba(28,24,20,.52) 55%, rgba(28,24,20,.88) 100%);
}
.m-reader-hero__body{
    position:relative; z-index:1;
    display:-webkit-box; display:-webkit-flex; display:flex;
    -webkit-box-align:end; -webkit-align-items:flex-end; align-items:flex-end;
    padding:18px 16px 20px; min-height:210px;
}
.m-reader-cover{
    width:112px; height:148px; -o-object-fit:cover; object-fit:cover;
    border-radius:6px; box-shadow:0 10px 28px rgba(0,0,0,.35);
    background:#222; -webkit-flex:0 0 auto; flex:0 0 auto;
}
.m-reader-meta{ margin-left:14px; min-width:0; -webkit-box-flex:1; -webkit-flex:1; flex:1; padding-bottom:2px; }
.m-reader-cat{ margin:0 0 6px; font-size:11px; letter-spacing:.08em; opacity:.75; }
.m-reader-meta h1{
    margin:0 0 8px; font-size:18px; font-weight:700; line-height:1.35;
    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.m-reader-brand{ display:inline-block; margin-bottom:8px; color:#ffd7e8; font-size:13px; text-decoration:none; }
.m-reader-brand--text{ opacity:.9; }
.m-reader-brand--link{
  display:inline-flex; display:-webkit-inline-box; display:-webkit-inline-flex;
  -webkit-box-align:center; -webkit-align-items:center; align-items:center; gap:6px;
  max-width:100%; padding:4px 10px 4px 8px; border-radius:14px;
  background:rgba(255,255,255,.18); border:1px solid rgba(255,215,232,.55);
  color:#fff; font-size:12px; line-height:1.3; box-sizing:border-box;
}
.m-reader-brand--link:active{ background:rgba(255,255,255,.28); }
.m-reader-brand__name{
  max-width:9em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-weight:700; color:#fff;
}
.m-reader-brand__go{
  -webkit-flex:0 0 auto; flex:0 0 auto; padding:1px 6px; border-radius:10px;
  background:var(--m-link); color:#fff; font-size:11px; font-weight:600;
}
.m-reader-brand__go:after{ content:" ›"; }
.m-reader-chips{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; gap:6px; }
.m-reader-chips span{
    display:inline-block; padding:3px 8px; border-radius:999px;
    background:rgba(255,255,255,.14); font-size:11px; line-height:1.4;
}
.m-reader-tip{
    display:-webkit-box; display:-webkit-flex; display:flex;
    -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
    -webkit-box-align:center; -webkit-align-items:center; align-items:center;
    margin:0; padding:10px 16px; background:#fff; border-bottom:1px solid #ece8e2;
    font-size:12px; color:#888;
}
.m-reader-tip em{ font-style:normal; color:var(--m-link); }
.m-reader-pages{ padding:12px 12px 0; }
.m-reader-page{
    position:relative; margin:0 0 14px; background:#fff; border-radius:10px; overflow:hidden;
    box-shadow:0 6px 18px rgba(40,30,20,.08);
}
.m-reader-page a.tupian{ display:block; position:relative; background:#eae6e0; }
.m-reader-page img{
    display:block; width:100%; height:auto; min-height:220px;
    -o-object-fit:contain; object-fit:contain; background:#f7f5f2;
}
.m-reader-vipmark{
    position:absolute; top:10px; right:10px; padding:3px 8px; border-radius:4px;
    background:rgba(0,0,0,.55); color:#fff; font-size:11px; line-height:1.4;
}
.m-reader-page figcaption{
    display:-webkit-box; display:-webkit-flex; display:flex;
    -webkit-box-align:center; -webkit-align-items:center; align-items:center;
    gap:8px; padding:8px 12px 10px; font-size:12px; color:#777;
}
.m-reader-page figcaption b{ color:var(--m-link); font-weight:700; white-space:nowrap; }
.m-reader-page figcaption span{
    min-width:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
}
.m-reader-gate{
    margin:8px 0 16px; padding:22px 18px; border-radius:12px; text-align:center;
    background:linear-gradient(180deg, #fff 0%, #faf6f2 100%);
    border:1px solid #ece4db;
}
.m-reader-gate h3{ margin:0 0 8px; font-size:16px; color:#222; }
.m-reader-gate p{ margin:0 0 16px; font-size:13px; color:#777; line-height:1.6; }
.m-reader-gate__btns{ display:-webkit-box; display:-webkit-flex; display:flex; gap:8px; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; }
.m-reader-gate .btn-main,
.m-reader-gate .btn-line,
.m-reader-gate__btns .btn-main,
.m-reader-gate__btns .btn-line{
    display:inline-block; min-width:96px; padding:10px 12px; border-radius:8px;
    font-size:13px; text-decoration:none; text-align:center;
}
.m-reader-gate .btn-main,
.m-reader-gate__btns .btn-main{ background:var(--m-link); color:#fff; }
.m-reader-gate .btn-line,
.m-reader-gate__btns .btn-line{ background:#fff; color:var(--m-link); border:1px solid var(--m-link); }
.m-reader-note{ margin:0 0 14px; padding:10px 12px; border-radius:8px; background:var(--m-link-bg); color:var(--m-link); font-size:13px; }
.m-reader-empty{ padding:40px 0; text-align:center; color:#999; }
.m-reader-about{ margin:8px 12px 12px; padding:14px; background:#fff; border-radius:10px; }
.m-reader-about .tag-line{ font-size:12px; line-height:1.8; margin-bottom:8px; }
.m-reader-about .tag-line a{ color:#638eae; margin-right:8px; }
.m-reader-about .remark{ color:#666; font-size:13px; line-height:1.7; }
.m-reader-about .stat-line{ margin-top:10px; color:#999; font-size:12px; }
.m-reader-related{ margin:0 0 8px; }
.m-reader-related .m-section-hd{ padding-top:4px; }
.m-reader-related .m-cover-grid{ padding-top:0; }
.m-reader-pager{ padding-bottom:8px; }
.m-reader-bar{
    position:fixed; left:0; right:0; bottom:50px; z-index:90;
    display:-webkit-box; display:-webkit-flex; display:flex;
    -webkit-box-align:center; -webkit-align-items:center; align-items:center;
    padding:8px 12px calc(8px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.96); border-top:1px solid #ece8e2;
    -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
    box-shadow:0 -4px 16px rgba(0,0,0,.06);
}
.m-back-top{
    position:fixed; right:12px; bottom:68px; z-index:600;
    width:40px; height:40px; line-height:40px; text-align:center;
    border-radius:50%; background:rgba(59,141,209,.92); color:#fff;
    font-size:18px; text-decoration:none;
    box-shadow:0 4px 12px rgba(0,0,0,.12);
    opacity:0; visibility:hidden; -webkit-transform:translateY(8px); transform:translateY(8px);
    -webkit-transition:opacity .2s,visibility .2s,transform .2s; transition:opacity .2s,visibility .2s,transform .2s;
}
.m-back-top.is-show{
    opacity:1; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0);
}
.m-back-top:active{ background:rgba(45,120,185,.96); }
/* 电子书详情有下载底栏时抬高，避免挡住 */
.page:has(.m-reader-bar) ~ .m-back-top{ bottom:118px; }
.m-reader-bar__info{ -webkit-box-flex:1; -webkit-flex:1; flex:1; min-width:0; padding-right:10px; }
.m-reader-bar__info strong{ display:block; font-size:14px; color:#222; line-height:1.3; }
.m-reader-bar__info span{ display:block; font-size:11px; color:#888; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.m-reader-bar__link{
    -webkit-flex:0 0 auto; flex:0 0 auto;
    margin-right:8px; padding:9px 12px; border-radius:999px;
    border:1px solid #e0d8cf; background:#faf8f5;
    font-size:13px; color:#666; text-decoration:none; white-space:nowrap;
}
.m-reader-bar__link:active{ background:#f0ebe4; color:#444; }
.m-reader-bar__btn{
    -webkit-flex:0 0 auto; flex:0 0 auto;
    display:inline-block; padding:11px 18px; border-radius:999px;
    background:var(--m-link); color:#fff !important; font-size:14px; font-weight:700; text-decoration:none;
}

/* 封面优先卡片 */
.m-cover-grid{ padding:10px 10px 0; }
.m-cover-grid ul{
    display:-webkit-box; display:-webkit-flex; display:flex;
    -webkit-flex-wrap:wrap; flex-wrap:wrap; margin:0 -5px; padding:0;
}
.m-cover-grid li{
    width:50%; list-style:none; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 5px 12px;
}
.m-cover-card{
    display:block; background:#fff; border-radius:10px; overflow:hidden; text-decoration:none;
    box-shadow:0 4px 14px rgba(40,30,20,.06);
}
.m-cover-card .pic{
    position:relative; display:block; padding-top:132%; background:#ece8e2; overflow:hidden;
}
.m-cover-card .pic img{
    position:absolute; left:0; top:0; width:100%; height:100%;
    -o-object-fit:cover; object-fit:cover;
}
.m-cover-card .body{ padding:8px 9px 10px; }
.m-cover-card h2{
    margin:0; color:#222; font-size:13px; font-weight:600; line-height:1.35;
    height:2.7em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.m-cover-card .meta{ margin-top:4px; color:#999; font-size:11px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.m-cover-card .meta e{ color:var(--m-link); font-style:normal; }
.m-list-more{
  margin:4px 12px 20px; padding:12px 0 24px; text-align:center; clear:both;
}
.m-list-more .tip{ font-size:12px; color:#999; }
.m-list-more .tip-loading{ color:#3B8DD1; }
.m-list-more .tip-err{ color:var(--m-link); }
.m-list-more .tip-end{ color:#bbb; }

.m-section-hd{
    display:-webkit-box; display:-webkit-flex; display:flex;
    -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
    -webkit-box-align:center; -webkit-align-items:center; align-items:center;
    padding:14px 14px 6px; font-size:15px; font-weight:700; color:#222;
}
.m-section-hd a{ font-size:12px; font-weight:400; color:var(--m-link); text-decoration:none; }
.m-section-meta{
  font-size:12px; font-weight:400; color:#999; white-space:nowrap;
}
.m-section-meta em{ font-style:normal; color:var(--m-link); font-weight:700; margin:0 1px; }
.m-section-meta i{ font-style:normal; margin:0 3px; color:#ccc; }

.m-home-slider{ position:relative; }
.m-home-slider .swiper-slide a{ display:block; }
.m-home-slider .swiper-slide img{ display:block; width:100%; height:auto; }
.m-home-slider .pagination{ bottom:8px !important; }

.m-rail{
    padding:0 0 6px 10px;
    overflow-x:auto; overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    min-width:0;
}
.m-rail-scroll{
    display:block; white-space:nowrap; font-size:0;
    padding:0 10px 8px 0;
}
.m-rail-scroll::-webkit-scrollbar{ display:none; }
.m-rail-item{
    display:inline-block; vertical-align:top;
    width:42%; margin-right:10px;
    white-space:normal; font-size:13px;
    box-sizing:border-box;
}
.m-rail-item .m-cover-card .pic{ padding-top:128%; }
.m-rail-item .m-cover-card h2,
.m-rail-item .m-cover-card .meta,
.m-rail-item .m-cover-card .pic img{
    pointer-events:none;
    -webkit-user-select:none; user-select:none;
}
.m-rail-item .m-cover-card h2{
    display:block; overflow:hidden;
}

body.m-reader-body .page__bd{ padding-bottom:0; }

/* ========== 手机登录 / VIP ========== */
.m-auth{ padding:16px 14px 80px; }
.m-auth-card{
    background:#fff; border-radius:12px; padding:22px 18px 20px;
    box-shadow:0 6px 18px rgba(40,30,20,.06);
}
.m-auth-card h1{ margin:0 0 6px; font-size:22px; color:#222; font-weight:700; }
.m-auth-desc{ margin:0 0 18px; font-size:13px; color:#888; line-height:1.5; }
.m-auth-field{ margin:0 0 14px; }
.m-auth-field label{ display:block; margin:0 0 6px; font-size:13px; color:#555; }
.m-auth-field input,
.m-auth-field textarea{
    display:block; width:100%; box-sizing:border-box;
    padding:11px 12px; border:1px solid #e6e0d8; border-radius:8px;
    font-size:15px; color:#222; background:#faf8f6; outline:none;
    -webkit-appearance:none; appearance:none;
}
.m-auth-field input:focus,
.m-auth-field textarea:focus{ border-color:var(--m-link); background:#fff; }
.m-auth-field textarea{ resize:vertical; min-height:88px; line-height:1.5; }
.m-auth-tips{
    margin:0 0 12px; padding:8px 10px; border-radius:6px;
    background:var(--m-link-bg); color:var(--m-link); font-size:13px; line-height:1.4;
}
.m-auth-btn{
    display:block; width:100%; margin-top:6px; padding:12px 16px; border:0; border-radius:8px;
    background:var(--m-link); color:#fff; font-size:16px; font-weight:700; text-align:center;
    -webkit-appearance:none; appearance:none; cursor:pointer;
}
.m-auth-btn:active{ opacity:.88; }
.m-auth-btn:disabled{ opacity:.6; }
.m-auth-links{
    display:-webkit-box; display:-webkit-flex; display:flex;
    -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
    margin-top:14px; font-size:13px;
}
.m-auth-links a{ color:var(--m-link); text-decoration:none; }
.m-auth-oauth{ margin-top:22px; padding-top:16px; border-top:1px solid #f0ebe4; text-align:center; }
.m-auth-oauth p{ margin:0 0 10px; font-size:12px; color:#999; }
.m-auth-oauth-list a{ display:inline-block; margin:0 8px; }
.m-auth-oauth-list img{ width:36px; height:36px; border-radius:50%; }
.m-auth-agree{ margin:4px 0 14px; font-size:13px; color:#666; line-height:1.5; }
.m-auth-agree label{ display:block; }
.m-auth-agree input{ margin-right:6px; vertical-align:middle; }
.m-auth-agree a{ color:var(--m-link); text-decoration:none; }
.m-auth-msg{ padding:8px 0 4px; }
.m-auth-msg h2{ margin:0 0 10px; font-size:18px; color:#222; }
.m-auth-msg p{ margin:0 0 10px; font-size:14px; color:#666; line-height:1.6; }
.m-auth-msg .hl{ color:var(--m-link); word-break:break-all; }
.m-auth-msg .tip{ font-size:12px; color:#999; }
.m-auth-msg.ok h2{ color:var(--m-link); }
.m-auth-msg .m-auth-btn{ margin-top:16px; text-decoration:none; box-sizing:border-box; }
.m-auth-btns{
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-box-align:stretch; -webkit-align-items:stretch; align-items:stretch;
  gap:10px; margin-top:16px;
}
.m-auth-msg .m-auth-btns .m-auth-btn{
  -webkit-box-flex:1; -webkit-flex:1; flex:1;
  width:auto; margin-top:0;
}
input.m-auth-btn{ -webkit-appearance:none; appearance:none; border:0; cursor:pointer; }

.m-vip{ padding:0 0 80px; }
.m-vip-hero{
    padding:28px 18px 24px;
    background:linear-gradient(145deg, #2a2220 0%, #5a2a3d 55%, var(--m-link) 120%);
    color:#fff;
}
.m-vip-hero h1{ margin:0 0 8px; font-size:24px; font-weight:700; }
.m-vip-hero p{ margin:0; font-size:13px; opacity:.85; letter-spacing:.04em; }
.m-vip-card{
    margin:12px 12px 0; padding:16px 14px; background:#fff; border-radius:12px;
    box-shadow:0 4px 14px rgba(40,30,20,.05);
}
.m-vip-card h2{ margin:0 0 12px; font-size:16px; color:#222; font-weight:700; }
.m-vip-benefits{ margin:0; padding:0; list-style:none; }
.m-vip-benefits li{
    position:relative; margin:0 0 10px; padding:0 0 0 18px;
    font-size:14px; color:#444; line-height:1.5;
}
.m-vip-benefits li:before{
    content:""; position:absolute; left:0; top:7px;
    width:8px; height:8px; border-radius:50%; background:#ccc;
}
/* 会员中心：少用色，正文灰、链接深灰，只保留按钮/导航蓝 */
.m-user .m-vip-tip{ color:#666; }
.m-user .m-vip-tip strong{ color:var(--m-accent); font-weight:700; }
.m-user .m-vip-benefits a{ color:#444; text-decoration:none; }
.m-user .m-vip-benefits a:active{ color:var(--m-link); }
.m-user .m-user-stats a{ color:var(--m-accent); font-weight:700; }
.m-user .m-user-stats a:active{ opacity:.8; color:var(--m-accent); }
.m-user .m-vip-status-ok{ color:var(--m-accent); }
.m-vip-price{ margin:0 0 12px; }
.m-vip-price-item{
    display:-webkit-box; display:-webkit-flex; display:flex;
    -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
    -webkit-box-align:center; -webkit-align-items:center; align-items:center;
    margin:0 0 8px; padding:12px 12px; border-radius:8px; background:#faf7f4;
}
.m-vip-price-item.hot{ background:var(--m-link-bg); border:1px solid #f7cfe0; }
.m-vip-price-item span{ font-size:13px; color:#555; }
.m-vip-price-item em{ font-style:normal; color:var(--m-link); margin-left:4px; font-size:12px; }
.m-vip-price-item strong{ font-size:18px; color:var(--m-link); font-weight:700; }
.m-vip-tip{ margin:0 0 8px; font-size:12px; color:#888; line-height:1.5; }
.m-brand-detail .m-vip-tip a{ color:#3B8DD1; text-decoration:none; }
.m-brand-detail .m-vip-tip a:active{ opacity:.75; }
.m-vip-tip.warn{ color:var(--m-link); background:var(--m-link-bg); padding:8px 10px; border-radius:6px; }
.m-vip-contact{ margin:0; font-size:13px; color:#444; line-height:1.7; }
.m-vip-contact a{ color:var(--m-link); text-decoration:none; }
.m-vip-pay h3{ margin:14px 0 8px; font-size:14px; color:#333; }
.m-vip-pay h3:first-child{ margin-top:0; }
.m-vip-pay img{ display:block; width:140px; height:auto; margin:0 0 8px; border-radius:6px; border:1px solid #eee; }
.m-vip-pay p{ margin:0 0 4px; font-size:13px; color:#555; line-height:1.6; word-break:break-all; }
.m-vip-form{ margin-top:4px; }
.m-vip-code{
    display:-webkit-box; display:-webkit-flex; display:flex;
    -webkit-box-align:center; -webkit-align-items:center; align-items:center; gap:10px;
}
.m-vip-code input{ -webkit-box-flex:1; -webkit-flex:1; flex:1; }
.m-vip-code a{ -webkit-flex:0 0 auto; flex:0 0 auto; line-height:0; }
.m-vip-code img{ display:block; height:36px; width:auto; border-radius:4px; border:1px solid #e6e0d8; }

.m-recharge-gift{ margin:-4px 0 12px; font-size:12px; color:var(--m-link); line-height:1.4; }
.m-recharge-pay{
    display:-webkit-box; display:-webkit-flex; display:flex;
    -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
    gap:12px; margin-bottom:14px;
}
.m-recharge-pay__item{ -webkit-box-flex:1; -webkit-flex:1; flex:1; text-align:center; }
.m-recharge-pay__item h3{ margin:0 0 8px; font-size:13px; color:#333; }
.m-recharge-pay__item img{
    display:block; width:120px; max-width:100%; height:auto; margin:0 auto 8px;
    border-radius:6px; border:1px solid #eee;
}
.m-recharge-pay__item p{ margin:0; font-size:12px; color:#666; line-height:1.5; }
.m-recharge-entry{ font-size:13px; color:#555; line-height:1.7; word-break:break-word; }
.m-recharge-entry img{ max-width:100%; height:auto; }
.m-recharge-entry table{ width:100% !important; }
.m-recharge-entry p{ margin:0 0 8px; }

/* 手机品牌中心 */
.m-brand{ padding-bottom:12px; }
.m-brand-filter{ margin:0 12px 10px; padding:12px; background:#fff; border-radius:10px; }
.m-brand-cats,.m-brand-letters{
  display:-webkit-box; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; gap:6px; margin-bottom:10px;
}
.m-brand-cats a,.m-brand-letters a,.m-brand-letters span{
  display:inline-block; padding:4px 10px; border-radius:14px; font-size:12px; color:#666; background:#f3f1ee; text-decoration:none; line-height:1.4;
}
.m-brand-cats a.curr,.m-brand-letters a.curr{ background:var(--m-link); color:#fff; }
.m-brand-letters span.off{ color:#ccc; background:#f7f5f2; }
.m-brand-search input{
  width:100%; box-sizing:border-box; height:36px; border:1px solid #e6e0d8; border-radius:8px;
  padding:0 12px; font-size:14px; background:#faf9f7; outline:none;
}
.m-brand-group__hd{
  margin:8px 15px 4px; font-size:15px; font-weight:700; color:#333;
}
.m-brand-item .meta,.brand-list li a .meta{
  margin:4px 0 0; padding:0 2px; font-size:11px; color:#999; text-align:center; line-height:1.3;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.m-brand-detail{ padding-bottom:16px; }
.m-brand-hero{
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-box-align:center; -webkit-align-items:center; align-items:center;
  gap:14px; margin:8px 12px 12px; padding:14px; background:#fff; border-radius:10px;
}
.m-brand-hero .logo{
  width:96px; height:48px; object-fit:contain; background:#faf9f7; border:1px solid #eee; border-radius:6px; -webkit-flex:0 0 auto; flex:0 0 auto;
}
.m-brand-hero .info{ min-width:0; -webkit-box-flex:1; -webkit-flex:1; flex:1; }
.m-brand-hero h1{ margin:0 0 4px; font-size:18px; color:#222; line-height:1.3; }
.m-brand-hero .tag,.m-brand-hero .year{ margin:0 0 2px; font-size:12px; color:#888; }
.m-brand-hero .meta{ margin:6px 0 0; font-size:13px; color:#555; }
.m-brand-hero .meta strong{ color:var(--m-link); }
.m-brand-summary,.m-brand-content{ font-size:14px; color:#555; line-height:1.7; word-break:break-word; }
.m-brand-actions a{
    margin-right:16px; font-size:14px; color:var(--m-link); text-decoration:none;
}
.m-brand-actions a:active{ opacity:.75; }
.m-brand-content img{ max-width:100%; height:auto; }
.m-brand-content table{ width:100% !important; }
/* 最新上架 */
.m-newlist{ padding-bottom:12px; }
.m-newlist-intro{
  margin:0 12px 8px; font-size:12px; color:#888; line-height:1.5;
}
.m-newlist-intro strong{ color:var(--m-link); font-weight:700; }
.m-newlist-intro span{ color:#aaa; }
.m-newlist-dates{
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-flex-wrap:wrap; flex-wrap:wrap; gap:8px; padding-top:2px;
}
.m-newlist-dates a{
  display:-webkit-box; display:-webkit-flex; display:flex;
  -webkit-box-align:baseline; -webkit-align-items:baseline; align-items:baseline;
  -webkit-box-pack:start; -webkit-justify-content:flex-start; justify-content:flex-start;
  width:calc(50% - 4px); box-sizing:border-box;
  padding:8px 10px; border-radius:10px; background:#f7f5f2; text-decoration:none; color:#444;
  border:1px solid #eee;
}
.m-newlist-dates a.today{ background:var(--m-link-bg); border-color:#b3d4ef; }
.m-newlist-dates .d1{ display:inline; font-size:14px; font-weight:700; color:#222; line-height:1.3; }
.m-newlist-dates .d3{ display:inline; font-size:12px; color:#666; margin:0 0 0 6px; white-space:nowrap; }
.m-newlist-dates .d3 em{ font-style:normal; color:var(--m-link); font-weight:700; }
.m-newlist-day{ margin-bottom:6px; }
.m-newlist-day .m-section-hd{
  -webkit-box-pack:start; -webkit-justify-content:flex-start; justify-content:flex-start;
}
.m-newlist-day .m-section-hd .cnt{
  font-weight:400; font-size:12px; color:var(--m-link); margin-left:8px;
}
.foot-nav .weui-tabbar__item{ padding:4px 0 2px; }
.foot-nav .weui-tabbar__label{
  font-size:10px; line-height:18px; height:18px;
  overflow:hidden; white-space:nowrap;
}
/* 手机首页 */
.m-home-entry{
  display:-webkit-box; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;
  margin:10px 10px 0; padding:6px 0; background:#fff; border-radius:10px;
}
.m-home-entry a{
  width:33.333%; box-sizing:border-box; padding:10px 4px; text-align:center; text-decoration:none; color:#333;
}
.m-home-entry strong{ display:block; font-size:16px; color:var(--m-link); line-height:1.2; }
.m-home-entry span{ display:block; margin-top:4px; font-size:11px; color:#888; }
.m-home-cats{
  display:-webkit-box; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap;
  gap:6px; margin:10px 10px 0; overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:2px;
}
.m-home-cats a{
  -webkit-flex:0 0 auto; flex:0 0 auto; padding:5px 12px; border-radius:14px; background:#fff;
  color:#555; font-size:12px; text-decoration:none; border:1px solid #eee;
}
.m-home-sec-tip{ margin:0 15px 6px; font-size:11px; color:#999; }
.m-home-new{ margin:0 10px 8px; }
.m-home-new__day{ margin-bottom:10px; padding:10px 10px 4px; background:#fff; border-radius:10px; min-width:0; }
.m-home-new__hd{
  display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center;
  margin-bottom:8px; text-decoration:none; color:#333;
}
.m-home-new__hd b{ font-size:15px; }
.m-home-new__hd em{ margin-left:8px; font-style:normal; font-size:12px; color:var(--m-link); -webkit-box-flex:1; -webkit-flex:1; flex:1; }
.m-home-new__hd span{ font-size:12px; color:#999; }
.m-home-hot{ margin:0 10px 12px; padding:4px 10px; background:#fff; border-radius:10px; }
.m-home-hot__item{
  display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center;
  gap:10px; padding:10px 0; border-bottom:1px solid #f2efea; text-decoration:none; color:#333;
}
.m-home-hot__item:last-child{ border-bottom:0; }
.m-home-hot__item i{
  width:20px; text-align:center; font-style:normal; font-size:14px; color:#999; font-weight:700;
}
.m-home-hot__item i.top{ color:var(--m-link); }
.m-home-hot__item img{ width:48px; height:64px; object-fit:cover; border-radius:4px; background:#f3f1ee; }
.m-home-hot__item .txt{ min-width:0; -webkit-box-flex:1; -webkit-flex:1; flex:1; }
.m-home-hot__item h3{
  margin:0 0 4px; font-size:14px; font-weight:600; line-height:1.35;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.m-home-hot__item p{ margin:0; font-size:12px; color:#999; }
.m-home-news{ margin:0 10px 16px; padding:4px 12px; background:#fff; border-radius:10px; }
.m-home-news a{
  display:-webkit-box; display:-webkit-flex; display:flex; gap:10px; padding:11px 0;
  border-bottom:1px solid #f2efea; text-decoration:none; color:#333; font-size:13px; line-height:1.4;
}
.m-home-news a:last-child{ border-bottom:0; }
.m-home-news span{ -webkit-flex:0 0 auto; flex:0 0 auto; color:#999; font-size:12px; }
.m-home-news b{ font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* 详情上一本/下一本 */
.m-reader-pn{
  display:-webkit-box; display:-webkit-flex; display:flex; gap:8px;
  margin:4px 12px 12px;
}
.m-reader-pn__item{
  -webkit-box-flex:1; -webkit-flex:1; flex:1; min-width:0;
  display:block; padding:8px 10px; background:#fff; border-radius:8px;
  text-decoration:none; color:#333; box-sizing:border-box;
}
.m-reader-pn__item.empty{ color:#999; }
.m-reader-pn__item .lab{ display:block; font-size:11px; color:#999; margin-bottom:4px; }
.m-reader-pn__item .name{
  display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-size:13px; line-height:1.35; font-weight:600;
}

/* ===== 色板语义补丁：重点数字用红 ===== */
.m-reader-tip em{ color:var(--m-accent) !important; }
.m-reader-page figcaption b{ color:var(--m-accent) !important; }
.m-cover-card .meta e{ color:var(--m-accent) !important; }
.m-list-more .tip-err{ color:var(--m-accent) !important; }
.m-section-meta em{ color:var(--m-accent) !important; }
.m-auth-msg .hl,.m-auth-msg.ok h2{ color:var(--m-accent) !important; }
.m-vip-price-item em,.m-vip-price-item strong{ color:var(--m-accent) !important; }
.m-vip-tip.warn{ color:var(--m-accent) !important; background:var(--m-accent-bg) !important; }
.m-recharge-gift{ color:var(--m-accent) !important; }
.m-brand-hero .meta strong{ color:var(--m-accent) !important; }
.m-newlist-intro strong,.m-newlist-dates .d3 em,.m-newlist-day .m-section-hd .cnt{ color:var(--m-accent) !important; }
.m-home-entry strong,.m-home-new__hd em,.m-home-hot__item i.top{ color:var(--m-accent) !important; }
.m-reader-note{ background:var(--m-accent-bg) !important; color:var(--m-accent) !important; }
.m-auth-field .m-auth-tip{ background:var(--m-accent-bg) !important; color:var(--m-accent) !important; }

/* 底栏选中：与顶栏链接同蓝 */
.foot-nav .weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
.foot-nav .weui-tabbar__item.weui-bar__item_on i,
.foot-nav .weui-tabbar__item.weui-bar__item_on .weui-tabbar__label,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{
  color:var(--m-link) !important;
}

/* 电脑端浏览手机站：限制宽度居中，两侧灰边（改 --m-pc-max 即可调宽） */
:root{ --m-pc-max:430px; }
@media screen and (min-width:540px){
  html{ background:#e8e8e8; }
  body{
    max-width:var(--m-pc-max);
    margin-left:auto;
    margin-right:auto;
    background:#f5f5f5;
    box-shadow:0 0 28px rgba(0,0,0,.1);
  }
  /* fixed 相对视口，需单独对齐到中间栏 */
  .foot-nav .weui-tabbar,
  .m-reader-bar,
  .goods-btn-box .wrap-box,
  .dialog-wrap{
    left:50% !important;
    right:auto !important;
    width:var(--m-pc-max) !important;
    max-width:100%;
    margin-left:calc(var(--m-pc-max) / -2);
  }
  .m-back-top{
    right:calc((100vw - var(--m-pc-max)) / 2 + 12px) !important;
  }
}