/*  
Theme Name: 星空设计
Theme URI: http://www.988ps.com
Description: 本主题为http://www.988ps.com定制.
Version: 1.0
Author: 988ps.com
Author URI: http://www.988ps.com
*/
/* Reset */

::-webkit-scrollbar

/*整体部分*/
    {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track

/*滑动轨道*/
    {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb

/*滑块*/
    {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:hover

/*滑块效果*/
    {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.4);
}

html,
body {
    scrollbar-face-color: #2e2e2e;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #eeeeee;
    scrollbar-3dlight-color: #eeeeee;
    scrollbar-arrow-color: #000;
    scrollbar-track-color: #fff;
    scrollbar-darkshadow-color: #fff;
}

/*滚动条样式end*/

img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
}

/*! This file is auto-generated */
.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em
}

.wp-block-file__button {
    background: #32373c;
    color: #fff;
    text-decoration: none
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

:where(.is-layout-flex) {
    gap: 0.5em;
}

:where(.is-layout-grid) {
    gap: 0.5em;
}

body .is-layout-flex {
    display: flex;
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

.is-layout-flex> :is(*, div) {
    margin: 0;
}

body .is-layout-grid {
    display: grid;
}

.is-layout-grid> :is(*, div) {
    margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}

:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6;
}

/*动态logo*/
.logo-gif {
    width: 158px;
    height: 40px;
    background: var(--slogo) no-repeat;
    background-size: 158px 480px;
    animation: logogif 2s steps(12) infinite
}

@keyframes logogif {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -480px
    }
}

@media (min-width:768px) {
    .logo-gif {
        width: 178px;
        height: 49px;
        background: var(--slogo) no-repeat;
        background-size: 187px 588px;
        animation: logogif 2s steps(12) infinite
    }

    @keyframes logogif {
        0% {
            background-position: 0 0
        }

        100% {
            background-position: 0 -588px
        }
    }
}

/*web角标*/
.badge-icon-top {
    width: 30px;
    height: 50px;
    background-color: var(--badgec1);
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    writing-mode: vertical-rl;
    white-space: nowrap;
    text-align: center;
    z-index: 5;
    position: absolute;
    right: 20px;
    padding: 5px 0px 2px 0px;
    -webkit-writing-mode: vertical-rl; 
    writing-mode: tb-rl; 
}

/* 移动端媒体查询兜底（可选） */
@media (max-width: 768px) {
    .badge-icon-top {
        writing-mode: vertical-rl !important;
        -webkit-writing-mode: vertical-rl !important;
        
    }
}

.badge-icon-top::after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid var(--badgec1);
    top: 100%;
    transform: rotate(180deg)
}

.badge-icon-tj {
    width: 30px;
    height: 50px;
    background-color: var(--badgec2);
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    writing-mode: vertical-rl;
    text-align: center;
    z-index: 4;
    position: absolute;
    right: 20px;
    padding: 5px 0px 2px 0px
}

.badge-icon-tj::after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid var(--badgec2);
    top: 100%;
    transform: rotate(180deg)
}

.badge-icon-rm {
    width: 30px;
    height: 50px;
    background-color: var(--badgec3);
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    writing-mode: vertical-rl;
    text-align: center;
    z-index: 3;
    position: absolute;
    right: 20px;
    padding: 5px 0px 2px 0px
}

.badge-icon-rm::after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid var(--badgec3);
    top: 100%;
    transform: rotate(180deg)
}

.badge-icon-new {
    width: 30px;
    height: 50px;
    background-color: var(--badgec4);
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    writing-mode: vertical-rl;
    text-align: center;
    z-index: 2;
    position: absolute;
    right: 20px;
    padding: 5px 0px 2px 0px
}

.badge-icon-new::after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid var(--badgec4);
    top: 100%;
    transform: rotate(180deg)
}

