@charset "UTF-8";
/* 等级40的站不可见 */
.col-no {
    display: none;
}

/*声明当前页面支持 light 和 dark 两种模式，系统切换到深色模式时，浏览器默认样式也会切换到深色；*/
:root {
    color-scheme: light dark;
}

/*tooltip - 鼠标移上去弹消息，移开自动隐藏_S*/
/* 黑底提示框样式：默认隐藏 */
.tooltip-box {
    position: absolute;
    left: 50%;
    bottom: calc(100%);
    transform: translateX(-50%);
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility .2s;
}

.tooltip-inner {
    background: #333;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.4;
}

/* 下方三角形 */
.tooltip-arrow {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
}

/* 鼠标移上时显示提示框 */
.item:hover .tooltip-box {
    opacity: 1;
    visibility: visible;
}

/*tooltip - 鼠标移上去弹消息，移开自动隐藏_E*/

/*单行溢出*/
.ellipsis1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ellipsis2 {
    -webkit-line-clamp: 2; /* 控制显示行数 */
}

.ellipsis3 {
    -webkit-line-clamp: 3; /* 控制显示行数 */
}

.ellipsis4 {
    -webkit-line-clamp: 4; /* 控制显示行数 */
}

.ellipsis5 {
    -webkit-line-clamp: 5; /* 控制显示行数 */
}

/*网址标签右上角的小提示*/
.closed {
    filter: grayscale(100%)
}

.wailian.no {
    right: 1.6rem;
    margin-top: 1rem;
}

.wailian.no i {
    /*font-size: 2.2rem;*/
}

.wailian {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 1rem;
    margin-top: 1rem;
}

.wailian i {
    font-size: 1rem;
}

.tips {
    float: right;
    margin-right: .04rem;
    margin-top: -0.52rem;
}

.tips span {
    font-size: .6rem;
    color: #ffffff;
    padding: .1rem .1rem .12rem .1rem;
    border-radius: .2rem;
    margin-left: .1rem;
}

.tips span.h {
    background: #0875df;
}

.tips span.d {
    background: #297829;
}

.tips span.y {
    background: #297829;
}

.tips span.l {
    background: #297829;
}

.tips span.ztj {
    background: #ff002d;
}

.tips span.ztc {
    background: #000000;
}

.tips span.ztn {
    background: #b6b6b6;
}

.tips span.ztf {
    background: #776b41;
}

.tips span.ztz {
    background: #0053dc;
}

.tips span.ztl {
    background: #600303;
}

/*所有Flex在这里*/
/* 通用Flex s*/
.xdy-w-50 {
    width: 50%;
}

.xdy-t-right {
    text-align: right;
}

.xdy-bg-gray {
    background: #f2f2f2;
}

.catName.xdy-bg-gray {
    border-top: .2rem solid #02366c;
}

.item-box.xdy-bg-gray {
    border-bottom: .2rem solid #02366c;
    padding-bottom: 1.5rem;
}

.item-box.xdy-bg-gray .item {
    border: 1px solid #eaeaea !important;
    background: #ffffff;
    padding-bottom: 1rem;
}

.item-box.xdy-bg-gray .item:hover {
    border: 1px solid #d8d8d8 !important;
}

/*.item-box.xdy-bg-gray {*/
/*    border-bottom: .2rem solid #02366c;*/
/*}*/

