/*系统级元素样式*/

/*响应布局-字体大小，CSS新特性实测不支持，已写在JS文件动态调整*/


/*全局配色，虽然报错但能正常使用*/
:root{--color_a:#007d40;--color_b:#29ad6d;--color_c:#66cb9a;--color_d:#beebd9;--color_e:#e5f3e6;} 


/*默认元素*/
body{margin:0;background-color:#f8f8f8;min-width:360px;position:relative;min-height:100vh;padding-bottom:100px;}
div{box-sizing:border-box;}
p{margin-block-start:0;margin-block-end:0;}
a{text-decoration:none;color:#444;}
ul{margin-block-start:0;margin-block-end:0;padding-inline-start:0px;}
li{list-style-type:none;}
form{margin-block-end:0;}

/*图标样式*/
.al,.als{font-size:inherit;}

/*自定义类样式*/
.txt2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;} /*文本2行超出隐藏*/
.txt1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;} /*文本1行超出隐藏*/
.bigimg{position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);width:80% !important;max-width:800px !important;max-height:800px !important;box-shadow:0px 0px 5px #888;}/*弹出式大图片*/


/*动画图标 旋转、缩放、跳动*/
.al-xzmov{animation:al-xzmov 1s linear infinite;display:inline-block;}
@keyframes al-xzmov{0%{transform:rotate(0deg);}50%{transform:rotate(180deg);}100%{transform:rotate(360deg);}}
.al-sfmov{animation:al-sfmov 0.5s linear infinite;display:inline-block;}
@keyframes al-sfmov{0%{transform:scale(1);}50%{transform:scale(0.95);}100%{transform:scale(1);}}
.al-tdmov{animation:al-tdmov 0.7s infinite;display:inline-block;}
@keyframes al-tdmov{0%{transform:translateY(0px);}50%{transform:translateY(-2px);}100%{transform:translateY(0px);}}


/*立体按钮样式*/
.btn{border-radius:3px;letter-spacing:.2em;color:#fff;display:inline-block;line-height:2.4em;padding:0px 1.2em;box-shadow:1px 1px 2px #666;cursor:pointer;position:relative;}
.btn::before{content:"";position:absolute;border-top:1px solid rgba(255, 255, 255, 0.8);top:2px;left:2%;width:96%;}
.btn::after{content:"";position:absolute;bottom:0px;left:0;width:100%;height:1.2em;background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));}
.btn:hover{top:-1px;}
/*无框按钮*/
.abtn{color:#21a675;background: linear-gradient(#fff, #d5ffed, #fff);}
.abtn:hover{color:#20dd6c;}
/*小按钮*/
.minbtn{color:#fff;background:#44cef6;line-height:20px;display:inline-block;padding:0 8px;border-radius:2px;}
.minbtn:hover{background:#7cddf9;}


/*弹窗样式*/
.popupbox{display:none;position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);width:75%;max-width:240px;text-align:center;background:#00000088;border-radius:10px;padding:40px 10px;z-index:99996;}
.popupbox i{font-size:50px;z-index:99998;position:relative;display:none;color:#70f3ff;}
.popupbox span{display:block;margin-top:20px;z-index:99998;position:relative;letter-spacing:.2em;color:#fff;}


/*响应布局*/
@media screen and (max-width: 859px){.right-box{display:none;}} /*宽度小于860时隐藏右边栏*/
@media screen and (max-width: 639px){.left-box{display:none;}} /*宽度小于640时隐藏左边了*/


/*PC端顶部*/
.header-top{background:#fff;margin-bottom:1px;}
.top-box{width:100%;max-width:1024px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:8px;}
.top-logo img{height:40px;margin:4px 0;} /*站点LOGO*/
/*加群按钮*/
.top-qorc{flex-grow:0;flex-shrink:0;}
.top-qorc i{font-size:48px;}


/*移动端顶部样式 在宽度小于640时显示*/
@media screen and (max-width:640px){
.top-box{padding:4px;}
.top-logo img{height:24px;}
.top-qorc i{font-size:28px;}
}


/*左侧导航样式*/
.left-box{width:160px;margin-right:4px;flex-shrink:0;}
.ber-box{background:#fff;border:1px solid #eee;}
.ber-txt{background:#e0eee8;color:#75878a;padding:7px 10px;}
.ber-box nav{margin-top:5px;font-family:alpht;}
.ber-box nav>tit{padding:5px;color:#444;letter-spacing:2px;text-shadow: 1px 1px 2px #999;}
.ber-box nav>ul{padding:0 10px 10px 15px;font-size:15px;}
.ber-box nav>ul>li{padding:4px;margin:4px 0;cursor:pointer;}
.ber-box nav>ul>li>i{color:#9cd;}


/*底部样式-版权声明*/
footer{position: absolute;bottom:50px;width:100%;}
.footer{width:100%;max-width:1024px;margin:1px auto;text-align:center;font-size:12px;color:#ccc;padding:10px;}


/*移动端底部导航样式*/
@media screen and (min-width:640px){.btmnav{display:none;}} /*在宽度大于640时隐藏*/
.btmnav{position:fixed;bottom:0;width:100%;background:#fff;z-index:999;box-shadow:0px -1px 2px #eee;}
.btmnav>ul{display:flex;}
.btmnav>ul>li{width:calc(25% - 2px);margin:1px;text-align:center;position:relative;padding:10px 0 2px 0;}
.btmnav>ul>li>i{display:block;font-size:24px;margin-bottom:5px;color:#888;}
.btmnav>ul>li>span{font-size:14px;color:#888;font-family:alpht;}
.btmnav>ul>li>ul{display:none;position:absolute;bottom:54px;left:-20px;width:calc(100% + 40px);background:#ddd;box-shadow:0px -2px 3px #ccc;}
.btmnav>ul>li:nth-of-type(1)>ul{left:0;}
.btmnav>ul>li:nth-of-type(5)>ul{left:-40;}
.btmnav>ul>li>ul>li{background:#fff;text-align:left;padding:12px 10px;margin-top:1px;font-size:15px;color:#444;}

/*页面图标标题+浏览量样式*/
.titpic{position:relative;}
.titpic span{position:absolute;top:0;right:0;background:#00000033;color:#fff;padding:2px 10px;border-radius:0 0 0 8px;}

/*分类筛选样式*/
.navsift{background:#fff;display:flex;flex-wrap:wrap;padding:2px 5px;margin:2px 0;font-family:alpht;font-size:15px;}
.navsift li{color:#888;padding:0 4px;margin:1px;cursor:pointer;line-height:1.5em;}
.navsift li.sel{color:#f00056;background:#fcefe8;border-radius:2px;} /*选中的样式*/

/*排序样式*/
.navspaixu{display:flex;border-bottom:1px solid var(--color_b);font-family:alpht;background:#fff;padding-top:4px;font-size:15px;}
.navspaixu li{padding:6px 8px;background:#eee;margin-right:1px;border-radius:3px 3px 0 0;color:var(--color_b);text-shadow:1px 0px 1px var(--color_b);font-size:16px;cursor: pointer;}
.navspaixu li.sel{color:#fff;background:var(--color_b);}

/*群线报列表样式*/
/*<li class="grumsg-box"><aside class="grumsg-head">可选附加内容</aside><section class="grumsg-cont"><div>线报内容</div><img onclick="bigimg(this)" onerror="imgerr(this)" src="图片地址"></section><aside class="grumsg-head"><span>时间</span><span class="copymsg" onclick="copymsg(this)" data-msg="url编码后的内容"><i class="fa-duotone fa-solid fa-paper-plane"></i> 分享</span></aside></li>*/
.grumsg-box{margin:3px 0;border-top:1px solid #ddd;background:#fff;padding:5px 10px;color:#444;box-shadow:0px 1px 2px #ccc;}
.grumsg-head{display:flex;justify-content:space-between;color:#ddd;font-size:13px;}
.copymsg{cursor:pointer;color:#e3c29e;}
.grumsg-cont{display:flex;justify-content:space-between;margin:5px 0;font-size:15px;overflow:hidden;align-items:center;}
.grumsg-cont div{flex-grow:1;margin-right:10px;text-shadow:0px 0px 1px #888;}
.grumsg-cont img{max-width:120px;max-height:120px;flex-shrink:0;border-radius:15px;}
.grumsg-cont a{margin:4px 0;display:inline-block;color:#03A9F4;}

/*爆料列表样式*/
/*<li class="baoliao_box"><a class="baoliao_pic" rel="nofollow" target="_blank"  href="页面地址"><img src="图片地址"></a><div class="baoliao_cont"><a rel="nofollow" target="_blank" href="页面地址"><div class="baoliao_title txt1">主标题</div><div class="baoliao_subtitle txt1">副标题</div></a><div class="baoliao_info txt1">内容</div><div class="baoliao_other"><span class="baoliao0_time"><i class="fa-duotone fa-solid fa-calendar-lines-pen"></i> 时间</span><a class="abtn" rel="nofollow" target="_blank" href="链接"><i class="fa-duotone fa-right-from-bracket"></i> 直达链接</a></div></div></li>*/
.baoliao_box{margin:2px 0;padding:8px;border-top:1px solid #eee;background:#fff;color:#444;display:flex;}
.baoliao_pic{width:6.4em;margin-right:8px;flex-shrink:0;}
.baoliao_pic img{width:100%;border-radius:8px;}
.baoliao_cont{flex-grow:1;line-height:1.6em;position:relative;}
.baoliao_cont>a{line-height:1.4em;font-size:1.1em;}
.baoliao_title{text-shadow:0px 0px 1px #888;font-family:alpht;}
.baoliao_subtitle{color:#ef7a82;text-shadow:0px 0px 1px #ef7a82;font-family:alpht;}
.baoliao_info{color:#ccc;font-size:12px;}
.baoliao_other{font-size:13px;color:#aaa;display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:0px;width:100%;}
.baoliao_other i{color:#d3b17d;}



/*主内容为空的样式*/
/*<div class="cont_kong"><img src="http://img.bc.haodanku.com/haodanku/1596426921"><p>抱歉!没有找到爆料</p><span>请更换筛选条件试试</span></div>*/
.cont_kong{padding:10px;text-align:center;color:#888;font-size:15px;letter-spacing:1px;color:#d3b17d;border:1px solid #eee;}
.cont_kong img{width:160px;margin:10px auto;}