body.dark-mode {
    background: #17181A;
}
.dark-mode a{
    color: #E7E9EB;
}
.dark-mode a:hover{
    color: #78C0FF !important;
    text-decoration: none!important;
}
a:hover{
    text-decoration: none;
}
.dark-mode .hot-box a:hover {
    color: #78C0FF;
}
.dark-mode #navbar {
    background-color: #242628;
    border-bottom: #2A2E42 solid 1px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
}
.dark-mode .nav-link{
    color: #E7E9EB;
}
.dark-mode .hot-title {
    background: #1E2022!important;
    border-bottom: 1px solid #dddddd29;
}
.dark-mode .hot-title h2{
    color: #fff;
}
.dark-mode #container{
    box-shadow:none;
}
.dark-mode .class-img {
    color: #757A81;
}
.dark-mode .rec_rboxone {
    box-shadow: none;
}
.dark-mode .pagination li{
    box-shadow: none;
    background: #242628;
}
.dark-mode #containerhot .inner {
    background: #242628;
    border: 0;
    border-radius: 4px;
}
.dark-mode #conten {
    background: #242628;
    border: 0;
    border-radius: 4px;
}

.dark-mode .class-box li {
    border-bottom: 1px solid #dddddd14;
}
.dark-mode .class-img img {
    border: 0;
    border-radius: 5px;
}

.dark-mode .class-box .author {
    color: #757A81;
}
.dark-mode .class-img p a {
    color: #757A81;
}
.dark-mode .class-img h5 a {
    color: #E7E9EB;

}
.dark-mode .class-img h5 {
    color: #E7E9EB;
}

.dark-mode #sidebar {
    border: 0;
    background: #242628;
    border-radius: 6px;
        box-shadow: none;
}
.dark-mode #sidebar .title {
    background: #1E2022;
    border-bottom: 1px solid #dddddd29;
    border-top: 0;
    color: #fff;
}

.dark-mode .item-list li, .dark-mode #sidebar ul li {
    border-top: 1px solid #dddddd14;
}
.dark-mode .item-list li:first-child,
.dark-mode #sidebar ul li:first-child {
    border-top: none;
}
.dark-mode .item-list .titles {
    color: #E7E9EB;
}
.dark-mode .item-list span {
    color: #757A81;
}
.dark-mode #content1 {
    background: #242628;
    border: 0;
    border-radius: 4px;
}
.dark-mode .item-index li.noxt {
    border-bottom: 1px dotted #dddddd1a;
}
.dark-mode .noxt .ctitle {
    color: #E7E9EB;
}
.dark-mode .noxt .ititle {
    color: #E7E9EB;
}
.dark-mode .rec_rullist li.two a {
    color: #E7E9EB;
}
.dark-mode .noxt .zjie{
    color: #E7E9EB;
}
.dark-mode .itemg a {
    border: 1px solid #5a5a5a8f;
    background: #5a5a5a8f;
}
.dark-mode .itemg a:hover {
    color: #fff!important;
    background: #78C0FF;
}
.dark-mode .bread-crumb-nav {
    box-shadow: none;
}
.dark-mode .ui-box {
    box-shadow: none;
}
.dark-mode .noxt .author{
    color: #757A81;
}
.dark-mode .itemg.novel a {
    background: #78C0FF;
    color: #fff;
}
.dark-mode .itemg.novel a:hover {
    background: #78C0FF90;
    border: 0;
    color: #fff;
}
.itemg.novel a {
    background: #78C0FF;
    border: 1px solid #78C0FF;
    color: #fff;
}
.dark-mode .noxt .time {
    color: #757A81;
}
.dark-mode #sidebar .inner {
    background: none;
}
.dark-mode .footer_cont {
    border: 0;
    box-shadow: none;
    background: #242628;
    border-radius: 4px;
}
.dark-mode #firendlink strong {
    background: #78C0FF;
    border-radius: 4px;
}
.dark-mode .footer {
    border-top: #2A2E42 solid 1px;
    background: #242628;
}
.dark-mode .copyright p {
    color: #757A81;
}
.dark-mode #backToTop {
    background-color: #78C0FF;
}
.dark-mode .bread-crumb-nav {
    border: 0;
    background: none;
        margin-left: -18px;

}
.dark-mode .ui-box{
    border: 0;
    background: none;
}
.dark-mode .ui_bg6 {
    background: #242628;
    border-radius: 4px;
}
.dark-mode .box_intro .pic {
    border: 0;
    background: none;
    color: #757A81;
}
.dark-mode .btn_yuedu {
    background: #78C0FF;
    border-radius: 4px;
    color: #fff;
}
.dark-mode .txtopt a{
   background: #78C0FF;
    border-radius: 4px; 
        color: #fff;
}
.dark-mode .txtopt a:hover {
    background: #78C0FFad;
    color: #fff!important;
}
.dark-mode a.btn_yuedu:hover {
    background: #78C0FFad;
    color: #fff!important;
}
.dark-mode .box_intro .box_info {
    color: #757A81;
}
.dark-mode .pic img{
    border-radius: 4px;
}
.dark-mode .wudu-bar{
    background: #242628;
    border: 0;
    border-radius: 5px;
}