.flex {
    display: flex; /*启用Flex*/
    display: -webkit-flex; /*Safaia*/
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

/* LOGO - Flex
   推荐 - Flex */
.layui-logo.flex {
    justify-content: center;
}

.nav-child .nav-child-kuai {
    width: 33%;
    text-align: center;
}

/*首页广告位*/
.ad_list {
    margin: .6rem 0;
}

.ad_list .item {
    background: #ffffff;
    padding: .4rem .2rem;
    border-radius: .2rem;
    box-shadow: .12rem .12rem .24rem 0 #cdcdcd;
}

.ad_list .info img {
    width: .8rem;
    height: .8rem;
}

.ad_list .txt {
    text-indent: .2rem;
    text-align: center;
    font-size: .8rem;
}

/* 网站Box上的子分类和标签按钮 */
.item-box-child {
    margin: -.72rem 0 .72rem;
}

/* 网站Box通用样式 */
.item-box {
    padding: 1rem 1.5rem .8rem;
}

.item-box .item {
    width: auto;
    border: 1px solid #f1f2f3;
    border-radius: .6rem;
    padding: .52rem .20rem;
}

.item-box .item-more,
.item-box .item:hover {
    background-color: #f1f2f3;
}


 .webicon-img {
     transition: transform .35s cubic-bezier(.4,0,.2,1);
 }
.item:hover .webicon-img {
    /* 从下往上多弹几下再恢复 */
    animation: bounceUp .8s ease forwards;
}
@keyframes bounceUp {
    0%   { transform: translateY(0) scaleY(1); }
    20%  { transform: translateY(-14px) scaleY(1.1); }   /* 第一弹 */
    40%  { transform: translateY(-4px) scaleY(0.95); }    /* 第二弹 */
    60%  { transform: translateY(-10px) scaleY(1.05); }  /* 第三弹 */
    80%  { transform: translateY(-6px) scaleY(0.98); } /* 第四弹 */
    100% { transform: translateY(0) scaleY(1); }         /* 恢复原状 */
}

.item-box .item .info.ad img {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .4rem 0 .54rem;
}

.item-box .item .info img {
    width: 1.5rem;
    height: 1.5rem;
}

/*专门用于小网站标签*/
.item-box .item.item_line {
    /*height: 2rem;*/
}

.item-box .item.item_line .info .txt {
    font-size: .78rem;
    font-weight: normal;
}

.item-box .item.item_line .info img {
    width: .8rem;
    height: .8rem;
}

.item-box .item .info .webicon {
    width: 16%;
    text-align: center;
}

.item-box .item .info.ad .txt {
    width: auto;
}

.item-box .item .info .txt {
    width: 80%;
    overflow: hidden;
    margin-left: .4rem;
}

.item-box .item .desc {
    /*padding: 0 .6rem;*/
    font-size: .76rem;
    text-align: justify;
    overflow: hidden;
    color: #8c8c8c;
    width: 80%;
    font-weight: normal;
}

.item-box .item-more {
    clear: both;
    text-align: left;
}

/*Page留言页面*/
.liuyan li, .liuyan p {
    font-size: .8rem;
}

.liuyan li b {
    color: #e70d32;
}

/*电影样式*/
.film_dan {
    padding: .6rem 0 .8rem;
    border-bottom: .1rem dotted #b1b1b1;
    margin-bottom: .6rem;
}

.film_dan h3 {
    margin: 0 0 .8rem;
}

.film_dan .film_pics {
    display: flex;
    align-items: stretch;
}

.film_dan .film_pics img {
    object-fit: cover
}

.film_dan .film_tag b {
    color: #686868;
}

.film_dan .film_star img {
    width: .8rem;
}

.film_dan .film_tj img {
    height: 1.8rem;
}

/*电影专题_Start*/
.film_box {
    justify-content: flex-start;
}

.film_box .pic.haibao {
    width: 8rem;
    height: 10rem;
    border-radius: .2rem;
    margin: 0;
}

.film_box .pic {
    width: 9.4rem;
    height: 9.4rem;
    border-radius: .4rem;
    overflow: hidden;
    margin: 1rem;
}

.film_box .pic img {
    width: 100%;
    height: 100%;
}

.film_box .title {
    text-align: center;
}

.film_box .film_info {
    width: calc(100% - 8rem);
    height: 10rem;
    display: flex;
    align-items: flex-end;
    padding-bottom: .4rem;
}

.film_box .film_info .film_bg {
    height: 76%;
    width: 90%;
    min-width: 12rem;
    padding: .8rem .8rem 0;
    background: #f8f8f8;
    border-radius: 0 .4rem .4rem 0;
}

.film_box .film_info .film_bg .film_title {
    width: 90%;
    font-size: .94rem;
}

.film_box .film_info .film_bg .film_tg {
    font-size: .8rem;
    line-height: 1.2rem;
    margin-top: .4rem;
    margin-bottom: .6rem;
    color: #9a9a9a;
}

.film_box .film_info .film_bg .film_tg span {
    color: #fff;
}

/*电影专题_End*/
.film_box .film_time {
    text-align: center;
}

.film_box .film_time {
    color: #880000;
    font-size: .8rem;
}

.film_box .film_pic {
    width: 8rem;
    height: 11rem;
    border-radius: .32rem;
    /*border: .1rem solid #fff;*/
    overflow: hidden;
    margin: 1rem auto 0;
    /*box-shadow: .1rem .1rem 1rem .1rem #cacaca;*/
}

.film_box .film_pic img {
    width: 100%;
    height: auto;
}

/*专题样式*/
.zt_item {
    border-bottom: .1rem dotted #ccc;
    height: 2.4rem;
    line-height: 2.4rem;
}

.zt_item .zt_txt {
    color: #0b4d3f;
    padding-left: .4rem;
}

.zt_item .zt_des {
    color: #aaaaaa;
}

.zt_item .zt_time {
    text-align: right;
    padding-right: .4rem;
}

.zt_show .zt_title {
    margin: .4rem 0 .8rem;
}

.zt_show .zt_des {
    margin: .4rem 0 .8rem;
    padding: .4rem .8rem;
    border-radius: .2rem;
    border: 1px solid #ccc;
    background: #e6e6e6;
    color: #989898;
}

.zt_show .zt_cont {
}

.zt_show .zt_table a {
    color: #0e8cd1;
}

/*右边Box*/
.r_kuai {
    padding: .8rem 1rem;
    font-size: .82rem;
    border-bottom: 1px dotted #e3e3e3;
}

.r_kuai h4 {
    margin-bottom: 1rem;
}

.r_kuai .SkinBtn button {
    padding: .2rem;
    border-radius: .2rem;
    border: 1px solid #3a3a3a;
    margin-right: .8rem;
    font-size: .78rem;
    cursor: hand;
}

/*列表页导航文字*/
.catName {
    padding: 1rem 1.5rem 0;
}

.catName.cate {
    padding-bottom: 1rem;
}

.catName a {
    color: #555;
}

.catName i {
    margin-right: .1rem;
}

.catName1 {
    color: #2c2c2c;
    font-size: 1rem;
    margin-right: 4rem;
}

.catName1 i {
    margin-right: .4rem;
}

.catTime {
    font-size: .72rem;
    color: #9b9b9b;
}

.child-item a {
    margin-right: .4rem;
    font-size: .8rem;
    color: #888888;
}

/*内容页社交样式*/
.social a {
    background: #e3e3e3;
    color: #838383;
    border-radius: .2rem;
    font-size: .72rem;
    padding: .26rem .42rem;
}

/*内容页tag样式自定义*/
.layui-btn-tag .layui-btn {
    margin: 0;
}

.social a.active {
    background: #0dc783;
    color: #ffffff;
}

.show-info i,
.show-info a {
    color: #2283ad;
}

.show-info i {
    margin-right: .1rem;
}

.show-info a {
    margin-right: 1.4rem;
}

.paiming {
    margin-left: .4rem;
    font-size: .76rem;
}


.paiming a {
    background: #EF4F4F;
    padding: .2rem .4rem;
    color: #ffffff;
    border-radius: .2rem;
    margin-left: .4rem;
}

.xdy-cat-more {
    padding: .6rem 0 0 .6rem;
}

.xdy-cat-more div {
    text-align: center;
    border-radius: .2rem;
}

.xdy-cat-more .layui-btn {
    margin: 0 .2rem .6rem 0;
}

/* 首页LOGO */
.logo {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .4rem;
}

.logo-font {
    font-size: 1.2rem;
}

/*卡组样式圆角*/
.layui-card, .layui-panel {
    border-radius: .28rem;
}

/*固定条小框样式*/
.layui-fixbar li {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1rem;
    margin-bottom: .3rem;
}

.layui-fixbar .layui-fixbar-top {
    font-size: 2rem;
}

/* xdy-底部样式 */
/* xdy-友情链接 */
.xdy-link {
    width: 94%;
    margin: 0 auto;
    padding: 1.5rem 1rem 1rem;
    overflow: hidden;
}

.xdy-link .catName {
    color: #555;
    padding: 0;
    margin-bottom: .64rem;
}

.xdy-link .xdy-link-body a {
    font-size: .72rem;
    position: relative;
    display: inline-block;
    margin: .25rem .5rem .25rem .25rem;
}

.xdy-link .xdy-link-body a:before {
    content: '\2022';
    display: inline-block;
    position: relative;
    margin-right: 5px;
}


.xdy-footer {
    margin-top: 1.5rem;
    /*width: 100%;*/
    height: 4rem !important;
    line-height: 4rem !important;;
    background: #fafafa;
    font-size: .74rem;
}

.xdy-footer span, .xdy-footer a, .xdy-footer-m span {
    padding: 0 1rem;
}

.xdy-footer-m {
    text-align: center;
    font-size: .74rem;
    line-height: 1.8rem;
}

/*暗黑模式_S # Layui默认是黑白设成白色*/
body {
    background: #f2f2f2;
}

.layui-layout-admin .layui-header {
    background: #fafafa;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 15%);
}

.layui-layout-admin .layui-logo {
    box-shadow: none;
}


/*Layui新主题_S*/
.layui-side-scroll .layui-nav-item.layui-this .xdy-tip-box a {
    font-weight: normal;
    color: #0d1318;
}

/*二级导航右侧展示*/
.layui-side-scroll,
.layui-layout-admin .layui-side {
    overflow-x: unset;
}

/* 同时监听父级和自身悬停，保持显示 */
.layui-nav-item:hover .xdy-tip-box,
.xdy-tip-box:hover {
    display: block !important;
}

.xdy-tip-box {
    position: absolute; /* 改为固定定位，不随滚动 */
    z-index: 9999;
    top: 0;
    left: 7rem;
    padding: .7rem 10px;
    background: #fff;
    color: #333;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
    min-width: 8rem;
    min-height: 4rem;
    display: none;
}

.layui-nav-tree .layui-nav-item .xdy-tip-box a {
    padding: 0 1rem 0 0 !important;
}

.xdy-tip-box li {
    height: 2rem;
    line-height: 2rem;
    padding: 0 .4rem;
    width: 100%;
    text-align: left;
}

.xdy-tip-box li:hover {
    background: #e8e8e8;
    border-radius: .4rem;
}

.xdy-tip-box::before {
    content: '';
    position: absolute;
    left: -6px;
    top: 1rem;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    border-color: transparent #fff transparent transparent;
}

.xdy-show-icon {
    text-align: center;
    margin-top: 1rem;
    width: 8%;
}

.xdy-show-icon img {
    width: 2.4rem;
    height: 2.4rem;
}

.xdy-show-cont {
    width: 90%;
    padding: .5rem .5rem 0 0;
}

.xdy-show-cont .xdy-show-title {
    font-size: 1.8rem;
}

.xdy-show-msgbox {
    margin: 1rem 2rem 0;
    min-height: 15rem;
}

.show-info {
    color: #2F4056;
    font-size: .8rem;
    margin: .32rem 0 0;
}


.ad_show {
    margin: .6rem 0 .4rem;
}

.ad_show .item {
    padding: .01rem .28rem;
    background: #efefef;
    margin-right: .4rem;
    border-radius: .2rem;
}

.ad_show a {
    color: #e05a0d;
    font-size: .76rem;
    margin: .4rem 0;
}

.ad_show img {
    width: .8rem;
    height: .8rem;
    margin-right: .2rem;
}

.xdy-breadcrumb {
    margin: 0 0 0.5rem;
}

.xdy-card {
    width: 92%;
    margin: 0 auto;
    padding: 1.5rem 0 1rem;
    overflow: hidden;
    box-shadow: none;
}

.xdy-page {
    margin: 2rem auto;
}

.xdy-show-tabs .layui-tabs-header {
    margin: 1rem 1rem 0 1rem;
}

.xdy-show-tabs .layui-tabs-body {
    padding-top: 0;
}

.layui-tabs-header {
    margin: 1rem 1rem .4rem 1rem;
}

.layui-tabs-header li {
    line-height: 2.2rem;
    padding: 0 .62rem;
}

.layui-tabs-card > .layui-tabs-header .layui-this:after {
    border-radius: 0 .6rem 0 .6rem;
    border-bottom: 1px solid #eee;
}

.layui-tabs-header:after, .layui-tabs-scroll:after {
    border: 0;
}

.layui-this .xdy-star {
    position: absolute;
    top: .1rem;
    left: .1rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #ff5722;
    transform: rotate(90deg); /* 逆时针旋转90度 */
}

.layui-nav-tree .layui-nav-item {
    text-align: center;
    margin-top: .2rem;
}

.layui-nav-tree .layui-nav-item > a {
    padding: 0;
}

.layui-nav-tree .layui-nav-item a {
    font-size: .82rem;
    height: auto;
    line-height: 1.4rem;
}

.layui-nav-item .xdy-dh-bg .layui-icon {
    font-size: 1.2rem;
}

.layui-nav-item .xdy-dh-bg {
    padding: 5% 0;
    font-size: .86rem;
}

.layui-nav-item:hover .xdy-dh-bg i, .layui-this .xdy-dh-bg i {
    color: #16baaa;
}

.layui-nav-item:hover .xdy-dh-bg, .layui-this .xdy-dh-bg {
    width: 80%;
    margin: 0 auto;
    background: #e8e8e8;
    border-radius: .4rem;
}

.body-box {
    background: #fff;
}

.layui-side-scroll {
    width: 7rem;
}

.layui-nav.layui-nav-tree {
    width: 7rem;
    margin-top: .4rem;
}

.layui-body {
    left: 7rem;
    overflow-x: hidden;
    padding-bottom: 0 !important;
}

.layui-layout-admin .layui-footer {
    left: 7rem;
}

.layui-layout-admin .layui-side {
    background-color: #fafafa;
    width: 7rem;
}

/*暗黑模式_E*/

/*Layui新主题_S*/
/*首页搜索框不同屏幕布局*/
.search-box {
    width: 50%;
    margin: 1rem auto;
}

.layui-tabs-bar .layui-icon {
    border: 0;
    line-height: 68px !important;
}

/*分页懒人模板*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default;
}

/* 在小于或等于 1200 像素或更小的屏幕上 */
@media screen and (max-width: 1200px) {
    .search-box {
        width: 75%;
    }
}

/* 在小于或等于 1000 像素或更小的屏幕上 */
@media screen and (max-width: 1000px) {

}

/* 在小于或等于 767 像素的屏幕上 */
@media screen and (max-width: 767.98px) {
    .xdy-card {
        padding-left: 0;
        padding-right: 0;
    }

    .xdy-link {
        width: auto;
    }

    .item-box .item .info .webicon {
        width: 24%;
    }

    .item-box .item .info .txt {
        width: 80%;
    }

    .xdy-link .catName {
        text-align: center;
    }

    .layui-body {
        left: 0;
    }

    .search-box {
        width: 90%;
    }

    .item-box .item .info .txt {
        width: 68%;
    }
}