.badge-icon-bz {
    width: 30px;
    height: 50px;
    background-color: var(--badgec5);
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    writing-mode: vertical-rl;
    text-align: center;
    z-index: 1;
    position: absolute;
    right: 20px;
    padding: 5px 0px 2px 0px
}

.badge-icon-bz::after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid var(--badgec5);
    top: 100%;
    transform: rotate(180deg)
}

/*游戏角标*/
.badge-game-zz {
    width: 130px;
    height: 130px;
    position: absolute;
    overflow: hidden;
    z-index: 1;
}

.badge-game-top {
    width: 125px;
    height: 25px;
    line-height: 25px;
    background-color: var(--badgec1);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    transform: rotate(315deg);
    overflow: hidden;
    margin: 19px 0 0 -29px;
    z-index: 5;
}

.badge-game-tj {
    width: 125px;
    height: 25px;
    line-height: 25px;
    background-color: var(--badgec2);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    transform: rotate(315deg);
    overflow: hidden;
    margin: 19px 0 0 -29px;
    z-index: 4;
}

.badge-game-rm {
    width: 125px;
    height: 25px;
    line-height: 25px;
    background-color: var(--badgec3);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    transform: rotate(315deg);
    overflow: hidden;
    margin: 19px 0 0 -29px;
    z-index: 3;
}

.badge-game-new {
    width: 125px;
    height: 25px;
    line-height: 25px;
    background-color: var(--badgec4);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    transform: rotate(315deg);
    overflow: hidden;
    margin: 19px 0 0 -29px;
    z-index: 2;
}

.badge-game-bz {
    width: 125px;
    height: 25px;
    line-height: 25px;
    background-color: var(--badgec5);
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    transform: rotate(315deg);
    overflow: hidden;
    margin: 19px 0 0 -29px;
    z-index: 1;
}

/*页脚背景*/
.bg-footer {
    background: var(--footbg) #000 no-repeat center top;
    background-size: cover;
    height: 330px;
    z-index: 0;
    left: 0;
    position: absolute;
}

/*城市分站*/
.city-home-left {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 10px;
    background: #535353;
    border-radius: 3px 0px 0px 3px;
}

.city-home-right {
    color: #292929;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 10px;
    background: #c3c3c3;
    border-radius: 0px 3px 3px 0px;
}

.image-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #292929;
    overflow-y: auto;
}

#full-image {
    display: block;
    height: auto;
    margin: 0 auto;
}

/*logo动画*/
@keyframes logoZoom {
    40% {
        transform: scale(1.4)
    }

    41% {
        transform: scale(1);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

/*动态logo*/

.background-animation {
    /*width: 84px;*/
    width: 178px;
    height: 49px;
    /*background-image: url('../icon/weblogo.png');
  background-size: 84px 588px;*/
    background: url(../icon/slogo.png) no-repeat;
    background-size: 187px 588px;
    animation: backgroundAnimation 2s steps(12) infinite;
}

@keyframes backgroundAnimation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 -588px;
    }
}



/*新增page按钮*/
.posts-nav-wrap {
    text-align: center;
    width: 100%;
    height: 53px;
    margin: 20px 0 20px 0;
    display: inline-block;
    clear: both;
}

.posts-nav li {
    margin: 0 13px 0 0;
    display: inline-block;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .05);
}

.posts-nav li a {
    text-indent: -9999em;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}

.posts-nav .next a {
    background: #999999 url(../img/ico-pagination-arrow-next.png) no-repeat center;
    width: 144px;
    height: 53px;
    line-height: 53px;
    outline: none;
}

.posts-nav .next a:hover {
    text-decoration: none;
    background: #ffe900 url(../img/ico-pagination-arrow-next.png) no-repeat 110px center;
}

.posts-nav .down a {
    background: #999999 url(../img/ico-down.png) no-repeat center;
    width: 144px;
    height: 53px;
    line-height: 53px;
    outline: none;
}

