@charset "utf-8";
/*----- 通用 -----*/
*{padding:0px;margin:0px;cursor:pointer;-webkit-tap-highlight-color: transparent;}
body{font-family:Tahoma,Arial,sans-serif,Roboto, "Microsoft YaHei","Segoe UI";background:#eff4f8;min-height:100vh;max-width:480px;margin:0 auto;width:100%; font-size:14px;}
html::-webkit-scrollbar,textarea::-webkit-scrollbar {display: none;}
html,textarea{-ms-overflow-style: none;  /* IE and Edge */scrollbar-width: none; }
html,body {touch-action: pan-y; /* 全局只允许垂直手势，禁止浏览器默认左右拖拽 */}
a,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0px;padding:0px;}
table{border-collapse:collapse;}

img {border: 0;vertical-align: middle;max-width: 100%;height: auto;}
.img-mask-wrap {position: relative;display: block;}
.img-mask-layer {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }

.avatar {display: block;overflow: hidden}
.avatar img {border-radius: 100%;}
ol,ul,li{list-style:none}
a{text-decoration:none;}
.clear{clear:both;width:0px;height:0px;overflow:hidden;}
/* 允许横向滚动的块，给div加上 class="scroll-x-box" */
.scroll-x-box {overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none; /* firefox */-ms-overflow-style: none; /* IE */}
.scroll-x-box::-webkit-scrollbar {display: none; /* webkit内核：微信、safari、chrome隐藏滚动条轨道 */}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
/* 下拉刷新头部提示区域 */
.pull-refresh-header{height:0;overflow:hidden;text-align:center;line-height:60px;color:#666;transition: height 0.2s; }
.pull-refresh-header span{ }
.pull-refresh-header.show{height:40px;}

.m10{ margin:10px;}
.p10{ padding:10px;}.p20{ padding:20px;}.p30{ padding:30px;}

.mt10{ margin-top:10px; clear:both;}
.mt15{ margin-top:15px; clear:both;}
.mt20{ margin-top:20px;clear:both;}
.mt30{ margin-top:30px;clear:both;}
.mt40{ margin-top:40px;clear:both;}
.mt50{ margin-top:50px;clear:both;}

.mr5{ margin-right:5px; clear:both;}
.mr10{ margin-right:10px; clear:both;}
.mr15{ margin-right:15px;clear:both; }
.mr20{ margin-right:20px;clear:both; }

.mb10{ margin-bottom:10px; clear:both;}
.mb15{ margin-bottom:15px; clear:both;}
.mb20{ margin-bottom:20px;clear:both; }
.mb30{ margin-bottom:30px;clear:both; }

.ml10{ margin-left:10px; clear:both;}
.ml15{ margin-left:15px;clear:both; }
.ml20{ margin-left:20px;clear:both; }
.ml30{ margin-left:30px;clear:both; }

.pt10{ padding-top:10px; clear:both;}
.pt15{ padding-top:15px; clear:both;}
.pt20{ padding-top:20px; clear:both;}
/*----- 图标颜色 -----*/
.icon-002,.icon-honor{color: #ff8300; }/* VIP */
.icon-wechat,.icon-wechat-1{color: #07C160;; }/* wechat */
.icon-douyin,.icon-douyin-1{color: #333;; }/* douyin */

/*----- 配色 -----*/
.ys-bai{ color:#FFF}
.ys-hei{ color:#000}
.ys-hui{ color:#ccc}
.ys-cheng{ color:#FF6600}
.ys-qing{ color:#66cccc}
.ys-lan{ color:#0078d7;}
.ys-lv{ color:#07c160}

.btn-bg-main{ background:#7dc5ca; }
.btn-bg-lv{ background:#07c160; }
.btn-bg-hui{ background:#ddd; }
.btn-bg-hei{ background:#000; }
.btn-bg-lan{ background:#0078d7; }
/*----- 通用END -----*/

.cat-page-bg { position:fixed;background-color:#7dc5ca;left: 0;right: 0;overflow: hidden;padding-top: 100vw; z-index:-999;}
.cat-page-bg::after {content: "";display: block;position: absolute;left: 0px;right: 0px;bottom: 0px;top: 50%;background: linear-gradient(0deg, rgb(243, 245, 247), rgba(0, 0, 0, 0));}
/*公告*/
.logo-icon{ height:14px; width:auto; margin-right:3px; margin-bottom:5px;}
.gonggao {height:30px;line-height: 30px;border-radius: 20px;padding: 0 8px 0 12px;color: #6a6a6a;font-weight: normal;white-space: nowrap;overflow: hidden;display: flex;align-items: center;gap:5px;
  background: rgba(255,255,255,0.58);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;}
.gonggao_tip {display: flex;align-items: center;gap: 1px;color:#FF6600;white-space: nowrap;flex-shrink: 0;}
.gonggao_tip h1 {margin: 0;font-weight: normal;font-size: inherit;}
.gonggao_tip h1 a{color:#FF6600;}
.gonggao_tip .ico {color: #ff6600;margin-right: 2px;}
.gonggao .gonggao_title{flex: 1;overflow: hidden;}
.slide-up {position: relative;height:24px;width:100%;}
.slide-up li {position: absolute;top:0;left:0;width:100%;height:24px;line-height:24px;opacity:0;visibility:hidden;pointer-events:none; /* 🔑不可见时禁止接收点击事件！ */transition: all 0.3s;margin:0;padding:0;}
.slide-up li.active {opacity:1;visibility:visible;pointer-events:auto; /* 🔑active才允许点击 */}
.slide-up li a{color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block; width:100%;}
.slide-up li a .title_color {display: block;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}/* 省略号也变色 */

.main {margin:10px; }




/*----- 浮动底部导航 -----*/
.foot {width:100%; max-width:480px;position:fixed;bottom:0;z-index:888;color:#fff;overflow:hidden;background-color: rgba(0, 0, 0, 0.8);text-align: center;overflow: hidden;transform: translateY(0);transition: transform 0.3s ease-out;will-change: transform;display: flex; flex-wrap: wrap;align-items: stretch;}
.foot > * {
    flex: 1;
    min-width: 20px; /* 根据业务修改最小宽度 */
}
.foot.hidden {transform: translateY(100%);}
.foot a {float:left;text-align:center;height:54px;line-height:54px;overflow:hidden;position:relative;}
.foot a span {display:block;overflow:hidden;color:#7dc5ca;}
.foot a span.foot-ico {height:24px;line-height:24px;overflow:hidden;margin-top:4px;}
.foot a span.foot-ico em {display:block;margin:2px auto 0;width:24px;height:24px;line-height:24px;position:relative;background:no-repeat 0 0; }
.foot a span.foot-ico em.ma {background-image:url(home.svg);}
.foot a span.foot-ico em.mb {background-image:url(forum.svg)}
.foot a span.foot-ico em.md {background-image:url(explore.svg)}
.foot a span.foot-ico em.me {background-image:url(space.svg)}
.foot a span.foot-ico em.mf {background-image:url(space.svg)}
.foot a span.foot-ico em i.ico_msg {position:absolute;background:var(--dz-BG-2);width:7px;height:7px;display:block;top:-1px;right:-1px;z-index:510;border:1px solid var(--dz-BG-0);border-radius:50%}
.foot a span.foot-txt {height:22px;line-height:22px;font-size:12px;color:#7dc5ca;}
.foot a.mon span {color:#ff6600}
.foot a.mon span.foot-txt {color:#ff6600}
.foot a.mon span.foot-ico em {background-position:100% 0;}
.foot a.foot-post span.foot-ico {height:44px;line-height:44px;margin-top:5px;}
.foot a.foot-post span.foot-ico em {width:38px;height:38px;line-height:38px}
.foot a.foot-post span.foot-ico em.mc {background:url(plus_btn.svg) no-repeat;background-size:auto 38px}
.foot a.foot-post span.foot-txt {display:none}
.ft_height {height:80px; display:block}


.copyright {text-align: center;font-size: 12px;line-height: 25px;position: relative;color:#666}
.copyright a {color: inherit;margin: 0 5px;white-space: nowrap; color:#666}