.dark-mode .wudu-bar .ui-title {
    border: 0;
    color: #fff;
    border-radius: 5px 5px 0 0;
    background: #1E2022;
}
.dark-mode .ui_bg6{
    box-shadow: none;
}
.dark-mode .list-group-item a {
    color: #E7E9EB;
}
.dark-mode p.mb-1.text-muted {
    color: #757A81!important;
}
.dark-mode p.mb-1.text-muted a{
    color: #757A81!important;
}
.dark-mode p.timedesc {
    color: #757A81;
}
.dark-mode .text-muted {
    color: #E7E9EB;
}
.dark-mode .content-txt {
    color: #757A81;
}
.dark-mode .wudu-bar{
    box-shadow: none;
}
.dark-mode .con li {
    border-bottom: 1px dashed #46494D;
}
.dark-mode .con li:last-child {
    border-bottom: none;
}
.dark-mode .itemr .info a {
    color: #E7E9EB;
}
.dark-mode .itemr .info .ts {
    color: #757A81;
}
.dark-mode img.fengmian2{
   border-radius: 5px; 
}
.dark-mode .novel_tishi {
    background: #3f444a;
    border-radius: 5px;
    border: 0;
}
.dark-mode .novel_title {
    color: #E7E9EB;
}
.dark-mode .jianjie h6 {
    color: #E7E9EB;
    font-size: 18px;
}
.dark-mode .novel_info a{
    color: #78C0FF;
}
.infodatalist a{
    color: #78C0FF;
}
.dark-mode .tit.tabtitle a {
    color: #78C0FF;
}
.dark-mode .infodatalist a{
    color: #78C0FF;
}
.dark-mode #ddlist {
    padding: 16px 0;
    color: #757A81;
}
.dark-mode .jianjie p {
    color: #757A81;
}
.dark-mode .tags_list {
    color: #E7E9EB;
}
.dark-mode .tags_list a em {
    color: #78C0FF;
}
.dark-mode .tags_list p{
    color: #757A81;
}
.dark-mode .tit.tabtitle {
    border-radius: 5px 5px 0 0;
    background: #2F3134;
    color: #fff;
}
.dark-mode .book_newchap {
    border: 1px solid #46494D;
    border-radius: 5px;
}
.dark-mode .book_newchap .con {
    padding: 0 10px;
    border: 0;
    border-top: 0;
}
.dark-mode .bcont {
    color: #E7E9EB;
}

.no_comments{

    bottom: 0;
    width: 96%;
    background: rgb(238 238 238 / 70%);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}
