body{background:#f2f5f9;font-size:14px;min-width:1300px}
.container{width:1300px;margin:0 auto}
.fl,.left{float:left}
.fr,.right{float:right}
@keyframes searchLights{0%{left:-200%;top:0}
to{left:100%;top:100px}
}
header{position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 70px;
    background: rgb(255 255 255/80%);
     box-shadow: 0 0 6px rgb(0 0 0 / 10%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);}
header .logo{width:140px;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,.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 100px}
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:4px 0;width:120px;transition:all .3s;-webkit-transition:all .3s}
header.su .menu,header.su .night-open,header.su .search-open,header.su .set-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:20px;font-weight:800;margin-bottom:20px}
.title span{font-size:14px;color:#888;font-weight:100}
.title .more{font-size:14px;color:#888;font-weight:400;line-height: 30px;background: #fff; padding: 0 10px; border-radius: 5px;}
.title .more i{margin-left:10px;}
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}
.pages{text-align:center;display:block;font-size:14px;margin:10px 0 0;color:#666}
.pages li{display:inline}
.pages li a{padding:unset;border:1px solid #007bf5;border-radius:21px;width:30px;height:30px;display:inline-block;line-height:30px;color:#007bf5;margin:15px 5px 0 5px}
.pages li a:hover{color:#1b8eff}
.pages .thisclass a{background:#1b8eff;color:#fff;border-color:#1b8eff}
.pages .thisclass a:hover{color:#fff}
.pages .no-result{min-height:300px;padding-top:70px}
.pages .no-result h2{display:block;text-align:center;line-height:40px;font-size:22px;font-weight:700;color:#333}
.pages .no-result h2 span{display:block;font-size:14px;font-weight:400}
.pages .no-result .search-box{margin:20px auto;position:relative;width:50%}
.pages .no-result .search-box 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}
.pages .no-result .search-box 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}
.right.public{position: sticky;top:50px;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 {
    border-radius: 5px;
    background: #fff;
    padding: 15px;
    margin-bottom: 20px;
}
.right.public .title {
    border-bottom: 1px solid #f6f6f6;
    font-size: 15px;
    line-height: 35px;
    height: 35px;
    padding-bottom: 8px;
    position: relative;
    font-weight: 400;
}
.right.public .title:after {
    content: " ";
    position: absolute;
    height: 2px;
    width: 30px;
    background: #007bf5;
    left: 0;
    top: 42px;
    border-radius: 5px;
    transition: all .5s;
}
.right.public .cnxh li:first-child {
    margin-top: 0;
}
.right.public .cnxh li {
    overflow: hidden;
    margin: 15px 0;
    border-radius: 10px;
}
.right.public .cnxh li .img {
    width: 90px;
    height: 70px;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid #f1f1f1;
    float: right;
}
.right.public .cnxh li .img img {
    width: 100%;
    height: 100%;
}
.index-news .title .mun b:nth-child(2) {
    margin-right: 11px;
    padding-right: 10px;
    border-right: 1px solid #d2d2d2;
}
.right.public .cnxh li .tit {
    float: left;
    width: calc(100% - 105px);
    padding-top: 6px;
}
.right.public .cnxh li .tit h4 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    font-weight: 400;
    min-height: 40px;
}
.right.public .cnxh li .tit span {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}
.index-ad-text {
    margin-top: 15px;
    padding: 10px;
    border-radius: 5px;
    background: #fff;
    text-align: center;
}
.index-ad-text a {
    float: left;
    display: block;
    margin-right: 10px;
    width: 205px;
    border-radius: 5px;
    background: #fbfcfe;
    color: #007bf5;
    line-height: 30px;
}
.index-ad-text a:last-child {
    float: right;
    margin-right: 0;
}
.index-ad li {
    float: left;
    overflow: hidden;
    height: 70px;
    width: 645px;
    position: relative;
    border-radius: 5px;
    margin: 0 10px 10px 0;
}
.index-ad li:before {
    position: absolute;
    content: " AD";
    width: 35px;
    height: 20px;
    background:#007bf5;
    right: 0;
    font-size: 12px;
    bottom: 0;
    color: #fff;
    border-radius: 5px 0 0;
    line-height: 20px;
    text-align: center;
}
.index-ad li img {
    width: 100%;
    height: 100%;
}
.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 #fbfbfb}
.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;height: 360px}
.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;margin-bottom: 20px}
.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 #fbfbfb}
.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 .excerpt p img{width:30px;}
.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:#fbfbfb;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{
    width: 40px;
    line-height: 40px;
    display: block;
    font-size: 1.4em;
    background: #fff;
    position: relative;
    color: #999;
    margin-top: 6px;
    border-radius: 8px;
}
body .side_diamond {
    width: 40px;
    line-height: 40px;
    display: block;
    font-size: 1.4em;
    background: #fff;
    position: relative;
    color: #999;
    margin-top: 6px;
    border-radius: 8px;
}
body .side_diamond a{
    color: #999;
}
body .diamond{position: fixed;
    bottom: 60px;
    right: 20px;
    z-index: 1030;
    text-align: center;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    transition: .3s;}
.loadding{width:57px;z-index:98;text-align:center;transform:translate(-50%,-50%);margin:auto}
.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%,100%{height:10px;background:#007bf5}
50%{height:30px;margin-top:-20px;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{text-align:center;margin:10px 0;}
@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;
    padding: 15px 5px;
    width: 7rem;}
header .logo img{display: block;
    margin: auto;
    height: 100%;}
header.su .logo{padding: 9px 5px;
    width: 6rem;}
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!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;}
    .index-ad-text {
        margin-top: 10px;
    }
    .index-ad-text a {
        margin-right: 0;
        margin-bottom: 5px;
        width: 48.8%;
    }
    .index-ad-text a:last-child{
        float: left;
    }
    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-guanbi:before{content:"\e608"}
.icon-sousuo:before{content:"\e658"}
.icon-nightmode:before{content:"\e764"}
.icon-Daytimemode:before{content:"\e821"}
body.night,body.night #search,body.night #searchBox .layui-layer,body.night .article-body blockquote,body.night .article-body h5,body.night .article-down ul li,body.night .article-foot a,body.night .article-tags a,body.night .copyright,body.night .index-news-list ul li,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 .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 .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 .index-user-info ul,body.night .hot-soft .plate-list li p span a,body.night .list-main .soft.list>ul li:after,body.night .list-main .soft.list>ul li span,body.night .qy-comment .comm_list ul.list li.entry ul.reply,body.night .article-down ul li a,body.night .site-menu a:hover{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-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 .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 .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 nav,body.night .title .more,body.night header .set-open .set-open-info,body.night .index-news .title .mun,body.night .index-info .r-list{background:#292a2d}
body.night .side_diamond,body.night .side_diamond a,body.night .cnxh .right_tag a,body.night .right.public .cnxh ul li a,body.night header .user-open a,body.night header .set-open a,body.night,body.night .article-about .menu li a,body.night .article-about .right h2,body.night .list-cover-main .tit h3,body.night .article-body h2,body.night .article-body h3,body.night .article-body h5,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-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-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 header .layui-nav .layui-nav-item a,body.night header .night-open a,body.night header .search-open,body.night .user-stow .list .txt .tit,body.night .list-main .soft.list>ul li .tit,body.night .site-menu a,body.night header .set-open .set-open-info,body.night .backtop,body.night .index-info .r-list .order li a{color:#c0c4cc}
body.night .right.public .title,body.night #newdigg a,body.night #search .search input.txt,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 .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 .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 footer .footer ul li, body.night .user-stow .list ul li, body.night .user-stow .list .img,body.night .index-user-info li,body.night .list-main .soft.list>ul li,body.night .list-main .soft.list>ul li,body.night .list-main .soft.list>ul li span,body.night .list-main .soft.list>ul li .img,body.night .hot-soft .plate-list li .img,body.night .index-tool-list li img,body.night .index-info .r-list .bar,body.night .list-cover .list-cover-main>ul>li,body.night .qy-comment .comm_list ul.list li.entry,body.night.qy-comment .qy-comment-titlebody.night .list-cover-main ul li .tit h3{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 .side_diamond,body.night.right.public .cnxh,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-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, body.night .article-tags a,body.night .right.public .cnxh, body.night .article-filepage, body.night .index-news .title .mun, body.night .title .more, body.night .index-news .news-type a.hover, body.night .right .sjmh, body.night .right .sjmh .search input.txt, body.night .layui-layer, body.night .layui-layer-title, body.night .layui-layer, body.night .list-cover-main {
    background: #292a2d;
}
body.night .left .soft-info{
    background:#323335;
}
.right .sjmh {
    width: 290px;
    background: #fff;
    margin: 0 auto 20px;
    position: relative;
    z-index: 999;
    border-radius: 10px;
    padding: 40px;
    text-align: center;
}
.right .sjmh h4 {
    font-size: 20px;
    font-weight: bold;
}
.right .sjmh .search {
    margin: 20px auto;
    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 #btn {
    border: 0;
    padding: 5px 30px;
    line-height: 30px;
    border-radius: 5px;
    background: #007bf5;
    color: #fff;
    margin: 20px 0px 0px 0px;
}
video{
    border-radius: 10px;
    margin: 10px 0px;
}
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
}
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 .user-open .user-open-info {
    width: 245px;
    background: #fff;
    box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    border-radius: 7px;
    padding: 20px 25px;
    display: none;
    text-align: left;
}
header .user-open .user-open-info, header .user-open .user-open-info.hover {
    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.hover {
    display: block;
}
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 .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 a {
    display: block;
    padding: 10px 0 0;
    text-align: center;
    border-radius: 5px;
    color: #888;
    font-size: 12px;
    margin: 0;
    height: auto;
    float: none;
}
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;
}
.icon-yonghu:before {
    content: "\e607";
}
.icon-xiugai:before {
    content: "\e65b";
}
.icon-shoucang1:before {
    content: "\e663";
}
.icon-pinglun:before {
    content: "\e61c";
}
.icon-user:before {
    content: "\e63c";
}
.icon-shezhi:before {
    content: "\e654";
}
header .user-open .user-open-info .user-open-ul li:last-child {
    margin-right: 0;
}
header.su .user-open {
    line-height: 50px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
header .set-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 .set-open .fa-gear{
    font-size: 16px;
}
header .set-open .set-open-box {
    position: absolute;
    top: 50px;
    right: -20px;
    z-index: 100001;
    padding-top: 14px;
    line-height: 20px;
    -webkit-transition: all .3s;
}
header .set-open .set-open-info {
    display: none;
    padding: 15px 20px;
    width: 125px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 25px rgb(0 0 0 / 5%);
    text-align: left;
}
header .set-open .set-open-info, header .set-open .set-open-info.hover {
    transform-origin: 50% top;
    animation: pop-in;
    animation-duration: .15s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}
header .set-open .set-open-info .layui-form-switch {
    margin-top: 3px;
}
header .set-open .set-open-info .layui-form-item {
    margin-bottom: 0;
}
header .set-open .set-open-info {
    display: none;
    padding: 15px 20px;
    width: 125px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 25px rgb(0 0 0 / 5%);
    text-align: left;
}
header .set-open .set-open-info>i {
    position: absolute;
    top: 0px;
    right: 27px;
    z-index: 1;
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-bottom: 14px solid #fff;
    border-left: 7px solid transparent;
}
header .set-open .set-open-info .layui-form-label {
    padding: 5px 0;
    text-align: left;
}
header .set-open .set-open-info .layui-input-block {
    margin-left: 80px;
    min-height: 30px;
}
header .set-open .set-open-info.hover {
    display: block;
}
header .set-open .set-open-info .layui-form-onswitch {
    border-color: #6584ff;
    background: #6584ff;
}
body.night header .set-open .set-open-info>i {
    border-bottom: 14px solid #292a2d;
}
header .set-open a{
    font-size: 16px;
}
.cnxh .right_tag{
    background: rgba(136, 136, 136, .1);
    padding: 5px;
    margin: 2px;
    border-radius: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.calendar_body{
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;border-radius: 8px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;

}
.today-schedule, .toweek-schedule, .tomonth-schedule, .toyear-schedule {
    display: inline-block;
    width: 50px;
    height: 100px;
    background-color: white;
    border: 1px solid #eee;
    border-radius: 99px;
}
.wiiuii-schedule-item {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 99px;
}
.time-schedule-main {
    border-radius:8px;
    display:flex;
    justify-content:space-evenly;
    align-items:center;
}
.today-schedule, .toweek-schedule, .tomonth-schedule, .toyear-schedule {
    display:inline-block;
    width:50px;
    height:100px;
    background-color:white;
    border:1px solid #eee;
    border-radius:99px;
}
.wiiuii-schedule-item {
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    border-radius:99px;
}
.today-item, .toweek-item, .tomonth-item, .toyear-item {
    position:absolute;
    background-image:linear-gradient(to right, #a18cd1 0%, #fbc2eb 100%);
    width:100%;
    height:109%;
    bottom:0;
    transition:all 1s;
}
.schedule-info {
    display:flex;
    color:#ff5991;
    position:absolute;
    margin:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.schedule-tilte {
    font-size:12px;
    font-weight:700;
}
.time-schedule-main img {
    background-repeat:no-repeat;
    max-width:unset !important;
    max-height:unset !important;
    width:200px;
    height:10px;
    top:0;
    left:0;
    position:absolute;
    animation:wiiuii_move_wave 2s linear infinite;
    -webkit-animation:wiiuii_move_wave 2s linear infinite;
}
@-webkit-keyframes wiiuii_move_wave {
    0% {
        -webkit-transform:translateX(0)
    }
    50% {
        -webkit-transform:translateX(-25%)
    }
    100% {
        -webkit-transform:translateX(-50%)
    }
}
@keyframes wiiuii_move_wave {
    0% {
        transform:translateX(0)
    }
    50% {
        transform:translateX(-25%)
    }
    100% {
        transform:translateX(-50%)
    }
}
.today-item {
    background-image:linear-gradient(to right, #a18cd1 0%, #fbc2eb 100%);
}
.toweek-item {
    background-image:linear-gradient(to right, #ff9a9e 0%, #fad0c4 100%);
}
.tomonth-item {
    background-image:linear-gradient(to right, #fbc2eb 0%, #a6c1ee 100%);
}
.toyear-item {
    background-image:linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
}
.calendar_body img {
    background-repeat: no-repeat;
    max-width: unset !important;
    max-height: unset !important;
    width: 200px;
    height: 10px;
    top: 0;
    left: 0;
    position: absolute;
    animation: wiiuii_move_wave 2s linear infinite;
    -webkit-animation: wiiuii_move_wave 2s linear infinite;
}
.side_user .user-cover{
    border-radius: 8px 8px 0 0;
    text-shadow: 0 0 5px rgba(0,0,0,.2);
    --main-color: #fff;
    color: #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(116, 116, 116, 0.08);
    padding: 0 0 70%;
}
.side_user .user-cover .fit-cover{
    position: absolute;
    width: 100%;
    height: 100%;
}
.paddno{
    padding: 0!important;
}
.side_user .side_user_content{
    padding: 15px;
    margin-top: -65px;
}
.side_user .side_user_content .user-avatar{
    text-align: center;
}

.side_user .side_user_content .avatar-img{
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
}
.side_user .side_user_content .avatar, .radius-cover {
    border-radius: 100px;
    display: inline-block;
}
.side_user .side_user_content .avatar, .fit-cover, .radius-cover {
    width: 100%;
    height: 100%;
    transition: all .2s;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
}
.text-center {
    text-align: center;
    margin-bottom: 20px;
}
.pd_small{
    padding:  .3em 1em .3em 1em!important;

}
.mar_left{
    margin-left: 10px;
}
.padd{
    padding: 0.5em 2em;
}
.user_text_style{
    padding: 15px;
    font-size: 1.2em;
    color: #777;
}
.side_user .side_user_content .user_btn{

    border-radius: 4px;
    display: inline-block;
    transition: .15s;
    border: 1px solid transparent;
    vertical-align: middle;
    text-align: center;
    font-weight: 400;
    box-shadow: none;
    background: rgba(136, 136, 136, .1);
    color:  #888;
    text-shadow: 0 0 0;
    line-height: 1.44;
    border: none;
}
.btn_blue{
    color: #fff!important;
    background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%)!important;
}
.btn_yellow{
    color: #fff!important;
    background: linear-gradient(135deg, #f59f54 10%, #ff6922 100%)!important;
}
.side_user .side_user_content .user_btn .fa{
    margin-right: 0.25em;
}
.jump.jump-pic {
    display: grid;
    grid-row-gap: 5px;
}
.jump:nth-of-type(1) {
    /* margin-top: 20px; */
}
.jump {
    display: grid;
    grid-row-gap: 5px;
    margin-top: 5px;
    width: 100%;
}
.jump.jump-pic>a {
    display: block;
    position: relative;
}
.jump.jump-pic>a>img {
    display: block;
    width: 100%;

}

.jump.jump-pic>a>img {
    width: 100%;
    height: 70px;
    border-radius: 5px;
}
@media screen and (max-width: 992px){
    .jump.jump-pic>a>img {
    height: 50px;
    border-radius: 6px;
}
}