.posts-nav .down a:hover {
    text-decoration: none;
    background: #ffe900 url(../img/ico-down.png) no-repeat center 10px;
    animation: shakeY 5s ease-in-out infinite;
}

/* 定义上下晃动的动画 */
@keyframes shakeY {

    0%,
    100% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-5px);
    }

    75% {
        transform: translateY(5px);
    }
}

.posts-nav .previous a {
    width: 64px;
    height: 53px;
    line-height: 53px;
    background-color: #999999;
    background-image: url(../img/ico-pagination-arrow-previous.png);
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
}

.posts-nav .previous a:hover {
    text-decoration: none;
    background: #ffe900 url(../img/ico-pagination-arrow-previous.png) no-repeat 12px center;
}


/*补角标*/
.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}


/*编辑器内容img控制*/
.editor-content img {
    max-width: 100%;
    /* 限制图片宽度为容器的100% */
    height: auto;
    /* 保持纵横比 */
}


/*补齐分页按钮样式*/
.page-num {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    margin-right: 10px;
    line-height: 1.25;
    color: #F44336;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 5px;
}

.page-num-current {
    background-color: #cfcfcf;
}

.page-item {
    border-radius: 5px;
}

/*登录按钮*/
.login-btn {
    background-color: #ffc107;
    color: #ffffff !important;
    padding: .2rem .2rem;
    font-size: .875rem !important;
    border-radius: 20px;
    /*height: 2.2rem;*/
    /*margin-top: 1.8rem;*/
}

.login-btn:hover {
    color: #ffffff;
    opacity: .75
}

.login-btn-top {
    margin-top: .8rem;
}

.ico_key {
    /*position: absolute;
	right: 0;*/
    position: absolute;
    right: 1em;
    margin-top: .9em;
}

.ico_key_d {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #9b44b3;
    border-radius: 50%;
}

.ico_key_m {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #bb8b4f;
    border-radius: 50%;
}

.ico_key_f {
    display: inline-block;
    width: 110px;
    height: 20px;
    /*background-color: #bb8b4f;*/
    border-radius: 2px;
    border: 1px dashed #bb8b4f;
    opacity: 0.8;
}

.ico_key_g {
    display: inline-block;
    width: 110px;
    height: 20px;
    /*background-color: #bb8b4f;*/
    border-radius: 2px;
    border: 1px dashed #9b44b3;
    opacity: 0.5;
}

.ico_key_d key {
    color: #fff;
    font-size: 15px;
    max-height: 22px;
    float: left;
    margin: 0 0 0 3px;
    padding-top: 2px;
}

.ico_key_m key {
    color: #fff;
    font-size: 15px;
    max-height: 22px;
    float: left;
    margin: 0 0 0 3px;
    padding-top: 2px;
}

.ico_key_f key {
    color: #bb8b4f;
    font-size: 14px;
    max-height: 20px;
    float: left;
    margin: 0 0 0 3px;
}

.ico_key_g key {
    color: #9b44b3;
    font-size: 14px;
    max-height: 20px;
    float: left;
    margin: 0 0 0 3px;
}

/*角标33*/
.ico_keybig {
    position: absolute;
    height: 40px;
    right: 5px;
    float: right;
    transform: translateX(-20%) translateY(20%) rotate(35deg);
    z-index: 9;
}

.ico_key_big {
    display: inline-block;
    width: 180px;
    height: 40px;
    border-radius: 6px;
    border: 2px dashed #9b44b3;
    opacity: 0.6;
}