.dark-mode .no_comments {
    background: rgb(28 28 28 / 70%);
    color: #E7E9EB;
}
.dark-mode .no_comments a{
    color: #78C0FF;
}
.dark-mode .rtit {
    border-radius: 5px 5px 0 0;
    background: #242628;
    border-bottom: 1px solid #dddddd29;
}
.dark-mode .rtit h2 {
    background: none;
}
.dark-mode .rec_rboxone {
    border: 0;
    background: #242628;
}
.dark-mode .rec_rulbox {
    color: #d2d2d2;
        border-bottom: 1px solid #434343;
}
.dark-mode .rec_rullist li.five {
    color: #757A81;
}
.dark-mode .rec_rullist li.six {
    color: #757A81;
}
.dark-mode .rec_rullist li {
    color: #757A81;
}
.dark-mode .rec_rullist li.sev span a {
    color: #78C0FF;
}
.dark-mode .pagination li {
    border: 0;
}
.dark-mode .pagination li.active {
    background: #78C0FF;
}
.dark-mode .pagination li:hover {
    background: #78C0FF;
}
.dark-mode .clearfix.rec_rullist ul {
    border-bottom: 1px solid #eeeeee26;
}
.dark-mode .rec_rullist ul:last-child {
    border-bottom: none;
}
.dark-mode .search-button {
    color: #666;
}
.dark-mode .searchType a{
    color: #666;
}
.dark-mode .dropdown-content {
    background: #242628;
    border-radius: 6px;
    box-shadow: 1px 2px 18px #0c0b19;
}

.dark-mode .dropdown-content a:hover {
    background: #78C0FF;
    color: #fff!important;
    border-radius: 6px;
}
.dark-mode .nav-fenlei {
    border: 0;
    background: #242628;
    box-shadow: 1px 2px 18px #0c0b19;
    border-radius: 6px;
}
.dark-mode .fenlei-item a{
    border:0;
}
.dark-mode .fenlei-item a:hover {
    background: #78C0FF;
    border-radius: 5px;
    color: #fff!important;
}
.dark-mode .nav-rank {
    border:0;
    background: #242628;
    box-shadow: 1px 2px 18px #0c0b19;
}
.dark-mode .rank-item a {
    border: 0;
}
.dark-mode .rank-item a:hover {
    background: #78C0FF;
    border-radius: 5px;
    color: #fff!important;
}
#counter-box ul {
    color: #F43B47;
}
.dark-mode #counter-box ul {
    color: #fff;
}
body.comment.dark-mode {
    background: #242628;
}
.dark-mode #counter-box ul {
    color: #78C0FF;
}
.dark-mode .postborder textarea {
    background: #1c1c1c;
    border-radius: 6px;
    color: #fff;
    border: 1px solid #46494D;
    font-family: 'Microsoft YaHei', SimSun, sans-serif;
}
.dark-mode .username {
    color: #E7E9EB;
}
.dark-mode .post-content .post-message p {
    color: #E7E9EB;
}
.dark-mode .post-list .post {
    border-bottom: 1px solid #dddddd2e;
}
.post-list .post:last-child {
    border-bottom: none;
}
.dark-mode .nav-left span {
    color: #78C0FF;
}
.dark-mode .ui-search {
    background-color: #17181A;
}
.dark-mode .search-button {
    background: #17181A;
    color: #666;
}
.dark-mode .btn-info.ajaxpost {
    background: #78C0FF;
}

.dark-mode .header {
    border-bottom: 0;
}
.dark-mode .login-wrap {
    background: #242628;
    border: 0;
    border-radius: 6px;
}
.dark-mode .login-title {
    color: #fff;
}
.dark-mode .login-box dd {
    border: 1px solid #46494D;
    border-radius: 5px;
}
.dark-mode .input-mode dd input {
    background: none;
    color: #a4a4a4;
}
.dark-mode .footer-wrap .footer {
    outline: #242628 solid 1500px;
}
.dark-mode .footer-wrap {
    border-top: 1px solid #393939;
}
.dark-mode .reg-wrap {
    background: #242628;
    padding-top: 20px;
    border-radius: 6px;
}
.dark-mode .reg-step span.act {
    color: #fff;
}

