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: #a6a6a6;
/*    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: #d2d2d2;
    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 160px;
}

header nav ul li {
    line-height: 70px!important
}

header nav ul li i {
    margin-right: 5px
}

header nav ul li:nth-child(2) i {
    color: #333
}

body.night header nav ul li:nth-child(2) i {
    color: #adadad
}

header nav ul li:nth-child(3) i {
    color: #ff5722
}

header nav ul li:nth-child(4) i {
    color: #7ac143
}

header nav ul li:nth-child(5) i {
    color: #1b8eff
}

header nav ul li:nth-child(6) i {
    color: #ff9e0f
}

header nav ul li:nth-child(7) i {
    color: #6f6f6f
}

header nav ul li:nth-child(8) i {
    color: #44a5ff
}

header .layui-nav {
    background: 0 0;
    color: #666
}

header .layui-nav {
    background: 0 0;
    color: #666
}

header .layui-nav .layui-this:after {
    width: 30%;
    margin: 0 35%;
    display: none
}

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,header.su .user-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, header .user-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 .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;
    width: 0;
    height: 0;
    overflow: hidden
}

#search {
    width: 678px;
    height: 230px;
    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: 15px;
    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;
    text-align: center;
}

#search .search {
    margin: 33px 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: 10px;
}

.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 {
    width: 370px;
    position: sticky;
    top: 50px;
}

.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 .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: 90px;
    background: #007bf5;
    left: 0;
    top: 42px;
    border-radius: 5px;
    transition: all .5s
}

.right.public .cnxh {
    border-radius: 5px;
    background: #fff;
    padding: 15px;
}

.right.public .cnxh:hover .title:after {
    width: 40px
}

.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%;
    object-fit: cover
}

.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
}

.right.public .cnxh li:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.right.public .cnxh li:first-child {
    margin-top: 0
}

.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: 15px;
    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% - 20px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    display: block;
}

.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;
}

.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 #btn {
    border: 0;
    padding: 5px 30px;
    line-height: 30px;
    border-radius: 5px;
    background: #007bf5;
    color: #fff
}

.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;
}

.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;
}

@font-face {
    font-family: iconfont;
    src: url(//at.alicdn.com/t/font_2372324_06j8zt9in68.woff2?t=1631197956435) format('woff2'),url(//at.alicdn.com/t/font_2372324_06j8zt9in68.woff?t=1631197956435) format('woff'),url(//at.alicdn.com/t/font_2372324_06j8zt9in68.ttf?t=1631197956435) format('truetype')
}

.iconfont {
    font-family: iconfont!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.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"
}

@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 nav ul li a i {
        display: none!important
    }

    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
    }

    .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;
        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
    }

    .pages .no-result .search-box {
        width: 90%
    }

    header .user-open {
        margin-right: 15px;
    }

    header .user-open .user-open-box {
        right: -19px;
    }
}

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, body.night .article-tags,body.night .article-filepage p,body.night .article-filepage span a,body.night .vip-tips,body.night .index-news .news-type a,body.night .article-tags,body.night .article-body h5,body.night .list-cover-main li,body.night .list-main .soft.list>ul li span.type,body.night .list-main .soft.list>ul li:after {
    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 .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 .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,body.night .night-bg,body.night .right.public .cnxh {
    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-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 .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, body.night #newdigg a, body.night .article-filepage span a, body.night .user-stow .list .txt .tit, body.night header .user-open a, body.night .layui-layer-title, body.night .article-body h5, body.night .article-tit .collect, body.night .list-cover-main .tit h3, body.night .list-nav.search, body.night .pages .no-result h2, body.night.right.public .r-list .bar li, body.night .list-main .soft.list>ul li .tit {
    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,body.night #newdigg a,body.night .article-filepage blockquote, body.night .user-stow .list ul li, body.night .user-stow .list .img,body.night .index-news .news-type a.hover,body.night .right .sjmh .search input.txt,body.night .layui-layer-title,body.night .index-tool-list li img,body.night .hot-soft .plate-list li .img,body.night .list-cover-main li,body.night .list-cover-main .tit h3,body.night .right.public .title,body.night .right.public .cnxh li .img,body.night .list-main .soft.list>ul li span.type,body.night .list-main .soft.list>ul li .img,body.night .list-cover-main ul.layui-clear 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 .article-body h6 span {
    color: #c0c4cc!important
}

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;
}

body.night .layui-layer-close1 {
    background: url(../images/layui_icon.png) no-repeat;
    background-position: 1px -40px;
}

body.night .article-tit .collect {
    background: #323335!important
}

body.night .article-tit .collect.cover i {
    color: #f69910;
}

.mx-display-name {
    max-width: 150px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-avatar-img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #eee;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    transform: scale(1) rotate( 0deg );
    -webkit-transform: scale(1) rotate( 0deg );
    margin-right: .15rem !important;
}

.rounded-circle {
    border-radius: 50%!important;
    align-items: center !important;
    display: flex !important;
}

#pay .closePay {
    font-size: 21px;
    position: absolute;
    right: 14px;
    top: 8px;
    color: #b3b3b3;
    cursor: pointer;
    z-index: 1;
}