body{min-width:1300px;background:#f2f5f9;font-size:14px}
.container{margin:0 auto;width:1300px}
.fl,.left{float:left}
.flga,.left{float:left}
.fr,.right{float:right}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background-color:transparent}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
::-webkit-scrollbar-thumb{background-color:#0093ff;background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent)}
@keyframes searchLights{0%{top:0;left:-200%}
to{top:100px;left:100%}
}
header{position:fixed;top:0;right:0;left:0;z-index:10000;width:100%;height:70px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
header,header .logo{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
header .logo{width:136px;padding:17px 0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
header .logo img{width:100%}
header .logo a{animation:shine .1s infinite linear;position:relative;overflow:hidden;display:block;background: url(/skin/image/logo.png) center;width: 100%;height: 40px;background-size: 100% 100%;}
body.night header .logo a{background: url(/skin/image/logo2.png) center;background-size: 100% 100%;}
header .logo a:before{content:"";position:absolute;left:-200%;width:200%;height:20px;background-image:linear-gradient(0,transparent 20%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 80%);background-color:rgba(255,255,255,.62);transform:rotate(-60deg);animation:searchLights 2s ease-in 2s infinite;z-index:3;pointer-events:none}
header .menu{display:none;-webkit-transition:all .3s;transition:all .3s}
header .layui-nav .layui-nav-item a{color:#666}
header .layui-nav .layui-nav-item a:hover,header .layui-nav .layui-this a{color:#007bf5}
header nav{padding:0 0 0 100px}
header nav ul li{line-height:70px!important}
header nav ul li i{margin-right:5px}
header .layui-nav .layui-nav-item:after{background-color:#007bf5;border-radius:10px}
header .layui-nav-bar{display:none}
header nav ul li:nth-child(2) i{color:#ee6565}
body.night header nav ul li:nth-child(2) i{color:#adadad}
header nav ul li:nth-child(3) i{color:#696971}
header nav ul li:nth-child(4) i{color:#7ac143}
header nav ul li:nth-child(5) i{color:#ff4800}
header nav ul li:nth-child(6) i{color:#5a0fff}
header nav ul li:nth-child(7) i{color:#6f6f6f}
header nav ul li:nth-child(8) i{color:#ff9e0f}
header nav ul li:nth-child(9) i{color:#0a85f2}
header .layui-nav .layui-nav-item a{color:#666}
header .layui-nav .layui-this a{color:#007bf5}
header .layui-nav .layui-nav-item a:hover{color:#007bf5}
header nav{padding:0 0 0 50px}
header nav ul li{line-height:70px!important}
header .layui-nav{background:0 0;color:#666}
header .layui-nav .layui-this:after{width:30%;margin:0 35%}
header .layui-nav .layui-nav-item:after{background-color:#007bf5;border-radius:10px}
header .layui-nav-bar{display:none}
header.su nav ul li{line-height:50px!important}
header.su{height:50px;background: rgb(255 255 255/80%);box-shadow: 0 0 6px rgba(0,0,0,.1);}
header.su,header.su .logo{-webkit-transition:all .3s;transition:all .3s}
header.su .logo{padding:6px 0;width:110px}
header.su .menu,header.su .night-open,header.su .search-open,header.su .user-open{line-height:50px;-webkit-transition:all .3s;transition:all .3s}
header .login-open{line-height:70px;-webkit-transition:all .3s;transition:all .3s}
header .login-open a{color:#333}
header .night-open,header .search-open,header .user-open{position:relative;margin-left:10px;width:30px;color:#333;text-align:center;line-height:70px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
header .user-open .tx{width:25px;height:25px;border-radius:50%;border:1px solid #f6f6f6;padding:2px;transition:all .3s}
header .user-open .tx.hover{border:1px solid #007bf5}
header .user-open .user-open-box{padding-top:14px;position:absolute;z-index:100001;right:-20px;top:60px;-webkit-transition:all .3s;line-height:20px}
header.su .user-open .user-open-box{top:40px}
@keyframes pop-in{0%{transform:scale(.1,.1);opacity:.1}
80%{transform:scale(1.1,1.1)}
100%{transform:scale(1,1);opacity:1}
}
header .user-open .user-open-info i{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:14px solid #fff;position:absolute;top:-13px;right:27px;z-index:1}
header .user-open .user-open-info.hover{display:block;animation:pop-in;transform-origin:50% top;animation-duration:.15s;animation-fill-mode:both;animation-timing-function:ease-out}
header .user-open .user-open-info{width:245px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);border-radius:7px;padding:20px 25px;display:none;text-align:left;animation:pop-in;transform-origin:50% top;animation-duration:.15s;animation-fill-mode:both;animation-timing-function:ease-out}
header .user-open .user-open-info .user-open-name{width:100%;overflow:hidden;line-height:20px}
header .user-open .user-open-info .user-open-name .face{width:40px;height:40px;border-radius:50px}
header .user-open .user-open-info .user-open-name .xm{text-align:left;margin-left:10px}
header .user-open .user-open-info .user-open-name .xm em{font-style:inherit;font-size:12px;color:#888}
header .user-open .user-open-info .user-open-name .logined_btn a{display:block;color:#888;font-size:12px;margin:0;height:auto}
header .user-open .user-open-info .user-open-ul{height:auto;text-overflow:clip;white-space:inherit;overflow:hidden;border-top:1px solid #f6f6f6;padding:5px 0 0;color:#adadad;margin-top:15px}
header .user-open .user-open-info .user-open-ul li{width:23%;float:left;margin-right:2.6%}
header .user-open .user-open-info .user-open-ul li:last-child{margin-right:0}
header .user-open .user-open-info .user-open-ul a{display:block;padding:10px 0 0;text-align:center;border-radius:5px;color:#888;font-size:12px;margin:0;height:auto;float:initial}
header .user-open .user-open-info .user-open-ul a b{display:block;font-size:20px;background:#f6f6f6;border-radius:28px;width:40px;height:40px;margin:0 auto 5px;line-height:40px;font-weight:100}
#searchBox{display:none;overflow:hidden;width:0;height:0}
#search{z-index:99;overflow:hidden;box-sizing:border-box;padding:40px;width:678px;height:230px;border-radius:4px;background-color:#fff;-webkit-user-select:none}
#search .closesearch{position:absolute;top:24px;right:24px;z-index:1;color:#b3b3b3;font-size:21px;cursor:pointer}
#search .closesearch:hover{color:#007bf5}
.searchskin .layui-layer-close{display:none}
#search .search input.txt{width:100%;height:40px;border:1px solid #f1f1f1;border-radius:5px;background:#fff;color:#5f5f5f;text-indent:30px;font-size:14px;line-height:40px}
#search .search input[type=submit]{position:absolute;top:1px;right:10px;width:30px;height:40px;border:0;background:0 0;color:#888;font-size:16px;line-height:40px;cursor:pointer}
#search h3{font-size:25px;text-align: center;}
#search .search{position:relative;margin:20px auto}
#search p{margin:35px auto 0;font-size:14px}
#search p strong{display:block;margin-bottom:11px;font-weight:500;font-size:16px}
#search p a{float:left;display:block;margin:0 5px 5px 0;padding:4px 10px;border-radius:5px;background:#f1f1f1;color:#999;font-size:14px;transition:all .3s}
#search p a:hover{background:#007bf5;color:#fff}
header .search-box.suo{top:50px;-webkit-transition:all .3s;transition:all .3s}
.title{margin-bottom:20px;font-weight:800;font-size:20px}
.index-news .title .mun{float:right;display:inline-block;padding:0 10px;border-radius:5px;background:#fff;color:#888;font-weight:400;font-size:14px;line-height:30px}
.index-news .title .mun b{font-weight:400}
.index-news .title .mun b.new{border:0;color:red}
.index-news .title .mun i{margin-right:5px}
.index-news .title .mun b:nth-child(2){margin-right:11px;padding-right:10px;border-right:1px solid #d2d2d2}
.title span{font-weight:100}
.title .more,.title span{color:#888;font-size:14px}
.title .more{padding:0 10px;border-radius:5px;background:#fff;font-weight:400;line-height:30px}
.title .more i{margin-left:10px}
footer .footer{padding:30px 0 60px;color:#888;text-align:center}
footer .footer ul li{display:inline;padding:0 5px;border-right:1px solid #d2d2d2}
footer .footer ul li:last-child{border-right:0}
footer .footer ul li a{color:#888}
.pages{display:block;margin:10px 0 0;color:#666;text-align:center;font-size:14px}
.pages li{display:inline}
.pages li a{display:inline-block;margin:15px 5px 0;padding:unset;width:30px;height:30px;border:1px solid #007bf5;border-radius:21px;color:#007bf5;line-height:30px}
.pages li a:hover{color:#1b8eff}
.pages .thisclass a{border-color:#1b8eff;background:#1b8eff;color:#fff}
.pages .thisclass a:hover{color:#fff}
.pages .no-result{padding-top:20px;min-height:200px}
.pages .no-result h2{display:block;color:#333;text-align:center;font-weight:700;font-size:22px;line-height:40px}
.pages .no-result h2 span{display:block;font-weight:400;font-size:14px}
.pages .no-result .search-box{position:relative;margin:20px auto;width:50%}
.pages .no-result .search-box input.txt{width:100%;height:40px;border:1px solid #f1f1f1;border-radius:5px;background:#fff;color:#5f5f5f;text-indent:30px;font-size:14px;line-height:40px}
.pages .no-result .search-box input[type=submit]{position:absolute;top:1px;right:10px;width:30px;height:40px;border:0;background:0 0;color:#888;font-size:16px;line-height:40px;cursor:pointer}
.right.public{width:330px}
.right.public .ad{overflow:hidden;margin-bottom:20px;width:100%;border-radius:5px;background:#fff;transition:all .3s}
.right.public .ad:hover{-webkit-box-shadow:0 34px 20px -24px rgba(0,0,0,.1);box-shadow:0 34px 20px -24px rgba(0,0,0,.1);-webkit-transform:translateY(-5px)}
.right.public .ad img{width:100%}
.right.public .cnxh,.right.public .rmrj{margin-top:20px}
.right.public .cnxh ul,.right.public .rmrj ul{padding:10px;border-radius:5px;background:#fff}
.right.public .cnxh ul li{line-height:30px}
.right.public .cnxh ul li a{position:relative;overflow:hidden;padding-left:20px;width:calc(100% - 65px);text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.right.public .cnxh ul li a:before{position:absolute;top:7px;left:5px;z-index:1;width:5px;height:2px;border-radius:5px;background:#e2e2e2;content:""}
.right.public .cnxh ul li:first-child a:before{background:#ff5722}
.right.public .cnxh ul li:nth-child(2) a:before{background:#ffdb03}
.right.public .cnxh ul li:nth-child(3) a:before{background:#1b8eff}
.right.public .rmrj li{overflow:hidden;margin:5px 0;padding-bottom:5px}
.right.public .rmrj li .img{float:left;overflow:hidden;margin-right:10px;margin-left:5px;width:40px;height:40px;border:1px solid #f1f1f1;border-radius:10px}
.right.public .rmrj li .img img{width:100%;height:100%}
.right.public .rmrj li .tit{float:left;padding-top:3px;width:calc(100% - 70px)}
.right.public .rmrj li .tit h4{overflow:hidden;margin-bottom:0;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:14px;line-height:18px}
.right.public .rmrj li .tit span{color:#999;font-size:12px;line-height:20px}
.right.public .rmrj li:last-child{padding-bottom:0;border-bottom:0}
.right.public .r-list{margin-bottom:20px;padding:15px;border-radius:5px;background:#fff}
.right.public .r-list .bar{height:35px;border-bottom:1px solid #fbfbfb}
.right.public .r-list .bar li{float:left;margin-right:20px;padding:0 5px;height:34px;font-size:16px;line-height:29px;cursor:pointer}
.right.public .r-list .bar li.sel{border-bottom:2px solid #007bf5}
.right.public .r-list .bd{display:none;margin-top:10px}
.right.public .r-list .bd.sel{display:block}
.right.public .r-list .order li{height:30px;line-height:30px}
.right.public .r-list .order li a{position:relative;overflow:hidden;width:calc(100% - 65px);text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.right.public .r-list .order li:first-child a i{background:#007bf5;color:#fff}
.right.public .r-list .order li:nth-child(2) a i{background:#389cff;color:#fff}
.right.public .r-list .order li:nth-child(3) a i{background:#87c3ff;color:#fff}
.right.public .r-list .order li:nth-child(4) a i{background:#bedfff;color:#fff}
.right.public .r-talk{padding:15px;border-radius:5px;background:#fff}
.right.public .r-talk ul li{margin-bottom:5px!important;padding:0 0 12px;padding-right:0!important;border-bottom:1px solid #f6f6f6}
.right.public .r-talk ul li:last-child{margin-bottom:0!important;padding:0;border:none}
.right.public .r-talk ul .right.public .r-talk ul .info{padding:0!important;line-height:32px}
.right.public .r-talk ul .info img{margin-right:6px;width:30px;height:30px;border:1px solid #fbfbfb;border-radius:50%}
.right.public .r-talk ul .info span:nth-child(2){color:#666;vertical-align:top;line-height:32px}
.right.public .r-talk ul .info span:last-child{float:right;color:#999;font-size:13px;line-height:32px}
.right.public .r-talk ul .excerpt{position:relative;margin-top:8px;padding:5px 10px;border-radius:5px;background:#f6f6f6;color:#666}
.right.public .r-talk ul .excerpt:before{position:absolute;top:-10px;left:10px;width:0;height:0;content:"";line-height:0;border:5px solid transparent;border-bottom-color:#f5f5f5}
.right.public .r-talk ul .excerpt p{display:-webkit-box;overflow:hidden;margin:0;text-overflow:ellipsis;white-space:normal;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.right.public .r-talk ul .excerpt p a{height:25px!important;font-size:15px!important;line-height:25px!important}
.right.public .r-talk ul .excerpt p img{width:30px}
.right.public .r-talk ul .post{overflow:hidden;margin-top:9px;color:#999;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:13px}
.right.public .r-talk ul .post a{display:inline!important;color:#999;font-size:13px!important}
.right.public .r-list .order a i{display:inline-block;margin-top:-2px;margin-right:5px;width:20px;height:20px;border-radius:5px;background:#fbfbfb;color:#696969;vertical-align:middle;text-align:center;font-style:normal;font-size:12px;line-height:20px}
.right.public .r-talk ul a{float:left;display:block;margin:5px;padding:13px 8px 9pt;border-radius:5px;background-color:#f0f0f0;color:#696969;text-align:center;font-size:9pt;transition:all .4s}
.right.public .r-talk ul a:hover{background-color:#6584ff;color:#fff}
.right .sjmh{width: 320px;background:#fff;margin: 0 auto 20px;position:relative;z-index:999;border-radius:10px;padding: 40px 25px;text-align:center;}
.right .sjmh h4{font-size:20px;font-weight:bold;}
.right .sjmh #btn{border:0;padding:5px 30px;line-height:30px;border-radius:5px;background:#007bf5;color:#fff}
.right .sjmh .search{margin: 20px auto 10px;position:relative;}
.right .sjmh .search input.txt{height:40px;width:100%;text-indent:30px;line-height:40px;border:0;border-radius:5px;color:#5f5f5f;background:#fff;border:1px solid #f1f1f1;font-size:14px}
.right .sjmh .search input[type=submit]{position:absolute;top:1px;right:10px;background:0 0;border:0;width:30px;height:40px;line-height:40px;cursor:pointer;font-size:16px;color:#888;display:none;}
.right .sjmh .xzk{margin-bottom: 20px;}
.right .sjmh .xzk .layui-form-radio>i:hover, .right .sjmhg .xzk .layui-form-radioed>i{color:#007bf5;}
.right .sjmh .xzk i{font-size:14px;}
.right .game_link{width:100%;border-radius:5px;background:#fff;padding:30px 10px 20px;box-sizing:border-box;margin-bottom:20px;}
.right .game_link li{float:left;width:25%;text-align:center;line-height:35px}
.right .game_link li img{width:58px;height:58px;overflow:hidden;border-radius:15px;display:block;margin:auto;border:1px solid #f6f6f6}
.fix-bottom{position:fixed;bottom:20px;left:50%;margin-left:280px}
.at-bottom,.fix-bottom{z-index:1000;width:370px}
.at-bottom{position:absolute;top:auto;right:0;bottom:0}
body .backtop{position:fixed;bottom:19px;left:53%;display:none;width:59px;height:50px;border-radius:9px;background:#fff;color:#333;text-align:center;font-size:21px;line-height:50px;cursor:pointer;transform:translate(625px)}
.loadding{z-index:98;margin:auto;width:57px;text-align:center;transform:translate(-50%,-50%)}
.loadding span{display:inline-block;width:8px;height:100%;border-radius:4px;background:#007bf5;-webkit-animation:load 1.04s ease infinite}
@-webkit-keyframes load{0%,to{height:10px;background:#007bf5}
50%{margin-top:-20px;height:30px;background:#7bf}
}
.loadding span:nth-child(2){-webkit-animation-delay:.13s}
.loadding span:nth-child(3){-webkit-animation-delay:.26s}
.loadding span:nth-child(4){-webkit-animation-delay:.39s}
.loadding span:nth-child(5){-webkit-animation-delay:.52s}
.google-ad{margin:10px 0;text-align:center}
@media screen and (max-width:800px){body{min-width:100%}
.container{margin:auto;width:98%}
#search,#searchBox.layui-layer-page .layui-layer-content{height:15rem}
#search{margin:auto;width:98%}
#searchBox .layui-layer{left:5%!important;margin:auto;width:90%!important;height:15rem!important}
#search p{display:none}
header .logo{float:left;margin:auto;padding:15px 5px;width:7rem}
header .logo img{display:block;margin:auto;height:100%}
header.su .logo{padding:9px 5px;width:6rem}
header .menu{display:block;margin:0;width:30px;text-align:center;font-size:15px;line-height:70px}
header .menu.xz{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-ms-transform:rotate(90deg)}
header .login-open{display:none}
header .search-box .search,header .search-box p{width:90%}
header .search-box p{margin:3rem auto 0}
header .search-box p a{display:inline-block;margin:5px;height:1rem;line-height:1rem}
header .search-box .search input[type=text]{height:3rem;line-height:3rem}
header nav{position:absolute;top:71px;left:0;padding:0;width:100%;border-radius:0 0 5px 5px;background:#fff;box-shadow:3px 3px 3px rgba(0,0,0,.1);transition:all .3s ease-in-out}
header .layui-nav{display:none;padding:10px 5px}
header.su nav{top:51px;transition:all .3s}
.layui-nav .layui-nav-item{margin:5px;border-radius:5px;background:#f6f6f6;line-height:30px!important}
header .layui-nav .layui-this{background:#007bf5!important}
header .layui-nav .layui-this a{color:#fff!important}
.pages{margin:0}
.pages li a{margin:5px}
footer{margin-top:10px}
footer .footer ul li{padding:2px;border:0}
body .backtop{display:none}
footer .footer p{margin-bottom:10px;width:100%}
footer .footer ul{margin-bottom:15px;width:100%}
header .layui-nav .layui-nav-item a:hover{color:#fff}
body.night .article-about .menu li,body.night .layui-nav .layui-nav-item,body.night .list-nav li,body.night .site-nav li{background:#252525}
.pages .no-result .search-box{width:90%}
.m-hidde{display:none}
header .user-open{margin-right:15px}
header .user-open .user-open-box{right:-19px}
}
@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_2372324_s97n7d7gd08.woff2?t=1634995217645) format('woff2'),url(//at.alicdn.com/t/font_2372324_s97n7d7gd08.woff?t=1634995217645) format('woff'),url(//at.alicdn.com/t/font_2372324_s97n7d7gd08.ttf?t=1634995217645) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-QQ:before{content:"\e882"}
.icon-Daytimemode:before{content:"\e821"}
.icon-shoucang1:before{content:"\e663"}
.icon-xiugai:before{content:"\e65b"}
.icon-yonghu:before{content:"\e607"}
.icon-pinglun:before{content:"\e61c"}
.icon-user:before{content:"\e63c"}
.icon-shoucang:before{content:"\e629"}
.icon-haibao:before{content:"\e613"}
.icon-guanbi:before{content:"\e608"}
.icon-sousuo:before{content:"\e658"}
.icon-nightmode:before{content:"\e764"}
body.night,body.night #search,body.night #searchBox .layui-layer,body.night .article-body blockquote,body.night .article-body h5,body.night .article-body h6,body.night .article-down ul li a,body.night .article-foot a,body.night .article-tags a,body.night .copyright,body.night .hot-soft .plate-list li p span a,body.night .index-news-list ul li,body.night .index-user-info ul,body.night .list-article-plate .fr li:hover a,body.night .list-main .article>ul .tit span,body.night .list-main .left>ul li span,body.night .list-main .left>ul li:after,body.night .list-main .soft.list>ul li span,body.night .list-main .soft.list>ul li:after,body.night .night-black,body.night .qy-comment .b-box-textarea .b-box-textarea-body,body.night .right.public .r-talk ul .excerpt,body.night .site-body p.image b,body.night .site-info .body article,body.night .site-info .data,body.night .site-info .link .url,body.night .site-info .link .zan,body.night .site-info .tit span a,body.night .site-info .web .fl li span,body.night .site-menu li a.hover,body.night .site-menu li a:hover,body.night .site-more ul li,body.night .soft-info,body.night .tool-video .layui-input,body.night .user-box .layui-input,body.night .user-comment .list ul li p,body.night .user-info .data ul li,body.night .user-info .list li span,body.night header .user-open .user-open-info .user-open-ul a b{background:#323335}
body.night #search .search input.txt,body.night #search p a,body.night .article-about .menu,body.night .article-about .right,body.night .article-body,body.night .article-main .left,body.night .article-tit,body.night .backtop,body.night .index-info .r-list,body.night .index-link ul,body.night .index-list .list-article-main,body.night .index-list .list-soft-main,body.night .index-login,body.night .index-news .page,body.night .index-news .title .mun,body.night .index-news-list,body.night .index-news-list ul li:nth-child(11),body.night .index-news-list ul li:nth-child(12),body.night .index-news-list ul li:nth-child(15),body.night .index-news-list ul li:nth-child(16),body.night .index-news-list ul li:nth-child(19),body.night .index-news-list ul li:nth-child(20),body.night .index-news-list ul li:nth-child(3),body.night .index-news-list ul li:nth-child(4),body.night .index-news-list ul li:nth-child(7),body.night .index-news-list ul li:nth-child(8),body.night .index-quan .li-quan,body.night .index-tool-list,body.night .list-main .fl,body.night .list-main .left,body.night .list-main .soft>ul .list-btn,body.night .list-nav,body.night .night-bg,body.night .right.public .cnxh ul,body.night .right.public .r-list,body.night .right.public .r-talk,body.night .right.public .rmrj ul,body.night .shop-list .li-quan,body.night .site-body,body.night .site-info,body.night .site-list ul li,body.night .site-list-box ul li,body.night .site-list-box ul li a,body.night .site-menu,body.night .site-more,body.night .site-nav,body.night .site-pinglun,body.night .title .more,body.night .user-box,body.night .user-login .layui-input,body.night .user-login .login,body.night .user-menu li.hover,body.night header,body.night header .user-open .user-open-info,body.night header nav,body.night .list-cover-main, body.night, body.night .sidebox__content, body.night .sidebox__title, body.night .widget, body.night .widget-title span, body.night .widget-article-newest span, body.night .viewAll, body.night .widget-hunter-topics .wall-item{background:#292a2d}
body.night,body.night .article-about .menu li a,body.night .article-about .right h2,body.night .article-body h2,body.night .article-body h3,body.night .article-body h5,body.night .article-body h6,body.night .article-body p,body.night .article-down ul li a,body.night .article-foot a,body.night .article-tags a,body.night .article-tit h1,body.night .hot-soft .plate-list li .txt,body.night .index-ad-txt ul a,body.night .index-info .r-list .order li a,body.night .index-login .wdl,body.night .index-news-list ul li .tit,body.night .index-quan .li-quan .desc-wrap .product-title-wrap .product-title,body.night .index-tool-list li a,body.night .list-article-plate .fr li a,body.night .list-article-tab .type a,body.night .list-main .article>ul .info .detail,body.night .list-main .article>ul .tit a,body.night .list-main .left>ul li .tit,body.night .list-main .soft.list>ul li .tit,body.night .list-main .soft>ul .soft-title,body.night .list-nav li a,body.night .list-nav,body.night .list-soft-plate .plate-list li .fr h3 a,body.night .list-soft-tab .type a,body.night .night-color,body.night .qy-comment .qy-comment-title,body.night .right.public .cnxh ul li a,body.night .right.public .r-list .order li a,body.night .right.public .r-talk ul .excerpt a,body.night .right.public .rmrj ul,body.night .right.public .rmrj ul a,body.night .shop-list .li-quan .desc-wrap .product-title-wrap .product-title,body.night .site-info .link a,body.night .site-info .tit span a,body.night .site-info .web .fl li,body.night .site-info .web .fl li a,body.night .site-list ul li a h3,body.night .site-list-box ul li a,body.night .site-menu li a,body.night .site-more ul li h3,body.night .site-nav li a,body.night .tags-page h2,body.night .title,body.night .tool-video .layui-input,body.night .user-box .layui-input,body.night .user-login .layui-input,body.night .user-menu li a,body.night .user-stow .list .txt .tit,body.night header .layui-nav .layui-nav-item a,body.night header .night-open a,body.night header .search-open,body.night header .user-open .user-open-info,body.night header .user-open a, body.night .copyright, body.night .backtop, body.night .list-cover-main .tit h3,body.night .sidebox__title, body.night .sidebox__job-title a, body.night .widget-posts-title, body.night .viewAll .btn, body.night .widget-hunter-topics .wall-item h2, body.night .section-title, body.night .list-main .soft.list > ul li span{color:#c0c4cc}
body.night #newdigg a,body.night #search .search input.txt,body.night .article-body h6,body.night .article-down .title,body.night .article-down ul li,body.night .article-pinglun .title,body.night .article-tags,body.night .article-tit .info,body.night .copyright,body.night .hot-soft .plate-list li .img,body.night .hot-soft .type,body.night .index-info .r-list .bar,body.night .index-news-list ul li font,body.night .index-news-list ul li span,body.night .index-tool-list li img,body.night .index-user-info li,body.night .list-article-plate .fr,body.night .list-article-plate .fr li:hover a,body.night .list-article-tab .type,body.night .list-main .article>ul .tit span,body.night .list-main .article>ul li,body.night .list-main .left>ul li,body.night .list-main .left>ul li span,body.night .list-main .soft.list>ul li,body.night .list-main .soft.list>ul li .img,body.night .list-main .soft.list>ul li span,body.night .list-main .soft>ul .list-btn a,body.night .list-main .soft>ul .list-img,body.night .list-main .soft>ul li,body.night .list-soft-plate .plate-list li,body.night .list-soft-plate .plate-list li .fl,body.night .list-soft-tab .type,body.night .night-border,body.night .right.public .r-list .bar,body.night .right.public .r-talk ul li,body.night .right.public .rmrj ul .img,body.night .site-info .tit,body.night .site-info .web .fl li,body.night .site-list ul li a .img,body.night .site-list-box ul li .tit,body.night .site-more .title,body.night .site-more ul li,body.night .site-more ul li .tit,body.night .site-more ul li a .img,body.night .site-nav li a,body.night .site-pinglun .title,body.night .tool-video .layui-input,body.night .user-box .layui-input,body.night .user-login .layui-input,body.night .user-stow .list .img,body.night .user-stow .list ul li,body.night footer .footer ul li,body.night header .user-open .tx,body.night header .user-open .user-open-info .user-open-ul,body.night .list-cover-main li, body.night .list-cover-main .tit h3, body.night .section-title, body.night .goodlook ul li{border-color:#565656}
body.night .qy-comment .b-emote-submit,body.night .user{background:#2d2d2d;}
body.night .article-body ol li:before{background:#c0c4cc}
body.night .right.public .r-talk ul .excerpt:before{border-bottom-color:#252525}
body.night header .user-open .user-open-info i{border-bottom:14px solid #292b2e}
.widget { font-size: 14px; line-height: 2; margin-bottom: 1.5rem; background:#ffffff; border-radius: 8px; padding: 10px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); }
.widget-title { padding-left: 1.25rem;
 font-size: 18px; text-transform: uppercase; margin: 0 0 10px; position: relative; line-height: 20px; }

.widget-title:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: #007bf5;
}
.widget-title span { font-size: 16px; display: inline-block; padding: 0 10px 0 0; background: #ffffff; position: relative; z-index: 2; font-weight: normal; color: var(--color-title); }
/*侧边栏热门文章*/

.my-n2 { margin-bottom: -.5rem !important; }

.py-2 { padding-bottom: 1rem !important; position: relative; }

.rank1 { color: #fff; background: url(../images/list_icon1.png) 0 0 no-repeat;}

.rank2 { color: #fff; background: url(../images/list_icon2.png) 0 0 no-repeat;}

.rank3 { color: #fff; background: url(../images/list_icon3.png) 0 0 no-repeat;}

.rank4 { color: #fff; background: url(../images/list_icon3.png) 0 0 no-repeat;}

.ricon_rank{ display: inline-block; position: absolute; top: 2px; left: -15px; width: 35px; height: 22px; line-height: 19px; z-index: 50; margin: 9px 10px 0 0; font-size: 12px; font-weight: 700; font-family: ZZ_fontdiy; text-indent: 18px; text-align: center;}

.list-rounded .list-overlay-content { border-radius: 3px; overflow: hidden; }

.list-item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; }

.list-rounded .media { border-radius: 3px !important; }

.media { position: relative; display: block; overflow: hidden; padding: 0; -ms-flex-negative: 0; flex-shrink: 0; border-top-left-radius: inherit; border-top-right-radius: inherit; }

.media-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 0; border-radius: inherit; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-color: rgba(120, 120, 120, 0.1); }

.overlay { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.66); position: absolute; opacity: .22; top: 0; left: 0; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

.media-2x1:after { padding-top: 50%; }

.media:after { content: ''; display: block;}

.list-overlay-content { color: #fff; }

.text-xs { font-size: 10px !important; }

.list-overlay-content a:hover { color: #fff; }

.list-overlay-content .list-content { position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; padding: .75rem; background: #222831; background: -webkit-linear-gradient(to bottom, rgba(6, 6, 8, 0), rgba(6, 6, 8, 0.7)); background: linear-gradient(to bottom, rgba(6, 6, 8, 0), rgba(6, 6, 8, 0.7)); }

.h-2x { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.list-title { font-size: 12px; line-height: 1.4285714286; display: block; color: inherit; }

.list-overlay-content .list-footer { margin-top: 0.25rem; }

.list-overlay-content .text-muted:not(i) { color: rgba(255, 255, 255, 0.5) !important; }

/* 侧边栏标签 */

.widget-hunter-topics .items { overflow: hidden; }

.widget-hunter-topics .item:nth-of-type(1) .wall-item a { background: #007bf5; color: #fff; }

.widget-hunter-topics .item:nth-of-type(1) .wall-item h2 { color: #fff; }

.widget-hunter-topics .item:nth-of-type(1) .clr_orange { color: #fff; }

.widget-hunter-topics .item { float: left; width: 30%; padding: 0 5px; border-bottom: 0px dashed #eee; }

.widget-hunter-topics .wall-item { background: #fafafa; }

.widget-hunter-topics .wall-item a { display: block; border-radius: 3px; padding: 6px; }

.widget-hunter-topics .wall-item h2 { font-size: 12px; font-weight: normal; margin-bottom: 0px; }

.clr_orange { color: #007bf5; font-style: normal; }

.widget-hunter-topics .wall-item h5 { font-size: 10px; font-weight: normal; color: #bbb; }

.widget-hunter-topics .wall-item a:hover { background: #007bf5; color: #fff; }

.widget-hunter-topics .wall-item a:hover h2 { color: #fff; }

.widget-hunter-topics .wall-item a:hover h5, .widget-hunter-topics .wall-item a:hover .clr_orange { color: #fff; }

.viewAll { font-size: 12px; background: #f8f8f8; }

.viewAll .btn { line-height: 2.6; text-align: center; display: block; color: #222; }


/* 侧边栏必要style */ 

.widget_img img { border-radius: 8px; }

.widget_img { margin-bottom: 1.5rem; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); }

.widget_img a:hover { opacity: 1; }

.error-page .search-box input, .widget-area .search-box input { color: #113a5d; border-color: #F4F6F9; border-radius: 8px; background-color: #d5d7da; border: 1px #ddd solid; }

.widget { font-size: 14px; line-height: 2; margin-bottom: 1.5rem; background:#ffffff; border-radius: 8px; padding: 10px; box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.22); }

.notice-list-meta { font-size: 12px; line-height: 24px; color: var(--color-secondary); }

.widget ul { list-style: none; padding: 0; line-height: 2.5; }

.widget-title { padding-left: 1.75rem;
 font-size: 18px; text-transform: uppercase; margin: 0 0 10px; position: relative; line-height: 20px; }

.widget-title:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background: #007bf5;
}

.widget-title i { font-size: 19px; color: #000; }

.widget .search-form, .widget-list {}

.widget-list-title i { font-size: 19px; color: #000; }

.widget-list-title { font-size: 19px; text-transform: uppercase; position: relative; color: #333; }

.widget-title span { font-size: 16px; display: inline-block; padding: 0 10px 0 0; background: #ffffff; position: relative; z-index: 2; font-weight: normal; color: var(--color-title); }

.widget .user-auth{ font-size: 14px; }

.widget .user-auth i{ color:#d99416; }
/* 侧边栏关于我 */

.widget-about-intro { text-align: center; margin: 10px 0 10px; }

.widget-about-intro .widget-intro{ margin: 0 30px;}

.widget-about-image { margin: 0 auto; display: block; width: 70px; height: 70px; border-radius: 99px; }

.widget-about-desc { font-size: 12px; line-height: 1; margin: 7px 0; font-weight: normal; color: var(--color-secondary); }

.widget-intro{ font-size: 12px;  color: #76949b;}

.widget-article-newest { text-transform: uppercase; margin: 12px 0; position: relative; }

.widget-article-newest span { padding: 0 10px 0 10px; background: #ffffff; position: relative; z-index: 2; color: #007bf5; }

.widget-article-newest:before { display: block; content: ''; position: absolute; top: 50%; left: 0; right: 0; border-top: 1px solid rgba(0, 0, 0, .05); z-index:1; }

.widget-article-list { text-align: left; }

.widget .user-tips li p{ font-size: 13px; }

.widget-about-intro li, .widget-about-intro i { font-size: 12px; }

.av_v{ position: relative;  width: 70px;  height: 70px;  margin: auto; }

.av_v_img{display: block; width: 70px; height: 70px; margin-right: 12px; margin: auto;}

.av_v_honor{position: absolute; bottom: -2px; right: -2px; width: 24px; height: 24px;}

/* 侧边栏文章 */

.widget-box-intro{margin:0 0 10px; font-size: 12px;padding: 0 10px; color: var(--color-secondary);}

.box-img {    position: relative;    width: 100%;    background-position: 50% 50%;    background-size: cover;    overflow: hidden;    	border-radius: 5px;}

.box-img::before {    content: '';    padding-top: 45%;    float: left;}

.box-avatar {    position: relative;    margin-top: -15px;        padding: 0 5px;    display: flex;    align-items: flex-end;}

.box-avatar-left {    flex: 0 1 auto;}

.box-avatar-left img {    margin-right: 10px;  }

.rounded-circle {   border-radius: 50%!important;}

.box-avatar-right {   flex: 1 1 auto;    font-size: 1.2rem;    color: var(--acolor);    max-width: 70%;    overflow: hidden;    text-overflow: ellipsis; white-space: nowrap;}

.box-avatar-right span{  font-size: 13px;   }

.widget-posts-title { max-width: 79%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; line-height: inherit }

.widget-posts-meta i { font-size: 13px; color: var(--color-secondary); font-style: normal; float: right; }

.widget-posts-meta i a { color: var(--color-secondary); }

.posts-widget li { margin: 10px 0; overflow: hidden; line-height: 24px; }

.sider_pimg{     border-radius: 100%; margin-left: 3px;margin-top: -10px; height: 26px; width: 26px;}

.sider_pimg:nth-of-type(1),.sider_pimg:nth-of-type(8) {margin-left: 0px;}

.posts-widget .c_li { overflow: hidden; line-height: 24px; padding: 0.8rem 0; border-top: 1px solid #f8f8f8; font-size: 13px;}

.hotge { display: inline-block; margin-right: 10px; padding: 0px 5px; font-weight: 700; height: 18px; text-align: center; line-height: 18px; border-radius: 2px; font-size: 12px; color: #fff;}

.hotge1 { background-color: #FF4A4A !important; color: #FFFFFF;}

.hotge2 { background-color: #FF7701 !important; color: #FFFFFF;}

.hotge3 { background-color: #FFB400 !important; color: #FFFFFF;}

.hotge { background-color: var(--color-secondary);}
body.night .qy-comment .b-emote-submit,body.night{background:#3a3a3a;}
/*侧边栏评论信息栏目*/
.right .sjmhg{width: 320px;background:#fff;margin: 0 auto 20px;position:relative;z-index:999;border-radius:10px;padding: 40px 25px;text-align:center;}
.right .sjmhg h4{font-size:20px;font-weight:bold;}
.right .sjmhg #btn{border:0;padding:5px 30px;line-height:30px;border-radius:5px;background:#007bf5;color:#fff}
.right .sjmhg .search{margin: 20px auto 10px;position:relative;}
.right .sjmhg .search input.txt{height:40px;width:100%;text-indent:30px;line-height:40px;border:0;border-radius:5px;color:#5f5f5f;background:#fff;border:1px solid #f1f1f1;font-size:14px}
.right .sjmhg .search input[type=submit]{position:absolute;top:1px;right:10px;background:0 0;border:0;width:30px;height:40px;line-height:40px;cursor:pointer;font-size:16px;color:#888;display:none;}
.right .sjmhg .xzk{margin-bottom: 20px;}
.right .sjmhg .xzk .layui-form-radio>i:hover, .right .sjmh .xzk .layui-form-radioed>i{color:#007bf5;}
.right .sjmhg .xzk i{font-size:14px;}