.ico_key_big key {
    color: #9b44b3;
    font-size: 22px;
    max-height: 20px;
    float: left;
    margin: 10px 0 0 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*更新通知图标*/
.gengxin {
    display: block;
    width: 40px;
    height: 22px;
    position: absolute;
    /* left: 50%; */
    top: 6px;
    margin-left: 30px;
    background: url(../icon/ceo-news.png) no-repeat;
    -webkit-animation: upDown 6s ease-in-out infinite;
    animation: upDown 6s ease-in-out infinite;
}

.nav-ico-xy {
    /*margin: 8px 0 0 33px;*/
    left: 50%;
    top: 8px;
    margin-left: -28px;
}

.update-tag-l {
    display: inline-block;
    background-color: #8960f0;
    color: white;
    padding: 1px 3px;
    border-radius: 3px;
    font-size: 10px;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: absolute;
    -webkit-animation: upDown 6s ease-in-out infinite;
    animation: upDown 6s ease-in-out infinite;
}

.update-tag-l::after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: 50%;
    margin-top: -5.5px;
    border: 5px solid transparent;
    border-bottom-color: #8960f0;
    transform: rotate(-90deg);
}

.update-tag-b {
    display: inline-block;
    background-color: #8960f0;
    color: white;
    padding: 1px 3px;
    border-radius: 3px;
    font-size: 10px;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: absolute;
    -webkit-animation: upDown 6s ease-in-out infinite;
    animation: upDown 6s ease-in-out infinite;
}

.update-tag-b::after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    /* 水平居中 */
    top: 100%;
    /* 在主元素下方 */
    margin-left: -4.33px;
    /* 水平调整 */
    margin-top: 0px;
    /* 垂直调整 */
    border: 5px solid transparent;
    border-bottom-color: #8960f0;
    transform: rotate(180deg);
}


@keyframes upDown {
    0% {
        transform: translateY(5px);
    }

    25% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(5px);
    }

    75% {
        transform: translateY(0px);
    }

    100% {
        transform: translateY(5px);
    }
}

/*更新通知图标——首页left*/
.gengxin_left {
    display: block;
    width: 45px;
    height: 17px;
    position: absolute;
    margin-left: 68px;
    margin-top: -18px;
    background: url(../icon/ceo-news_left.png) no-repeat;
    -webkit-animation: upLeft 6s ease-in-out infinite;
    animation: upLeft 6s ease-in-out infinite;
}


/*控制网站模版展示图尺寸*/
.entry-img,
.nobg {
    background-color: #ffffff;
    background-image: linear-gradient(45deg, #f9f9f9 25%, transparent 0, transparent 75%, #f9f9f9 0, #f9f9f9), linear-gradient(45deg, #f9f9f9 25%, transparent 0, transparent 75%, #f9f9f9 0, #f9f9f9);
    background-size: 19px 19px;
    background-position: 0 0, 9px 9px;
}

/*pre代码样式*/
.shadow-sm pre {
    background-color: #f8f9fa;
    border: 1px solid #fdfdfd;
    border-radius: 0.25rem;
    padding: 1rem;
    white-space: pre-wrap;
    /* 允许内容自动换行 */
}

.shadow-sm-radius {
    /*border: 1px solid #f5f5f5;*/
    border-radius: 5px;
}

.shadow-sm-1 {
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.06) 0px 0px 0px 1px;
}

.entry-img-radius {
    border-radius: 5px 5px 0 0;
}

