body{background:#f2f5f9;font-size:14px;min-width:1300px}
.container{width:1300px;margin:0 auto}
.fl,.left{float:left}
.fr,.right{float:right}
input{ -webkit-appearance: none; }
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background-color:transparent;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
::-webkit-scrollbar-thumb{background-color:#0093ff;background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
@keyframes searchLights{0%{left:-200%;top:0}
to{left:100%;top:100px}
}
header{width:100%;height:70px;background:#fff;position:fixed;top:0;left:0;right:0;z-index:10000;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;box-shadow:0 2px 5px rgba(0,0,0,.1)}
header .logo{width: 180px;padding: 8px 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;}
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, 0.62);transform:rotate(-60deg);animation:searchLights 2s ease-in 2s infinite;z-index:3;pointer-events:none;}
header .menu{display:none;transition:all .3s;-webkit-transition:all .3s}
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 200px; */}
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;transition:all .3s;-webkit-transition:all .3s}
header.su .logo{padding:9px 0;width:120px;transition:all .3s;-webkit-transition:all .3s}
header.su .menu,header.su .night-open,header.su .search-open{line-height:50px;transition:all .3s;-webkit-transition:all .3s}
header .login-open{line-height:70px;transition:all .3s;-webkit-transition:all .3s}
header .login-open a{color:#333}
header .night-open,header .search-open{color:#333;line-height:70px;width:30px;text-align:center;margin-left:10px;transition:all .3s;-webkit-transition:all .3s;cursor:pointer;position:relative}
#searchBox{display:none;width:0;height:0;overflow:hidden}
#search{width:678px;height:390px;overflow:hidden;border-radius:4px;background-color:#fff;-webkit-user-select:none;z-index:99;padding:40px;box-sizing:border-box}
#search .closesearch{font-size:21px;position:absolute;right:24px;top:24px;color:#b3b3b3;cursor:pointer;z-index:1}
#search .closesearch:hover{color:#007bf5}
.searchskin .layui-layer-close{display:none}
#search .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}
#search .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}
#search h3{font-size:25px}
#search .search{margin:20px auto;position:relative}
#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{color:#999;padding:4px 10px;background:#f1f1f1;margin:0 5px 5px 0;border-radius:5px;font-size:14px;display:block;float:left;transition:all .3s}
#search p a:hover{background:#007bf5;color:#fff}
header .search-box.suo{top:50px;transition:all .3s;-webkit-transition:all .3s}
.title{font-size:22px;font-weight:800;margin-bottom:20px}
.title span{font-size:14px;color:#888;font-weight:100}
footer .footer{padding:30px 0 60px;text-align:center;color:#888}
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}
.mainPage{ margin:20px 0;}
.mainPage ul{width: 680px;height: 32px;display:block; margin:0 auto;}
.mainPage ul li{float: left; display: inline; height: 32px; line-height: 32px; padding: 0 10px;color:#000;font-size:15px; margin: 0 5px; border:1px solid #dedede; font-size:16px;}
.mainPage ul li a{color:#000;font-size:16px; }
.mainPage ul li.thisclass{background:#09f;border:1px solid ##218EC1;color:#fff; font-size:16px;}
.mainPage ul li.thisclass a{color:#fff;}
.mainPage ul li a:hover, a:focus {
    color: hsl(209, 93%, 48%);
    text-decoration: none;
}
.right.public{width:370px}
.right.public .ad{width:100%;border-radius:5px;background:#fff;overflow:hidden;transition:all .3s;margin-bottom:20px}
.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{border-radius:5px;background:#fff;padding:10px}
.right.public .cnxh ul li{line-height:30px}
.right.public .cnxh ul li a{width:calc(100% - 65px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;font-size:14px;padding-left:20px}
.right.public .cnxh ul li a:before{content:'';width:5px;height:2px;left:5px;background:#e2e2e2;position:absolute;top:7px;border-radius:5px;z-index:1}
.right.public .cnxh ul li:nth-child(1) 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{width: 40px;height: 40px;overflow:hidden;border-radius:10px;border:1px solid #f1f1f1;float:left;margin-right:10px;margin-left:5px;}
.right.public .rmrj li .img img{width:100%;height:100%}
.right.public .rmrj li .tit{float:left;width:calc(100% - 70px);padding-top:4px}
.right.public .rmrj li .tit h4{font-size:14px;line-height:18px;margin-bottom:0;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.right.public .rmrj li .tit span{font-size:12px;color:#999;line-height:20px}
.right.public .rmrj li:last-child{border-bottom:0;padding-bottom:0}
.right.public .r-list{border-radius:5px;background:#fff;padding: 15px;margin-bottom: 20px;}
.right.public .r-list .bar{height: 35px;border-bottom: 1px solid #f3f3f3;}
.right.public .r-list .bar li{float: left;height: 34px;padding: 0 5px;margin-right: 20px;cursor: pointer;font-size: 16px;line-height: 29px;}
.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{width:calc(100% - 65px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;font-size:14px;}
.right.public .r-list .order li:nth-child(1) 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{
    border-radius: 5px;
    background: #fff;
    padding: 15px;
}
.right.public .r-talk ul{}
.right.public .r-talk ul li{padding:0 0 12px;border-bottom:1px solid #f6f6f6;margin-bottom:5px!important;padding-right:0!important}
.right.public .r-talk ul li:last-child{border:none;margin-bottom: 0!important;padding: 0;}
.right.public .r-talk ul .right.public .r-talk ul .info{padding:0!important;line-height:32px}
.right.public .r-talk ul .info img{width:30px;height:30px;margin-right:6px;border-radius:50%;border:1px solid #f3f3f3}
.right.public .r-talk ul .info span:nth-child(2){vertical-align:top;line-height: 32px;color: #666;}
.right.public .r-talk ul .info span:last-child{float:right;line-height:32px;color:#999;font-size:13px}
.right.public .r-talk ul .excerpt{position:relative;padding:5px 10px;background:#f6f6f6;color:#666;margin-top:8px;border-radius: 5px;}
.right.public .r-talk ul .excerpt:before{position:absolute;left:10px;top:-10px;content:'';width:0;height:0;line-height:0;border:5px solid transparent;border-bottom-color:#f5f5f5}
.right.public .r-talk ul .excerpt p{margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;}
.right.public .r-talk ul .excerpt p a{font-size:15px!important;line-height:25px!important;height:25px!important}
.right.public .r-talk ul .post{color:#999;margin-top:9px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.right.public .r-talk ul .post a{color:#999;display:inline!important;font-size:13px!important}

.right.public .r-list .order a i{display:inline-block;vertical-align:middle;font-style:normal;margin-right:5px;background:#f3f3f3;width: 20px;text-align:center;border-radius:5px;color:#696969;font-size:12px;height: 20px;line-height: 20px;margin-top:-2px;}
.fix-bottom{position:fixed;bottom:20px;left:50%;z-index:1000;margin-left:280px;width:370px;}
.at-bottom{position:absolute;bottom:0;top:initial;z-index:1000;right:0;width:370px}
body .backtop{display:none;position:fixed;bottom:19px;left:53%;width:59px;background:#fff;text-align:center;line-height:50px;color:#333;height:50px;font-size:21px;border-radius:9px;transform:translate(625px,0);cursor:pointer}
span.stars{width: 65px;height: 16px;background: url(../images/xing.png) repeat-x;background-size: 13px;display: inline-block;padding: 0!important;position: relative;top: 3px;}
span.stars span {float: left;width: 0;height: 14px;transition: all .25s ease-out;background: url(../images/xing.png) 0px -17px repeat-x;background-size: 13px;padding: 0!important;}
@media screen and (max-width:800px){body{min-width:100%}
.container{width:98%;margin:auto}
#searchBox.layui-layer-page .layui-layer-content{height:15rem}
#search{width:98%;margin:auto;height: 15rem;}
#searchBox .layui-layer{width:90%!important;margin:auto;left:5%!important;height:15rem!important}
#search p{display:none}
header .logo{float:left;margin:auto;width: 11rem;height: 3.1rem;}
header .logo img{height:100%;display:block;margin:auto;}
header.su .logo{padding:0;width: 7rem;padding: 8px 0 0;}
header .menu{width:30px;display:block;font-size:15px;margin:0;line-height:70px;text-align:center}
header .menu.xz{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}
header .login-open{display:none}
header .search-open{margin-right:0;width:15%;font-size:15px;margin:0}
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;height:1rem;line-height:1rem;margin:5px}
header .search-box .search input[type=text]{line-height:3rem;height:3rem}
header nav{background:#fff;width:100%;padding:0;position:absolute;left:0;top:71px;box-shadow:3px 3px 3px rgba(0,0,0,.1);border-radius:0 0 5px 5px;transition:all .3s ease-in-out;}
header .layui-nav{padding:10px 5px;display:none}
header.su nav{top:51px;transition:all .3s}
.layui-nav .layui-nav-item{line-height:30px!important;background:#f6f6f6;margin:5px;border-radius:5px}
header .layui-nav .layui-this{background: #007bf5!important;}
header .layui-nav .layui-this a{color:#fff}
footer{margin-top:10px}
footer .footer ul li{padding:5px}
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 .layui-nav .layui-nav-item,body.night .list-nav li, body.night .article-about .menu li{background:#252525}
}
@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_2372324_08et7u2wyrwa.eot?t=1612958667449);src:url(//at.alicdn.com/t/font_2372324_08et7u2wyrwa.eot?t=1612958667449#iefix) format('embedded-opentype'),url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAATIAAsAAAAACbgAAAR8AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqGTIVRATYCJAMUCwwABCAFhG0HUxtoCBFVnFXJfibYtgrWN+GcRUt+6SQuOJMPfWe+mdlNN9DRLKhz0jqpgaAgPkOQu/v6RRRh5G0tiigQSkpH0NOt6VjDmAjVJXu+9Sz/I9/u9PJ5xnmcRimEREiO1lp9jRq/6by370VNkhiQyCRCJpL2cKkmJUOiUWrnkF1DwsB89ebdQAASbggBGXklNRBw2EEEQPaAfj0g9Fy4BQYhWEXAmQlywRPKdHoDwGz78+QjiggAxVewIyv65vZGxjvhfW+msWjQWeOg3l8AQHQewAAhADggBwwNBvOlEDCSosDJAMrfCSj6hHft3we9722xgHRXZJHwf3gAQXEYkAZmkhFyRpmDd4KUAoF37aVA4X2QFDh439sFhol8WQJQ3lEKWWSfAEE5WtJtZEonmUyuUtlYU0z5qH6LtXZ2i3Q2vfsqEZsFGts+vUVsF+rt+/Ux2M89vKHO/KjONKPG8KDW1viyvnbhwe2rG83meqOx1mCoMZmanKNOCgxq63RHdqxw3OuZOCUbGsXcX5rf15ve1TVJdKe0p6VS/UnNCUWer990ipBQTu0Abhig22RXty3cVmDtVk3Agg1jY+wOOlPaKZPWnH7arDeyaxtSThg66gwBWwwaY+BdffV9ojUFbTP136SwTRtcv33n9oAavNa4/vrOuuOh8kaNHfc14Jv6q/9Xp4jlJqj+FoDDY7/5AwqmwvLuFyE1wnrfrmGTpLkNjVNaOk1taW7jyxsmTGsYnmQztdv+PScqj9G4TDM/+9yJOXQ2PXtCNJufczbxkzmorwr3ieK1gvEJXcc2Pn26kWsmpyeGDlA4eecp2MZK11V2WQuSRw2QU82OHRqqyMjcEDwqaernFfPJNU6h5NXtLlPZFQmSI7OOuZIE4nrMRZ2gvhKaXEbVx//3qFwjtMopXFEwvXNnr8jaSC+zg3eE1/QCF6WicFobrI2IAtFeSxpu300dEbbqY9iIRmH/uKrRN+K2ms6RQ9DQRaT88MtxHnTIOacENx6qXrp/bLGfO+x6rnPnMHnBdK8I750PTS8gSnnhNK/aEIUVYKmg4b3e5TxMCed0O4wHAFhmN1kmYIm9ZN0t8Xoa+8V+NXsTOBmc+rObMuWvIP0rbnpS+OU6SVhwWM+EH48Za6t/Zeo1V3Cllrn5zMelKmfylkL9iWl+UCO/rZgVnu3HYrt2pw0gBLYtUO24AiPwwXPkEOBJxYCIIB0kgpXnS1ljSyTFAIK8ERAqH6AUTgOj8sVz5B/w7PxBRBUMJOrC+opSfjHgkM2oBC3oFzSGRie8cnDdJ6xCr7irtawbsm+ykEbJsFriiLyPY/y9ykQcOKYBCnQ/7HuCialFI1EtMuVx7KBXigwNs4NsDCkCWUB7AQ2DjJzeWBxG33+CKkFP4YWJhewNYl6zdZCKJGvgS9O41sRzwfbuKhkhHN3PYWQAChxAPS8RMMG7tZAhIvUWhUkuJmu5dU3R8S3Da6z+i09lL8oHJYxwhCciiGZQo242oyj4QPuhTVXLQBaPOeolzYCtczYD') format('woff2'),url(//at.alicdn.com/t/font_2372324_08et7u2wyrwa.woff?t=1612958667449) format('woff'),url(//at.alicdn.com/t/font_2372324_08et7u2wyrwa.ttf?t=1612958667449) format('truetype'),url(//at.alicdn.com/t/font_2372324_08et7u2wyrwa.svg?t=1612958667449#iconfont) format('svg')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-guanbi:before{content:"\e608"}
.icon-sousuo:before{content:"\e658"}
.icon-nightmode:before{content:"\e764"}
.icon-Daytimemode:before{content:"\e72a"}
body.night, body.night #search, body.night #searchBox .layui-layer, body.night .article-body blockquote, body.night .article-down ul li, body.night .article-tags .fl a, body.night .article-tags .fr a, body.night .copyright, 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 .qy-comment .b-box-textarea .b-box-textarea-body, body.night .site-info .data, body.night .site-info .web .fl li span, body.night .site-more ul li, body.night .right.public .r-talk ul .excerpt,body.night .night-bgs,body.night .article-body h6,body.night .user-info .data ul li,body.night .user-info .list li span,body.night .user-comment .list ul li p,body.night .user-box .layui-input,body.night .index-user-info ul{background:#252525}
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-tags,body.night .article-tit,body.night .backtop,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-list,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 .right.public .cnxh ul,body.night .shop-list .li-quan,body.night .site-info,body.night .site-list ul li,body.night .site-more,body.night .site-nav,body.night .site-pinglun,body.night header,body.night header nav,body.night .right.public .rmrj ul,body.night .right.public .r-list,body.night .right.public .r-talk,body.night .index-news-list ul li,body.night .night-bg,body.night .user-box,body.night .user-menu li.hover,body.night .user-login .login,body.night .user-login .layui-input{background:#000}
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-down ul li a,body.night .article-tit h1,body.night .hot-soft .plate-list li .txt,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>ul .soft-title,body.night .list-nav li a,body.night .list-soft-plate .plate-list li .fr h3 a,body.night .list-soft-tab .type a,body.night .qy-comment .qy-comment-title,body.night .right.public .cnxh ul li a,body.night .shop-list .li-quan .desc-wrap .product-title-wrap .product-title,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-more ul li h3,body.night .site-nav li a,body.night .title,body.night header .layui-nav .layui-nav-item a,body.night header .night-open a,body.night header .search-open,body.night .right.public .rmrj ul,body.night .right.public .rmrj ul a,body.night .right.public .r-list .order li a,body.night .right.public .r-talk ul .excerpt a,body.night .article-body p,body.night .tags-page h2,.night-color,body.night .article-body h6,body.night .article-body h6 span,body.night .user-menu li a,body.night .user-box .layui-input,body.night .user-login .layui-inputz{color:#c0c4cc}
body.night #search .search input.txt,body.night .article-down .title,body.night .article-down ul li a,body.night .article-pinglun .title,body.night .article-tags,body.night .article-tit .info,body.night .copyright,body.night .hot-soft .type,body.night .index-news-list ul li font,body.night .index-news-list ul li span,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>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 .site-info .web .fl li,body.night .site-list ul li a .img,body.night .site-more ul li,body.night .site-more ul li a .img,body.night .site-nav li a,body.night footer .footer ul li,body.night .right.public .rmrj ul .img,body.night .right.public .r-list .bar,body.night .right.public .r-talk ul li,body.night .article-down ul li,body.night .night-border,body.night .article-body h6,body.night .user-box .layui-input,body.night .user-login .layui-input{border-color:#565656}
body.night .qy-comment .b-emote-submit,body.night .user{background:#3a3a3a}
body.night .right.public .r-talk ul .excerpt:before{border-bottom-color:#252525}
body.night .article-body h6 span{color:#c0c4cc!important}