.dark-mode .reg-step {
    border-bottom: 1px solid #3a3a3a;
}
.dark-mode .reg-form-wrap .reg-form-list dd em {
    color: #BFBFBF;
}
.dark-mode .reg-form-wrap .reg-form-list dd input[type=text], .dark-mode .reg-form-wrap .reg-form-list dd input[type=password] {
    border: 1px solid #575757;
    background: none;
    color: #ddd;
    border-radius: 5px;
}
.dark-mode .deal label {
    color: #ddd;
}
.dark-mode .content {
    background: #242628;
    border: 0;
    border-radius: 6px;
}
.dark-mode .content h2 {
    color: #fff;
    padding-top: 10px;
}
.dark-mode .longreg span {
    color: #919191;
}
.dark-mode .header-user-nav {
    border: 0;
    background: #242628;
    box-shadow: 1px 2px 18px #0c0b19;
    border-radius: 6px;
}
.dark-mode #mode-change i:hover {
    color: #78C0FF;
}
.dark-mode .info_ddg .itemg a:hover {
    color: #fff!important;
}
.webBody.index_ddg {
    margin-top: 10px;
}
.dark-mode .warpper {
    
    border-radius: 6px;
}
.dark-mode .mu_contain{
    background: #242628;
}
.dark-mode .mulu_list {
    background: none;
}
.dark-mode .mu_contain h1{
    color: #E7E9EB;
}
.dark-mode .infos span {
    color: #757A81;
}
.dark-mode .infos a{
    color: #757A81;
}
.dark-mode .mulu_list li {
    border-bottom: 1px dotted #e5e5e53d;
}
.dark-mode .mulu_list li a {
    color: #E7E9EB;
}
.ri-notification-3-fill {
    font-size: 17px!important;
}
.global-nav h4 {
    color: #333;
    font-weight: 600!important;
}
.global-nav h5 {
    color: #333;
}
.dark-mode .global-nav h4 {
    color: #E7E9EB;
    font-weight: 600!important;
}
.dark-mode .global-nav h5 {
    color: #E7E9EB;
}
.dark-mode .pagination li a {
    padding: 5px 10px;
    color: #E7E9EB;
}
.dark-mode .pagination li a:hover {
    color: #fff!important;
}
.dark-mode #containerhot .inner {
    box-shadow: none;
}
.mu_contain {
    border-radius: 6px;
    box-shadow: 0px 5px 16px #ededed;
    margin-top: 10px;
}
.itemg a:hover{
    background: #78C0FFcc;
    border: 1px solid #78C0FFcc;
}
.dark-mode .mu_contain {
    box-shadow: none;
}
.dark-mode .item-list li a {
    color: #E7E9EB;
}
.layui-form.xstyps .layui-input {
    border-radius: 5px 0 0 5px;
}
.layui-form.xstyps .layui-btn {
    border-radius: 0 5px 5px 0;
    width: 80px;
}
.dark-mode .layui-form-item.xstyps select {
    background: #29292C;
    border: 1px solid #29292C;
    color: #777;
}
.head-top .search-form{
    background: #78C0FF;
    color: #fff;
    margin-bottom: 8px;
}
.selectbox .d-inline-block.w-auto {
    color: #78C0FF;
    border: 0;
    height: 20px;
    border-radius: 3px;
}
.dark-mode .head-top .search-form{
    background: #242628;
    color: #fff;
}
.dark-mode .selectbox .d-inline-block.w-auto {
    color: #17181A;
    border: 0;
}
.dark-mode .layui-laypage-default a {
    color: #e7e9ebe3;
    border-radius: 5px;
}
span.layui-laypage-curr {
    background: #78C0FF!important;
    border-radius: 5px;
}
.layui-laypage-default a {
    border-radius: 4px;
}
.dark-mode span.layui-laypage-curr {
    background: #78C0FF!important;
    border-radius: 5px;
}
.hot-img h5 a {
    color: #222;
}
.dark-mode .hot-img h5 a{
    color: #E7E9EB;
}
.dark-mode .hot-img p a{
    color: #757A81;
}
.dark-mode .hot-img {
    color: #757A81;
}
.dark-mode .list-group-item {
    background: #242628;
}
@media (max-width: 800px) {
    body.comment.dark-mode {
        background: #17181A;
    }
}