.entry-img-h100 {
    height: 100px;
    overflow: hidden;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.entry-img-h200 {
    height: 200px;
    overflow: hidden;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.entry-img-h300 {
    height: 300px;
    overflow: hidden;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.entry-img-h350 {
    height: 350px;
    overflow: hidden;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.entry-img-h400 {
    height: 400px;
    overflow: hidden;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.entry-img-h500 {
    height: 500px;
    overflow: hidden;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.entry-img-h600 {
    height: 600px;
    overflow: hidden;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.entry-img-h100 img,
.entry-img-h200 img,
.entry-img-h300 img,
.entry-img-h400 img,
.entry-img-h500 img,
.entry-img-h600 img {
    width: 100%;
}

.web-top-img {
    height: 20rem;
    overflow: hidden;
}

.tj-img {
    max-height: 250px;
    overflow: hidden;
}

.navbar-toggler-icon {
    width: 2.0em;
    height: 2.0em;
}



.fs-7 {
    font-size: .8rem !important;
}

.fs-8 {
    font-size: .6rem !important;
}

.fs-9 {
    font-size: .4rem !important;
}

.mr-1 {
    margin-right: .2rem;
}

.mr-2 {
    margin-right: .5rem;
}

.text-ddd {
    color: #DDDDDD;
}

.text-wx {
    color: #3db136;
}

.text-qq {
    color: #1bc1fa;
}

.text-navs {
    /*color: #5ba8ff;*/
    color: #7d5f06;
}

.text-bg-wx {
    background: #3db136;
}

.text-bg-qq {
    background: #1bc1fa;
}

/*图片变灰色*/
.img-gray {
    filter: grayscale(100%);
}

/* 定义已出售域名的样式 */
.sold-domain {
    text-decoration: line-through;
    color: #999;
}


/*页脚补全*/
#icontact {
    /*background: url(../images/footer_bg.jpg);*/
    height: 330px;
    width: 100%;
    /*background-size: 100% 410px;
	-moz-background-size: 100% 410px;
	background-repeat: no-repeat;
	margin-left:auto;*/
    z-index: 5;
}

#icontact img,
svg {
    vertical-align: super;
}

#icontact h3 {
    text-align: center;
    height: auto;
    padding: 70px 0 20px 0;
    border-bottom: 1px solid #464646;
    max-width: 75%;
    margin: 0 auto;
    color: #bcbcbc;
    font-weight: 500;
    /*letter-spacing: 2px;*/
    /*字间距*/
}


#icontact p {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #FFF;
    padding-top: 15px;
}

#icontact ul {
    width: 92px;
    margin: 0 auto;
    margin-top: 20px;
    height: 36px;
    display: flex;
}

#icontact li a {
    width: 36px;
    display: block;
    height: 36px;
    padding: 5px 0;
    cursor: pointer;
    /*background: #5e5e5e;
	border: 1px solid #8b8b8b;*/
    border-radius: 18px;
    float: left;
    text-align: center;
    margin: 0 4px;
}

#icontact li a:hover {
    background: #999;
}

#icontact p.icopyright {
    font-size: 14px;
    color: #CCC;
    text-align: center;
}

#icontact p.icopyright a {
    color: #CCC;
}

#icontact p.link_footer {
    font-size: 14px;
    color: #CCC;
    text-align: center;
}

#icontact p.link_footer a {
    color: #CCC;
}



/*栏目中心视频BG控制*/
#lanmu {
    width: 100%;
    /* 去掉固定高度，让容器根据内容自适应 */
    position: absolute;
    top: 0;
    left: 0;
    /* 去掉 transform 因为 top 和 left 为 0 无需平移 */
    overflow: hidden;
    z-index: -2;

}

#lanmu video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

/**十个序列号标签颜色**/

.post-num {
    background-color: #999;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    /*margin: 0 8px 0 0;*/
    text-align: center;
    border-radius: 4px
}

.post-num.num-1 {
    background-color: #f44336
}

.post-num.num-2 {
    background-color: #4caf50
}

.post-num.num-3 {
    background-color: #ffc107
}

.post-num.num-4 {
    background-color: #00bcd4
}

.post-num.num-5 {
    background-color: #2196f3
}

.post-num.num-6 {
    background-color: #e91e63
}

.post-num.num-7 {
    background-color: #34495e
}

.post-num.num-8 {
    background-color: #f4e3ab
}

