body:before {
  content: '';
  position: absolute;
  top: 0 !important;
  left: 0;
  right: 0;
  width: 100%;
  height: 550px;
  background-image: url(/skin/zhann/images/blury-shape-bg-light.png);
  background-size: cover;
  z-index: -1;
}

.io-black-mode body:before {
    background-image: url(/skin/zhann/images/blury-shape-bg-dark.png);
}

.page-header {
    background: none !important;
  position: absolute;
}


.io-black-mode .page-header {
    background: rgba(44,46,47,0.7) !important;
}

.url-card .max .url-img {
    width: 40px;
  height: 40px;
}

.card-body .url-img img {
    border: none !important;
}

.panel-body.single.mt-2 img {
    border-radius: 6px;
  border: 2px solid #eee;
}

.meta-media {
  position: relative;
  margin-bottom: 30px;
  float: left;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
}
.video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.table-bordered {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

a.underline {
    border-bottom: 3px solid #5961f9;
}

a.underline:hover {
    border-bottom: 3px solid #ee9ae5;
}

.io-edit-post-card-content .mx-auto {
    margin-left: 0!important;
}

.panel-body .url-card.shortcode-url .card {
    background: white;
}
.io-black-mode .panel-body .url-card.shortcode-url .card {
    background: #2c2e2f;
}

@media screen and (min-width: 768px) {
  .header-big {
        padding-top: 80px;
    }
}

/* 快讯页面样式开始 */
.news-content h2{
  border: none;
}
.news-list .news-date {
    padding: 32px 20px 12px 20px;
    font-size: 20px;
    line-height: 26px;
    position: relative;
    font-weight: 700;
    color: #5961f9;
}
.news-list .news-item {
    padding: 20px 0 5px 20px;
}
.news-list .news-date, .news-list .news-item {
    position: relative;
    margin-left: 15px;
    border-left: 1px dashed #c3c8fe;
}
.news-list .news-time {
    position: relative;
    display: block;
    margin-top: 10px;
    font-size: 14px;
}
.news-list .news-hour {
    position: relative;
    display: block;
    padding-top: 10px;
    padding-left: 12px;
    margin-left: 15px;
    border-left: 1px dashed #c3c8fe;
}
.news-list .news-date:after, .news-list .news-date:before {
    position: absolute;
    left: -8px;
    top: 38px;
    width: 16px;
    height: 16px;
    content: "";
    border-radius: 1px;
    background: #5961f9;
}
.news-list .news-time:before {
    border: 4px solid #5961f9;
    opacity: 1;
}
.news-list .news-content h2 {
    position: relative;
    font-size: 18px;
    line-height: 1.4;
}
.news-list .news-content p {
    font-size: 15px;
    margin: 0;
    line-height: 1.65;
}
.news-list h2:after, .news-list h2:before {
    position: absolute;
    left: -3.5px;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 6px;
    border: 4px solid #5961f9;
    box-sizing: initial;
    background: #fff;
    content: "";
}
.panel-body.single.mt-2 .news-time img {
    border-radius: 2px;
    border: none;
}
.panel-body.single.mt-2 img.news-banner {
    border-radius: 0px;
    border: none;
}
.panel-body .news-content h2 a:not(.no-c) {
    color: #282a2d;
}
.io-black-mode .panel-body .news-content h2 a:not(.no-c) {
    color: #c6c9cf;
}
.panel-body .news-content h2 a:not(.no-c):hover {
    color: #5961f9;
}
.news-content .external:after {
    content: "";
}
.news-content h2 .badge-danger {
    background-color: #F1404B;
}
/* 快讯页面样式结束 */
.tab-widget-content .img-post .media-content {
    -webkit-transform: none;
    transform: none;
}
.img-post .media-content {
    -webkit-transform: none;
    transform: none;
}
.io-black-mode .panel-body .table td {
    color: #eee;
}
/* 滚动条 */
@media screen and (min-width: 768px) {
  .sidebar-nav-inner .flex-fill {
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .sidebar-nav-inner .flex-fill:hover {
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
}
/* 备案查询页面黑暗模式颜色修改 */
.io-black-mode .theme--light.v-application {
    background: #2c2e2f;
    color: white;
}
.io-black-mode .theme--light.v-sheet {
    background-color: #2c2e2f;
    border-color: #5e6063 !important;
    color: white;
}
.io-black-mode .theme--light.v-label {
    color: rgb(255 255 255 / 60%);
}
.io-black-mode .theme--light.v-icon {
    color: rgb(255 255 255 / 60%);
}
.io-black-mode .theme--light.v-text-field>.v-input__control>.v-input__slot:before {
    border-color: rgb(255 255 255 / 42%);
}
.io-black-mode .theme--light.v-data-table {
        background-color: #2c2e2f;
    color: rgb(255 255 255 / 87%);
}
.io-black-mode .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:last-child, .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row), .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:last-child, .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>th:not(.v-data-table__mobile-row), .theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th {
    border-bottom: thin solid rgb(255 255 255 / 12%);
}
.io-black-mode .theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th {
    border-bottom: thin solid rgb(255 255 255 / 12%);
}
.io-black-mode .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:not(:last-child)>td:not(.v-data-table__mobile-row) {
        border-bottom: thin solid rgb(255 255 255 / 12%);
}
th.text-start, td.text-start {
        border-left: none;
    border-right: none;
}
th.text-start {
        border-top: none;
}
.io-black-mode .theme--light.v-data-table .v-data-table-header th.sortable:hover {
    color: rgb(255 255 255 / 87%);
}
.io-black-mode .theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr>th {
        color: rgba(255,255,255,.6);
}
.io-black-mode .theme--light.v-data-table .v-data-table-header th.sortable .v-data-table-header__icon {
    color: rgb(255 255 255 / 58%);
}
.io-black-mode .theme--light.v-btn.v-btn--disabled, .theme--light.v-btn.v-btn--disabled .v-btn__loading, .theme--light.v-btn.v-btn--disabled .v-icon {
    color: rgb(255 255 255 / 26%)!important;
}
.io-black-mode .v-btn>.v-btn__content .v-icon {
    color: #fff;
}
.io-black-mode .theme--light.v-select .v-select__selections {
    color: rgb(255 255 255 / 87%);
}
.io-black-mode .theme--light.v-list-item:not(.v-list-item--active):not(.v-list-item--disabled) {
    color: rgb(255 255 255 / 87%);
}
.io-black-mode .theme--light.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {
    background: #222;
}
.io-black-mode .theme--light.v-input input {
    color: rgb(255 255 255 / 87%);
}
.io-black-mode .theme--light.v-data-table .v-data-table__empty-wrapper {
    color: rgb(255 255 255 / 38%);
}
div.card-app > div.card-body {
    padding: 0.8rem;
}
.app-rounded {
    border-radius: 22% !important;
}
div.card-app.card {
  border-radius: .45rem !important;
}
.screenshot-carousel .img_wrapper {
    height: 360px !important;
}
.io-black-mode .enlighter-t-enlighter .enlighter-text {
    color: #99a;
}
.site-content a img.alignnone {
    border-radius: .3rem;
    border: 1px solid #ddd;
}.customize-width{max-width:1900px}.sidebar-nav{width:220px}@media (min-width: 768px){.main-content{margin-left:220px;}.main-content .page-header{left:220px;}}</style><meta name="redi-version" content="1.2.2" /><style>.panel-body a:not(.no-c){color:#5961f9}.panel-body a:not(.no-c):hover{color:#ee9ae5}a:hover,.io-grey-mode .sidebar-show,.io-grey-mode .sidebar-item>a:hover,.io-grey-mode .sidebar-item li>a:hover,.home-like:hover,
        .io-grey-mode .sidebar-popup>div>ul>li>a:hover{color:#5961f9}
        .header-mini-btn label:hover path{ stroke:#5961f9}
        .url-card .max .tga a:not(.no-tag):hover,.card-app.card .tga a:not(.no-tag):hover{background:#5961f9}
        .sidebar .url-card .card:hover{border: 1px solid #5961f9!important;}.tags i{color:#5961f9}.custom-piece_c_b{background:#5961f9!important}.custom-piece_c{color:#5961f9!important}.slider_menu[sliderTab] .anchor,.customize-menu .btn-edit,.badge-danger,.comment-list .rank,.sidebar .card-header:after{background:#5961f9}.badge-outline-primary{color:#5961f9;border:#5961f9 solid 1px}.posts-nav .page-numbers.current,.posts-nav .page-numbers:not(.dots):hover,#comments-navi>a:hover,#comments-navi>.current,.page-nav>a:hover span,.page-nav>.current span{background-color:#5961f9;box-shadow: 0px 5px 20px -3px rgba(89,97,249,.6);}     
.custom-control-input:not(:disabled):active~.custom-control-label::before{background-color:rgba(89,97,249,.15);border-color:rgba(89,97,249,.15);}
.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(89,97,249,.25)}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#5961f9}
.custom-control-input:checked~.custom-control-label::before{border-color:#5961f9;background-color:#5961f9}
.btn-search:hover,.btn-search.current{background-color:#5961f9;box-shadow: 0 5px 20px -3px rgba(89,97,249,.6)}.btn-search.current:after{border-top-color:#5961f9}.panel-body h2,.panel-body h3 {border-color:#5961f9}.custom_btn-outline {color: #5961f9;background-color: transparent;border-color: #5961f9;}
.custom_btn-outline a{color:#007bff; }
.custom_btn-outline a:hover{color:#ffffff; }
.custom_btn-outline:hover {color: #ffffff!important;background-color: #14171B;border-color: #14171B;}
.custom_btn-outline:focus, .custom_btn-outline.focus {color: #14171B;box-shadow: 0 0 0 0 transparent!important;background-color: transparent;}
.custom_btn-outline.disabled, .custom_btn-outline:disabled {color: #5961f9;background-color: transparent!important;}
.custom_btn-outline:not(:disabled):not(.disabled):active, .custom_btn-outline:not(:disabled):not(.disabled).active,.show > .custom_btn-outline.dropdown-toggle {color: #fff;background-color: #5961f9;border-color: #5961f9;}
.custom_btn-outline:not(:disabled):not(.disabled):active:focus, .custom_btn-outline:not(:disabled):not(.disabled).active:focus,.show > .custom_btn-outline.dropdown-toggle:focus {box-shadow: 0 0 0 0 transparent!important;}
.custom_btn-d {color: #ffffff;background-color: #5961f9;border-color: #5961f9;}
.custom_btn-d:hover {color: #ffffff;background-color: #14171B;border-color: #14171B;}
.custom_btn-d:focus,.custom_btn-d.focus {color: #ffffff;background-color: #14171B;border-color: #14171B;box-shadow: 0 0 0 0 transparent!important;}
.custom_btn-d.disabled,.custom_btn-d:disabled {color: #ffffff;background-color:#5961f9;border-color: #5961f9;}
.custom_btn-d:not(:disabled):not(.disabled):active,.custom_btn-d:not(:disabled):not(.disabled).active{color: #ffffff;background-color: #14171B;border-color: #14171B;}
.custom_btn-d:not(:disabled):not(.disabled):active:focus,.custom_btn-d:not(:disabled):not(.disabled).active:focus{box-shadow: 0 0 0 0 transparent!important;}
.btn.custom_btn-d {color: #ffffff;background-color: #5961f9;border-color: #5961f9;}
.btn.custom_btn-d:hover {color: #ffffff;background-color: #14171B;border-color: #14171B;}
.btn.custom_btn-d:focus,.btn.custom_btn-d.focus {color: #ffffff;background-color: #14171B;border-color: #14171B;box-shadow: 0 0 0 0 transparent!important;}
.btn.custom_btn-d.disabled,.btn.custom_btn-d:disabled {color: #ffffff;background-color:#5961f9;border-color: #5961f9;}
.btn.custom_btn-d:not(:disabled):not(.disabled):active,.btn.custom_btn-d:not(:disabled):not(.disabled).active,.show > .custom_btn-d.dropdown-toggle {color: #ffffff;background-color: #14171B;border-color: #14171B;}
.btn.custom_btn-d:not(:disabled):not(.disabled):active:focus,.btn.custom_btn-d:not(:disabled):not(.disabled).active:focus,.show > .custom_btn-d.dropdown-toggle:focus {box-shadow: 0 0 0 0 transparent!important;}
.btn-dark:hover{background-color:#5961f9;border-color:#5961f9}
.sidebar .card .searchform input[type='submit']{border: 1px solid #5961f9;background-color:#5961f9}
.sidebar .card .searchform input[type='submit']:hover{border: 1px solid #14171B;background-color:#14171B}
body * :not(input):not(textarea) {
    user-select: none !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -khtml-user-select: none !important;
    -ms-user-select: none !important;
}

#amm_drcfw_toast_msg {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 999;
    left: 50%;
    bottom: 30px;
    font-size: 17px
}

#amm_drcfw_toast_msg.show {
    visibility: visible;
    -webkit-animation: fadein .5s,fadeout .5s 2.5s;
    animation: fadein .5s,fadeout .5s 2.5s
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0
    }

    to {
        bottom: 30px;
        opacity: 1
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0
    }

    to {
        bottom: 30px;
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1
    }

    to {
        bottom: 0;
        opacity: 0
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1
    }

    to {
        bottom: 0;
        opacity: 0
    }
}

.modal {  
display: none; /* 默认隐藏 */  
position: fixed;  
z-index: 1000;  
left: 0;  
top: 0;  
width: 100%;  
height: 100%;  
background-color: rgba(0, 0, 0, 0.5);  
justify-content: center;  
align-items: center;  
}  
.modal-content {  
background-color: white;  
padding: 20px;  
border-radius: 8px;  
width: 90%;  
max-width: 800px;  
position: relative; /* 使关闭按钮相对于弹出层内容定位 */  
}  
.close {  
position: absolute;  
top: 10px;  
right: 10px;  
cursor: pointer;  
font-size: 24px; /* 调整关闭按钮的大小 */  
}  
.header {  
display: flex;  
justify-content: space-between;  
align-items: center;  
}
.posts-nav a.pagesize{
    color: #fff !important;
    background-color: #5961f9;
    box-shadow: 0px 5px 20px -3px rgba(89,97,249,.6);
    position: relative;
    min-width: 35px;
    height: 35px;
    padding: 0 5px;
    line-height: 35px;
    display: inline-block;
    margin: 0 2px;
    border-radius: .2rem;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.posts-nav span.thisclass{
    color: #fff !important;
    background-color: #5961f9;
    box-shadow: 0px 5px 20px -3px rgba(89,97,249,.6);
    position: relative;
    min-width: 35px;
    height: 35px;
    padding: 0 5px;
    line-height: 35px;
    display: inline-block;
    margin: 0 2px;
    border-radius: .2rem;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.posts-nav a{
    position: relative;
    min-width: 35px;
    height: 35px;
    padding: 0 5px;
    line-height: 35px;
    display: inline-block;
    background-color: rgba(150,150,150,.16);
    margin: 0 2px;
    border-radius: .2rem;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
}
.panel-body img{
    pointer-events: none;  
}
.panel-body a{
     
}