@charset "utf-8";
/*-------------------
*Description:      By www.yiwuku.com
*Website:          https://app.zblogcn.com/?id=39457
*Author:           尔今 erx@qq.com
*update:           2023-06-10(Last:2024-03-19)
-------------------*/
/* -- erx:Global -- */
*{margin:0;padding:0;box-sizing:border-box}
i, em{font-style:normal;}
ul{list-style:none;}
img{border:0;max-width:100%;}
input, textarea, button{outline:none;vertical-align:middle;}
button{border:0;cursor:pointer;}
body{color:#fff;font-size:14px;font-family:"Microsoft YaHei",Tahoma,Helvetica,Arial;background:#333 url(../img/bg.jpg) 50% 0 no-repeat;overflow-x:hidden;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);background-size:cover;background-attachment:fixed;}
a{color:#fff;text-decoration:none;transition:all .3s linear;outline:none;}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}
.pulll_left{float:left;}
.pulll_right{float:right;}
@font-face{font-family:dsdigit;src:url(ds-digit.ttf);}
/* -- erx:ScrollBar -- */
::-webkit-scrollbar{width:5px;height:5px;position:absolute}
::-webkit-scrollbar-thumb{background-color:#5bc0de}
::-webkit-scrollbar-track{background-color:#ddd}
/* -- erx:Main -- */
.loading{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;color:#324e93;font-size:14px;z-index:9999;width:100%;height:100%;background:rgba(26,26,28,.8);text-align:center;backdrop-filter:blur(8px);}
.loadbox img{margin:10px auto;display:block;width:40px;}
.head{height:1.05rem;background:url(../img/head_bg.png) no-repeat center center;background-size:100% 100%;position:relative}
.head h1{color:#fff;text-align:center;font-size:.42rem;line-height:.75rem;}
.head h1 a{color:#6BDAFF;}
.toprt{position:absolute;right:.3rem;top:0;line-height:.75rem;}
.toprt a{color:#fff;margin-right:.5em;opacity:.5;}
.toprt span{color:rgba(255,255,255,.7);padding-right:.1rem;font-family:Tahoma,Helvetica;}
.lastime{opacity:.5;}
.mainbox{padding:.4rem .4rem 0;}
.mainbox>ul{margin-left:-.4rem;margin-right:-.4rem;}
.mainbox>ul>li{float:left;padding:0 .4rem}
.mainbox>ul>li{width:30%}
.mainbox>ul>li:nth-child(2){width:40%}
.boxall{border:1px solid rgba(25,186,139,.17);padding:0 .3rem .15rem .3rem;background:rgba(255,255,255,.04) url(../img/line.png);background-size:100% auto;position:relative;margin-bottom:.3rem;z-index:10;overflow:hidden;}
.boxall:before,.boxall:after{position:absolute;width:.1rem;height:.1rem;content:"";border-top:2px solid #02a6b5;top:0;}
.boxall:before,.boxfoot:before{border-left:2px solid #02a6b5;left:0;}
.boxall:after,.boxfoot:after{border-right:2px solid #02a6b5;right:0;}
.alltitle{font-size:.24rem;color:#fff;text-align:center;line-height:.6rem;border-bottom:1px solid rgba(255,255,255,.2)}
.boxfoot{position:absolute;bottom:0;width:100%;left:0;}
.boxfoot:before,.boxfoot:after{position:absolute;width:.1rem;height:.1rem;content:"";border-bottom:2px solid #02a6b5;bottom:0;}
.bar{background:rgba(101,132,226,.1);padding:.15rem;}
.barbox li,.barbox2 li{width:45%;text-align:center;position:relative;}
.barbox li:nth-child(1),.barbox2 li:nth-child(1){width:55%;}
.barbox:before,.barbox:after{position:absolute;width:.3rem;height:.1rem;content:"";}
.barbox:before{border-left:2px solid #02a6b5;left:0;border-top:2px solid #02a6b5;}
.barbox:after{border-right:2px solid #02a6b5;right:0;bottom:0;border-bottom:2px solid #02a6b5;}
.barbox li:first-child:before{position:absolute;content:"";height:50%;width:1px;background:rgba(255,255,255,.2);right:0;top:25%;}
.barbox{border:1px solid rgba(25,186,139,.17);position:relative;}
.barbox li{font-size:.6rem;color:#ffeb7b;padding:.08rem 0;font-family:dsdigit,"Helvetica Neue",Helvetica,Arial,"sans-serif";font-weight:bold;}
.barbox2 li{font-size:.19rem;color:#637c9f;padding-top:.1rem;}
.notice{margin:6px 0;color:#898989;}
.map{position:relative;height:7.2rem;z-index:9;overflow:hidden;}
.map4{width:200%;height:7rem;position:relative;left:-50%;top:4%;margin-top:.2rem;z-index:5;pointer-events:none;}
.map1,.map2,.map3{position:absolute;pointer-events:none;}
.map1{width:6.43rem;z-index:2;top:.45rem;left:.4rem;animation:myfirst2 15s infinite linear;}
.map2{width:5.66rem;top:.85rem;left:.77rem;z-index:3;opacity:0.2;animation:myfirst 10s infinite linear;}
.map3{width:5.18rem;top:1.07rem;left:1.13rem;z-index:1;pointer-events:inherit;}
.canvas-progress{float:left;width:33%;margin-top:.2rem;text-align:center;}
.canvas-progress::after{display:block;content:"erx";width:100%;margin-top:.05rem;color:#fff;opacity:.7;font-size:.16rem;}
#echarts1::after{content:"今年已过"}
#echarts2::after{content:"本月已过"}
#echarts3::after{content:"当前时间"}
#echarts4::after{content:"首页打开耗时"}
#echarts5::after{content:"首页请求数"}
#echarts6::after{content:"首页占用内存"}
.tabs ul{display:flex;justify-content:center;padding:.1rem 0 0;}
.tabs li{position:relative;color:#898989;padding:.06rem 0;cursor:pointer;}
.tabs li:not(:last-child)::after{content:'';display:inline-block;width:1px;height:10px;background-color:rgba(255,255,255,.2);margin:0 15px;}
.tabs li.cu{color:#fff;}
.tabs li.cu::before{content:'';position:absolute;left:1.65em;bottom:-9px;width:0;height:0;border:6px transparent solid;border-top-color:rgba(255,255,255,.2);}
.addnew{margin-top:.35rem;}
.tit02{text-align:center;margin:.1rem 0;position:relative}
.tit02 span{border:1px solid rgba(25,186,139,.17);letter-spacing:2px;padding:.01rem .2rem;background:rgba(255,255,255,.05);font-size:.18rem;color:#49bcf7;}
.tit02:before,.tit02:after{position:absolute;width:30%;height:1px;background:rgba(25,186,139,.2);content:"";top:.12rem;}
.tit02:after{right:0;}
.tit02:before{left:0;}
.wrap{height:2.54rem;overflow:hidden;}
.wrap li{line-height:.42rem;height:.42rem;font-size:.18rem;text-indent:.24rem;margin-bottom:.1rem;}
.wrap li p{border:1px solid rgba(25,186,139,.17);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;opacity:.6;}
.hotarea{height:1.5rem;overflow:hidden;}
.hotarea li{height:.5rem;}
.hotarea img{width:.35rem;border-radius:.5rem;margin-right:.1rem;display:inline-block;vertical-align:middle;}
.hotarea span{max-width:78%;line-height:.5rem;font-size:.18rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;opacity:.6;}
.hotarea span:last-child{max-width:20%;}
.sycm ul{margin-left:-.5rem;margin-right:-.5rem;padding:.16rem 0;}
.sycm .vline{border-bottom: 1px solid rgba(255,255,255,.1)}
.sycm li{float:left;width:33.33%;text-align:center;position:relative}
.sycm li:before{position:absolute;content:"";height:30%;width:1px;background:rgba(255,255,255,.1);right:0;top:15%;}
.sycm li:last-child:before{width:0;}
.sycm li h2{font-size:.3rem;color:#c5ccff;}
.sycm li span{font-size:.18rem;color:#fff;opacity:.5;}
.m-count #echarts4::after{content:"到访本站次数"}
.m-count #echarts5::after{content:"浏览网页数"}
.m-count #echarts6::after{content:"当前在线人数"}
.r-echarts{position:relative;}
.load-tips{position:absolute;bottom:0;left:0;width:100%;height:95%;display:none;color:#49bcf7;font-size:12px;backdrop-filter:blur(5px);}
.load-tips.erxshow{display:flex;justify-content:center;align-items:center;}

#tagscloud{position:relative;width:100%;height:2.2rem;text-align:center;font-size:12px;overflow:hidden;}
#tagscloud a{position:absolute;top:0;left:0;font-family:Arial;margin:0 10px 15px 0;line-height:24px;padding:0 8px;white-space:nowrap;display:inline-block;border-radius:5px;}
#tagscloud a:hover{font-size:1.1em;}
#tagscloud .tagc1{background:rgba(0, 0, 0, .6);}
#tagscloud .tagc2, #tagscloud .tagc4{background:rgba(255, 127, 0, .6);}
#tagscloud .tagc5{background:rgba(73, 125, 164, .6);}
#homepage{position:absolute;top:-9999em;left:-9999em;opacity:0;}
@keyframes myfirst2{from{transform:rotate(0deg);}
to{transform:rotate(359deg);}
}
@keyframes myfirst{from{transform:rotate(0deg);}
to{transform:rotate(-359deg);}
}
/* -- erx:Responsive -- */
@media screen and (max-width:720px) {
    .toprt, .map{display:none;}
    .mainbox>ul>li, .mainbox>ul>li:nth-child(2){float:none;width:100%;}
}