body{background:#f2f5f9;font-size:14px;min-width:1300px}
.container{width:1300px;margin:0 auto}
.fl,.left{float:left}
header .layui-nav * {
    font-size: 16px!important;
}
.fr,.right{float:right}
::-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:136px;line-height: 70px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
header .logo img{width:100%;height:40px}
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 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;transition:all .3s;-webkit-transition:all .3s}
header.su .logo{width:120px;line-height: 50px;transition:all .3s;-webkit-transition:all .3s}
header.su .menu,header.su .night-open,header.su .header-user,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}
header .header-user {
    color: #333;
    line-height: 70px;
    width: 30px;
    text-align: center;
    margin-left: 10px;
    transition: all .3s;
    -webkit-transition: all .3s;
    position: relative;
}

header .header-user:hover .show {
    display: block;
    animation: pop-in;
    transform-origin: 50% top;
    animation-duration: .15s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}
header .header-user .ico {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

header .header-user .show-data {
    padding-top: 14px;
    position: absolute;
    z-index: 100001;
    right: 0;
    top: 54px;
}

header .header-user .show {
    width: 245px;
    background: #FFF;
    box-shadow: 0px 3px 14px #a9a9a9;
    border-radius: 7px;
    padding: 20px 25px;
    display: none;
}

header .header-user .show i {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 14px solid white;
    position: absolute;
    top: -14px;
    right: 27px;
    z-index: 1;
}

header .header-user .show span {
    display: block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

header .header-user .show button {
    display: block;
    background: linear-gradient(to right, #ff850b 0, #ff5945 100%);
    border: 0;
    color: #FFF;
    font-size: 14px;
    width: 100%;
    height: 34px;
    line-height: 34px;
    border-radius: 3px;
    margin: 0px auto;
    cursor: pointer;
    margin-top: 15px;
}

header .header-user .show button:hover {
    background: linear-gradient(to right, #f17f0e 0, #ea4835 100%);
}

header .header-user .show .logined_text {
    text-align: left;
}

header .header-user .show .share {
    height: auto;
    text-overflow: clip;
    white-space: inherit;
    overflow: hidden;
    border-top: 1px solid #e8e8e8;
    padding-top: 10px;
    color: #adadad;
    margin-top: 11px;
}

header .header-user .show .hot {
    background: url("../images/hot.png") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 3px;
}

header .header-user .show .logined_btn {
    margin-top: 15px;
}

header .header-user .show .logined_btn a {
    float: left;
    width: 45%;
    display: block;
    color: #FFF;
    font-size: 15px;
    height: 34px;
    line-height: 34px;
    border-radius: 3px;
    background: linear-gradient(to right, #ff850b 0, #ff5945 100%);
}

header .header-user .show .logined_btn a:nth-child(2) {
    margin-left: 8%;
    background: none;
    border: 1px solid #ff5945;
    color: #ff5945;
}

header .header-user .logined {
    width: 310px;
    padding: 29px 25px;
}
#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:5px;border-radius:5px;font-size:14px;display:block;float:left;transition:all .3s}
#search p a:hover{background:#007bf5;color:#fff}
#search input[type="submit"] {
    position: absolute;
    top: 0;
    right: 18px;
    background: none;
    border: 0;
    width: 30px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    font-size: 19px;
}
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}
.pages{text-align:center;display:block;font-size:14px;margin:10px 0 0;color:#666}
.pages li{display:inline}
.pages li{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:hover{color:#1b8eff}
.pages .active {background:#1b8eff;color:#fff;border-color:#1b8eff}
.pages .active :hover{color:#fff}
.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 li: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:translateX(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{float:left;width:calc(100% - 85px);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}
.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:#77bbff}
}
.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}

@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;width:8rem;width:9rem;}
    header .logo img{height:50px;line-height: 70px;margin:auto}
    header.su .logo{padding:0;width:9rem;line-height: 50px;}
    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:5px}
    body .backtop{display:none}
    footer .footer p{margin-bottom:10px}
    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}
}
body.night, body.night #search, body.night #searchBox .layui-layer, body.night .article-body blockquote, body.night .article-down ul li, 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 .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-black, body.night .tool-video .layui-input, body.night .site-nav li a,body.night .article-body h5,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,.night .article-tags{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-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 .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{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 .night-color,body.night .tool-video .layui-input,body.night .index-ad-txt ul a,body.night .article-body h5,body.night .article-body p,body.night .tags-page h2,body.night .user-menu li a,body.night .user-box .layui-input,body.night .user-login .layui-input,body.night #newdigg a{color:#c0c4cc}
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 .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 .night-border, body.night .tool-video .layui-input,body.night .user-box .layui-input,body.night .user-login .layui-input,body.night #newdigg a{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 #newdigg a.yjz{background:#252525 url(../images/yjz.png) no-repeat 20px center;}
body.night #newdigg a.wjz{background:#252525 url(../images/wjz.png) no-repeat 20px center;}
.alipaybg{
    background: #00a7ef;
    color: #ffffff;
}

.wxpaybg{
    background: #08bb21;
    color: #ffffff;
}