/*菜单渐变字*/
.jb-nav a {
    background: linear-gradient(to right, #ff8c00, #ffd600, #ff8c00);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /*-webkit-text-stroke: 1px #fcff2e47;*/
    /*金黄渐变*/
}

.jb-nav1 a {
    background: linear-gradient(to right, #fff7ec, #ffd600, #ffdfdf);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /*浅黄渐变*/
}

.jb-nav2 a {
    background: linear-gradient(to right, #fff7ec, #40f5ff, #ffdfdf);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /*蓝色渐变*/
}

.jb-nav3 {
    background: linear-gradient(to right, #fff7ec, #64ff6a, #ffdfdf);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /*绿色渐变*/
}

/*头部和底部三角形遮挡*/
.slider-foot-left {
    position: absolute;
    width: 50vw;
    height: 330px;
    background-repeat: no-repeat;
    background-image: linear-gradient(175deg, rgb(255 255 255) 50%, rgba(255, 255, 255, 0) 50%);
    z-index: 99;
    background-size: 100% 30%;
    left: 0;
}

.slider-foot-right {
    position: absolute;
    width: 50vw;
    height: 330px;
    background-repeat: no-repeat;
    background-image: linear-gradient(5deg, rgb(255, 255, 255, 0) 50%, rgb(255 255 255) 50%);
    z-index: 99;
    background-size: 100% 30%;
    right: 0;
}

/*logo放大动画*/
#logos {
    float: left;
    animation: logoZoom 3s infinite linear;
}

@keyframes logoZoom {
    40% {
        transform: scale(1.4)
    }

    41% {
        transform: scale(1);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

/*tags*/
:root {
    /* 定义线性渐变的自定义变量 */
    --tag-1: linear-gradient(to right, #c454f3, #701ca4);
    /*紫色*/
    --tag-2: linear-gradient(to right, #549af3, #1c65a4);
    /*蓝色*/
    --tag-3: linear-gradient(to right, #f354b2, #a41c80);
    /*粉色*/
    --tag-4: linear-gradient(to right, #54cdf3, #1ca4a4);
    /*浅蓝*/
    --tag-5: linear-gradient(to right, #72f354, #1ca433);
    /*浅绿*/
    --tag-6: linear-gradient(to right, #e8f354, #a2a41c);
    /*黄绿之间*/
    --tag-7: linear-gradient(to right, #f35454, #a41c1c);
    /*红色*/
    --tag-8: linear-gradient(to right, #797979, #393535);
    /*黑色*/
    --tag-9: linear-gradient(to right, #52b5ff, #0480ff);
    /*亮蓝*/
    --tag-10: linear-gradient(to right, #ff5252, #8704ff);
    /*红紫*/
    --tag-11: linear-gradient(to right, #ff5252, #ffc904);
    /*红黄*/
    --tag-12: linear-gradient(to right, #ff9352, #ff5e00);
    /*亮黄*/
    --tag-13: linear-gradient(to right, #67b754, #217100);
    /*深绿*/
    --tag-14: linear-gradient(to right, #3da4ff, #140f13);
    /*蓝黑*/
}

.tags_ico {
    background: var(--tag-1);
    color: #fff;
    border-radius: 1rem;
    text-align: center;
    padding: .12rem .5rem;
    font-weight: 700;
    font-size: .85rem;
}

/*二级菜单小标签*/
.erj-nav1 {
    /*蓝色*/
    /*color: rgb(24, 144, 255);
    background: rgb(221, 239, 255);*/
    /*绿色*/
    /*color: rgb(18, 189, 141);
    background: rgba(18, 189, 141, 0.2);*/

    color: rgb(224, 136, 0);
    background: rgb(247, 229, 198);
    font-size: 14px;
    padding: 2px 6px 2px 6px;
    border-radius: 5px;
    margin: 0px 5px 0px 0px;
    line-height: 15px;
}



@media (min-width: 768px) {
    .tj-img {
        max-height: 100px;
        overflow: hidden;
    }

    .web-top-img {
        height: 40rem;
        overflow: hidden;
    }

    .login-btn {
        margin-top: 2.0rem;
    }

    #icontact h3 {
        max-width: 25%;
    }

}

@media (min-width: 2560px) {
    #icontact h3 {
        max-width: 15%;
        padding: 80px 0 20px 0;
    }
}