:root {
    --primary-color: #006eff;
    --border-color: #f4f4f4;
    --ceo-ahbg: #0e131a;
    --ceo-ahmk: #191f28;
}

.ceo-background-muted {
    background-color: #f0f2f5;
}

.ceo-case-mk {
    border-radius: 4px !important;
}

.ceo-case-desc {
    font-size: 15px;
    background-color: #fff;
    border-radius: 4px;
    margin: 20px 0;
    padding: 20px;
    text-align: center;
    color: #666;
}

/*整体*/
a, .ceo-link {
    color: #505050;
}

.b-r-2 {
    border-radius: 2px !important
}

.b-r-4 {
    border-radius: 4px !important
}

.b-r-6 {
    border-radius: 6px !important
}

.b-r-12 {
    border-radius: 12px !important
}

.b-t {
    border-top: 1px solid var(--border-color);
}

.b-b {
    border-bottom: 1px solid var(--border-color);
}

.b-a {
    border: 1px solid var(--border-color);
}

.ceo-dongtai {
    transition: all .3s
}

    .ceo-dongtai:hover {
        transform: translateY(-3px);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
        box-shadow: 0 0 10px rgba(0,0,0,.05);
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }

.ceo-dt {
    transition: all .3s
}

    .ceo-dt:hover {
        transform: translateY(-3px);
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }

.ceo-margin-bottom-10 {
    margin-bottom: 10px !important;
}

.ceo-margin-bottom-20 {
    margin-bottom: 20px !important;
}

.ceo-margin-bottom-30 {
    margin-bottom: 30px !important;
}

.ceo-margin-bottom-40 {
    margin-bottom: 40px !important;
}

.ceo-margin-top-10 {
    margin-top: 10px !important;
}

.ceo-margin-top-20 {
    margin-top: 20px !important;
}

.ceo-margin-top-30 {
    margin-top: 30px !important;
}

.ceo-padding-left-30 {
    padding-left: 30px;
}

.ceo-text-align {
    text-align: center !important;
}

.ceo-margin-right-6 {
    margin-right: 6px;
}

.ceo-right-3 {
    margin-right: 3px;
}

.ceo-padding-20 {
    padding: 20px;
}

.ceo-padding-30 {
    padding: 0 30px;
}

.ceo-padding-30px {
    padding: 30px;
}

.ceo-padding-bottom-10 {
    padding-bottom: 10px;
}

.ceo-padding-top-4 {
    padding-top: 4px;
}

.ceo-padding-left-0 ul {
    padding-left: 0;
}

.ceo-margin-0 ul {
    margin: 0;
}

.ceo-font-mini {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 600px) {
    .ceo-font-mini {
        max-width: 100px; /* 小屏幕上的宽度 */
    }
}

.change-color {
    background-color: #3385ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff);
    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    color: #fff !important
}

.btn {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
}

    .btn:hover {
        transform: translateY(-3px);
    }

.avatar {
}

    .avatar img {
        border-radius: 50%;
    }
/*导航顶部*/
.ceo-topnav {
    position: relative;
    z-index: 1001;
    margin-bottom: 0;
    box-sizing: content-box
}

.ceo-top-navbar {
    min-height: 32px;
    background-color: transparent;
}

.navbar-left {
    margin-left: 0;
    float: left !important;
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.ceo-top-nav {
    padding-left: 0;
}

    .ceo-top-nav > li {
        line-height: 30px;
        padding: 1px 10px;
        list-style: none;
    }

    .ceo-top-nav > li {
        float: left;
        font-size: 12px;
    }

        .ceo-top-nav > li > a {
            color: #888888;
            padding: 0;
            position: relative;
            line-height: 32px;
            height: 32px;
            font-size: 12px;
        }

.navbar-right {
    float: right !important;
    margin-right: -15px;
    padding-left: 0;
    margin-top: 0;
    margin: 0;
    list-style: none;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.lang-style .dropdown-menu {
    position: absolute;
    box-shadow: none !important;
    border-radius: 3px !important;
    background: #fff;
    padding: 10px 0;
    min-width: 83px !important;
    border: 1px solid #eee;
    list-style: none;
}

    .lang-style .dropdown-menu .caret1 {
        position: absolute;
        margin-top: -16px;
        margin-left: 35px;
        border-bottom: 8px dashed;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
        border-top: 0 !important;
        list-style: none;
    }

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #505050;
    white-space: nowrap;
}

    .dropdown-menu > li > a:hover {
        color: var(--primary-color)
    }

/*导航*/

.nav > ul > li > a .new {
    display: block;
    width: 28px;
    height: 19px;
    position: absolute;
    left: 50%;
    top: -18px;
    margin-left: -13px;
    background: url(/static/mbj2022/images/ceo-new.png) no-repeat;
    -webkit-animation: upDown 6s ease-in-out infinite;
    animation: upDown 6s ease-in-out infinite;
}

.nav > ul > li > a .hot {
    display: block;
    width: 28px;
    height: 19px;
    position: absolute;
    left: 50%;
    top: -18px;
    margin-left: -13px;
    background: url(/static/mbj2022/images/ceo-hot.png) no-repeat;
    -webkit-animation: upDown 6s ease-in-out infinite;
    animation: upDown 6s ease-in-out infinite;
}

.nav > ul > li > a .jian {
    display: inline-block;
    font-size: 0.6rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top, #006eff 0%, #006eff 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .3rem;
    line-height: 1;
    position: absolute;
    left: 46%;
    top: -18px;
    margin-left: -13px;
}

.nav > li > a .jian {
    display: inline-block;
    font-size: 0.6rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .3rem;
    line-height: 1;
    margin-left: 8px;
}
/*绝对定位下：上下微悬浮*/
@keyframes upDown {
    0% {
        transform: translateY(5px);
    }

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

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

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

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


.header {
    box-shadow: 0 0 30px rgba(0,0,0,0.07);
    z-index: 997
}

.to-night {
    font-size: 18px !important;
}

.navbar {
}

.logo {
}

    .logo img {
        height: 49px;
        margin-right: 41px !important;
    }

.ceo-app-logo {
    height: 45px;
    width: 145px;
    background-repeat: no-repeat;
    background-size: cover;
}

.nav {
}

    .nav > ul {
        list-style: none;
    }

        .nav > ul > li {
            display: inline-block;
            line-height: 86px;
        }

            .nav > ul > li > a {
                margin: 0 13px;
                font-size: 15px;
                position: relative
            }

        .nav > ul > .current-menu-item > a::after {
            content: '';
            display: block;
            width: 100%;
            left: 0;
            right: 0;
            height: 2px;
            position: absolute;
            bottom: -16px;
            z-index: 10;
            border-radius: 100px;
            background-color: #3385ff;
            background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
            background-image: -webkit-linear-gradient(left, #006eff, #13adff);
            background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
            background-image: linear-gradient(90deg, #006eff, #13adff);
            -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
            box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
            color: #fff;
        }

.navBar_02 .nav > ul > .current-menu-item > a::after {
    bottom: -13px;
}

.nav > ul > .current-menu-item {
}

    .nav > ul > .current-menu-item a {
        /*display: block;*/
    }

.nav > ul > li .sub-menu {
    display: none;
    background: #fff;
    list-style: none;
    padding: 4px;
    border-radius: 4px;
    padding: 12px 0;
    border-top: 1px solid var(--border-color);
    animation-name: ceo-fade-left-small;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}

.nav > ul > li:hover .sub-menu {
    display: block;
    position: absolute;
    top: 0;
    margin-top: 86px;
    width: 100%;
    /* left: 0; */
}

.nav > ul > li .sub-menu li {
}

    .nav > ul > li .sub-menu li:hover {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        /*transform: translateY(-3px);*/
        transform: translateY(0px);
    }

    .nav > ul > li .sub-menu li a {
        display: block;
        margin: 0 24px;
        font-size: 13px;
        transition: none;
        color: #616161;
    }

        .nav > ul > li .sub-menu li a:hover {
            color: var(--primary-color);
        }

.mob-nav {
}

    .mob-nav > ul {
        padding: 20px 20px;
        list-style: none;
    }

        .mob-nav > ul > li {
            margin-bottom: 10px;
        }

            .mob-nav > ul > li a {
                font-size: 15px;
                color: #666;
            }

    .mob-nav .sub-menu {
        margin-left: 15px !important;
        padding-left: 15px !important;
        background: #f8f8f8;
        padding: 8px 10px !important;
        margin: 15px 0 !important;
        border-radius: 4px;
        background-color: #f8f8f8 !important;
        box-shadow: inherit !important;
        list-style-type: none;
        margin: 0 15px;
        min-width: initial !important;
        opacity: initial !important;
        padding: 20px 0;
        position: initial !important;
        top: initial !important;
        visibility: initial !important;
        z-index: 80;
    }

        .mob-nav .sub-menu a {
            font-size: 13px;
            display: block;
            padding: 8px;
        }

.header-info {
}

    .header-info i {
        margin-right: 3px;
        cursor: pointer;
    }

    .header-info em {
        height: 12px;
        width: 1px;
        background: rgba(0, 0, 0, 0.3);
        margin: 0 20px 0 0px;
    }

@media screen and (max-width: 1400px) {
    .header-info em {
        margin: 0 20px;
    }
}

.header-info a {
}

.header-info .avatar img {
    border: 3px solid #d8e7fb;
}

.user-info-menu {
}

    .user-info-menu a {
        padding: 6px;
    }

        .user-info-menu a:hover {
            color: #000
        }

.user-down {
    width: 330px;
    display: none;
    padding-top: 60px;
    z-index: 9999;
}

.head-avatar {
}

    .head-avatar:hover .user-down {
        display: block;
    }

.user-info {
    background: #f4faff;
    padding: 20px;
}

    .user-info:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        opacity: .3;
        background-image: -webkit-linear-gradient(46deg,#b5dfff 48%,#f4faff 91%);
        background-image: -o-linear-gradient(46deg,#b5dfff 48%,#f4faff 91%);
        background-image: linear-gradient(44deg,#b5dfff 48%,#f4faff 91%);
        width: 60px;
        height: 76px;
        -webkit-border-radius: 0 0 100% 0;
        border-radius: 0 0 100% 0;
    }

    .user-info:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        opacity: .4;
        background-image: -webkit-linear-gradient(47deg,#b5dfff 1%,#f4faff);
        background-image: -o-linear-gradient(47deg,#b5dfff 1%,#f4faff 100%);
        background-image: linear-gradient(43deg,#b5dfff 1%,#f4faff);
        width: 100px;
        height: 57px;
        -webkit-border-radius: 100% 0 0 0;
        border-radius: 100% 0 0 0;
    }

    .user-info h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

.head-login {
    color: #fff;
    padding: 4px 15px;
}

    .head-login:hover {
        color: #fff;
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }

.search {
}

    .search input {
        border: none;
    }

    .search button {
        background: transparent;
        border: none;
        padding: 0 15px;
        cursor: pointer
    }

.ceo-navbar-s {
    margin-right: 15px;
}

.header_3_nav .ceo-navbar-s {
    color: #fff;
}
/*
* ----------------------------------------------------------------------------
* 导航样式2
* ----------------------------------------------------------------------------
*/
.ceo-nav2-em {
    background: #ff585d;
    color: #fff;
    font-size: 11px;
    font-style: normal;
    padding: 1px 6px;
    margin-right: 10px;
    margin-left: 10px !important;
}

.ceo-nav2-bp {
    display: flex;
}

.ceo-navbar-2 {
    height: 99px;
}

.ceo-navbtn {
    align-items: center;
    display: flex;
    height: 46px;
    position: relative;
}

.ceo-navs {
    display: block;
    width: 168px;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    border-radius: 4px 4px 0 0;
    background: linear-gradient(90deg, #006eff, #13adff);
    margin-top: 7px;
}

.nav_2 .current-menu-item > a::after {
    height: 2px !important;
    border-radius: 50px !important;
}

.ceo_nav_focus {
    float: right;
    height: 29px;
    position: relative;
    width: 98px;
    margin-top: 5.5px;
    cursor: pointer;
    z-index: 40;
}

    .ceo_nav_focus span {
        display: block;
        width: 98px;
        height: 29px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .ceo_nav_focus:hover .flex-footera {
        display: block;
    }

    .ceo_nav_focus .flex-footera {
        left: -20px;
        text-align: center;
        padding-top: 15px;
        width: 102px;
        height: 132px;
        border: 1px solid #FF5353;
        background: #fff;
        padding: 15px;
        position: absolute;
        top: 40px;
        display: none;
    }

        .ceo_nav_focus .flex-footera p {
            height: 15px;
            line-height: 15px;
            text-align: center;
            font-size: 12px;
            color: #333;
            font-family: Verdana,Geneva,sans-serif;
            overflow: hidden;
            margin: 0;
        }

        .ceo_nav_focus .flex-footera img {
            width: 90px;
            height: 90px;
            margin: 10px auto;
        }

.ceo_nav2_ss {
    display: flex;
    align-items: center;
}

.ceo_nav2_ssk {
    position: relative;
    box-sizing: border-box;
    width: 509px;
    display: flex;
    left: 20%;
    height: 36px;
}

    .ceo_nav2_ssk form {
        width: 312px;
        border: 1px solid #eee;
    }

    .ceo_nav2_ssk input {
        height: 36px;
    }

    .ceo_nav2_ssk button {
        background: transparent;
        border: none;
        padding: 0 29px;
        cursor: pointer
    }

.ceo_nav2_an {
}

    .ceo_nav2_an a {
        width: 128px;
        height: 36px;
        line-height: 36px;
        font-size: 15px;
        margin-left: 10px;
        display: block;
        float: left;
        border-radius: 3px;
        cursor: pointer;
        text-align: center;
        background-color: #333333;
        color: #fff !important;
    }

    .ceo_nav2_an img {
        max-width: none;
        position: absolute;
        right: 30px;
        bottom: 0;
        width: 50px;
    }

.ceo-navs i {
    font-weight: normal;
    font-size: 18px !important;
    display: inline-block;
    transform: translateY(2px);
}

.ceo_nav2_ssk button {
    background: linear-gradient(90deg, #006eff, #13adff) !important;
    color: #fff;
}

.nav_2 .nav > ul > li:hover .sub-menu {
    margin-top: 46px !important;
}

.nav_2 .nav > ul > li {
    line-height: 46px !important;
}
/*
* ----------------------------------------------------------------------------
* 导航样式3
* ----------------------------------------------------------------------------
*/
@media (max-width: 800px) {
    .navBar_03 {
        background: #fff !important;
        margin-bottom: 0 !important;
    }

        .navBar_03 .nav > ul > li > a, .navBar_03 .header-info a {
            color: #262626 !important;
        }

    .header-info em {
        display: none !important;
    }
}

.navBar_03 {
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 15;
    box-shadow: 0 0 30px rgba(0,0,0,0.07);
}

.ceo-text-center {
    text-align: center !important;
}

.navBar_03 .nav > ul > .current-menu-item > a::after {
    content: '';
    display: block;
    width: 100%;
    left: 0;
    right: 0;
    height: 2px;
    position: absolute;
    bottom: -9px;
    z-index: 10;
    border-radius: 8px;
    background-color: #3385ff;
    background-image: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1));
    background-image: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1));
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1));
    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    box-shadow: 0 5px 10px 0 rgba(253, 235, 16, 0.3);
    color: #fff;
}

.header_3_nav {
    display: inline-block;
    width: 100%;
}
/*
* ----------------------------------------------------------------------------
* 导航样式4
* ----------------------------------------------------------------------------
*/
.header_4_nav {
    display: inline-block;
    width: 100%;
}

.ceo_header_nav {
    padding: 0 30px;
}
/*导航弹窗搜索*/
#header-search .ceo-tan {
    width: 600px;
    border-radius: 12px;
}

.ceo-tan h3 {
    margin-bottom: 25px;
    text-align: center;
}

.header-btn-search {
    margin-top: 20px;
    text-align: center;
}

.header-btn-search-s {
    background-color: #3385ff;
    border-radius: 4px;
    color: #fff !important;
    display: inline-block;
    font-size: 15px;
    padding: 6px 19px;
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
}
/*导航弹窗搜索*/

/*
 * ------------------------------------------------------------------------------
 * 首页弹窗样式
 * ------------------------------------------------------------------------------
 */
#home-modal .ceo-tan {
    width: 600px;
    border-radius: 12px;
}

.home-modal {
    background: transparent;
    max-width: 600px !important;
}

.home-modal-bg {
    max-height: 160px;
}

.home-modal-main {
    background: #fff;
    margin: 80px auto 40px auto;
    width: 80%;
    border-radius: 12px;
    min-height: 200px;
    box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
}

.home-modal-bottom {
}

    .home-modal-bottom ul {
        list-style: none;
        padding: 0;
    }

        .home-modal-bottom ul li {
            height: 20px;
            margin: 0 auto;
            border-radius: 4px;
            margin-top: -15px;
            transition: all .2s;
        }

            .home-modal-bottom ul li:nth-child(1) {
                width: 95%;
                background: rgba(255, 255, 255, 0.4);
            }

            .home-modal-bottom ul li:nth-child(2) {
                width: 90%;
                background: rgba(255, 255, 255, 0.2);
            }

.home-modal-btn {
    background: var(--primary-color);
    color: #fff;
    padding: 6px 30px;
    -webkit-box-shadow: 0px 7px 12px -8px var(--primary-color);
    box-shadow: 0px 7px 12px -8px var(--primary-color);
    transition: all .3s;
}

    .home-modal-btn:hover {
        transform: translateY(-2px);
    }

.home-modal-close {
    cursor: pointer;
    background: #f6f6f6;
    color: #999;
    box-shadow: none;
}

.ceo-tanchuang-gg p {
    font-size: 0.875rem;
    line-height: 1.5;
}

.ceo-tanchuang-gg-an {
    padding: 8px 39px !important;
    font-size: 14px;
}
/*
* ----------------------------------------------------------------------------
* 首页幻灯片模块
* ----------------------------------------------------------------------------
*/

.l_slide {
    height: 360px;
    width: 1070px;
    padding-right: 30px;
}

.s_slide {
    width: 370px;
    height: 165px;
    margin-bottom: 30px;
    box-shadow: 0 34px 20px -30px rgba(0,36,100,0.2);
    -webkit-box-shadow: 0 34px 20px -30px rgba(0,36,100,0.2);
}

    .s_slide span {
        color: #fff;
        font-size: 14px;
        padding: 10px;
    }

    .s_slide .ceo-overlay-primary {
        background: rgba(34, 34, 34, 0.3) !important
    }
/*
* ----------------------------------------------------------------------------
* 首页slide幻灯模块2
* ----------------------------------------------------------------------------
*/
.ceo_slide2 {
    padding: 20px;
}

@media (min-width: 1200px) {
    .ceo_slide2 {
        padding: 30px;
    }
}

.slide {
}

    .slide .slide-ul {
        min-height: auto !important;
        box-shadow: 0 34px 20px -30px rgba(0,36,100,0.2);
        -webkit-box-shadow: 0 34px 20px -30px rgba(0,36,100,0.2);
    }

    .slide .slide-item {
    }

        .slide .slide-item img {
            width: 100% !important
        }

.section-title {
    color: #3c3c3c;
}

    .section-title .more {
        padding: 2px 2px 2px 6px;
    }

.section-more {
}

    .section-more .btn {
        padding: 12px 50px;
    }
/*
* ----------------------------------------------------------------------------
* 首页幻灯样式4
* ----------------------------------------------------------------------------
*/
.ceo-slide-4-banner-top {
    overflow: hidden;
    width: 146%;
    left: -20%;
    height: 432px;
    position: absolute;
    top: 0;
    /* z-index: -1; */
    content: '';
    border-radius: 0 0 70% 70%;
}

.slide_04 {
    margin: 0 auto;
    padding-top: 30px;
    z-index: 9;
    width: 100%;
    height: 422px;
    position: relative;
}

    .slide_04 img {
        width: 100%;
    }

    .slide_04 .search {
        padding: 0 15px;
        top: 50%;
    }

    .slide_04 .ceo_search_4_title {
        padding: 0 15px;
        top: 31%;
    }

    .slide_04 .slide_text {
        color: rgba(255, 255, 255, 0.9);
        text-align: center;
        margin-bottom: 40px;
        font-size: 36px;
        font-weight: bold;
    }

.slide_04_search {
    display: flex;
}

.ceo_slide04_top_btn {
    width: 118px;
    height: 48px;
    line-height: 48px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    border: 3px solid rgba(255, 255, 255, 0.3);
}

    .ceo_slide04_top_btn a {
        width: 100%;
        height: 100%;
        display: block;
        font-size: 16px;
        font-weight: bold;
        background: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1));
        color: #fff;
        border-radius: 50PX;
    }

.slide_04 .search input {
    padding-left: 15px;
    width: 500px;
    height: 49px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgb(255, 255, 255);
    border-radius: 50px 0px 0px 50px;
    color: #FFF;
    font-size: 15px;
    -webkit-text-fill-color: #ADADAD;
}

.slide_04 form {
    border-radius: 50px;
    border: 3px solid rgba(255, 255, 255, 0.3);
}

.slide_04 .search button {
    background: linear-gradient(90deg, rgba(255, 206, 5, 1), rgba(255, 232, 81, 1));
    height: 49px;
    color: #FFFFFF;
    padding: 0 20px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 3px;
    transition: all .3s;
    border-radius: 0px 50px 50px 0px;
}

.ceo_slide04_top_or {
    display: inline-block;
    padding: 0 20px;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
}

.search button {
    background: transparent;
    border: 0;
    cursor: pointer;
}

.slide_04 .search button i {
    color: #fff;
    margin-right: 3px;
}

.slide_04 .search_tags {
    margin-top: 30px;
}

@media only screen and (max-width: 900px) {
    .slide_04 .search_tags {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.slide_04 .search_tags i {
    margin-right: 4px;
}

.slide_04 .search_tags a {
    padding: 0 10px;
}

.ceo-slide-4-control-box {
    width: 1440px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;
}

    .ceo-slide-4-control-box ul {
        list-style: none;
        position: relative;
    }

        .ceo-slide-4-control-box ul li {
            position: absolute;
            top: 50px;
            cursor: pointer;
        }

            .ceo-slide-4-control-box ul li i {
                font-size: 40px;
            }

.ceo-slide-4-prev {
    margin-left: -10px;
    height: 60px;
    background-repeat: no-repeat;
    width: 60px;
    position: absolute;
    top: 38%;
    z-index: 9;
    cursor: pointer;
    font-size: 28px;
    color: #FFFFFF;
    background-color: #ffd1d133;
    border-radius: 30px;
    text-align: center;
    line-height: 60px;
    background: rgba(250, 26, 63, 0.13);
    box-shadow: 0 0 black;
}

.ceo-slide-4-next {
    margin-right: -6px;
    height: 60px;
    right: 0px;
    width: 60px;
    z-index: 9;
    font-size: 28px;
    border-radius: 30px;
    text-align: center;
    line-height: 60px;
    color: #FFFFFF;
    background: rgba(250, 26, 63, 0.13);
}

.ceo-slide-4-bigbox {
    overflow: hidden;
    width: 1293px;
    height: 144px;
    margin: auto 70px auto;
    padding-top: 6px;
    z-index: 10;
    position: absolute !important;
}

#ceo-slide-4-switcher {
    height: 144px;
    left: 0px;
}

.ceo_slide_4_content_1.ceo_slide_4_content_2 {
    width: 100%;
    float: left;
}

.ceo_slide_4_box {
    transition: all .7s ease 0s;
    width: 235px !important;
    height: 144px !important;
    float: left;
    margin: 0 12px;
    border-radius: 8px;
}

    .ceo_slide_4_box a {
        width: 235px !important;
        height: 144px !important;
        position: absolute;
    }

    .ceo_slide_4_box:hover {
        opacity: 0.8;
    }

.ceo_slide_4_item {
    transition: all .3s;
}

    .ceo_slide_4_item:hover {
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
        box-shadow: 0 0 10px rgba(0, 0, 0, .05);
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }
/*
* ----------------------------------------------------------------------------
* 首页slide幻灯模块5
* ----------------------------------------------------------------------------
*/
.slide_05 {
}

    .slide_05 .slide-ul {
        min-height: auto !important;
        box-shadow: 0 34px 20px -30px rgba(0,36,100,0.2);
        -webkit-box-shadow: 0 34px 20px -30px rgba(0,36,100,0.2);
    }

    .slide_05 .slide-item {
    }

.section-title {
    color: #3c3c3c;
}

    .section-title .more {
        padding: 2px 2px 2px 6px;
    }

.section-more {
}

    .section-more .btn {
        padding: 12px 50px;
    }
/*
* ----------------------------------------------------------------------------
* 首页slide幻灯片模块6
* ----------------------------------------------------------------------------
*/
.slide_6_search {
    height: 68px;
    width: 1200px;
    position: relative;
    z-index: 12;
    margin: 0 auto;
    margin-top: -100px;
    z-index: 1;
    top: -120px;
}

    .slide_6_search .searchbox {
        width: 1010px;
        margin: 0 auto;
        background: rgba(255,255,255,0.5);
        height: 48px;
        border-radius: 5px;
        padding: 10px;
    }

        .slide_6_search .searchbox .search_input {
            width: 865px;
            height: 48px;
            background: #fff;
            border-radius: 3px;
            position: relative;
            left: 0;
            top: 0;
        }

        .slide_6_search .searchbox input.text {
            width: 469px;
            height: 48px;
            position: absolute;
            /*left: 100px;*/
            padding: 0 10px;
            color: #999898;
            font-size: 14px;
        }

        .slide_6_search .searchbox input, .slide_6_search .searchbox button {
            border: 0;
            outline: none;
            background: none;
            filter: chroma(color=#000000);
        }

        .slide_6_search .searchbox .tag {
            position: absolute;
            right: 123px;
            top: 0;
            padding: 12px 10px;
        }

            .slide_6_search .searchbox .tag a {
                display: inline;
                padding: 3px 8px;
                border-radius: 10px;
                background: #EFEFEF;
                float: left;
                margin: 0 5px;
                height: 18px;
                line-height: 18px;
                color: #A0A0A0;
                font-size: 12px;
            }

                .slide_6_search .searchbox .tag a:hover {
                    background: #ff0200;
                    color: #fff;
                }

        .slide_6_search .searchbox .submit {
            display: block;
            width: 123px;
            height: 48px;
            background: #4E464E;
            position: absolute;
            right: 0;
            top: 0;
            border-radius: 0 3px 3px 0;
            line-height: 48px;
            text-align: center;
            color: #fff;
            font-size: 20px;
            cursor: pointer;
        }

            .slide_6_search .searchbox .submit:hover {
                background: #EB2C17;
                color: #fff;
            }

        .slide_6_search .searchbox .submit_s {
            right: -138px;
            display: block;
            width: 123px;
            height: 48px;
            background: #fe4d3f;
            position: absolute;
            top: 0;
            border-radius: 3px;
            line-height: 48px;
            text-align: center;
            color: #fff;
            font-size: 20px;
            cursor: pointer;
        }

            .slide_6_search .searchbox .submit_s:hover {
                background: #EB2C17;
                color: #fff;
            }
/**/
.slide_6_ss {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 30px;
    margin-left: -20px;
}

.slide_6_mk {
}

.slide_6_jb {
    position: relative;
    border-radius: 10px;
    margin-top: -100px;
    margin-bottom: 30px !important;
}

.slide_6_n {
    display: flex;
    margin: 0 auto;
    padding-top: 15px;
    height: 54px;
    color: #fff;
    font-size: 14px;
    justify-content: space-between;
}

    .slide_6_n .slide_6_s {
        position: relative;
        display: inline-block;
        padding: 0 40px;
        height: 40px;
        border-radius: 73px;
        background: none;
        vertical-align: middle;
        text-align: center;
        line-height: 40px;
    }

        .slide_6_n .slide_6_s ul {
            float: left;
            margin: 0 auto;
        }

        .slide_6_n .slide_6_s li {
            float: left;
            margin-right: 40px;
        }

            .slide_6_n .slide_6_s li .first {
                color: #2879f7;
            }

            .slide_6_n .slide_6_s li a {
                float: left;
                color: #606075;
                font-weight: 600;
                font-size: 14px;
            }

    .slide_6_n .slide_6_y {
        font-weight: 600;
        position: relative;
        display: inline-block;
        padding: 0 40px;
        height: 40px;
        background: none;
        vertical-align: middle;
        text-align: center;
        line-height: 40px;
    }

        .slide_6_n .slide_6_y a {
            margin-left: 40px;
            color: #ffb100;
        }

.slide_6_d {
    padding-left: 20px;
    flex: 0 0 25%;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

    .slide_6_d .mini-stats {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .5rem;
        border: none;
        -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
        box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
        overflow: hidden;
    }

.mini-stats .mini-stats-content {
    padding: 1rem !important;
}

.slide_6_d_mb4, .my-4 {
    margin-bottom: 1.5rem !important;
}

.slide_6_d_right {
    text-align: right !important;
    color: rgba(255,255,255,.5) !important;
}

    .slide_6_d_right span {
        margin-top: .5rem !important;
        background-color: #f8f9fa;
        margin-bottom: .5rem !important;
        color: #1699dd !important;
        display: inline-block;
        padding: .25em .4em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25rem;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    .slide_6_d_right p {
        color: #fff;
    }

.slide_6_d_m {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

    .slide_6_d_m .mini-stats-desc {
        display: inline-block;
        position: relative;
        bottom: 22px;
        height: 100%;
        -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
        box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
        background-color: #ffffff !important;
        padding: 1rem !important;
        border-radius: .25rem !important;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .slide_6_d_m .mini-stats-desc li {
            float: left;
            flex: 0 0 33.33333%;
            box-sizing: border-box;
            width: 100%;
            max-width: 100%;
        }

        .slide_6_d_m .mini-stats-desc a {
            display: block;
            /*width: 58px;*/
            height: 60px;
            padding: 12px 15px 15px 15px;
        }

            .slide_6_d_m .mini-stats-desc a:hover {
                color: var(--primary-color) !important;
            }

            .slide_6_d_m .mini-stats-desc a img {
                display: block;
                width: 58px;
                height: 45px;
                margin: 0 auto 5px;
            }

        .slide_6_d_m .mini-stats-desc p {
            display: block;
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            font-size: 14px;
            color: #666;
            text-align: center;
        }
/*链接模块*/
.slide_6_link {
    padding: 20px 30px;
}

    .slide_6_link ul {
        margin-left: -30px;
    }

        .slide_6_link ul li {
            padding-left: 30px;
            margin-bottom: 10px;
            float: left;
        }

            .slide_6_link ul li a {
                font-size: 13px;
                display: flex;
                line-height: 28px;
                border: 1px solid #e8e8e8;
                padding: 0px 28px;
                color: #616161;
                text-align: center;
                justify-content: space-around;
                border-radius: 4px;
            }
/**/
.slide_6_tjmk {
    background: #eaeaea;
    height: 50px;
    border-radius: 0 0 10px 10px;
}

    .slide_6_tjmk .slide_6_tj {
        height: 20px;
        line-height: 20px;
        text-align: center;
        padding: 15px 0 12px;
    }

        .slide_6_tjmk .slide_6_tj li {
            display: inline-block;
            line-height: 20px;
            height: 20px;
            padding-left: 20px;
            position: relative;
            color: #9396A6;
            padding-right: 20px;
            font-size: 13px;
        }
/*
* ----------------------------------------------------------------------------
* 首页四格推荐
* ----------------------------------------------------------------------------
*/

.fastnav {
}

.fastnav-item {
    padding: 0 35px;
}

    .fastnav-item:hover .item-i {
        color: var(--primary-color);
    }

    .fastnav-item i {
        font-size: 60px;
        transition: all .3s;
    }

    .fastnav-item h3 {
        font-size: 18px;
        margin-bottom: 2px
    }

        .fastnav-item h3 .go {
            padding: 1px 2px 1px 5px;
            -webkit-border-radius: 14px;
            border-radius: 14px;
            color: #fff;
            font-weight: 400;
            font-size: 12px;
            text-transform: uppercase;
            vertical-align: top;
        }

            .fastnav-item h3 .go i {
                font-size: 12px;
            }


/*
* ------------------------------------------------------------------------------
* 快捷导航样式
* ------------------------------------------------------------------------------
*/

.fastlink {
    margin-top: 20px !important;
    margin-bottom: 20px;
    padding-bottom: inherit !important;
}

.fastlink-item {
}

.fastlink-title {
    font-size: 15px;
    padding-bottom: 10px;
}

    .fastlink-title i {
        color: var(--primary-color);
        margin-right: 3px;
        font-weight: normal;
    }

    .fastlink-title span {
        font-weight: normal;
        letter-spacing: 0;
        font-size: 12px;
    }

.fastlink-list {
    list-style: none;
    border-left: 1px solid var(--border-color);
    margin: 13px 0 0;
}

    .fastlink-list li {
        position: relative;
    }

        .fastlink-list li a {
            display: block;
            font-size: 13px;
            color: #999;
            padding: 6px 12px;
        }

        .fastlink-list li::after {
            content: '';
            width: 5px;
            height: 5px;
            background: #fff;
            border: 1px solid #aac0ff;
            position: absolute;
            left: -4px;
            top: 7px;
            border-radius: 50%;
            margin: 7px 0;
            z-index: 90;
            transition: all .3s;
        }

        .fastlink-list li a:hover {
            color: var(--primary-color);
        }

.tags-item {
    margin: 10px 0;
}

    .tags-item a {
        display: inline-block;
        font-size: 12px;
        color: #aaa;
        background: #f6f6f6;
        padding: 4px 10px;
        border-radius: 3px;
        margin: 3px;
    }

        .tags-item a:hover {
            background-color: #3385ff;
            background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
            background-image: -webkit-linear-gradient(left, #006eff, #13adff);
            background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
            background-image: linear-gradient(90deg, #006eff, #13adff);
            -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
            box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
            color: #fff;
        }

/*.tags-item a:nth-child(3) {
	background-color: #3385ff;
	background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
	background-image: -webkit-linear-gradient(left, #006eff, #13adff);
	background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
	background-image: linear-gradient(90deg, #006eff, #13adff);
	-webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
	box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
	color: #fff!important
}*/

.fastlink-img {
    margin-top: 15px;
    max-height: 91px;
    overflow: hidden
}

    .fastlink-img .cover {
        padding: 8px 10px;
        font-size: 12px;
    }

    .fastlink-img a img {
        border-radius: 4px;
    }

.fastlink-icons {
    position: relative;
    overflow: hidden;
}

    .fastlink-icons a {
        background: #fff0;
        padding: 10px 10px;
    }

    .fastlink-icons .fastlink-icons-d {
        padding-left: 0;
        margin: 0;
        float: left;
        box-sizing: border-box;
        width: 25%;
        text-align: center;
        font-size: 9pt;
    }

    .fastlink-icons i {
        display: inline-block;
        margin-bottom: 5px;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        background: #e8fbff;
        color: #448aff;
        text-align: center;
        font-size: 40px;
        line-height: 50px;
        font-weight: 300;
    }

    .fastlink-icons span {
        display: block;
        height: 16px;
        line-height: 16px;
        overflow: hidden;
    }
/*
* 面包屑导航
* ----------------------------------------------------------------------------
* */
.crumb {
    color: #bdbdbd;
}

.crumb {
    line-height: 48px;
}

    .crumb a {
        color: #666;
    }

    .crumb i {
        font-size: 13px
    }


/*
* ----------------------------------------------------------------------------
* 卡片布局
* ----------------------------------------------------------------------------
*/

.card {
}

.card-item {
    transition: all .3s;
}

    .card-item .cover {
        height: 100%;
    }

        .card-item .cover img {
            height: 100%;
        }

    .card-item .title {
        padding: 15px 15px 0px 15px;
        max-width: 100%;
        letter-spacing: 0.5px;
        font-size: 15px;
        transition: all .3s;
        /*min-height: 45px;*/
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        word-break: break-all;
    }

.item-foot {
    color: #bdbdbd;
}

    .item-foot a {
        color: #bdbdbd;
    }

.card-item:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.item-foot .cat a {
    color: #70b4f9;
    background: rgba(0,132,255,.1);
    padding: 3px 6px;
    border-radius: 2px;
    font-size: 12px;
    display: inline-block;
}

    .item-foot .cat a:hover {
        background-color: #3385ff;
        background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
        background-image: -webkit-linear-gradient(left, #006eff, #13adff);
        background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
        background-image: linear-gradient(90deg, #006eff, #13adff);
        -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        color: #fff;
    }

.ceo-card-foot {
    padding: 10px 15px 10px 15px;
    border-top: 1px solid #f4f4f4;
    margin-top: 10px;
}

.ceo-home-card-top {
    margin-top: 30px;
}
/*
* ----------------------------------------------------------------------------
* 列表子分类
* ----------------------------------------------------------------------------
*/
.sub-nav {
}

    .sub-nav li {
        margin-left: 10px;
        color: #999;
        cursor: pointer;
        display: inline-block;
        letter-spacing: 1px;
        line-height: 22px;
        outline: none;
        padding: 0 5px;
        text-align: center;
        border-radius: 5px;
        font-weight: 400;
        background: #fff;
        border: 1px solid #eee;
        font-size: 13px;
    }

        .sub-nav li a {
            color: #999;
            padding: 3px 8px;
            display: inline-block;
            border-radius: 4px
        }

            .sub-nav li a:hover {
                color: var(--primary-color)
            }

.ceo-category-shaixuan {
    margin: 0 15px 0 0;
    color: #666;
}
/*文章置顶*/
.ceo-tops {
    transform: translateY(6%);
    display: inline-block;
    margin-right: 3px;
}
/*文章置顶*/
/*分类文章列表*/
.ceo_freepath_subtitle {
    font-size: 12px;
    color: #999;
    background: #fff;
    /* margin: 12px 0 0 0; */
    padding: 15px 15px 10px 15px;
    /* padding-bottom: 20px; */
    height: 12px;
    line-height: 12px;
    border-bottom: 1px solid #f4f4f4;
}

    .ceo_freepath_subtitle .clear {
        border-bottom: 1px solid #eee;
        margin-top: 30px;
    }

.ceo_freepath_zhujiang a {
    float: left;
    color: #999;
}

.ceo_freepath_keshi {
    float: right;
    color: #999;
}

    .ceo_freepath_keshi a {
        color: #999;
        margin-right: -4px;
        font-size: 16px;
        transform: translateY(-10%);
        display: inline-block;
    }

    .ceo_freepath_keshi i {
        font-size: 20px;
    }


.ceo_freepath_description {
    word-break: break-word;
    font-size: 12px;
    line-height: 20px;
    margin: 15px 0 0 0;
    overflow: hidden;
    color: #555;
    height: 0px;
    transition: all 0.3s;
    opacity: 0;
    /* display: none; */
    /* visibility: hidden; */
    position: absolute;
}

.card-item222:hover .ceo_freepath_description {
    height: 60px;
    opacity: 1;
}

.ceo_freepath_descriptionins {
    height: 40px;
    overflow: hidden;
    padding: 0 15px;
    color: #bdbdbd;
}

    .ceo_freepath_descriptionins p {
        margin: 0;
    }


/*.card-item .title{
    /* margin-bottom:-60px; */
/*    padding: 10px 15px 0px 15px;
    max-width: 100%;
        letter-spacing: 0.5px;
}
/*.card-item:hover .post-list-meta-box {
    transform: translate(0,-31px);
    transition: all .2s ease-out;
    opacity: 1;
    visibility: visible;
}
.card-item li span,.post-meta li span {
    height: 19px;
    display: inline-block;
    line-height: 19px;
    padding: 0 5px;
    border-radius: 3px;
}
.card-title-desc{
    position: absolute;
}
.card-foot{
    margin-top: 90px;
}*/
/*
* ----------------------------------------------------------------------------
* 首页排行榜
* ----------------------------------------------------------------------------
*/
.ceo-rank-link-a a:hover {
    color: var(--primary-color)
}

.rank {
}

.rank-menu {
    background-color: #feae18;
    width: 305px;
    background-image: url(/static/mbj2022/images/rank-bg.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .rank-menu li {
        border-radius: 4px 0 0 4px;
        text-align: left;
    }

        .rank-menu li a {
            display: block;
            font-size: 16px;
            padding: 20px 25px;
            color: #fff;
        }

    .rank-menu .ceo-active {
        background: #fff;
    }

        .rank-menu .ceo-active a {
            color: #feae18;
        }

.rank-item {
    border-bottom: 1px dashed #f6f6f6;
}

    .rank-item:last-child {
        border: 0;
    }

    .rank-item:hover {
        background: #f8fbff;
    }

    .rank-item a {
        color: #a5a8b1;
    }

.rank-item-cover {
    width: 120px;
    height: 80px;
}

.rank-item-title {
    width: 320px;
}

    .rank-item-title a {
        color: #262626;
    }

.rank-item-cat {
    width: 180px;
    color: #a5a8b1
}

.rank-item-count {
}

.rank-item-author {
    width: 120px;
}

.rank-item-author,
.rank-item-title,
.rank-item-cat,
.rank-item-count {
    margin-top: 15px;
}

.rank-tese .ceo-tese-remen, .rank-tese .ceo-tese-dujia, .rank-tese .ceo-tese-zuixin, .rank-tese .ceo-tese-tuijian, .rank-tese .ceo-tese-jingpin {
    transform: initial;
}

/*
* ----------------------------------------------------------------------------
* 首页专辑列表
* ----------------------------------------------------------------------------
*/

.topic {
}

.topic-item {
    padding: 30px;
}

    .topic-item h3 {
        font-size: 17px;
    }

    .topic-item ul {
    }

        .topic-item ul li {
            margin-top: 0 !important;
        }

            .topic-item ul li a {
                color: #7c808a;
                padding: 10px 0;
            }

                .topic-item ul li a:hover {
                    color: var(--primary-color);
                    padding-left: 3px;
                }

    .topic-item .info {
        color: #bdbdbd;
    }

        .topic-item .info a {
            color: #bdbdbd;
        }

    .topic-item .topic-item-cover {
        height: 260px;
        max-width: 200px;
    }

        .topic-item .topic-item-cover img {
            height: 100%;
            max-width: none;
        }

.ceo-home-catshow-top {
    margin-top: 30px;
}

.ceo-catshow-top {
    transform: translateY(-50px);
}

/*
* ----------------------------------------------------------------------------
* 首页博客列表样式
* ----------------------------------------------------------------------------
*/
.blog {
}

.blog-item {
    margin-bottom: 30px;
    transition: all .3s;
}

    .blog-item:hover {
        transform: translateY(-3px);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
        box-shadow: 0 0 10px rgba(0,0,0,.05);
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }

    .blog-item .cover {
        height: 170px;
    }

        .blog-item .cover img {
            height: 100%;
            min-width: 100%;
            max-width: none;
        }

.blog-item-content {
    padding: 0 15px;
}

    .blog-item-content h3 {
        line-height: 0;
        margin-bottom: 10px;
    }

        .blog-item-content h3 a {
            font-size: 18px;
        }

    .blog-item-content p {
        color: #bdbdbd;
        margin: 11px 0;
    }

    .blog-item-content .cat a {
        margin-right: 5px;
        font-family: arial;
    }

.side-item {
}

    .side-item .cover {
        height: 180px;
        width: 245px
    }

.ceo-blog-items {
    min-height: 100px;
}
/*文本列表*/
.ceo-category-article {
}

.item-foot a:hover {
    color: var(--primary-color);
}

.ceo-article-items {
    min-height: 69px;
}

.ceo-caetegory-article a {
    margin-left: 10px;
}
/*文本列表*/
/*
* ------------------------------------------------------------------------------
* 分类页面
* ------------------------------------------------------------------------------
*/
.ceo-cat-vip-Btn {
    display: inline-block;
    border-radius: 50px;
    height: 24px;
    font-size: 12px;
    color: #fff !important;
    position: relative;
    padding-left: 40px;
    padding-right: 16px;
    line-height: 24px;
    overflow: hidden;
    background-image: linear-gradient(to right,#ff2837,#fdd621);
    margin-right: 7px;
}

    .ceo-cat-vip-Btn i {
        display: block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 15px;
        top: 2px;
        overflow: hidden;
        background: #ff8100;
        color: #fff;
        font-size: 14px;
    }

@media screen and (max-width: 800px) {
    .ceo-cat-vip-Btn {
        display: none;
    }
}

.ceo-container .ceo-cat-vip-Btn:hover {
    color: #ff0000;
}

.cat-bg {
    height: 220px;
}

    .cat-bg img {
        -webkit-filter: unset;
        filter: unset;
    }

    .cat-bg h3 {
        color: #fff;
        font-size: 28px;
        letter-spacing: 1px;
    }

    .cat-bg .ceo-overlay-primary {
        background: rgba(34, 34, 34, 0);
    }
/*分类菜单样式5*/
.cat5-title {
    position: absolute;
    max-width: 100%;
    bottom: 0;
    top: 0;
    display: block;
    margin-top: 20px;
}

.cat5-bg-img {
    display: block;
    width: 100%;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    position: relative;
    overflow: hidden;
}

.cat5-bg {
    height: 100px;
    position: relative;
}

    .cat5-bg img {
        -webkit-filter: unset;
        filter: unset;
    }

    .cat5-bg h3 {
        color: #fff;
        font-size: 24px;
        letter-spacing: 1px;
    }

.cat5-title p {
    margin-top: 8px;
    font-size: 12px;
    color: #fff;
}

.cat5-bg .ceo-overlay-primary {
    background: rgba(34, 34, 34, 0);
}

@media screen and (max-width: 900px) {
    .cat5-title p {
        display: none;
    }

    .cat5-title {
        top: 12px;
    }
}
/*分类菜单样式6*/
.cat6-bg {
    height: 367px;
}

    .cat6-bg img {
        -webkit-filter: unset;
        filter: unset;
        height: 100%;
    }

.ceo-cat6-title {
    margin-bottom: 20px;
}

    .ceo-cat6-title h3 {
        color: #fff;
        font-size: 28px;
        letter-spacing: 1px;
    }

    .ceo-cat6-title p {
        color: #fff;
        margin-top: 10px;
    }

.cat6-bg .ceo-overlay-primary {
    background: rgba(34, 34, 34, 0);
}

.cat6-tags-item p {
    display: inline;
    color: #fff;
}

.cat6-tags-item a {
    margin-right: 10px;
}

    .cat6-tags-item a:hover {
        color: var(--primary-color);
    }

    .cat6-tags-item a:last-child {
        margin-right: 0px;
    }

.ceo-cat6-ss .search {
    width: 680px;
    background: #fff;
    border-radius: 4px;
}

    .ceo-cat6-ss .search form {
        height: 45px;
        line-height: 45px;
    }

    .ceo-cat6-ss .search .ceo-input {
        height: 45px;
        line-height: 45px;
        color: #666;
        background-color: rgb(255 255 255 / 0%);
    }

    .ceo-cat6-ss .search button {
        color: #fff;
        background: var(--primary-color);
        padding: 0 35px;
        border-radius: 0px 4px 4px 0px;
        outline: none;
        filter: chroma(color=#000000);
    }

@media screen and (max-width: 900px) {
    .cat7-video-model {
        display: none;
    }

    .cat6-bg {
        height: 253px;
    }

    .ceo-cat6-ss .search {
        width: 100%;
    }

        .ceo-cat6-ss .search button {
            padding: 0px 26px;
        }

        .ceo-cat6-ss .search form {
            height: 37px;
            line-height: 37px;
        }

        .ceo-cat6-ss .search .ceo-input {
            height: 37px;
            line-height: 37px;
        }

    .ceo-cat6-title p {
        font-size: 12px;
    }

    .ceo-cat6-title h3 {
        font-size: 19px;
    }

    .ceo-cat6-title {
        margin-bottom: 13px;
        margin-top: 20px;
    }
}
/*分类菜单样式6*/

/*分类菜单样式7*/
.cat7-bg-primary {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(rgba(216,216,216,0)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,.3) 0,rgba(216,216,216,0) 100%);
    background: -moz- oldlinear-gradient(top,rgba(0,0,0,.3) 0,rgba(216,216,216,0) 100%);
    background: linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(216,216,216,0) 100%);
}

.ceo-cat7-title {
    margin-top: 60px;
    margin-bottom: 20px;
}

    .ceo-cat7-title h3 {
        font-size: 36px;
        font-weight: 600;
        color: #FFF;
        text-shadow: 0 2px 4px rgba(0,0,0,.2);
    }

    .ceo-cat7-title p {
        color: #fff;
        margin-top: 10px;
    }

.ceo-cat7-ss .search {
    width: 680px;
    background: #fff;
    border-radius: 4px;
    margin: 0 auto;
}

    .ceo-cat7-ss .search form {
        height: 44px;
        line-height: 44px;
    }

    .ceo-cat7-ss .search .ceo-input {
        height: 45px;
        line-height: 45px;
        color: #666;
        background-color: rgb(255 255 255 / 0%);
    }

    .ceo-cat7-ss .search button {
        color: #fff;
        border-radius: 0 4px 4px 0;
        background: var(--primary-color);
        padding: 0 35px;
        outline: none;
        filter: chroma(color=#000000);
        background-color: #3385ff;
        background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
        background-image: -webkit-linear-gradient(left, #006eff, #13adff);
        background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
        background-image: linear-gradient(90deg, #006eff, #13adff);
        -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    }

.cat7-tags-item p {
    display: inline;
    color: #fff;
}

.cat7-tags-item a {
    margin-right: 10px;
    color: #fff !important;
}

    .cat7-tags-item a:last-child {
        margin-right: 0px;
    }

.cat7-imgbox {
    margin-top: 40px;
}

.cat7-imgbox-mk {
    height: 156px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

    .cat7-imgbox-mk img {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: .4s ease all;
        -moz-transition: .4s ease all;
        transition: .4s ease all;
    }

    .cat7-imgbox-mk:hover > img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .cat7-imgbox-mk a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        padding-top: 55px;
        background: rgba(0,0,0,.3);
        line-height: 28px;
    }

        .cat7-imgbox-mk a em {
            font-size: 20px;
            color: #fff;
            font-style: normal;
        }

        .cat7-imgbox-mk a span {
            font-size: 14px;
            color: rgba(255,255,255,.7);
        }
/*分类菜单样式7*/

/*
* ------------------------------------------------------------------------------
* 分类页面子分类列表
* ------------------------------------------------------------------------------
*/
@media screen and (max-width: 1400px) {
    .ceo-cat-category img {
        height: 260px !important;
    }
}

.list-nav {
    padding: 10px 0;
}

    .list-nav ul {
        list-style: none;
        /*white-space:nowrap;
    overflow-x: scroll;*/
    }

@media screen and (max-width: 200px) {
    .list-nav ul {
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }

        .list-nav ul::-webkit-scrollbar {
            display: none;
        }

    .ceo-catnav-ck {
        list-style: none;
        white-space: nowrap;
        overflow-x: auto !important;
    }

        .ceo-catnav-ck::-webkit-scrollbar {
            display: none;
        }

    .ceo-fl-icon {
        text-align: center;
        display: inline-block;
        width: 500px;
    }
}

.cat-item-dt {
    display: inline-block !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    position: initial !important;
    top: auto !important;
}

.list-nav ul li {
    display: inline-block;
    color: #999;
}

    .list-nav ul li a {
        display: inline-block;
        padding: 3px 8px;
        margin: 2px 6px;
        color: #999;
        font-size: 14px
    }

        .list-nav ul li a:hover {
            color: #1e87f0;
        }

.list-nav .current-cat {
}

    .list-nav .current-cat a {
        position: relative;
        color: #333
    }

    .list-nav .current-cat a {
        z-index: 10;
        color: var(--primary-color);
        background: #f0f6ff;
        display: inline-block;
        padding: 3px 8px;
        border-radius: 4px;
    }
/*高级筛选*/

.ceo_filter_item span {
    color: #333;
    font-size: 14px;
    font-weight: 400;
}

.ceo_filter_item i {
    margin-right: 2px;
    font-size: 20px;
    display: inline-block;
    transform: translateY(2px);
}

.ceo_filter_item .ceo_filter_whole a.on {
    z-index: 10;
    color: var(--primary-color);
    background: #f0f6ff;
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
}

.ceo_filter_item .ceo_filter_whole a {
    margin-left: 11px;
}

.ceo_filter_item a.on {
    z-index: 10;
    color: var(--primary-color);
    background: #f0f6ff;
    display: inline-block;
    padding: 1px 8px;
    border-radius: 4px;
    position: relative;
}

.ceo_filter_item > .on {
    color: #1890ff
}

.ceo_filter_item {
    margin-top: 10px
}

@media screen and (max-width: 800px) {
    .ceo_filter_item span {
        display: inline-block;
    }

    .ceo_filter_item a {
        margin-right: 5px;
        line-height: 20px;
        font-size: 13px;
        padding: 0 5px;
    }

    .ceo_filter_item {
        margin-top: 0px;
    }
}

/*高级筛选*/
/*
* ----------------------------------------------------------------------------
* 分类菜单样式
* ----------------------------------------------------------------------------
*/
.ceo-catnav-wz {
    z-index: 1;
    position: relative;
}

    .ceo-catnav-wz .crumb {
        position: absolute;
        font-size: 0.875rem;
        color: #fff;
    }

        .ceo-catnav-wz .crumb a {
            color: #fff;
        }

.ceo-catnav-ck {
    line-height: 1.8 !important;
}
/*样式1*/
.ceo-catnav-1 {
    position: relative;
    /*margin-bottom: 10px;*/
}

.ceo-catnav-1s {
    padding: 0 20px;
}

.ceo-catnav-1 .content_cctr input {
    background: #f3f3f3;
}

.ceo-catnav-ss dt {
    top: 85px !important;
}
/*样式2*/
.ceo-catnav-2 {
    box-shadow: 0px 4px 10px rgba(20,20,20,0.1);
    border-radius: 6px;
    position: relative;
    margin-bottom: 30px;
}

    .ceo-catnav-2 ul {
        padding: 0 20px;
        margin-top: 0;
    }

.ceo-catnav-2s {
    padding: 0 20px;
}

.ceo-catnav-2 .content_cctr input {
    background: #f3f3f3;
}
/*样式3*/

.ceo-catnav-3 {
    box-shadow: 0px 4px 10px rgba(20,20,20,0.1);
    border-radius: 6px;
    position: relative;
    margin-bottom: 30px;
}

    .ceo-catnav-3 ul {
        padding: 0 20px;
        margin-top: 0;
    }

.ceo-catnav-3s {
    padding: 0 20px;
}

.ceo-catnav-3 .content_cctr input {
    background: #f3f3f3;
}

.ceo-htt {
    border-top: 1px solid #f1f1f1;
    margin: 10px 20px 10px 20px;
}
/*样式4*/
.ceo_sidebar_web {
    position: relative;
    top: 0;
    width: 100%;
    height: 93%;
    overflow: hidden;
    right: 0;
}

    .ceo_sidebar_web .content_ccmrt {
        display: block;
        height: 121px;
        width: 100%;
        text-align: center;
        padding-top: 22px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 6px;
    }

        .ceo_sidebar_web .content_ccmrt h2 {
            font-size: 22px;
            color: #ffd6ac;
            margin-bottom: 16px;
        }

        .ceo_sidebar_web .content_ccmrt button {
            width: 152px;
            height: 33px;
            background: #ffd6ac;
            border-radius: 50px;
            cursor: pointer;
        }

        .ceo_sidebar_web .content_ccmrt a {
            font-size: 15px;
            color: #a3380f;
        }

    .ceo_sidebar_web .content_ccmrm {
        text-align: center;
        padding-top: 18px;
    }

        .ceo_sidebar_web .content_ccmrm p:first-child {
            font-size: 18px;
            font-weight: bold;
            color: #262626;
        }

            .ceo_sidebar_web .content_ccmrm p:first-child:before, .ceo_sidebar_web .content_ccmrm p:first-child:after {
                content: '';
                display: inline-block;
                width: 30px;
                height: 1px;
                background-color: #aaaaaa;
                vertical-align: middle;
                margin: 0 10px;
            }

            .ceo_sidebar_web .content_ccmrm p:first-child + p {
                font-size: 12px;
                color: #aaaaaa;
                margin: 4px 0 10px;
            }

.ceo-web-nav {
    border: 1px solid #fff;
    display: inline-block;
    height: 30px;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    width: 98px;
    margin-left: 5px;
    color: #fff !important;
    position: absolute;
    top: -160px;
    right: 0;
}

.cate-hot-content {
    padding: 0 30px;
}

    .cate-hot-content li {
        display: flex;
        align-items: center;
        margin-top: 15px;
    }

        .cate-hot-content li a {
            display: inline-block;
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px;
            color: #777;
        }

            .cate-hot-content li a span {
                color: #909399;
                font-size: 13px;
                margin-left: 20px;
            }
/*分类搜索*/
.ceo-flss dt {
    color: #333;
    font-size: 14px;
    display: block;
    position: absolute;
    top: 76px;
    font-weight: 400;
}

    .ceo-flss dt i {
        margin-right: 2px;
        font-size: 20px;
        display: inline-block;
        transform: translateY(2px);
    }

.content_cctr {
    height: 28px;
    position: absolute;
    margin-top: 0;
    margin: 0 0 0 106px;
    color: #bfbfbf;
    border-radius: 4px 4px 4px 4px;
    border: solid 0px #f4faff;
    line-height: 28px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    transform: translateY(-52%);
}

    .content_cctr i {
        width: 52px;
        height: 100%;
        font-size: 13px;
        text-align: center;
    }

    .content_cctr input {
        width: 166px;
        height: 100%;
        font-size: 12px;
        padding: 0 16px;
        color: #bfbfbf;
        border: solid 0px #f4faff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .content_cctr a {
        display: inline-block;
        width: 52px;
        height: 100%;
        background-image: linear-gradient(90deg, #006eff, #13adff);
        color: #fff;
        font-weight: bold;
        text-align: center;
        font-size: 18px;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

        .content_cctr a:hover {
            opacity: 0.9;
        }
/*
* ----------------------------------------------------------------------------
* 分页样式
* ----------------------------------------------------------------------------
*/
.ceo-margin-small-top-s {
    margin-top: 0px !important;
}

.fenye {
}

.prev, .next {
}

.ceo-page-img img {
    width: 100% !important;
}

.fenye .page-numbers {
    background: #fff;
    display: inline-block;
    padding: 7px 15px;
    border-radius: 4px;
    margin: 0 3px;
    color: #666;
    border: 1px solid var(--border-color)
}

.fenye .current {
    background-color: #3385ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff);
    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    color: #fff;
    border: none;
    transition: all .3s
}

    .fenye .current:hover {
        border: none !important;
        -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3) !important;
        box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3) !important;
    }

.fenye .page-numbers:hover {
    border: 1px solid var(--border-color);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05)
}

/*
* ----------------------------------------------------------------------------
* 分类切换模块
* ----------------------------------------------------------------------------
* */
.ceo-cat-switcher {
    text-align: center;
}

    .ceo-cat-switcher h5 {
        font-size: 26px;
        color: #333;
        height: 32px;
        line-height: 32px;
        font-weight: 500;
        margin: 20px 0 0 0;
        padding: 0 80px;
        position: relative;
        display: inline-block;
    }

        .ceo-cat-switcher h5:before {
            content: '';
            width: 61px;
            height: 10px;
            position: absolute;
            top: 10px;
            left: 0;
            background: url(/static/mbj2022/images/ceo_hdicon3.png) center no-repeat;
        }

        .ceo-cat-switcher h5:after {
            content: '';
            width: 61px;
            height: 10px;
            position: absolute;
            top: 10px;
            right: 0;
            background: url(/static/mbj2022/images/ceo_hdicon4.png) center no-repeat;
        }

    .ceo-cat-switcher em {
        display: block;
        border-bottom: 1px solid var(--primary-color);
        width: 50px;
        margin: 20px auto;
    }

.ceo-cat-switcher-z {
    margin: 5px 10px !important;
}

    .ceo-cat-switcher-z h3 {
        font-size: 18px;
        line-height: 1.4;
    }

.cat-switcher {
}

    .cat-switcher h3 {
        color: #999;
        cursor: pointer;
        display: inline-block;
        letter-spacing: 1px;
        line-height: 32px;
        outline: none;
        padding: 0 13px;
        text-align: center;
        border-radius: 5px;
        font-weight: 400;
        background: #fff;
        border: 1px solid #eee;
        font-size: 15px;
    }

        .cat-switcher h3:hover {
            color: var(--primary-color)
        }

    .cat-switcher li {
        cursor: pointer;
    }

    .cat-switcher .ceo-active h3 {
        cursor: pointer;
        display: inline-block;
        letter-spacing: 1px;
        line-height: 32px;
        outline: none;
        padding: 0 13px;
        text-align: center;
        border-radius: 5px;
        font-weight: 400;
        background: #fff;
        color: var(--primary-color);
        border: 1px solid #eee;
        font-size: 15px;
    }

        .cat-switcher .ceo-active h3 a {
            color: var(--primary-color);
            ;
        }

        .cat-switcher .ceo-active h3::after {
        }

.cat-switcher {
}

/*
* ----------------------------------------------------------------------------
* 文章页
* ----------------------------------------------------------------------------
* */

.single {
}

.single-warp {
    padding: 30px;
}

.single-main {
    width: 920px;
}

.single-head {
}

    .single-head span a {
        color: #999;
    }

        .single-head span a:hover {
            color: var(--primary-color);
        }

.single-nav {
}

    .single-nav li {
    }

        .single-nav li span {
            padding-bottom: 15px;
            display: block;
            font-size: 16px;
            color: #333;
        }

            .single-nav li span:hover {
                color: var(--primary-color);
            }

        .single-nav li a {
            display: block;
            font-size: 16px;
            color: #333;
        }

            .single-nav li a:hover {
                color: var(--primary-color);
            }

    .single-nav .current {
        border-bottom: 3px solid var(--primary-color);
    }

.single-foot {
}

    .single-foot a {
        color: #fff;
        font-size: 14px;
        margin: 0 10px
    }

        .single-foot a:hover {
            color: #fff
        }

    .single-foot .btn {
        padding: 10px 25px;
        border-radius: 50px;
    }

    .single-foot i {
        transform: translateY(1px);
        display: inline-block;
        margin-left: 1px;
    }

.share {
}

    .share .btn {
        color: #333
    }

.single-content a {
    text-decoration: none;
    color: #666;
    margin: 0 2px;
}

.single-content u {
    text-decoration: none;
}

.single-content strong {
    font-weight: bolder;
    font-size: 17px;
}

.single-content a:hover {
    color: #1e87f0;
}

.single-content p {
    line-height: 2;
}

.single-content img {
    display: block;
    height: auto;
    width: 100%;
    border-radius: 6px;
    vertical-align: middle;
    margin-left: auto !important;
    margin-right: auto !important;
}

.single-content pre {
    background: #262626;
    color: #eee;
    border-left: 5px solid var(--primary-color);
    cursor: text;
    font-size: 13px;
}

    .single-content pre code {
    }

.single-content h1 {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 1.8rem !important;
}

    .single-content h1:after {
        content: '';
        position: absolute;
        left: 0;
        height: 100%;
        width: 5px;
        background: var(--primary-color);
        box-shadow: 3px 0px 10px -1px var(--primary-color);
        border-radius: 2px;
    }

.single-content h2 {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 18px !important;
}

    .single-content h2:after {
        content: '';
        position: absolute;
        left: 0;
        height: 100%;
        width: 5px;
        background: var(--primary-color);
        box-shadow: 3px 0px 10px -1px var(--primary-color);
        border-radius: 2px;
    }

.single-content h3 {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 18px !important;
}

    .single-content h3:after {
        content: '';
        width: 6px;
        height: 6px;
        background: var(--primary-color);
        border-radius: 50%;
        display: block;
        position: absolute;
        left: 0;
        top: 10px;
        box-shadow: 0px 0px 10px 2px var(--primary-color);
    }

.single-content ul {
    list-style: none;
}

    .single-content ul li {
    }


.single-content table {
    border: 1px solid #eee;
}

    .single-content table th {
        color: #222;
        font-weight: bold;
        font-size: 15px !important;
        border-right: 1px solid #eee;
    }

    .single-content table td {
        border-right: 1px solid #eee;
    }

.single-content ul {
    padding: 0
}

.single-content li {
    line-height: 46px;
    border-bottom: 1px dashed #f4f4f4;
    list-style: none;
    padding-left: 20px;
    position: relative
}

    .single-content li:after {
        content: '';
        width: 6px;
        height: 6px;
        background: var(--primary-color);
        border-radius: 50%;
        display: block;
        position: absolute;
        left: 0;
        top: 20px;
    }

.single-card {
}

    .single-card a {
        text-decoration: none;
    }

    .single-card .thumb {
        width: 125px;
        height: 90px;
    }

        .single-card .thumb img {
            height: 100%;
            min-width: 100%;
        }

    .single-card .title {
        margin-top: 6px;
    }

    .single-card .des {
        line-height: 20px;
    }

    .single-card .views {
        background: var(--primary-color);
        color: #fff;
        font-size: 13px;
        padding: 8px 20px;
        margin-top: 25px;
    }

.single-bottom {
}

    .single-bottom h3 {
        text-indent: 20px;
        font-size: 16px;
    }

        .single-bottom h3:after {
            content: '';
            position: absolute;
            width: 5px;
            height: 100%;
            top: 0;
            background: var(--primary-color);
            left: 0;
            box-shadow: 3px 0px 10px -1px var(--primary-color);
            border-radius: 2px;
        }
/*
* ----------------------------------------------------------------------------
* 内页联系模块
* ----------------------------------------------------------------------------
* */
.single-contact-box {
    height: 176px;
    position: relative;
}

.single-contact-box-head {
    padding: 64px 33px;
}

.single-contact-box-head-z {
    margin-left: 232px;
    height: 60px;
    padding-left: 80px;
    background: url(/static/mbj2022/images/ceo-img-contact-tg.png) no-repeat left center;
}

    .single-contact-box-head-z span {
        font-size: 28px;
        color: #233159;
        height: 36px;
        line-height: 36px;
    }

    .single-contact-box-head-z p {
        color: #202020;
        font-size: 14px;
        margin-top: 4px;
    }

.single-contact-box-head-y {
    height: 61px;
    line-height: 59px;
}

    .single-contact-box-head-y a {
        height: 36px;
        line-height: 36px;
        text-align: center;
        font-size: 14px;
        color: #fff !important;
        padding: 10px 15px;
        margin-right: 6px;
        background: #F4683F;
        border-radius: 30px;
    }

        .single-contact-box-head-y a:hover {
            opacity: .9;
        }

        .single-contact-box-head-y a:last-child {
            margin-right: 0px;
        }

        .single-contact-box-head-y a i {
            margin-right: 5px;
        }

        .single-contact-box-head-y a.single-contact-box-head-y-mobile {
            background: #496DBB;
        }

@media only screen and (max-width: 900px) {
    .single-contact-box {
        display: none;
    }
}
/*
* ----------------------------------------------------------------------------
* 内页专题
* ----------------------------------------------------------------------------
* */
.ceo-single-foorelevant {
    padding: 40px 0;
    background: #f5f9fc;
}

.ceo-single-foorelevant-box .foorelevant-box-a {
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
    height: 1.2em;
    line-height: 1.2;
    overflow: hidden;
    white-space: nowrap;
    color: #6a6a6a;
}

    .ceo-single-foorelevant-box .foorelevant-box-a:hover {
        color: var(--primary-color);
    }

    .ceo-single-foorelevant-box .foorelevant-box-a i {
        font-size: 20px;
        margin-right: 5px;
        color: var(--primary-color);
    }

.ceo-single-foorelevant-box-nav {
    font-size: 14px;
    color: #999;
}

.ceo-single-foorelevant-box-an {
    display: block;
    text-align: center;
}

    .ceo-single-foorelevant-box-an a {
        margin-top: 22px;
        display: inline-block;
        padding: 8px 40px;
        font-size: 13px;
        color: #fff !important;
        letter-spacing: 1px;
        border-radius: 4px;
        background-color: #3385ff;
        background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
        background-image: -webkit-linear-gradient(left, #006eff, #13adff);
        background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
        background-image: linear-gradient(90deg, #006eff, #13adff);
        -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    }

        .ceo-single-foorelevant-box-an a:hover {
            background-color: #3385ff;
            background-image: -webkit-gradient(linear, left top, right top, from(#13adff), to(#006eff));
            background-image: -webkit-linear-gradient(left, #13adff, #006eff);
            background-image: -o-linear-gradient(left, #13adff 0, #006eff 100%);
            background-image: linear-gradient(90deg, #13adff, #006eff);
        }

.ceo-single-foorelevant-box-img {
    margin-bottom: 20px;
}

.ceo-single-foorelevant-box-img {
    position: relative;
}

    .ceo-single-foorelevant-box-img span {
        position: absolute;
        top: 8px;
        right: 8px;
        text-align: center;
        color: #fff;
        font-size: 12px;
        display: inline-block;
        line-height: 20px;
        font-weight: 400;
        padding: 0px 10px;
        border-radius: 6px 0px;
        background-image: linear-gradient(270deg, rgb(234, 53, 83) 0%, rgb(253, 122, 90) 100%);
    }

    .ceo-single-foorelevant-box-img a {
        display: block;
    }

        .ceo-single-foorelevant-box-img a img {
            border-radius: 4px;
            height: 168px;
            width: 100%;
        }

.ceo-single-foorelevant-box {
    padding: 20px;
    border-radius: 4px;
}

@media only screen and (max-width: 900px) {
    .ceo-single-foorelevant {
        padding: 20px 0;
    }

    .ceo-single-foorelevant-box {
        padding: 10px;
    }

    .ceo-single-foorelevant-box-img {
        margin-bottom: 10px;
    }

    .ceo-single-foorelevant-box .foorelevant-box-a {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 10px;
        height: auto;
        line-height: inherit;
    }

        .ceo-single-foorelevant-box .foorelevant-box-a i {
            font-size: 14px;
            margin-right: 3px;
        }

    .ceo-single-foorelevant-box-nav li {
        font-size: 12px;
        display: inline;
    }

    .ceo-single-foorelevant-box-img a img {
        height: 68px;
    }

    .ceo-single-foorelevant-box-nav {
        font-size: 12px;
    }

    .ceo-single-foorelevant-box-an a {
        margin-top: 16px;
        padding: 5px 16px;
        font-size: 12px;
    }
}
/*
* ----------------------------------------------------------------------------
* 作者页面
* ----------------------------------------------------------------------------
* */
.author {
}

.author-head {
    height: 245px
}

    .author-head img {
        width: 100%;
    }

    .author-head .avatar {
        height: 100px;
        width: 100px
    }

        .author-head .avatar > img {
            width: 100%
        }

.author-head-info {
    padding: 5px
}

.author-menu {
    list-style: none
}

    .author-menu .ceo-active {
    }

        .author-menu .ceo-active a::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -2px;
            width: 100%;
            height: 4px;
            background: var(--primary-color);
            box-shadow: 0px 2px 10px -1px #2c63ff;
            border-radius: 3px;
        }

    .author-menu li {
        margin-right: 30px;
    }

        .author-menu li a {
            color: #fff;
            font-size: 16px;
        }

.ceo-user-y li a {
    color: #262626;
}

@media only screen and (max-width: 800px) {
    .ceo-user-apps-a a {
        color: #999 !important;
    }
}
/*
* ----------------------------------------------------------------------------
* 热门标签调用模块
* ----------------------------------------------------------------------------
* */
.ceo-foot-tags {
    margin-bottom: 13px;
}

.hot-tag {
}

    .hot-tag a {
        color: #999;
        padding: 3px 8px;
        border-radius: 3px;
        display: inline-block;
        margin-right: 15px
    }

        .hot-tag a:hover {
            background: var(--primary-color);
            color: #fff;
        }

    .hot-tag .all-tag {
        font-size: 13px;
        color: #fff;
    }
/*
* ------------------------------------------------------------------------------
* 首页ABOUT模块
* ------------------------------------------------------------------------------
*/
.home-about {
    background: #2c63ff;
}

.home-about-title {
    border-bottom: 1px solid #6f95ff
}

    .home-about-title em {
        font-style: normal
    }

.home-about-ewm {
}

    .home-about-ewm a {
        width: 120px;
        height: 120px
    }

        .home-about-ewm a img {
            width: 100%
        }
/*
* ----------------------------------------------------------------------------
* 侧边栏
* ----------------------------------------------------------------------------
* */
.ceo-sidebar-article-c {
    line-height: 33px;
}

.ceo-sidebar-article-ch span i {
    margin-right: 3px;
    font-size: 15px;
}

.ceo-sidebar-wenzhang {
    margin-top: 0px !important;
}

.ceo-padding-wenzhang-top {
    padding-top: 10px !important;
}

.sidebar {
    /*	width: 360px;*/
    /*width: 340px;*/
}

.side-title {
}

.side-title-style {
}

    .side-title-style:after {
        content: '';
        position: absolute;
        width: 5px;
        height: 100%;
        background: var(--primary-color);
        left: -15px;
        box-shadow: 3px 0px 10px -1px var(--primary-color);
        border-radius: 2px;
    }

.helper {
    letter-spacing: .5px;
    padding: 20px;
}

    .helper p {
        max-width: 80%;
    }

    .helper .btn {
        padding: 6px 10px;
        font-size: 13px;
        line-height: normal;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

        .helper .btn i {
            font-size: 14px;
            margin-right: 5px;
        }

    .helper .helper-thumb {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .helper .btn {
        font-size: 13px
    }

    .helper .ceo-qun {
        margin-top: 13px;
    }

.side-author {
    background: #f4faff;
}

    .side-author .avatar img {
        border-radius: 50%;
        border: 5px solid #fff
    }

.side-author-count {
}

    .side-author-count ul {
        list-style: none
    }

        .side-author-count ul li {
        }

            .side-author-count ul li p {
                font-size: 16px;
            }

            .side-author-count ul li span {
                color: #aaa;
            }

    .side-author-count .item {
        border-radius: 4px;
        margin: 2px;
        padding: 10px 0;
    }

        .side-author-count .item p {
            font-size: 14px;
            color: #666;
        }

        .side-author-count .item span {
            font-size: 12px;
            color: #bdbdbd;
            display: block;
        }

.side-author-latest {
}

    .side-author-latest ul {
        list-style: none;
        margin-left: 10px;
    }

        .side-author-latest ul li {
            padding: 5px 25px;
        }

            .side-author-latest ul li:last-child {
                margin-bottom: 0 !important
            }

            .side-author-latest ul li a {
                font-size: 14px;
                color: #3c3c3c;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box !important;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                word-break: break-all;
            }

                .side-author-latest ul li a:hover {
                    color: var(--primary-color);
                }

            .side-author-latest ul li span {
                font-size: 14px;
                color: #bdbdbd
            }

            .side-author-latest ul li:after {
                content: '';
                position: absolute;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                left: -3px;
                top: 38px;
                background: var(--primary-color);
            }

            .side-author-latest ul li:before {
                content: '';
                position: absolute;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                left: -6px;
                top: 35px;
                opacity: 0.3;
                background: var(--primary-color);
            }

.side-art {
}

    .side-art .side-art-cover {
        max-height: 70px;
    }

.ceo-padding-top-small {
    padding: 0px 15px 15px 15px;
}
/*双栏模块*/
.ceo-sidebar-double {
}

    .ceo-sidebar-double li a:hover p {
        color: #026eff;
    }

    .ceo-sidebar-double li {
        margin-bottom: 15px;
    }

    .ceo-sidebar-double p {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        font-size: 14px;
        margin-top: 6px;
    }
/*
==================================商城内页======================================
*/
.ceo-single-tese {
    display: inline-block;
}
    /*热门*/
    .ceo-single-tese .ceo-tese-remen {
        display: inline-block;
        background: #ffa03f;
        border-radius: 14px;
        height: 28px;
        font-size: 12px;
        color: #ffffff;
        position: relative;
        padding-left: 30px;
        padding-right: 10px;
        line-height: 28px;
        overflow: hidden;
        border: 0px solid #fff;
        transform: translateY(18%);
    }

        .ceo-single-tese .ceo-tese-remen span {
            display: block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            border-radius: 50%;
            position: absolute;
            left: 5px;
            top: 4px;
            overflow: hidden;
            background: #ffffff;
            color: #ffa03f;
            font-size: 14px;
        }
    /*独家*/
    .ceo-single-tese .ceo-tese-dujia {
        display: inline-block;
        background: #5962f1;
        border-radius: 14px;
        height: 28px;
        font-size: 12px;
        color: #ffffff;
        position: relative;
        padding-left: 30px;
        padding-right: 10px;
        line-height: 28px;
        overflow: hidden;
        border: 0px solid #fff;
        transform: translateY(18%);
        font-weight: 400;
    }

        .ceo-single-tese .ceo-tese-dujia span {
            display: block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            border-radius: 50%;
            position: absolute;
            left: 5px;
            top: 4px;
            overflow: hidden;
            background: #ffffff;
            color: #5962f1;
            font-size: 14px;
        }
    /*最新*/
    .ceo-single-tese .ceo-tese-zuixin {
        display: inline-block;
        background: #1cc751;
        border-radius: 14px;
        height: 28px;
        font-size: 12px;
        color: #ffffff;
        position: relative;
        padding-left: 30px;
        padding-right: 10px;
        line-height: 28px;
        overflow: hidden;
        border: 0px solid #fff;
        transform: translateY(18%);
    }

        .ceo-single-tese .ceo-tese-zuixin span {
            display: block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            border-radius: 50%;
            position: absolute;
            left: 5px;
            top: 4px;
            overflow: hidden;
            background: #ffffff;
            color: #1cc751;
            font-size: 14px;
        }
    /*推荐*/
    .ceo-single-tese .ceo-tese-tuijian {
        display: inline-block;
        background: #e10dfb;
        border-radius: 14px;
        height: 28px;
        font-size: 12px;
        color: #ffffff;
        position: relative;
        padding-left: 30px;
        padding-right: 10px;
        line-height: 28px;
        overflow: hidden;
        border: 0px solid #fff;
        transform: translateY(18%);
    }

        .ceo-single-tese .ceo-tese-tuijian span {
            display: block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            border-radius: 50%;
            position: absolute;
            left: 5px;
            top: 4px;
            overflow: hidden;
            background: #ffffff;
            color: #e10dfb;
            font-size: 14px;
        }
    /*精品*/
    .ceo-single-tese .ceo-tese-jingpin {
        display: inline-block;
        background: #ff0000;
        border-radius: 14px;
        height: 28px;
        font-size: 12px;
        color: #ffffff;
        position: relative;
        padding-left: 30px;
        padding-right: 10px;
        line-height: 28px;
        overflow: hidden;
        border: 0px solid #fff;
        transform: translateY(18%);
    }

        .ceo-single-tese .ceo-tese-jingpin span {
            display: block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            border-radius: 50%;
            position: absolute;
            left: 5px;
            top: 4px;
            overflow: hidden;
            background: #ffffff;
            color: #ff0000;
            font-size: 14px;
        }

/*内页商标签*/
.ceo-single-shang {
    transform: none;
    position: relative;
    display: inline-block;
    margin-right: 2px;
    width: 24px;
    height: 29px;
    text-align: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 1.4;
    font-size: 22px;
    transform: translateY(18%);
    background: url(/static/mbj2022/images/ceo-shang-title.png);
    background-size: 100% 100%;
}
/*内页VIP标签*/
.ceo-single-vip {
    transform: none;
    position: relative;
    display: inline-block;
    margin-right: 8px;
    width: 24px;
    height: 29px;
    text-align: center;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 1.4;
    font-size: 22px;
    transform: translateY(18%);
    background: url(/static/mbj2022/images/ceo-vip-title.png);
    background-size: 100% 100%;
}

/*
==================================商城侧边栏======================================
*/

/*资源价格*/
.ceo-sidebar-shop-price {
    margin-bottom: 13px;
}

.ceo-sidebar-shop-vip {
    margin-left: 9px;
}

    .ceo-sidebar-shop-vip a {
        float: right;
        line-height: 3;
    }
/*下载按钮*/
.ceo-sidebar-shop-down {
    display: block;
    margin-bottom: 18px;
    width: 100%;
    height: 55px;
    border-radius: 4px;
    color: #fff !important;
    font-size: 1pc;
    line-height: 55px;
    cursor: pointer;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: #007aff;
    background-color: var(--primary-color);
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff);
}

    .ceo-sidebar-shop-down a {
        color: #fff !important;
        height: 55px;
        line-height: 55px;
        display: block;
    }

    .ceo-sidebar-shop-down:hover {
        background: #007aff;
        background-color: #13adff;
        background-image: -webkit-gradient(linear, left top, right top, from(#13adff), to(#006eff));
        background-image: -webkit-linear-gradient(left, #13adff, #006eff);
        background-image: -o-linear-gradient(left, #13adff 0, #006eff 100%);
        background-image: linear-gradient(90deg, #13adff, #006eff);
    }

    .ceo-sidebar-shop-down:before {
        content: " ";
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 5px;
        top: 5px;
        background: url(/static/mbj2022/images/ceo-sidebar-shop-down-vip.svg) 50% no-repeat;
        background-size: 20px auto;
        z-index: 10;
    }

    .ceo-sidebar-shop-down:after {
        content: " ";
        display: block;
        width: 70px;
        height: 70px;
        position: absolute;
        left: -35px;
        top: -35px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background: rgba(0,0,0,.15);
        z-index: 5;
    }


/*演示按钮*/
.ceo-sidebar-shop-demo {
    display: block;
    margin-bottom: 18px;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    color: #3573EC;
    font-size: 1pc;
    line-height: 50px;
    cursor: pointer;
    text-align: center;
    position: relative;
    overflow: hidden;
    border: 1px solid #3573EC;
}

    .ceo-sidebar-shop-demo a {
        color: #3573EC;
        height: 50px;
        line-height: 50px;
        display: block;
    }

    .ceo-sidebar-shop-demo:hover {
        background: #3573EC;
    }

    .ceo-sidebar-shop-demo a:hover {
        color: #fff;
    }
/*点赞收藏按钮*/
.ceo-sidebar-shop-sz {
    width: 100%;
    height: 45px !important;
    line-height: 45px !important;
}

.ceo-sidebar-shop-good a {
    display: block !important;
    padding: 0;
    vertical-align: middle;
    padding: 0;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    border-radius: 3px;
}

.ceo-sidebar-shop-good {
    width: 50% !important;
    float: left;
    height: 45px !important;
    line-height: 45px !important;
}

    .ceo-sidebar-shop-good .dotGood {
        margin-right: 5px;
    }

    .ceo-sidebar-shop-good .add-collection {
        margin-left: 5px;
    }

    .ceo-sidebar-shop-good .change-color {
        background-color: #1bd8b8;
        background-image: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
        box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0);
    }
/*信息属性*/
.ceo-sidebar-shop {
    padding: 30px;
}

    .ceo-sidebar-shop ul {
        list-style: none;
    }

    .ceo-sidebar-shop li {
        display: inline-block;
        width: 100%;
        height: 33px;
        color: #838383;
        font-size: 13px;
        line-height: 33px;
    }

        .ceo-sidebar-shop li .ceo-sidebar-shop-title {
            float: left;
            display: inline-block;
            margin-right: 10px;
            color: #000;
        }

        .ceo-sidebar-shop li .ceo-sidebar-shop-content {
            float: right;
            display: inline-block;
            color: #838383;
            font-size: 13px;
        }

        .ceo-sidebar-shop li .course {
            float: right;
            margin-top: 4px;
            margin-right: 5px;
            padding: 0 10px;
            height: 22px;
            border: 1px solid #f2a20c;
            border-radius: 4px;
            color: #f2a20c;
            font-size: 12px;
            line-height: 22px;
        }

            .ceo-sidebar-shop li .course:hover {
                background: #f2a20c;
                color: #fff;
            }
    /**/
    .ceo-sidebar-shop .ceo-sidebar-shop-WP {
        border-top: 1px solid #eaeaea;
        padding-top: 20px;
        overflow: hidden;
        height: 100%;
        border-radius: 3px;
        color: #8495a0;
        font-size: 12px;
    }

        .ceo-sidebar-shop .ceo-sidebar-shop-WP .sy-hover-box, .ceo-sidebar-shop .ceo-sidebar-shop-WP i, .ceo-sidebar-shop .ceo-sidebar-shop-C a {
            color: #8495a0;
            font-size: 12px !important;
        }

            .ceo-sidebar-shop .ceo-sidebar-shop-C a:hover, .ceo-sidebar-shop .ceo-sidebar-shop-R span:hover {
                color: var(--primary-color);
            }

    .ceo-sidebar-shop .ceo-sidebar-shop-L, .ceo-sidebar-shop .ceo-sidebar-shop-C {
        float: left;
    }

    .ceo-sidebar-shop .ceo-sidebar-shop-R {
        position: absolute;
        padding-left: 73px;
        float: right;
        display: inline-block;
    }

        .ceo-sidebar-shop .ceo-sidebar-shop-R .sy-hover span {
            color: #a96900;
        }

        .ceo-sidebar-shop .ceo-sidebar-shop-R:hover .sy-hover {
            display: block;
        }

        .ceo-sidebar-shop .ceo-sidebar-shop-R .sy-hover {
            width: 234px;
            font-size: 12px;
            padding: 14px;
            top: 0px;
            left: 0%;
            line-height: 20px;
            margin-left: -172px;
            margin-top: 6px;
            background-color: #fff;
            border: 1px solid #fff2d4;
            border-radius: 6px;
            z-index: 3;
            display: none;
        }

            .ceo-sidebar-shop .ceo-sidebar-shop-R .sy-hover:before {
                content: '';
                position: absolute;
                width: 8px;
                height: 8px;
                border: 1px solid #fff2d4;
                display: inline-block;
                transform: rotate(45deg);
                left: 60%;
                background-color: #fff;
                margin-left: 7px;
                top: 21px;
                border-bottom: 0;
                border-right: 0;
            }

/*商业授权*/
.ceo-sidebar-shop-copyright {
    text-align: center
}

    .ceo-sidebar-shop-copyright .getcompay {
        display: inline-block;
        margin-bottom: 15px;
        width: 240px;
        height: 40px;
        border-radius: 45px;
        background: #f0d58b;
        color: #6a4b1e;
        line-height: 40px;
        text-align: center
    }

        .ceo-sidebar-shop-copyright .getcompay:hover {
            background: #e8c464;
            color: #6a4b1e
        }

        .ceo-sidebar-shop-copyright .getcompay i {
            font-size: 18px;
            margin-right: 3px;
        }

    .ceo-sidebar-shop-copyright ul {
        display: inline-block;
    }

    .ceo-sidebar-shop-copyright li {
        display: inline-block;
        width: 100%;
        height: 33px;
        color: #838383;
        font-size: 13px;
        line-height: 33px;
    }

        .ceo-sidebar-shop-copyright li .m-l2 {
            float: left;
            display: inline-block;
            margin-right: 10px;
            color: #000;
        }

        .ceo-sidebar-shop-copyright li .m-bo:hover {
            border: 1px solid var(--primary-color);
            color: var(--primary-color);
        }

        .ceo-sidebar-shop-copyright li .m-r2 {
            float: right;
            display: inline-block;
            color: #838383;
            font-size: 13px;
        }

    .ceo-sidebar-shop-copyright .chose {
        margin-bottom: 8px;
        padding-bottom: 13px;
        height: 33px;
        border-bottom: 1px solid #eceff1;
        line-height: 33px;
    }

    .ceo-sidebar-shop-copyright li .m-r2 em {
        position: relative;
        display: inline-block;
        width: 1pc;
        height: 1pc;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        border-radius: 40px;
        background: #c4c4c4;
        color: #fff;
        vertical-align: 0;
        line-height: 1pc;
        font-style: normal
    }

        .ceo-sidebar-shop-copyright li .m-r2 em div {
            position: relative;
        }

        .ceo-sidebar-shop-copyright li .m-r2 em:hover .say {
            display: block
        }

        .ceo-sidebar-shop-copyright li .m-r2 em .say {
            position: absolute;
            top: -340px;
            left: -288px;
            display: none;
            padding: 17px 19px 2pc 28px;
            width: 239px;
            height: auto;
            border: 1px solid #dfdfdf;
            background: #fff;
            color: #af9178;
            cursor: pointer;
        }

            .ceo-sidebar-shop-copyright li .m-r2 em .say .s-tt {
                height: 50px;
                font-size: 18px;
                line-height: 50px;
            }

            .ceo-sidebar-shop-copyright li .m-r2 em .say p {
                text-align: left;
                text-indent: 2em;
                font-size: 9pt;
                line-height: 20px;
            }

    .ceo-sidebar-shop-copyright li .m-bo {
        padding: 0 8px;
        height: 25px;
        border: 1px solid #e6e6e6;
        border-radius: 4px;
        color: #8a8a8a;
        line-height: 25px;
        cursor: pointer;
    }

    .ceo-sidebar-shop-copyright .dz-ppt {
        border: 1px solid #df9a8b;
        color: #d24625;
    }

        .ceo-sidebar-shop-copyright .dz-ppt:hover {
            background: #d24625;
            color: #fff;
        }

    .ceo-sidebar-shop-copyright .dzweb {
        display: inline-block;
        margin-top: 10px;
        width: 100%;
        height: 44px;
        border-radius: 4px;
        font-size: 15px;
        line-height: 44px;
        cursor: pointer;
    }

    .ceo-sidebar-shop-copyright .dz-ppt i {
        margin-right: 10px;
    }

.dz-ppts {
    margin-left: 10px;
}

.ceo-sidebar-shop-copyright .adpdf {
    display: inline-block;
    width: 100%;
    height: 46px;
    margin-top: 10px;
}

.ceo-sidebar-shop-copyright li a i {
    margin-right: 3px;
    font-size: 15px;
}

/*商城2侧边栏作者*/
.ceo-sidebar-shop .custom {
    width: 100%;
    background: inherit;
    border: inherit;
    float: right;
    text-align: center;
    margin: auto;
    padding: inherit;
    position: relative !important;
}

    .ceo-sidebar-shop .custom:before {
        display: none
    }

.ceo-sidebar-shop .cusomPic {
    margin-top: auto;
}

.ceo-sidebar-shop .customgf {
    margin-bottom: auto;
}

/*---------------------------商城3内页-----------------------------*/
.ceo-shop3-vip {
    margin-left: 9px;
}

    .ceo-shop3-vip .stag_tp {
        height: 26px;
        line-height: 23px;
        border-radius: 13px;
        border: solid 1px #d8d8d8;
        font-size: 0;
        padding: 1px 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        margin-left: 9px;
        /*position: absolute;
    right: 38px;
    bottom: 29px;*/
    }

    .ceo-shop3-vip label {
        font-size: 12px;
        color: #7c7c7c;
        display: inline-block;
        padding: 0 9px;
        text-align: center;
    }

    .ceo-shop3-vip a {
        padding: 0 20px;
        height: 100%;
        display: inline-block;
        background-color: #FF6F1C;
        border-radius: 11px;
        font-size: 12px;
        color: #fff;
        text-align: center;
    }

.ceo-shop3-zl {
    position: relative;
    min-height: 407px;
    margin-bottom: 20px;
    border-radius: 4px;
}

    .ceo-shop3-zl .snyc {
        position: relative;
        padding: 39px 35px 32px;
        z-index: 9;
        border-radius: 4px 4px 0px 0px;
    }

.snyc .proimg {
    width: 126px;
    height: 126px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    float: left;
    background: url(/static/mbj2022/images/ceo-shop3-icon1.png) no-repeat center;
    padding: 6px;
    margin-right: 24px;
    position: relative;
}

    .snyc .proimg img {
        width: 126px;
        height: 126px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
    }

.snyc .p1 {
    font-weight: bold;
    font-size: 24px;
    color: #edeff2;
}

    .snyc .p1 span {
        font-weight: normal;
        font-size: 12px;
        color: #939aa8;
        display: inline-block;
    }

        .snyc .p1 span:after {
            content: "";
            display: inline-block;
            width: 1px;
            height: 11px;
            background: #4b4d5a;
            margin-right: 12px;
            float: left;
        }

.snyc .p2 {
    font-size: 12px;
    color: #939aa8;
    margin-top: 13px;
}

    .snyc .p2 a {
        color: #939aa8 !important;
    }

        .snyc .p2 a:hover {
            color: #fff !important;
        }

    .snyc .p2 input {
        display: inline-block;
        font-size: 12px;
        color: #939aa8;
        width: 175px;
        cursor: pointer;
        outline: none;
    }

    .snyc .p2 .copy_goods_id {
        display: inline-block;
        font-size: 12px;
        color: #939aa8;
        cursor: pointer;
        outline: none;
    }

.snyc .p3 {
    margin-top: 32px;
}

    .snyc .p3 span:first-child {
        padding-left: 0;
    }

    .snyc .p3 span {
        display: inline-block;
        position: relative;
        vertical-align: top;
        padding: 0 22px;
    }

    .snyc .p3 i {
        display: block;
        font-size: 12px;
        color: #666e80;
        font-style: normal;
        height: 16px;
        line-height: 16px;
    }

    .snyc .p3 span:first-child b {
        color: #ff8c19 !important;
    }

    .snyc .p3 b {
        display: block;
        font-size: 14px;
        color: #939aa8;
        font-weight: normal;
        height: 24px;
        line-height: 24px;
        margin-top: 8px;
    }

    .snyc .p3 em {
        font-size: 20px;
        color: #ff8c19;
        margin-right: 5px;
    }

.snyc .p4 {
    display: block;
    width: auto;
    font-size: 12px;
    color: #666f80;
    text-align: center;
    padding-top: 26px;
    position: absolute;
    right: 35px;
    bottom: 41px;
}

    .snyc .p4 .change-color-sc {
        background-color: inherit;
        background-image: initial;
        box-shadow: inherit;
        color: inherit !important;
    }

    .snyc .p4 a i {
        display: none;
    }

.snyc:after {
    content: "";
    display: block;
    clear: both;
}

.pricelt {
    height: 63px;
    background: #f6f6f6;
    position: relative;
    z-index: 8;
    padding: 11px 38px 11px 38px;
}

    .pricelt .p4 {
        display: block;
        font-size: 12px;
        color: #666f80;
        text-align: center;
        padding-top: 26px;
        position: absolute;
        right: 35px;
        bottom: 26px;
    }

        .pricelt .p4 i {
            font-size: 16px;
        }

        .pricelt .p4 .change-color {
            padding: 3px 10px;
            border-radius: 4px;
            color: #ff5473 !important;
            background-color: rgba(255, 84, 115, .1);
            margin-right: 10px !important;
            font-size: 12px;
            background: rgba(255, 84, 115, .1);
            box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%);
        }

        .pricelt .p4 .change-color-sc {
            padding: 3px 10px;
            border-radius: 4px;
            color: #0084ff !important;
            background: rgba(0,132,255,.1);
            margin-right: 10px !important;
            font-size: 12px;
            box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%);
        }

    .pricelt .sellP #priceinfo {
        font-size: 36px;
        color: #ff6c00;
    }

    .pricelt .sellP em {
        color: #ff6c00;
    }

.buyopa {
    height: 50px;
    padding: 20px 0 15px 38px;
    background: #fff;
    position: relative;
}

    .buyopa .ceo-shop3-demo {
        display: block;
        width: 168px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        border: 1px solid #44a0f6;
        background: #fff;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        font-size: 18px;
        color: #007cef;
        float: left;
        margin-right: 7px;
        margin-bottom: auto;
        position: inherit;
        overflow: inherit;
    }

        .buyopa .ceo-shop3-demo a {
            border: 0px solid #007cef !important;
            background: #fff !important;
            color: #007cef !important;
        }

    .buyopa .shop3-vip {
        background-color: #ff7800;
        border: 1px solid #ff7800;
        color: #fff;
    }

    .buyopa a:first-child {
        border: 1px solid #007cef;
        background: #007cef;
        color: #fff;
    }

    .buyopa a {
        display: block;
        width: 168px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        border: 1px solid #44a0f6;
        background: #fff;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        font-size: 18px;
        color: #44a0f6;
        float: left;
        margin-right: 7px;
    }

    .buyopa .hont {
        padding-left: 18px;
        line-height: 20px;
        font-size: 12px;
        color: #cbcbcb;
        position: absolute;
        right: 38px;
        bottom: 16px;
    }

        .buyopa .hont i {
            font-size: 14px;
            margin-right: 3px;
        }

.mother {
    height: 22px;
    line-height: 22px;
    padding: 11px 38px 12px;
    background: #fff;
    font-size: 12px;
    color: #aeb1b8;
    border-top: 1px dashed #e5e5e5;
    border-radius: 0px 0px 4px 4px;
}

    .mother i {
        margin-right: 3px;
        color: #007cef !important;
    }

    .mother span {
        height: 22px;
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        position: relative;
    }

        .mother span em {
            display: block;
            width: 1px;
            height: 11px;
            background: #e6e6e6;
            position: absolute;
            right: 0px;
            top: 5px;
        }

/*---------------------------商城4内页-----------------------------*/
.ceo-shop4 {
    width: 100%;
    position: relative;
    height: 470px;
    margin-bottom: 70px;
}

.ceo-shop4-top h1 {
    font-size: 24px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    margin-bottom: 13px;
    /*overflow: hidden;*/
    font-weight: 400;
    text-align: center;
    position: relative;
}

.ceo-shop4-titles {
    text-align: center;
    margin-bottom: 25px;
}

    .ceo-shop4-titles a {
        color: #999 !important;
    }

        .ceo-shop4-titles a:hover {
            color: #fff !important;
        }

.ceo-shop4-top .deankcpic {
    width: 350px;
    height: 200px;
    margin: 0 auto;
    box-shadow: 0px 4px 8px rgba(7, 17, 27, 0.4);
    background: url(/static/mbj2022/images/ceo-shop4-bgs.png) center no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 8px;
}

    .ceo-shop4-top .deankcpic img {
        width: 330px;
        height: 160px;
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 1;
        border-radius: 4px;
    }

.ceo-shop4-top .deankcinfos {
    margin-top: 11px;
    padding: 32px;
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 1px dashed #e5e5e5;
}

    .ceo-shop4-top .deankcinfos .deankcinfo_s .deancurprices {
        font-size: 24px;
        font-weight: 300;
        color: #07AEFC;
        line-height: 36px;
    }

    .ceo-shop4-top .deankcinfos .deankcinfo_s {
        position: absolute;
    }

    .ceo-shop4-top .deankcinfos .deankcinfo_l ul li {
        float: left;
        width: 175px;
        font-weight: 200;
        color: #4d555d;
        text-align: center;
    }

        .ceo-shop4-top .deankcinfos .deankcinfo_l ul li span {
            display: block;
            font-size: 12px;
            line-height: 12px;
            margin-bottom: 4px;
        }

        .ceo-shop4-top .deankcinfos .deankcinfo_l ul li p {
            font-size: 14px;
            height: 24px;
            line-height: 24px;
            overflow: hidden;
            color: #333;
        }

.ceo-shop4-top .sc-info-line {
    float: left;
    width: 1px;
    height: 36px;
    background: #d9dde1;
}

.ceo-shop4-top .deankcinfos .deankcinfo_r .deancurprices {
    float: left;
    font-size: 24px;
    font-weight: 300;
    color: #07AEFC;
    line-height: 36px;
}

.ceo-shop4-top .deankcinfos .deankcinfo_r a {
    float: right;
    display: block;
    margin-left: 12px;
    padding: 0 18px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    background-color: #07AEFC;
    border: 1px solid #07aefc;
    cursor: pointer;
    -weibkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.ceo-shop4-top .deankcinfos .deankcinfo_r .shop4-vip {
    background-color: #ff7800;
    border: 1px solid #ff7800;
    color: #fff;
}

.ceo-shop4-top .deankcinfos .deankcinfo_r .shop4-demo {
    background-color: #fff0;
    border: 1px solid #07aefc;
    color: #07aefc;
}

.ceo-shop4 .sellP #priceinfo {
    color: #07aefc;
}

.ceo-shop4 .sellP em {
    color: #07aefc;
}

.ceo-shop4 .shop4_tp {
    height: 26px;
    line-height: 23px;
    border-radius: 13px;
    border: solid 1px #d8d8d8;
    font-size: 0;
    padding: 1px 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 9px;
    transform: translateY(-10%);
}

.ceo-shop4-vip a {
    padding: 0 20px;
    height: 100%;
    display: inline-block;
    background-color: #07aefc;
    border-radius: 11px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.ceo-shop4-vip label {
    font-size: 12px;
    color: #7c7c7c;
    display: inline-block;
    padding: 0 9px;
    text-align: center;
}

.ceo-shop4 .mother {
    height: 22px;
    line-height: 22px;
    padding: 11px 32px 12px;
    background: #fff;
    font-size: 12px;
    margin-top: -8px;
    color: #aeb1b8;
    border-top: 1px dashed #e5e5e5;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0px 12px 24px rgba(7, 17, 27, 0.1);
}

    .ceo-shop4 .mother .hont {
        padding-left: 18px;
        line-height: 20px;
        font-size: 12px;
        color: #cbcbcb;
        float: right;
    }

.ceo-shop4-top .ceo-shop4-bhgx {
    display: inline-block;
    top: 8px;
    position: relative;
}

.ceo-shop4-top .ceo-shop4-bh {
    float: left;
    font-size: 13px;
    margin-right: -5px;
    color: #fff;
    background: #07aefc;
    padding: 3px 16px;
    border-radius: 4px;
}

.ceo-shop4-top .ceo-shop4-gx {
    float: left;
    font-size: 13px;
    margin-left: 0px;
    color: #fff;
    background: #07aefc;
    padding: 3px 16px;
    border-radius: 4px;
}
/*.ceo-shop4-nr .ceo-shop-commont{
    margin: 0 auto 27px auto;
}*/
@media screen and (min-width: 1400px) {
    .ceo-shop4-nr .single-main {
        width: 100% !important;
        max-width: 1440px;
    }
}

@media screen and (max-width: 1399px) {
    .ceo-shop4-nr .single-main {
        width: 100% !important;
    }
}
/*---------------------------商城5内页-----------------------------*/
.ceo-shop5-title {
    padding: 30px 30px 10px 30px;
    border-radius: 4px 4px 0px 0px;
}

.ceo-shop5-mulu {
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
}

    .ceo-shop5-mulu h3 {
        font-size: 16px;
        color: #fc5531;
        height: 32px;
        line-height: 32px;
        font-weight: 500;
        position: absolute;
        display: block;
        border-bottom: 1px solid #fc5531;
        padding-bottom: 20px;
    }

        .ceo-shop5-mulu h3 i {
            font-size: 23px;
            transform: translateY(13%);
            display: inline-block;
            margin-right: 1px;
        }

.ceo-shop5-zs {
    float: right;
    line-height: 25px;
    position: relative;
    transform: translateY(13%);
}

    .ceo-shop5-zs a {
        font-size: 12px;
        padding: 0 8px;
    }

.ceo-shop5-sidebar {
    background-color: #2c2c2c;
    border: 1px solid #2c2c2c;
}

.ceo-shop5-liebiao {
    list-style: none;
    overflow-y: auto;
    height: 388px;
}

    .ceo-shop5-liebiao li {
        padding-left: 0 !important;
        padding-right: 0 !important;
        height: 32px;
        font-size: 13px;
        line-height: 32px;
        display: inline-block;
        width: 100%;
    }

        .ceo-shop5-liebiao li a {
            color: #868686;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            width: 75%;
            font-size: 12px;
        }

            .ceo-shop5-liebiao li a:hover {
                color: #fc5531;
            }

            .ceo-shop5-liebiao li a i {
                font-style: normal;
                position: relative;
                top: 1px;
                margin-right: 8px;
            }

        .ceo-shop5-liebiao li em {
            font-style: normal;
            position: relative;
            margin-left: 15px;
            top: -10px;
            font-size: 12px;
            color: #868686;
        }

        .ceo-shop5-liebiao li a .icon-video {
            background-color: #fc5531;
            background-image: url(/static/mbj2022/images/ceo-shop5-v.gif);
            background-position: center 30%;
            background-size: 60%;
            display: inline-block;
            width: 14px;
            height: 14px;
            margin-right: 8px;
            background-repeat: no-repeat;
            border-radius: 7px;
            position: relative;
            top: 2px;
        }

    .ceo-shop5-liebiao::-webkit-scrollbar {
        display: none;
    }

.ceo-shop5-liebiao-d {
    color: #fc5531 !important;
}

.ceo-shop5-liebiao-s em {
    color: #fc5531 !important;
}

.ceo-shop5-b {
    margin-left: 32px !important;
    font-size: 12px !important;
    color: #868686 !important;
    width: auto !important;
}

a .ceo-shop5-b:hover {
    color: #fc5531;
}
/*fuwu*/
.ceo-shop5-gg a {
    display: inline-block;
    width: 100%;
    height: 46px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.ceo-shop5-fuwu {
}

    .ceo-shop5-fuwu ul {
        text-align: center;
    }

    .ceo-shop5-fuwu a {
        display: inline-block;
        border: 1px solid #444;
        font-size: 12px;
        color: #999;
        padding: 3px 7px;
        border-radius: 2px;
        margin-bottom: 5px;
    }

        .ceo-shop5-fuwu a:hover {
            border: 1px solid #fff;
            color: #fff;
        }
/*---------------------------商城6内页-----------------------------*/
.ceo_shop6_special_bg {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.ceo-shop6-top h1 {
    font-size: 24px;
    color: #333;
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
    margin-bottom: 13px;
    font-weight: 400;
    text-align: center;
    position: relative;
}

.ceo-shop6-top #div_html {
    color: #fa7699;
}

.ceo-shop6-titles {
    margin-bottom: 30px !important;
}

    .ceo-shop6-titles a {
        font-size: 12px;
        color: #999 !important;
    }

    .ceo-shop6-titles span {
        font-size: 12px;
    }

    .ceo-shop6-titles i {
        font-size: 12px;
    }

    .ceo-shop6-titles a:hover {
        color: #fa7699 !important;
    }

.ceo_shop6_img_box {
    position: relative;
}

    .ceo_shop6_img_box .pre-cat i {
        font-size: 80px;
    }

    .ceo_shop6_img_box .next-cat i {
        font-size: 80px;
    }

    .ceo_shop6_img_box .pre-cat:hover {
        color: #fa7699;
    }

    .ceo_shop6_img_box .next-cat:hover {
        color: #fa7699;
    }

.ceo_shop6_images {
    margin: 0 !important;
}

.ceo_shop6_img_box .pre-cat {
    position: absolute;
    left: 0;
    top: 30%;
    text-align: center;
    font-size: 2.5em;
    margin: 0;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,.2);
}

.ceo_shop6_img_box .next-cat {
    position: absolute;
    right: 0;
    top: 30%;
    text-align: center;
    font-size: 2.5em;
    margin: 0;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,.2);
}

.ceo_shop6_page_imges {
    text-align: center;
    margin: 30px 0;
}

.ceo_shop6_imgmk {
}

    .ceo_shop6_imgmk a.ceo_shop6_images img {
        cursor: url(../images/ceo_img_mouse.cur),auto;
        /*max-width: 80%;*/
        margin-bottom: 30px;
    }

.pagination {
    display: block;
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    height: 100px;
    margin-bottom: 25px;
    text-align: center;
    padding-top: 30px;
    border-radius: 0;
    background: #fff;
}

.ceo_shop6_page_numbers {
    padding: 10px 15px;
    text-align: center;
    border: 1px solid #eee;
    color: #a1a1a1;
    text-decoration: none;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 4px;
}

.ceo_shop6_page_imges a:hover {
    color: #fa7699;
}

.nav-links .current {
    padding: 10px 15px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fa7699;
    background: #fa7699;
    margin-left: 3px;
    margin-right: 3px;
}

.ceo_shop6_img_bq {
    padding: 30px 30px 0px 30px;
}

.ceo-shop6-sidebar-xxbox {
    margin-top: 16px;
    background: #f5f6f8;
    padding: 20px;
    border-radius: 8px;
}

.ceo-sidebar-shop6-down {
    display: block;
    margin-bottom: 18px;
    width: 100%;
    height: 60px;
    color: #fff;
    font-size: 1pc;
    line-height: 60px;
    cursor: pointer;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg,#0099ff,#1677ff);
    box-shadow: 0 10px 16px 0 #c1e5ff;
    border-radius: 40px;
}

    .ceo-sidebar-shop6-down:hover {
        background: linear-gradient(90deg,#1677ff,#0099ff);
    }

    .ceo-sidebar-shop6-down a {
        color: #fff;
        height: 60px;
        line-height: 60px;
        display: block;
    }

.ceo-sidebar-shop6-price {
    margin-bottom: 18px;
    margin-top: -26px;
    text-align: center;
}

    .ceo-sidebar-shop6-price .sellP #priceinfo {
        font-size: 60px;
    }

    .ceo-sidebar-shop6-price .ceo-sidebar-shop-vip {
        display: block;
        margin-left: 0px;
    }

.ceo-shop6-sidebar-img {
    display: block;
    margin-top: 23px;
}

    .ceo-shop6-sidebar-img img {
        width: 100%;
        height: 50px;
        border-radius: 4px;
    }

.ceo-sidebar-shop-6-an .change-color {
    background: #ffb2cb;
    border-radius: 30px;
    line-height: 36px;
}

.ceo-sidebar-shop-6-an .change-color-sc {
    background: #03A9F4;
    border-radius: 30px;
    line-height: 36px;
}

.ceo-sidebar-shop6-tops {
    position: relative;
}

    .ceo-sidebar-shop6-tops:before {
        content: " ";
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 5px;
        top: 5px;
        background: url(/static/mbj2022/images/ceo-sidebar-shop-down-vip.svg) 50% no-repeat;
        background-size: 20px auto;
        z-index: 10;
    }

    .ceo-sidebar-shop6-tops:after {
        content: " ";
        display: block;
        width: 70px;
        height: 70px;
        position: absolute;
        left: -35px;
        top: -35px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background: rgba(0,0,0,.15);
        z-index: 5;
    }

@media screen and (min-width: 1400px) {
    .ceo-shop6-nr .single-main {
        width: 100% !important;
        max-width: 1440px;
    }
}

@media screen and (max-width: 1399px) {
    .ceo-shop6-nr .single-main {
        width: 100% !important;
    }
}

@media screen and (max-width: 900px) {
    .ceo_shop6_img_box .next-cat, .ceo_shop6_img_box .pre-cat {
        display: none;
    }
}
/*---------------------------手机商城内页-----------------------------*/

.ceo_app_shop {
    position: relative;
    margin-bottom: 20px;
    border-radius: 4px;
}

.app_shop_vip {
    background: #f7e5e9;
    position: relative;
    z-index: 8;
    padding: 0 20px 0 20px;
    margin: 0 auto;
    text-align: center;
}

.app_shop_vip_title {
    margin-left: 0;
    color: #ff5473;
    font-size: 12px;
}

    .app_shop_vip_title i {
        font-size: 13px;
        margin-right: 3px;
    }

.ceo_app_shop .app_shop_mk {
    position: relative;
    z-index: 9;
    border-radius: 4px 4px 0px 0px;
}

.app_shop_mk .app_shop_img {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}

    .app_shop_mk .app_shop_img img {
        border-radius: 6px;
        -webkit-border-radius: 6px;
    }

.app_shop_mk .app_shop_title_h1 {
    font-size: 15px;
    color: #edeff2;
}

.app_shop_mk .ceo-tese-jingpin {
    height: 20px;
    line-height: 20px;
    padding-left: 25px;
}

    .app_shop_mk .ceo-tese-jingpin span {
        width: 16px;
        height: 16px;
        line-height: 16px;
        top: 2px;
        font-size: 12px;
    }

.app_shop_mk .p2 {
    font-size: 12px;
    color: #939aa8;
    margin-top: 13px;
}

    .app_shop_mk .p2 a {
        color: #939aa8 !important;
    }

        .app_shop_mk .p2 a:hover {
            color: #fff !important;
        }

    .app_shop_mk .p2 input {
        display: inline-block;
        font-size: 12px;
        color: #939aa8;
        width: 175px;
        cursor: pointer;
        outline: none;
    }

    .app_shop_mk .p2 .copy_goods_id {
        display: inline-block;
        font-size: 12px;
        color: #939aa8;
        cursor: pointer;
        outline: none;
    }

    .app_shop_mk .p2 .ceo-text-small {
        font-size: 0.6rem;
        line-height: 1.5;
    }

.app_shop_jg {
    background: #f6f6f6;
    position: relative;
    z-index: 8;
    padding: 10px 20px 10px 20px;
}

    .app_shop_jg .app_shop_jg_se #priceinfo {
        font-size: 26px;
        color: #ff6c00;
    }

    .app_shop_jg .app_shop_jg_se {
        font-size: 12px;
        color: #ec1c2b;
    }

        .app_shop_jg .app_shop_jg_se em {
            color: #ff6c00;
            font-style: normal;
        }

    .app_shop_jg .p4 {
        display: block;
        font-size: 12px;
        color: #666f80;
        text-align: center;
        padding-top: 10px;
    }

        .app_shop_jg .p4 i {
            font-size: 12px;
        }

        .app_shop_jg .p4 .change-color {
            padding: 2px 6px;
            border-radius: 4px;
            color: #ff5473 !important;
            background-color: rgba(255, 84, 115, .1);
            font-size: 12px;
            background: rgba(255, 84, 115, .1);
            box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%);
        }

        .app_shop_jg .p4 .change-color-sc {
            padding: 2px 6px;
            border-radius: 4px;
            color: #0084ff !important;
            background: rgba(0,132,255,.1);
            margin-left: 4px !important;
            font-size: 12px;
            box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%);
        }

.app_shop_an {
    padding: 20px;
    background: #fff;
    position: relative;
    max-width: 100%;
}

    .app_shop_an .ceo-shop3-demo {
        display: block;
        width: 100%;
        margin-top: 10px;
        height: 48px;
        line-height: 48px;
        text-align: center;
        border: 1px solid #44a0f6;
        background: #fff;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        font-size: 18px;
        color: #007cef;
        margin-bottom: auto;
        position: inherit;
        overflow: inherit;
    }

        .app_shop_an .ceo-shop3-demo a {
            border: 0px solid #007cef !important;
            background: #fff !important;
            color: #007cef !important;
        }

    .app_shop_an .xz1 .shop3-vip {
        background-color: #ff7800;
        border: 1px solid #ff7800;
        color: #fff;
    }

    .app_shop_an a:first-child {
        border: 1px solid #007cef;
        background: #007cef;
        color: #fff;
    }

    .app_shop_an a {
        display: block;
        height: 48px;
        width: 100%;
        line-height: 48px;
        text-align: center;
        border: 1px solid #44a0f6;
        background: #fff;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        font-size: 18px;
        color: #44a0f6;
        float: left;
    }

    .app_shop_an .xz .xz1 {
        padding-left: 20px;
        box-sizing: border-box;
        width: 100%;
    }

    .app_shop_an .xz {
        margin-left: -20px;
        display: flex;
    }

    .app_shop_an .hont {
        line-height: 20px;
        font-size: 12px;
        color: #cbcbcb;
        text-align: center;
        margin-top: 10px;
    }

        .app_shop_an .hont i {
            font-size: 14px;
            margin-right: 3px;
        }

.ceo_app_shop .app_mother {
    line-height: 22px;
    padding: 10px 20px 10px 20px;
    background: #fff;
    font-size: 12px;
    color: #aeb1b8;
    border-top: 1px dashed #e5e5e5;
    border-radius: 0px 0px 4px 4px;
}

    .ceo_app_shop .app_mother i {
        margin-right: 3px;
        color: #007cef !important;
    }

    .ceo_app_shop .app_mother span {
        height: 22px;
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        position: relative;
    }

        .ceo_app_shop .app_mother span em {
            display: block;
            width: 1px;
            height: 11px;
            background: #e6e6e6;
            position: absolute;
            right: 0px;
            top: 5px;
        }
/*---------------------------手机商城内页-----------------------------*/
/*
* ------------------------------------------------------------------------------
* 评论样式
* ------------------------------------------------------------------------------
*/
.comments {
    margin-bottom: 20px;
}

.comments-title {
    padding: 20px 30px;
}

    .comments-title i {
        color: var(--primary-color);
        font-size: 20px;
        transform: translateY(5%);
        display: inline-block;
    }

.comment-list {
    padding: 20px 30px;
}

    .comment-list .children {
        margin-left: 25px;
        padding: 0;
    }

        .comment-list .children .comment {
            border-left: 6px solid var(--border-color) !important;
            padding-left: 20px;
        }

        .comment-list .children .comment-main {
            border: 0;
            padding-top: 0;
        }

        .comment-list .children .children {
            margin-bottom: 0
        }

.comment-from {
    margin-bottom: 30px
}

    .comment-from .btn {
        font-size: 13px;
        padding: 0px 15px;
        line-height: 32px;
    }

        .comment-from .btn:hover {
            transform: none
        }

.comment-main {
    padding-top: 15px;
    border-top: 1px solid var(--border-color)
}

.comment-head {
    font-size: 12px
}

    .comment-head a {
        font-size: 14px;
        color: #999;
    }

    .comment-head .data {
        color: #bdbdbd;
    }

        .comment-head .data a {
            font-size: 12px;
            color: #bdbdbd;
        }

    .comment-head .avatar {
        margin-right: 3px
    }

.comment-content {
    padding: 25px 0 0 25px;
    font-size: 14px;
}

    .comment-content p {
        margin: 0
    }
/*
* ------------------------------------------------------------------------------
* 最新评论样式
* ------------------------------------------------------------------------------
*/
.new-comment {
    margin: 0;
    max-height: 360px
}

    .new-comment li {
        padding: 20px 0;
        font-size: 13px;
    }

        .new-comment li > .avatar {
            margin-right: 4px
        }

            .new-comment li > .avatar img {
                border-radius: 4px;
            }

        .new-comment li:last-child {
            border: 0
        }

        .new-comment li a {
            color: #999;
            line-height: 26px;
        }

        .new-comment li .content {
            padding: 6px 10px;
        }

        .new-comment li p {
            margin: 10px 0 0
        }


/*
* ------------------------------------------------------------------------------
* 标签大全样式
* ------------------------------------------------------------------------------
*/
.page-tags-item {
    padding: 20px 0;
    transition: all .3s
}

    .page-tags-item:hover {
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
        box-shadow: 0 0 10px rgba(0, 0, 0, .05);
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px);
    }

    .page-tags-item .name {
        padding: 0 20px;
        color: #333;
        font-size: 15px;
    }

        .page-tags-item .name:before {
            content: '';
            position: absolute;
            left: 0;
            height: 100%;
            width: 5px;
            background: var(--primary-color);
            box-shadow: 3px 0px 10px -1px var(--primary-color);
            border-radius: 2px;
        }

    .page-tags-item li {
        margin: 5px 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .page-tags-item li a {
            color: #888;
            font-size: 15px
        }

            .page-tags-item li a:hover {
                color: var(--primary-color)
            }

.page-tags-li {
    padding: 20px;
}

    .page-tags-li a {
        display: inline-block;
        background: #f2f6fc;
        color: #666;
        padding: 5px 10px;
        margin: 3px 5px;
    }
/*
* ------------------------------------------------------------------------------
* 登录页面样式
* ------------------------------------------------------------------------------
*/
/*弹窗*/
.ceo-login-title {
    text-align: center !important;
}

    .ceo-login-title span {
        list-style: none;
        font-size: 12px;
        color: #888888;
        margin-top: 0;
        margin: 0 18px 20px 18px;
    }

    .ceo-login-title em {
        display: inline-block;
        width: 45px;
        height: 0px;
        border-bottom: 1px solid rgba(221, 221, 221, 1);
        vertical-align: middle;
    }

.ceo-modal-dialog {
    width: 366px;
}

.ceo-login-h h3 {
    padding-bottom: 0;
    margin: 0 0 10px 0;
}

.ceo-login-qq {
    text-align: center !important;
    margin: 10px 0;
}

    .ceo-login-qq a {
        color: #ffffff !important;
        -webkit-border-radius: 50%;
        -moz-border-radius: 2px;
        position: relative;
        display: inline-block;
        width: 60px;
        height: 60px;
        margin: 0 5px;
        text-align: center;
        line-height: 60px;
        cursor: pointer;
        padding: 0;
        letter-spacing: 0;
        font-weight: normal;
        margin-top: 0px !important;
    }

.agreen {
    margin: 0 0 20px 0;
    font-size: 13px;
}
/*弹窗*/
.login-warp {
    background: #00000030
}

.login-bg {
}

    .login-bg img {
        width: 100%;
        -webkit-filter: blur(10px);
        filter: blur(10px);
    }

.login-main {
    width: 960px;
    margin: 0 auto;
}

.login-box {
    width: 100%;
}

.login-bg-01 {
    width: 100%;
    bottom: -15px;
    z-index: 20;
}

    .login-bg-01 .bg-box {
        height: 50px;
        background: #fff;
        margin: 0 10px;
        opacity: .5;
    }

.login-bg-02 {
    width: 100%;
    bottom: -30px;
    z-index: 10;
}

    .login-bg-02 .bg-box {
        height: 50px;
        background: #fff;
        margin: 0 20px;
        opacity: .2;
    }

.login-contnet {
    z-index: 30;
    width: 100%;
}

.login-l {
    height: 100%;
    border-right: 1px solid #f2f2f2;
}

    .login-l h2 {
        font-family: arial;
        padding-bottom: 15px;
    }

    .login-l .btn-on {
        font-size: 14px;
        letter-spacing: 1px;
        transition: all .3s;
        color: #fff
    }

    .login-l .login-sms {
    }

    .login-l .btn-on i {
        margin-right: 3px;
    }

    .login-l .submit {
        color: #fff
    }

.login-r {
    height: 100%;
    background-size: 100%;
}

    .login-r img {
        min-height: 100%;
        max-width: none;
        min-width: 100%;
    }

.s-res {
    border-top-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0;
    box-shadow: 10px 0 30px -10px rgba(0, 0, 0, 0.2);
    margin-left: -175px;
    transition: all .3s;
}

.login-r:hover .s-res {
    margin: 0;
}

.s-res a {
    color: #fff;
    padding: 6px 20px;
}

.s-res h4 {
    padding-bottom: 15px;
    font-size: 16px;
}

.s-res p {
}

    .s-res p:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        height: 1px;
        width: 100%;
        background: #aaa
    }

.s-res span {
    z-index: 10;
    padding: 0 4px;
}

.s-res .btn-on {
    font-size: 14px;
    letter-spacing: 1px;
    padding: 4px 20px;
    font-family: arial;
}

    .s-res .btn-on i {
        margin-right: 3px;
    }

    .s-res .btn-on:hover {
        color: #fff;
    }

.email-sms {
}

    .email-sms .btn {
        font-size: 12px;
        padding: 6px 7px;
        margin: 5px;
        top: 0;
        right: 0;
        position: absolute;
        cursor: pointer
    }

        .email-sms .btn:hover {
            transform: none
        }

.social-login {
    font-family: arial;
    font-size: 13px;
    color: #fff !important;
    padding: 5px 10px;
}

    .social-login i {
        font-size: 29px
    }

.form-popup {
    max-width: 600px;
    margin: 0 auto;
}

.main-menu-wrap, footer {
    display: block;
}

#login_binding p {
    margin: 0 0 20px 0;
}

#reg_binding p {
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0 0 20px 0;
}

.ceo-invitation-btn {
    text-align: center;
    display: block;
    color: var(--primary-color);
}
/*VIP专享弹窗*/
.ceo-vip-zx {
    position: absolute !important;
    max-width: 100%;
    top: -92px;
    left: 0;
    right: 0;
}

.ceo-vip-zx-title {
    z-index: 1;
    position: relative !important;
    margin-top: -16px;
}

    .ceo-vip-zx-title h3 {
        color: #fff;
        text-shadow: 1px 1px 3px #333;
        font-size: 26px;
    }

.ceo-vip-zx-minor {
    text-align: center;
    margin-top: 48px;
}

    .ceo-vip-zx-minor span {
        color: #6f3a02;
        font-size: 20px;
        font-weight: bold;
    }

.ceo-vip-zx-an {
    display: inline-block;
    width: 188px;
    height: 43px;
    background: linear-gradient(-125deg,#f6aa4f 0%, #ffd26e 100%);
    border-radius: 50px;
    color: #6f3a02;
    text-align: center;
    line-height: 43px;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #0000;
    margin: 20px 0 0 0;
}

    .ceo-vip-zx-an:hover {
        color: #fff;
    }
/*
* ------------------------------------------------------------------------------
* 客服验证
* ------------------------------------------------------------------------------
*/
.ceo-checkqq {
    border-radius: 4px;
}

    .ceo-checkqq button {
        width: 160px;
        outline: 0;
        line-height: 40px;
        background: #3385ff;
        background-color: #3385ff;
        background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
        background-image: -webkit-linear-gradient(left, #006eff, #13adff);
        background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
        background-image: linear-gradient(90deg, #006eff, #13adff) !important;
        -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        color: #fff;
        border: 0px solid #ffffff;
    }

.ceo-checkqq-top {
    width: 100%;
    height: 320px;
    position: relative;
    overflow: hidden;
}

    .ceo-checkqq-top img {
        height: 320px;
    }

.ceo-checkqq-desc {
    margin-top: 30px;
    background: #f2f2f2;
    font-size: 13px;
    color: #999;
    padding: 10px;
    border-radius: 4px;
}

    .ceo-checkqq-desc i {
        margin-right: 3px;
    }

.ceo-login-title .icon-shibai, .ceo-login-title .icon-chenggong {
    font-size: 56px;
}

.ceo-checkqq-mk {
}

.ceo-checkqq-box {
    padding: 15px;
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.ceo-checkqq-box-img {
    float: left;
    width: 135px;
    height: 135px;
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 15px;
    overflow: hidden;
}

    .ceo-checkqq-box-img img {
        width: 135px;
        height: 135px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
    }

.ceo-checkqq-box-title {
}

.ceo-checkqq-box-title-name {
    height: 26px;
    line-height: 26px;
    font-size: 20px;
    color: #363535;
}

    .ceo-checkqq-box-title-name p {
        display: inline;
        text-align: center;
        font-size: 12px;
        color: #026eff;
        border: 1px solid #026eff;
        margin-left: 13px;
        padding: 1px 6px;
        vertical-align: top;
    }

        .ceo-checkqq-box-title-name p i {
            font-size: 13px;
            margin-right: 3px;
        }

.ceo-checkqq-box-title-where {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #595656;
    margin-top: 6px;
}

.ceo-checkqq-box-title-desc {
    line-height: 24px;
    font-size: 14px;
    color: #8d8787;
    margin-top: 12px;
}

.ceo-checkqq-box-title-an {
    float: left;
    display: block;
    margin-top: 14px;
    line-height: 33px;
    padding: 0 33px;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #3385ff;
    background-color: #3385ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff) !important;
    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    color: #fff;
    border: 0px solid #ffffff;
}

    .ceo-checkqq-box-title-an a {
        color: #fff;
    }
/*
* ------------------------------------------------------------------------------
* 单页合集样式
* ------------------------------------------------------------------------------
*/

.page-about {
}

.page-menu {
}

    .page-menu ul {
    }

        .page-menu ul li {
            padding: 20px 0;
            margin: 0 !important;
            border-bottom: 1px solid var(--border-color);
            text-indent: 20px
        }

            .page-menu ul li:last-child {
                border: none
            }

            .page-menu ul li a {
                display: block;
                color: #888;
                font-size: 15px;
            }

    .page-menu .current-menu-item {
        background: #fafafa;
    }

        .page-menu .current-menu-item a {
            position: relative;
            font-weight: bold;
            color: #2c63ff !important
        }

            .page-menu .current-menu-item a::after {
                content: '';
                position: absolute;
                width: 5px;
                height: 100%;
                background: #2c63ff;
                left: 0;
                box-shadow: 3px 0px 10px -1px #2c63ff;
                border-radius: 2px;
            }

.page-main {
}

/*单页背景*/
.ceo-page-bg {
    -webkit-filter: unset;
    filter: unset;
}

.ceo-page-bg {
    height: 220px;
}

    .ceo-page-bg h3 {
        color: #fff;
        font-size: 28px;
        letter-spacing: 1px;
    }

    .ceo-page-bg .ceo-overlay-primary {
        background: rgba(34, 34, 34, 0);
    }

@media screen and (max-width: 800px) {
    .ceo-page-bg {
        height: auto;
    }
}

/*波浪*/

.ceo-meihua-boo {
    height: 30px;
    margin-top: -30px;
}

.ceo-meihua-boo-waves {
    position: relative;
    width: 100%;
    height: 15vh;
    min-height: 30px;
    max-height: 30px;
}

.ceo-meihua-boo-parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}

    .ceo-meihua-boo-parallax > use:nth-child(1) {
        animation-delay: -2s;
        animation-duration: 7s;
    }

    .ceo-meihua-boo-parallax > use:nth-child(2) {
        animation-delay: -3s;
        animation-duration: 10s;
    }

    .ceo-meihua-boo-parallax > use:nth-child(3) {
        animation-delay: -4s;
        animation-duration: 13s;
    }

    .ceo-meihua-boo-parallax > use:nth-child(4) {
        animation-delay: -5s;
        animation-duration: 20s;
    }

@keyframes move-forever {
    0% {
        transform: translate3d(-90px,0,0);
    }

    100% {
        transform: translate3d(85px,0,0);
    }
}

@media (max-width: 768px) {
    .ceo-meihua-boo-waves {
        height: 30px;
        min-height: 30px;
    }
}

/*单页背景*/

/*404错误单页*/
.page404 {
}

    .page404 .btn {
        padding: 12px 30px;
        border-radius: 50px;
    }

    .page404 h1 {
        font-size: 4rem;
    }
/*404错误单页*/

/*标签页*/
.ceo-tag-page {
}
/*标签页*/

/*案例展示单页*/
.ceo-case-desc {
    font-size: 15px;
    background-color: #fff;
    border-radius: 4px;
    margin: 20px 0;
    padding: 20px;
    text-align: center;
    color: #666;
}

.ceo-case {
    margin-top: 40px;
    margin-bottom: 40px !important;
}

.ceo-case-mk {
    border-radius: 4px !important;
}

    .ceo-case-mk span {
        display: inline-block;
        background: #f1f2f5;
        border-radius: 20px;
        height: 20px;
        font-size: 12px;
        position: absolute;
        margin: 8px 0 0 8px;
        color: #006eff;
        padding-left: 26px;
        padding-right: 10px;
        line-height: 20px;
    }

        .ceo-case-mk span i {
            display: block;
            width: 15px;
            height: 15px;
            line-height: 15px;
            text-align: center;
            border-radius: 50%;
            position: absolute;
            left: 5px;
            top: 2px;
            overflow: hidden;
            background: #006eff;
            color: #fff;
            font-size: 12px;
        }

.ceo-case-title-mk {
    text-align: center;
    padding: 10px !important;
}

.ceo_t_home_mk_a {
    padding: 0px 21px 21px 21px;
    border-radius: 4px;
    box-shadow: 0px 10px 30px -10px #ddd;
}

    .ceo_t_home_mk_a p {
        font-size: 12px;
        margin-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        word-break: break-all;
    }

    .ceo_t_home_mk_a .title {
        padding: 10px;
        max-width: 100%;
        letter-spacing: 0.5px;
        font-size: 15px;
        transition: all .3s;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        word-break: break-all;
    }

.ceo_t_home_mk_btn {
    border-radius: 4px;
    padding: 5px 30px;
    font-size: 12px;
    margin: 0 5px;
    display: inline-block !important;
    border: 1px solid #006eff;
    display: inline-block !important;
    background: #fff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    color: #006eff !important;
}

    .ceo_t_home_mk_btn:hover {
        background: #fff;
        border: 1px solid #006eff;
        background-image: linear-gradient(90deg, #006eff, #13adff) !important;
        color: #fff !important;
    }

@media screen and (max-width: 800px) {
    .ceo_t_home_mk_btn {
        padding: 0px 10px;
    }
}
/*案例展示单页*/

/*建站服务单页*/
.ceo-pages-web-bottom {
    background-size: 100% calc(100% + 2px);
    height: 276px;
    text-align: center;
}

    .ceo-pages-web-bottom p {
        padding-top: 74px;
        font-size: 36px;
        font-weight: 400;
        color: #fff;
    }

.ceo-pages-web-bottom-btn {
    cursor: pointer;
    margin: 0 auto;
    margin-top: 44px;
    width: 176px;
    height: 52px;
    line-height: 51px;
    border: 1px solid #fff;
    border-radius: 6px;
}

    .ceo-pages-web-bottom-btn a {
        font-size: 18px;
        font-weight: 400;
        color: #fff !important;
    }

.ceo-pages-web-gz {
    padding: 40px 0 60px 0;
}

.web-gz-box-title {
    color: #111;
    font-size: 28px;
    text-align: center;
    padding: 0 0 40px 0;
}

    .web-gz-box-title p {
        font-size: 12px;
        color: #8A8D94;
    }

.ceo-pages-web-gzbox-yw {
    text-align: center;
    box-shadow: 1px 8px 25px 0px rgba(65, 115, 178, 0.13);
}

.web-gzbox-yw-border {
    padding: 20px;
    border-radius: 4px;
}

    .web-gzbox-yw-border .price {
        font-size: 36px;
        font-weight: bold;
        color: #fff;
    }

        .web-gzbox-yw-border .price em {
            color: #fff;
            font-style: normal;
            font-weight: 400;
            font-size: 16px;
            margin: 0 3px;
        }

    .web-gzbox-yw-border img {
        margin-bottom: 20px;
    }

    .web-gzbox-yw-border span {
        margin-bottom: 5px;
        font-size: 22px;
        display: block;
        color: #fff;
    }

    .web-gzbox-yw-border p {
        font-size: 14px;
        display: block;
        color: #fff;
    }

.web-gzbox-yw-item-bottom {
    padding: 20px;
}

    .web-gzbox-yw-item-bottom li {
        font-size: 13px;
        margin-bottom: 15px;
    }

    .web-gzbox-yw-item-bottom a {
        display: block;
        width: 168px;
        height: 45px;
        text-align: center;
        line-height: 45px;
        background: #2c7dfa;
        color: #fff !important;
        border-radius: 5px;
        font-size: 14px;
        margin: 0 auto;
        margin-top: 30px;
        position: relative;
        overflow: hidden;
    }

.ceo-pages-web-qa {
    padding: 80px 0;
}

.ceo-pages-web-qa-box-each {
    background: #f5f6f8;
    border-radius: 4px;
}

.ceo-pages-web-qatitle {
    color: #111;
    font-size: 28px;
    text-align: center;
    padding: 0px 0 40px 0;
}

    .ceo-pages-web-qatitle p {
        font-size: 12px;
        color: #8A8D94;
    }

.ceo-pages-web-qa-box-t {
    height: 52px;
    line-height: 52px;
    border-bottom: 1px dashed #dbdde0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #434343;
    font-weight: bold;
}

    .ceo-pages-web-qa-box-t p {
        overflow-wrap: break-word;
        position: relative;
        height: 52px;
        overflow: hidden;
        line-height: 52px;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-left: 45px;
        color: #505050;
        font-weight: 900;
    }

        .ceo-pages-web-qa-box-t p:before {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 20px;
            width: 18px;
            height: 17px;
            margin-top: -8.5px;
            background: url(../images/ceo-q.png) no-repeat center;
        }

.ceo-pages-web-qa-box-each-detail {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 15px 15px 45px;
}

.qa-box-each-detail-con {
    overflow-wrap: break-word;
    font-size: 13px;
    color: #b4b4b4;
    line-height: 25px;
    height: 50px;
    margin-bottom: 8px;
    position: relative;
    padding-left: 0;
}

    .qa-box-each-detail-con:before {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: -25px;
        width: 18px;
        height: 17px;
        background: url(../images/ceo-a.png) no-repeat center;
    }

    .qa-box-each-detail-con li {
        list-style: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        word-break: break-all;
    }

.qa-box-each-detail-link {
    display: block;
    font-size: 13px;
    color: #858585;
    margin: 8px 0 8px 0;
    position: relative;
}

.ceo-pages-web-bg {
    height: 500px;
    text-align: center;
    width: 100%;
    display: inline-block;
    background-color: #fff;
}

.ceo-pages-web-bg-max {
    padding-top: 150px;
    padding-bottom: 50px;
}

    .ceo-pages-web-bg-max span {
        color: #fff;
        font-size: 36px;
        font-weight: bold;
    }

    .ceo-pages-web-bg-max p {
        color: #fff;
        margin-top: 15px;
    }

    .ceo-pages-web-bg-max a {
        width: 150px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        color: #487bf0;
        background-color: #f5f8ff;
        cursor: pointer;
        text-align: center;
        margin-top: 40px;
        display: inline-block;
    }

        .ceo-pages-web-bg-max a:hover {
            color: #f5f8ff;
            background-color: #487bf0;
        }

.web-yw-box-title {
    color: #111;
    font-size: 28px;
    text-align: center;
    padding: 0 0 20px 0;
}

    .web-yw-box-title p {
        font-size: 12px;
        color: #8A8D94;
    }

.web-yw-box-con {
    padding-top: 32px;
}

.web-yw-box-con-li {
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    background: #fff;
}

    .web-yw-box-con-li span {
        display: block;
    }

    .web-yw-box-con-li p {
        font-size: 18px;
        color: #222;
        text-align: center;
        margin-bottom: 25px;
    }

    .web-yw-box-con-li em {
        font-size: 12px;
        color: #888;
        text-align: center;
        font-style: normal;
    }

.web-yw-box-an {
    display: block;
    width: 168px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background: #2c7dfa;
    color: #fff !important;
    border-radius: 5px;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px !important;
    position: relative;
    overflow: hidden;
}

    .web-yw-box-an:hover {
        color: #fff;
        opacity: .8;
    }

.ceo-pages-web-yw-box {
    background: #f5f9fc;
    padding: 80px 0;
}

.ceo-pages-web-tem {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%;
    position: relative;
}

.ceo-pages-web-tem-zz {
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity:50);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.ceo-pages-web-tem-choice {
    height: 380px;
    position: relative;
    z-index: 2;
    text-align: center;
    margin: 0px auto;
}

    .ceo-pages-web-tem-choice span {
        font-size: 38px;
        padding-top: 89px;
        margin-bottom: 16px;
        color: #FFF;
        text-align: center;
        display: block;
    }

    .ceo-pages-web-tem-choice p {
        font-size: 16px;
        padding-bottom: 0px;
        color: #fff;
        text-align: center;
        display: block;
    }

    .ceo-pages-web-tem-choice a {
        color: #fff;
    }

.anim {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.anim {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    transform: scale(0.4);
    transform-origin: -35% -35% 0;
}

    .anim:before {
        position: relative;
        content: '';
        display: block;
        margin-top: 100%
    }

    .anim:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 50%
    }

.anim {
    -moz-animation: anim-out .75s;
    -webkit-animation: anim-out .75s;
    animation: anim-out .75s
}

    .anim:after {
        -moz-animation: anim-out-pseudo .75s;
        -webkit-animation: anim-out-pseudo .75s;
        animation: anim-out-pseudo .75s
    }

    .anim, .anim:after {
        animation-iteration-count: infinite;
        animation-duration: 1.3s
    }

@-webkit-keyframes anim-in {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-moz-keyframes anim-in {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-ms-keyframes anim-in {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes anim-in {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@-moz-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@-ms-keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@keyframes anim-in-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@-webkit-keyframes anim-out {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-moz-keyframes anim-out {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-ms-keyframes anim-out {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes anim-out {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@-moz-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@-ms-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25)
    }

    100% {
        background: transparent
    }
}

@media only screen and (max-width: 900px) {
    .ceo-pages-web-bg {
        height: 260px;
    }

    .ceo-pages-web-yw-box {
        padding: 40px 0;
    }

    .ceo-pages-web-qa {
        padding: 40px 0;
    }

    .ceo-pages-web-bg-max {
        padding-top: 50px;
    }

        .ceo-pages-web-bg-max span {
            font-size: 30px;
        }

        .ceo-pages-web-bg-max p {
            margin-top: 13px;
            font-size: 13px;
        }

    .ceo-pages-web-tem-choice {
        height: 233px;
    }

        .ceo-pages-web-tem-choice span {
            font-size: 20px;
            padding-top: 50px;
            padding-left: 15px;
            padding-right: 15px;
        }

        .ceo-pages-web-tem-choice p {
            font-size: 12px;
            padding-left: 15px;
            padding-right: 15px;
        }

    .web-yw-box-an {
        margin-top: 20px;
        margin-bottom: 20px !important;
    }

    .ceo-pages-web-bottom p {
        padding-top: 50px;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 20px;
    }

    .ceo-pages-web-bottom-btn {
        margin-top: 23px;
        height: 43px;
        line-height: 42px;
    }

    .ceo-pages-web-bottom {
        height: 200px;
    }

    .ceo-pages-web-bg-box {
        padding: 13px;
    }

    .web-bg-box-list-text {
        padding-left: 0px;
    }
}
/*建站服务单页*/

/*帮助中心页*/
.ceo-help {
    height: 362px;
    position: relative
}

    .ceo-help:before {
        content: '';
        position: absolute;
        background-color: rgba(0,0,0,0.3);
    }

.ceo-help-max {
    background: #fff;
    padding-bottom: 40px;
}

.ceo-help-box {
    height: 362px;
    text-align: center;
}

.ceo-help-title {
    margin-top: 100px;
    margin-bottom: 30px;
}

    .ceo-help-title h1 {
        color: #ffffff;
        font-size: 38px;
        margin-bottom: 15px;
        font-weight: bold;
    }

    .ceo-help-title p {
        font-size: 16px;
        color: #ffffff;
    }

.ceo-help-input {
    width: 780px;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
}

    .ceo-help-input .search {
        box-shadow: 0 0 0 6px rgba(255,255,255,0.3);
        border-radius: 25px;
        background-color: #ffffff;
    }

        .ceo-help-input .search form {
            border-radius: 25px;
        }

            .ceo-help-input .search form i {
                color: #a1a1a1;
            }

.ceo-help .inst {
    margin-top: 20px;
}

    .ceo-help .inst p {
        font-size: 14px;
        color: #ffffff;
        display: inline;
        margin-right: 5px;
    }

    .ceo-help .inst a {
        font-size: 14px;
        color: #ffffff;
        margin-right: 10px;
    }

        .ceo-help .inst a:last-child {
            margin-right: 0px;
        }

.ceo-help-box-s {
    border-radius: 6px;
    padding: 40px;
    margin-top: -77px;
    position: relative;
    box-shadow: 0 0px 30px -20px #9E9E9E;
}

.ceo-help-box-title {
    color: #111;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.ceo-help-box-h {
    font-size: 20px;
    line-height: 34px;
}

    .ceo-help-box-h span {
        color: #2c83ef;
    }

    .ceo-help-box-h em {
        color: #999;
        font-style: normal;
        margin-left: 10px;
        font-size: 12px;
        display: inline-block;
        transform: translateY(-2px);
    }

.ceo-help-boxs-title {
    color: #111;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

    .ceo-help-boxs-title p {
        color: #909399;
        font-size: 14px;
        font-weight: 400;
        margin-top: 10px;
    }

.ceo-help-box-p {
}

    .ceo-help-box-p a {
        display: inline-block;
        padding: 0 32px;
        line-height: 35px;
        font-size: 14px;
        letter-spacing: 1.4px;
        color: #2c83ef;
        border-radius: 1.5px;
        border: 1px solid #2c83ef;
        cursor: pointer;
    }

        .ceo-help-box-p a:hover {
            background: #2c83ef;
            color: #fff;
        }

.ceo-help-box-service {
}

.ceo-help-service-img {
}

    .ceo-help-service-img img {
        width: 76px;
        height: 76px;
    }

.ceo-help-service-h {
    margin-top: 12px;
}

    .ceo-help-service-h a {
        font-size: 18px;
        color: #4c4c4c;
    }

        .ceo-help-service-h a:hover {
            color: var(--primary-color);
        }

.ceo-help-service-p {
    color: #999;
    padding: 8px 0 0 0;
    font-size: 12px;
}

.ceo-help-problem-box {
    margin: 40px 0;
}

.ceo-help-problem-boxs {
    background: #f5f9fc;
    padding: 40px 0;
}

.ceo-help-problem {
    margin-bottom: 20px;
}

.ceo-help-problem-box li {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
}

    .ceo-help-problem-box li p {
        background: #f5f9fc;
        padding: 20px;
    }

.ceo-help-problem-box .ceo-accordion-title:hover, .ceo-accordion-title:focus {
    color: #333;
}

.ceo-help-footer {
    padding: 40px 0;
}

.ceo-help-footer-title {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.ceo-help-footer-h {
    font-size: 24px;
    line-height: 34px;
}

    .ceo-help-footer-h span {
        color: #2c83ef;
    }

    .ceo-help-footer-h em {
        color: #999;
        font-style: normal;
        margin-left: 10px;
        font-size: 12px;
        display: inline-block;
        transform: translateY(-2px);
    }

.ceo-help-footer-wen {
    margin-left: 20px;
}

    .ceo-help-footer-wen h3 {
        line-height: 48px;
        font-size: 14px;
    }

    .ceo-help-footer-wen p {
        font-size: 12px;
        line-height: 30px;
    }

        .ceo-help-footer-wen p span {
            color: #ff3333;
            font-weight: bold;
        }

    .ceo-help-footer-wen a {
        display: inline-block;
        padding: 2px 10px;
        margin-top: 7px;
        color: #2c83ef;
        font-size: 12px;
        text-align: center;
        border: 1px solid #2c83ef;
    }

        .ceo-help-footer-wen a:hover {
            background: #2c83ef;
            color: #fff;
        }

.ceo-help-footer-i {
    background: #f8f8f8;
    border-radius: 50%;
    padding: 40px;
}

    .ceo-help-footer-i i {
        font-size: 50px;
        padding: 10px;
        color: #2c83ef;
    }

@media (max-width: 900px) {
    .ceo-help {
        height: 238px;
    }

    .ceo-help-title {
        margin-top: 40px;
    }

        .ceo-help-title h1 {
            font-size: 19px;
        }

        .ceo-help-title p {
            font-size: 12px;
        }

    .ceo-help-input {
        width: 80%;
    }

        .ceo-help-input input {
            height: 32px;
        }

    .ceo-help-box-h {
        line-height: 20px;
    }

    .ceo-help-box-p a {
        padding: 0 8px;
        line-height: 20px;
        font-size: 12px;
    }

    .ceo-help-service-img img {
        width: 60px;
        height: 60px;
    }

    .ceo-help-service-h {
        margin-top: 5px;
    }

        .ceo-help-service-h a {
            font-size: 16px;
        }

    .ceo-help .inst p {
        font-size: 12px;
    }

    .ceo-help .inst a {
        font-size: 12px;
    }

    .ceo-help-box-s {
        margin-top: -115px;
    }

    .ceo-help-problem-box a {
        font-size: 14px;
    }

    .ceo-help-problem-box p {
        padding: 12px;
        font-size: 12px;
    }

    .ceo-help-footer-i {
        background: inherit;
        border-radius: inherit;
        padding: inherit;
    }

        .ceo-help-footer-i i {
            background: #f8f8f8;
            border-radius: 50%;
            padding: 20px;
            position: relative;
            top: 10px;
            font-size: 45px;
            color: #2c83ef;
        }

    .ceo-help-footer-wen h3 {
        line-height: 28px;
    }
}
/*帮助中心页*/

/*VIP页面2*/
.coe_vip2_logo {
}

    .coe_vip2_logo a {
        display: block;
    }

        .coe_vip2_logo a img {
            height: 36px;
        }

.coe_vip2_top {
    color: #fff;
    text-align: center;
    width: 100%;
    height: 613px;
    display: inline-block;
}

.coe_vip2_max {
    padding-top: 50px;
    padding-bottom: 50px;
}

    .coe_vip2_max h2 {
        font-size: 22px;
        color: #fff;
        margin-top: 35px;
    }

.coe_vip2_privilege_list {
    margin-top: 35px;
}

    .coe_vip2_privilege_list span {
        font-size: 14px;
        height: 38px;
        line-height: 38px;
        padding: 0 18px;
        border-radius: 5px;
        background-color: rgba(255,255,255,0.2);
        margin-right: 10px;
        display: inline-block;
    }

        .coe_vip2_privilege_list span:last-child {
            margin-right: 0px;
        }

        .coe_vip2_privilege_list span i {
            margin-right: 5px;
        }

.ceo_vip2_bg {
    margin-top: -369px;
    background: #f4f5f6;
    padding-bottom: 40px;
}

.ceo_vip2_content {
    padding-top: 40px;
}

.ceo_vip2_types {
    border-radius: 6px;
    background: #fff;
}

.ceo_vip2_type_top {
    background: #f0f0f0;
    padding: 35px 50px 35px 50px;
    border-radius: 6px 6px 0 0;
}

.ceo_vip2_type_top_title {
    text-align: center;
    font-size: 26px;
    color: #321a00;
    font-weight: 600;
    line-height: 30px;
}

.ceo_vip2_type_price {
    margin: 24px 0 15px 0;
    line-height: 30px;
    font-size: 14px;
    color: #0e131a;
    text-align: center;
}

.ceo_vip2_p_num {
    color: #e92d18;
    font-size: 40px;
    font-weight: bold;
    line-height: 43px;
    height: 47px;
}

.ceo_vip2_discount_out {
}

    .ceo_vip2_discount_out span {
        padding: 2px 10px;
        text-decoration: line-through;
        line-height: 18px;
        text-align: center;
        border-radius: 10px;
        background: #ff0000;
        font-size: 12px;
        color: #fff;
    }

    .ceo_vip2_discount_out p {
        font-size: 14px;
        line-height: 15px;
        text-align: left;
    }

.ceo_vip2_text {
    color: #111;
    font-size: 14px;
    margin-bottom: 15px;
    text-align: center;
    display: block;
}

.ceo_vip2_touse {
}

    .ceo_vip2_touse a {
        background: #3385ff;
        color: #fff !important;
        text-decoration: none;
        height: 42px;
        line-height: 42px;
        border-radius: 4px;
        display: block;
        text-align: center;
        font-size: 16px;
    }

.ceo_vip2_vip_type_privilege {
    padding: 20px 40px;
}

    .ceo_vip2_vip_type_privilege li {
        color: #333;
        font-size: 14px;
        line-height: 33px;
    }

    .ceo_vip2_vip_type_privilege .ceo_vip2_line {
        margin-bottom: 5px;
    }

        .ceo_vip2_vip_type_privilege .ceo_vip2_line h3 {
            width: 100%;
            border-top: 1px solid #e7e8e9;
            display: inline-block;
            position: relative;
        }

        .ceo_vip2_vip_type_privilege .ceo_vip2_line span {
            color: #111;
            font-size: 16px;
            font-weight: bold;
            height: 33px;
            line-height: 33px;
            padding-right: 10px;
            margin-top: -18px;
            position: absolute;
            top: 0px;
            left: 0;
        }

.ceo_vip2_activity {
    padding: 40px 0;
}

.ceo_vip2_activity_title {
    color: #111;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

.ceo_vip2_activity_box {
    margin: 40px 0;
}

.ceo_vip2_activity_gifts_b {
    color: #111;
    text-align: center;
    padding: 0 25px 25px 25px;
    border-radius: 10px;
    box-shadow: 0 0px 30px -20px #9E9E9E;
}

    .ceo_vip2_activity_gifts_b i {
        display: block;
        font-size: 58px;
        color: var(--primary-color);
    }

    .ceo_vip2_activity_gifts_b span {
        font-size: 16px;
        color: #444444;
    }

    .ceo_vip2_activity_gifts_b p {
        font-size: 12px;
        color: #666666;
        text-align: center;
        margin-top: 10px;
    }

.ceo_vip2_btn_box {
    text-align: center;
}

    .ceo_vip2_btn_box a {
        color: #fff !important;
        font-size: 18px;
        padding: 12px 60px;
        background: #2c7dfa;
        border-radius: 5px;
        display: inline-block;
    }

.ceo_vip2_qa {
    background: #f5f9fc;
    padding: 40px 0;
}

.ceo_vip2_activity_title p {
    color: #909399;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
}

.ceo_vip2_qa_box {
    margin: 40px 0;
}

    .ceo_vip2_qa_box ul li {
        background: #fff;
        padding: 20px;
        border-radius: 4px;
    }

        .ceo_vip2_qa_box ul li p {
            background: #f5f9fc;
            padding: 20px;
        }

.ceo_vip2_footer {
    position: relative;
    height: 333px;
    text-align: center;
}

.ceo_vip2_footer_wrapper {
    height: 157px;
    max-width: none;
    padding: 88px 0;
    margin: 0;
    background: rgba(50,83,227,.9);
    text-align: center;
}

    .ceo_vip2_footer_wrapper h3 {
        position: relative;
        margin-bottom: 63px;
        font-weight: 400;
        font-size: 36px;
        color: #fcffff;
    }

        .ceo_vip2_footer_wrapper h3:before {
            position: absolute;
            margin: auto;
            top: 0;
            left: 0;
            right: 0;
            bottom: -75px;
            display: inline-block;
            content: "";
            width: 70px;
            height: 5px;
            background-color: #fff;
        }

    .ceo_vip2_footer_wrapper a {
        padding: 15px 80px;
        background-color: #fff;
        border-radius: 4px;
        color: #0d7bf8;
        font-size: 16px;
    }

        .ceo_vip2_footer_wrapper a:hover {
            background-color: #0d7bf8;
            color: #fff;
        }

@media (max-width: 900px) {
    .ceo_vip2_activity_gifts_b {
        padding: 0 10px 20px 10px;
    }

    .ceo_vip2_type_top {
        padding: 20px 20px 20px 20px;
    }

    .ceo_vip2_vip_type_privilege {
        padding: 20px 20px;
    }

    .ceo_vip2_activity_title {
        font-size: 20px;
    }

    .ceo_vip2_activity_gifts_b span {
        font-size: 14px;
    }

    .ceo_vip2_type_top_title {
        font-size: 20px;
    }

    .ceo_vip2_p_num {
        font-size: 28px;
    }

    .coe_vip2_max h2 {
        font-size: 16px;
        margin-top: 22px;
    }

    .coe_vip2_privilege_list {
        display: none;
    }

    .ceo_vip2_bg {
        margin-top: -493px;
    }

    .ceo_vip2_footer_wrapper h3 {
        font-size: 20px;
    }

    .ceo_vip2_footer_wrapper a {
        padding: 13px 60px;
    }

    .ceo_vip2_footer_wrapper h3:before {
        position: absolute;
        bottom: -56px;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
    }

    .ceo_vip2_footer {
        height: 229px;
    }

    .ceo_vip2_footer_wrapper {
        height: 104px;
        padding: 53px 0 72px 0;
    }
}
/*VIP页面2*/

/*全站资源单页*/
.ceo-ziyuan {
    margin: 40px 0;
}

.ceo-ziyuan-bk {
    margin-bottom: 15px;
    margin-top: 15px;
    border: 1px solid #ededed;
    background: #fff;
}

    .ceo-ziyuan-bk .ceo-ziyuan-bk-title {
        background: #fff;
        border: none;
        margin-bottom: 10px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        border-bottom: 1px solid #ededed;
        border-radius: 4px 4px 0 0;
        white-space: nowrap;
        overflow: hidden;
    }

        .ceo-ziyuan-bk .ceo-ziyuan-bk-title .o {
            float: right;
            width: 30px;
        }

            .ceo-ziyuan-bk .ceo-ziyuan-bk-title .o img {
                margin-top: 11px;
                margin-right: 20px;
                float: right;
                cursor: pointer;
            }

        .ceo-ziyuan-bk .ceo-ziyuan-bk-title h4 {
            font-size: 16px;
            padding-left: 20px;
            color: #666;
            font-weight: 300;
            margin: 10px 0 0 0;
            height: 20px;
            line-height: 20px;
            font-weight: 900;
        }

.ceo-ziyuan-bk-c .fl_tb {
    width: 100%;
}

.ceo-ziyuan-bk-c .fl_g {
    padding: 10px 0 20px 20px;
}

    .ceo-ziyuan-bk-c .fl_g em {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        margin-left: 5px;
    }

    .ceo-ziyuan-bk-c .fl_g a {
        font-weight: 400;
    }
/*升级VIP会员单页*/
.ceo-pages-vip ol, ul, li {
    list-style: none;
}

.ceo-pages-vip body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc {
    margin: 0;
    padding: 0;
}

.ceo_vipbgs {
    width: 100%;
    height: 495px;
    background: #ffc003;
    position: relative;
}

.ceo_portal_block_summary {
    max-width: 1200px;
    padding: 40px;
    display: inline-block;
    background: #fff;
    position: relative;
    margin: 0 auto;
    top: -140px;
    border-radius: 6px;
}

.ceo_vip_txtop {
    text-align: center;
}

    .ceo_vip_txtop h1 {
        margin: 30px 0 30px 0;
        text-align: center;
        font-size: 30px;
        letter-spacing: 2px;
        line-height: 30px;
        padding: 0 80px;
        position: relative;
        display: inline-block;
        color: #333;
    }

        .ceo_vip_txtop h1:before {
            content: '';
            width: 61px;
            height: 10px;
            position: absolute;
            top: 10px;
            left: 0;
            background: url(/static/mbj2022/images/ceo_hdicon3.png) center no-repeat;
        }

        .ceo_vip_txtop h1:after {
            content: '';
            width: 61px;
            height: 10px;
            position: absolute;
            top: 10px;
            right: 0;
            background: url(/static/mbj2022/images/ceo_hdicon4.png) center no-repeat;
        }

    .ceo_vip_txtop em {
        display: block;
        border-bottom: 1px solid var(--primary-color);
        width: 50px;
        margin: 20px auto;
    }

.ceo_youshi_box ul li {
    float: left;
    width: 33%;
    padding-bottom: 20px;
}

.ceo_vip_icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 10px;
}

.ceo_youshi_box ul li h5 {
    height: 30px;
    line-height: 30px;
    margin: 10px 0;
    font-size: 18px;
    color: #333;
    font-weight: 500;
    overflow: hidden;
    text-align: center;
}

.ceo_youshi_box ul li p {
    height: 30px;
    line-height: 30px;
    margin: 0 0;
    font-size: 14px;
    color: #999;
    font-weight: 500;
    overflow: hidden;
    text-align: center;
}

.yuvip_pic {
    height: 270px;
    text-align: center;
    padding: 0 20px;
}

    .yuvip_pic .yuvip_pic_title {
        padding-top: 66px;
        font-size: 40px;
        color: #fff;
        font-weight: bold;
        letter-spacing: 5px;
    }

    .yuvip_pic .yuvip_pic_title_small {
        padding-top: 28px;
        font-size: 18px;
        color: #fff;
        opacity: 0.7;
    }

.yuvip_title {
    margin: 30px 0 30px 0;
    text-align: center;
    font-size: 30px;
    letter-spacing: 2px;
    line-height: 30px;
    padding: 0 80px;
    position: relative;
    display: inline-block;
    color: #333;
}

    .yuvip_title em {
        display: block;
        border-bottom: 1px solid var(--primary-color);
        width: 50px;
        margin: 20px auto;
    }

    .yuvip_title:before {
        content: '';
        width: 61px;
        height: 10px;
        position: absolute;
        top: 10px;
        left: 0;
        background: url(/static/mbj2022/images/ceo_hdicon3.png) center no-repeat;
    }

    .yuvip_title:after {
        content: '';
        width: 61px;
        height: 10px;
        position: absolute;
        top: 10px;
        right: 0;
        background: url(/static/mbj2022/images/ceo_hdicon4.png) center no-repeat;
    }

.yuvip_buy {
    max-width: 1200px;
    padding: 40px;
    background: #fff;
    min-height: 680px;
    height: 680px;
    position: relative;
    margin: 0 auto;
    top: -116px;
    border-radius: 6px;
    text-align: center;
}

    .yuvip_buy li {
        float: left;
        margin: 0 10px;
        width: 23.2%;
        padding: 0;
        border-radius: 6px;
        background: #ffffff;
        box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.15);
    }

        .yuvip_buy li .top {
            background-size: 100%;
            height: 93px;
            border-radius: 6px 6px 0 0;
        }

        .yuvip_buy li .con .price .yuvip_old {
            position: absolute;
            margin-left: 113px;
            font-size: 20px;
            color: #FF6869;
            font-weight: normal;
            font-style: normal;
            text-decoration: line-through;
        }

        .yuvip_buy li .top .text1 {
            padding: 20px 0 4px 0;
            font-size: 24px;
            color: #ffffff;
        }

        .yuvip_buy li .top .text2 {
            font-size: 14px;
            color: #fff;
        }

        .yuvip_buy li .con {
            padding: 24px 30px 0 30px;
            font-size: 14px;
        }

            .yuvip_buy li .con .price {
                padding-bottom: 10px;
                font-size: 44px;
                color: #333;
                font-weight: bold;
            }

                .yuvip_buy li .con .price span {
                    padding-left: 8px;
                    font-size: 14px;
                    font-weight: normal;
                    color: rgba(0,16,19,0.5);
                    vertical-align: 2px;
                }

            .yuvip_buy li .con .yuvip_buy_to {
                display: inline-block;
                width: 138px;
                height: 44px;
                margin-top: 15px;
                border-radius: 22px;
                font-size: 16px;
                color: #fff;
                background: #f66;
                background: -webkit-linear-gradient(left,#f66 0,#e70e0e 100%);
                background: linear-gradient(to right,#f66 0,#e70e0e 100%);
                letter-spacing: 0;
                text-align: center;
                line-height: 44px;
                transition: none;
            }

            .yuvip_buy li .con .line {
                height: 1px;
                margin: 24px 0 20px;
                background: rgba(0,16,19,0.15);
            }

            .yuvip_buy li .con .yuvip_buy_intro {
                height: 180px;
            }

            .yuvip_buy li .con .yuvip_bold {
                padding-bottom: 8px;
                font-weight: bold;
                color: rgba(0,16,19,0.5);
            }

            .yuvip_buy li .con .yuvip_light {
                padding-bottom: 8px;
                color: #001013;
            }

                .yuvip_buy li .con .yuvip_light > span {
                    padding: 0 4px;
                    color: #65430B;
                    font-weight: bold;
                }

                .yuvip_buy li .con .yuvip_light .question .tip {
                    display: none;
                    position: absolute;
                    width: 120px;
                    padding: 10px;
                    border-radius: 6px;
                    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
                    line-height: 20px;
                    background: #fff;
                    top: -8px;
                    left: 20px;
                    font-size: 12px;
                    color: #001013;
                    box-sizing: border-box;
                    text-align: left;
                }

            .yuvip_buy li .con .half-box-bottom {
                height: 180px;
            }

.yuvip_serve_father {
    max-width: 1200px;
    padding: 40px;
    background: #fff;
    display: inline-block;
    position: relative;
    margin: 0 auto;
    top: -92px;
    border-radius: 6px;
    text-align: center;
}

.yuvip_serve {
    display: inline-block;
}

    .yuvip_serve ul {
        max-width: 1200px;
    }

        .yuvip_serve ul li {
            float: left;
            width: 25%;
        }

            .yuvip_serve ul li div {
                height: 200px;
                padding: 15px 10px;
                box-sizing: border-box;
                background: #FFFFFF;
                border: 1px solid #fff0;
                transition: all ease-in-out 0.3s;
                border-radius: 6px;
                margin: 12px;
            }

                .yuvip_serve ul li div:hover {
                    border: 1px solid #EAECEF;
                    box-shadow: 0 2px 5px 2px #D4D4D4;
                }

            .yuvip_serve ul li img {
                width: 60px;
                height: 60px;
                margin: 0 auto 20px;
            }

            .yuvip_serve ul li p {
                margin-bottom: 10px;
                padding: 0 15px;
                font-size: 18px;
                color: #444444;
                text-align: center;
                line-height: 25px;
                box-sizing: border-box;
            }

            .yuvip_serve ul li em {
                height: 20px;
                font-size: 12px;
                color: #666666;
                text-align: center;
                line-height: 20px;
                font-style: normal;
                transition: all ease-in-out 0.3s;
            }

.yuvip_select {
    max-width: 1200px;
    margin: 0 auto;
}

.yuvip_select_title {
    position: relative;
    padding-top: 64px;
    text-align: center;
}

    .yuvip_select_title p {
        margin-bottom: 30px;
        font-size: 16px;
        color: #999999;
        letter-spacing: 2px;
    }

.yu_issue_father {
    background: #f3f4f8;
}

.yu_issue {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 9px;
}

    .yu_issue li {
        width: 1200px;
        margin: 20px 0;
    }

    .yu_issue h6 {
        height: 20px;
        font-size: 14px;
        color: #666666;
        line-height: 20px;
    }

    .yu_issue span {
        float: left;
    }

    .yu_issue p {
        margin-bottom: 15px;
        padding: 16px 0;
        font-size: 14px;
        color: #777777;
        line-height: 22px;
        box-sizing: border-box;
        border-bottom: 1px dashed #dddddd;
    }

.ceo_vip_ping {
    max-width: 1200px;
    padding: 40px;
    background: #fff;
    display: inline-block;
    position: relative;
    margin: 0 auto;
    top: -66px;
    border-radius: 6px;
    text-align: center;
}

    .ceo_vip_ping li {
        float: left;
        width: 28.6%;
        padding: 20px 15px;
        padding-bottom: 40px;
        margin: 10px 10px;
        background: #fff;
        border: 1px solid #f0f0f0;
        border-radius: 15px;
    }

.deanmbavar {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    position: relative;
}

    .deanmbavar img {
        border-radius: 50%;
    }

    .deanmbavar span {
        display: block;
        width: 30px;
        height: 30px;
        background: url(/static/mbj2022/images/ceo-vip-v.png) 0 0 no-repeat;
        background-size: 30px 30px;
        position: absolute;
        bottom: -10px;
        right: -10px;
    }

.deanmbusename {
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    font-size: 16px;
    color: #666;
}

    .deanmbusename b {
        font-size: 14px;
        color: #fec42d;
        padding-left: 10px;
    }

.ceo_vip_ping ul li p {
    font-size: 14px;
    line-height: 23px;
    height: 88px;
    padding: 0 20px;
    margin-top: 5px;
    color: #666;
    display: block;
    text-align: left;
}

    .ceo_vip_ping ul li p b {
        color: #ccc;
        font-size: 23px;
    }

@media screen and (max-width: 800px) {
    .ceo_vip_txtop h1, .yuvip_title {
        font-size: 18px;
    }

    .yuvip_buy li {
        margin: 10px 0 !important;
        width: 100% !important;
    }

    .yuvip_buy, .ceo_portal_block_summary, .yuvip_serve_father {
        padding: 20px !important;
    }

    .yuvip_buy {
        min-height: auto !important;
        height: auto !important;
        display: inline-block;
    }

    .yuvip_serve ul li {
        width: 100%;
    }

    .ceo_vipbgs {
        height: 220px !important;
    }

    .ceo_vip_ping li {
        width: 100% !important;
        padding: 0 !important;
        padding-bottom: 20px !important;
        padding-top: 20px !important;
        margin: 10px 0 !important;
    }

    .yuvip_pic .yuvip_pic_title {
        padding-top: 66px;
        font-size: 18px;
    }

    .yuvip_pic .yuvip_pic_title_small {
        padding-top: 16px;
        font-size: 13px;
    }
}
/*
* ------------------------------------------------------------------------------
* 用户中心
* ------------------------------------------------------------------------------
*/
.ceo-user-sidebar {
    width: 340px;
}

.ceo-user-name {
    padding-top: 10px;
}

.user-menu li {
}

.user-menu .ceo-active a {
    color: #fff;
}

.user-menu li a {
    font-size: 15px;
    padding-bottom: 25px;
}

.user-data {
    padding: 20px
}

    .user-data ul {
        font-family: Arial;
        list-style: none
    }

        .user-data ul li {
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

            .user-data ul li:last-child {
                margin-bottom: 0;
            }

    .user-data .user-data-title {
        margin-bottom: 20px;
    }

        .user-data .user-data-title span {
            border-bottom: 1px solid #3385ff;
            padding-bottom: 10px
        }

.user-box {
    padding: 30px
}

.user-comment {
}

.user-comment-content {
    padding: 20px;
    width: 95%;
}

.user-comment-item {
    margin-bottom: 20px;
    padding-bottom: 20px
}

.user-set {
}

.user-set-head {
    padding-bottom: 20px;
}

    .user-set-head .upload-avatar {
        cursor: pointer;
        opacity: 0;
        height: 40px;
    }

    .user-set-head .user-name {
        margin-top: 5px
    }

    .user-set-head .btn {
        width: 100px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        color: #fff;
        font-size: 14px;
        transform: translateY(15px);
    }

.user-user-submit {
    font-size: 15px;
    padding: 6px 15px;
    transform: translateY(13%);
    background-color: #3385ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff);
    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    color: #fff !important;
}
/*投稿优化*/
.ceo-tougao-sx {
}

.ceo-tougao-ysz {
    position: relative;
    padding: 10px 30px 10px 45px !important;
}

    .ceo-tougao-ysz .ceo-tougao-yss {
        margin-left: 4.5% !important;
    }

    .ceo-tougao-ysz label {
        display: inline-block;
        font-size: 15px;
        line-height: 34px;
        font-weight: 400;
        color: #666;
    }

.ceo-tougao-ys {
    position: relative;
    padding: 10px 30px 10px 56px !important;
}

    .ceo-tougao-ys .ceo-tougao-yss {
        margin-left: 4.5% !important;
    }

.ceo-tougao-yss .csf-fieldset input {
    width: 100% !important;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dcdfe6;
    border-radius: 2px;
    -webkit-transition: border-color .15s ease-in-out;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color .15s ease-in-out;
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
}

.ceo-tougao-ys p, .ceo-tougao-ysz p {
    font-size: 12px;
    color: #aaa;
}

.ceo-tougao-shux {
    width: 4% !important;
}

    .ceo-tougao-shux h4 {
        display: inline-block;
        font-size: 15px;
        line-height: 34px;
        font-weight: 400;
        color: #666 !important;
    }

.tougao-item-erphpdown {
    display: none
}

.tougao-item > p {
    font-size: 12px;
    color: #aaa;
    margin: 0
}

.tougao-item .tougao-select label {
    margin-right: 10px;
    cursor: pointer;
}

.tougao-item {
    margin-bottom: 20px;
    position: relative;
    margin-left: 15px;
}

    .tougao-item label {
        font-weight: unset;
    }

.tougao-item {
    margin-bottom: 0px;
    position: relative;
    top: -23px;
}

.tougao-item-erphpdown {
    display: none
}

.tougao-item > label {
    font-weight: 400;
    margin-bottom: 9px;
    margin-top: 16px;
}

.tougao-item > p {
    font-size: 12px;
    color: #aaa;
    margin: 0
}

.tougao-item .tougao-input {
    width: 100%;
    border: 1px solid #eaeaea;
    padding: 10px 12px;
    display: block;
    border-radius: 3px;
}

.tougao-item .tougao-input2 {
    padding-right: 60px;
}

.tougao-item .tougao-btn {
    background: #ff5f33;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 8px 30px;
    cursor: pointer
}

.tougao-item .tougao-tax {
    display: inline-block;
}

.tougao-item .tougao-select {
    display: inline-block;
}

    .tougao-item .tougao-select label {
        margin-right: 10px;
        cursor: pointer;
    }

    .tougao-item .tougao-select .postform {
        border: 1px solid #eaeaea;
        height: 29px;
        line-height: 29px;
        background: transparent;
        border-radius: 3px;
        padding: 2px 5px;
    }

.tougao-item .upload-wrap {
    position: absolute;
    right: 12px;
    top: 26px;
    color: #999;
}

    .tougao-item .upload-wrap a {
        color: #999;
    }

    .tougao-item .upload-wrap .file-progress {
        position: relative;
        top: 6px;
    }

    .tougao-item .upload-wrap .icon {
        font-size: 22px;
        top: 0;
    }

.tougao-item-title {
    margin-left: 43px;
    display: inline-block;
}

@media screen and (min-width: 979px) {
    .tougao-item {
        margin-left: 90px;
    }
}

@media screen and (max-width: 978px) {
    .tougao-item-title {
        display: none;
    }

    .tougao-item {
        top: auto;
    }

    .ceo-tougao-ys {
        padding: 10px 30px 10px 13px !important;
    }

    .ceo-tougao-shux {
        width: 100% !important;
    }

    .ceo-tougao-ysz {
        padding: 10px 30px 10px 0px !important;
    }
}
/*用户弹窗优化*/
.ceo-user-t a:hover {
    color: var(--primary-color) !important;
}

.ceo-users-s {
    display: block;
    margin-bottom: 18px;
    width: 100%;
    height: 55px;
    border-radius: 4px;
    color: #fff;
    font-size: 1pc;
    line-height: 55px;
    cursor: pointer;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: #007aff;
    background-color: var(--primary-color);
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff);
}

    .ceo-users-s a {
        color: #fff !important;
        height: 55px;
        line-height: 55px;
        display: block;
    }

    .ceo-users-s:hover {
        background: #007aff;
        background-color: #13adff;
        background-image: -webkit-gradient(linear, left top, right top, from(#13adff), to(#006eff));
        background-image: -webkit-linear-gradient(left, #13adff, #006eff);
        background-image: -o-linear-gradient(left, #13adff 0, #006eff 100%);
        background-image: linear-gradient(90deg, #13adff, #006eff);
    }

    .ceo-users-s:before {
        content: " ";
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        left: 5px;
        top: 5px;
        background: url(/static/mbj2022/images/ceo-sidebar-shop-down-vip.svg) 50% no-repeat;
        background-size: 20px auto;
        z-index: 10;
    }

    .ceo-users-s:after {
        content: " ";
        display: block;
        width: 70px;
        height: 70px;
        position: absolute;
        left: -35px;
        top: -35px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background: rgba(0,0,0,.15);
        z-index: 5;
    }

.ceo-czgr {
    width: 100%;
    height: 45px !important;
    line-height: 45px !important;
    margin-bottom: 10px;
}

.ceo-users-z {
    width: 50% !important;
    float: left;
    height: 45px !important;
    line-height: 45px !important;
}

    .ceo-users-z .ceo-cz {
        margin-right: 5px;
        background-color: #fff;
        box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0);
        border: 1px solid #268df7;
        color: #268df7 !important;
    }

        .ceo-users-z .ceo-cz:hover {
            color: #fff !important;
            border: 1px solid #fff00;
            background-color: #268df7;
            box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0);
        }

    .ceo-users-z a {
        color: #fff;
        display: block !important;
        padding: 0;
        vertical-align: middle;
        padding: 0;
        line-height: 36px;
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        border-radius: 3px;
    }

    .ceo-users-z .ceo-gr {
        margin-left: 5px;
        background-color: #fff;
        box-shadow: 0 5px 10px 0 rgba(255, 87, 0, 0);
        border: 1px solid #ff6922;
        color: #ff6922 !important;
    }

        .ceo-users-z .ceo-gr:hover {
            color: #fff !important;
            border: 1px solid #fff00;
            background-color: #ff6922;
            box-shadow: 0 5px 10px 0 rgba(73, 178, 249, 0);
        }

.night .ceo-users-z .ceo-gr, .night .ceo-users-z .ceo-cz {
    background-color: var(--ceo-ahbg);
}

/*
* ------------------------------------------------------------------------------
* 网址导航样式
* ------------------------------------------------------------------------------
*/
.site {
}

.site-head {
    width: 100%;
    max-height: 300px;
    background-size: 100%;
}

.site-switcher {
    width: 600px;
}

.site-switcher-menu {
}

    .site-switcher-menu li {
        display: inline-block;
        padding: 10px 0;
        margin: 0 20px;
    }

        .site-switcher-menu li span {
            cursor: pointer;
            font-size: 15px;
            color: #666;
        }

    .site-switcher-menu .ceo-active {
        position: relative;
    }

        .site-switcher-menu .ceo-active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: #2c63ff;
            box-shadow: 0 1px 7px -1px #2c63ff;
            border-radius: 4px;
        }

.site-switcher-main {
    box-shadow: 0 6px 20px -8px #e5f2ff;
}

.site-select {
    border: 0;
    padding: 0 20px;
    outline: medium;
    cursor: pointer
}

.site-form {
    display: none;
}

    .site-form input {
        width: 100%;
        border-radius: 4px;
        padding: 16px 0;
        text-indent: 1em;
        border: 0;
    }

        .site-form input:focus {
            outline: medium;
        }

    .site-form button {
        position: absolute;
        top: 10px;
        right: 0;
        border: 0;
        background: none;
        cursor: pointer;
        margin: 5px 10px;
        font-weight: bold;
        color: #54677b;
    }

.site-search {
    flex: 1;
}

.site-item {
    box-shadow: 0 10px 20px -10px rgb(230, 234, 245);
    transition: all .3s;
}

    .site-item:hover {
        transform: translateY(-5px);
    }

    .site-item > a {
        color: #262626;
    }

        .site-item > a:hover {
            color: #000;
        }

.site-item-data {
    padding-top: 10px;
    margin-top: 10px;
}

.site-item .site-item-tag {
}

    .site-item .site-item-tag a {
        display: inline-block;
        padding: 3px 8px;
        background: #f9f9f9;
        color: #999;
        font-size: 12px;
        border-radius: 4px;
    }

        .site-item .site-item-tag a:hover {
            color: #fff;
            background: #2c63ff;
            box-shadow: -3px 2px 10px -2px #2c63ff;
        }

.site-item .site-item-go {
    flex: 1;
    color: #262626;
}

.site-icon {
    width: 32px;
    height: 32px;
}

    .site-icon img {
        min-height: 100%
    }

.sitenav {
}

    .sitenav li {
        list-style: none
    }

        .sitenav li:last-child {
            border: 0
        }

        .sitenav li a {
            color: #999;
            font-size: 13px;
            background: #fff;
            min-width: 90px;
        }

            .sitenav li a:hover {
                color: #262626
            }

        .sitenav li i {
            font-size: 14px;
            color: #ddd;
            margin-right: 3px;
            transition: all .3s
        }

        .sitenav li a:hover i {
            margin-right: 6px
        }

        .sitenav li b {
            padding: 0 20px;
            border-right: 1px solid #eee;
        }

            .sitenav li b i {
                color: #aaa
            }

.site-submit {
    line-height: 55px;
    font-size: 15px;
}

.site-title {
}

    .site-title span {
        padding-bottom: 12px;
        border-bottom: 2px solid #000;
        color: #262626;
        font-size: 15px;
    }

.site-box {
    padding: 15px 20px
}

    .site-box .site-box-cover {
        width: 160px;
        height: 160px
    }

        .site-box .site-box-cover img {
            width: 100%;
            height: 100%
        }

.site-box-cover-small {
    width: 45px;
    height: 45px;
}

.site-content {
}

    .site-content ul {
        padding: 20px;
        list-style: none;
    }

    .site-content li {
        margin-bottom: 10px;
        font-size: 13px;
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 10px;
    }

        .site-content li:last-child {
            border: 0;
            margin: 0;
            padding: 0
        }

    .site-content p {
        margin: 0;
        display: inline-block
    }

    .site-content .btn {
        padding: 2px 6px;
        font-size: 13px;
    }

.site-classification-box h3 {
}

/*网址收录*/
.ceo-sitebmit {
    display: flex;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    box-shadow: 0 4px 12px 0 rgba(52, 73, 94, 0.1);
    padding: 20px 40px 20px 0;
}

.ceo-sitebmit-text {
    color: #fff;
    background: linear-gradient(-125deg,#0295f9 0%, #2f49fd 100%);
    padding: 1rem 1.5rem;
    border-radius: .375rem;
    max-width: 100%;
    font-size: 13px;
}

.ceo-sitebmit h3 {
    margin: 0;
    font-size: 1.5rem;
}

    .ceo-sitebmit h3 i {
        font-size: 33px;
        vertical-align: middle !important;
    }

.ceo-sitebmit p {
    margin-top: 0;
    margin: 0 0 20px 0;
}
/*网址收录*/


/*
* ------------------------------------------------------------------------------
* 底部样式
* ------------------------------------------------------------------------------
*/
.ceo-gongan img {
    width: 16px;
    display: inline-block;
    transform: translateY(-18%);
    position: relative;
    margin-right: 3px;
}

.foot-link {
    background: #1d1d1d;
    font-size: 12px;
}

.footer {
}

.foot {
}

.foot-logo {
    height: 48px;
    margin-bottom: 10px;
}

    .foot-logo img {
        height: 49px
    }

.foot-item {
    padding-right: 50px;
    color: #676b6f;
}

.foot-item-first {
}

    .foot-item-first:after {
        content: "";
        display: block;
        width: 0;
        height: 10px;
        position: absolute;
        top: 50%;
        right: 0;
        height: 100%;
        top: 0;
        margin-top: 0;
        border-right: 1px solid;
        border-color: #25282a;
        -webkit-box-shadow: 1px 0 1px #393c40;
        box-shadow: 1px 0 1px #393c40;
    }

.foot-item .foot-item-title {
    font-size: 16px;
    margin-bottom: 10px;
}

    .foot-item .foot-item-title i {
        margin-right: 3px;
    }

.foot-item ul {
    list-style: none;
}

    .foot-item ul li {
        width: 50%;
        margin-top: 0 !important;
        margin-bottom: 10px;
        float: left;
    }

        .foot-item ul li a {
            color: #676b6f;
            font-size: 14px;
        }

.foot-item p {
    font-family: arial;
}

.foot-cop {
    background: #25282a;
    color: #676b6f;
    font-size: 13px;
}

    .foot-cop a {
        color: #676b6f;
        font-size: 13px;
    }

        .foot-cop a:hover {
            color: #fff;
        }

@media (min-width: 1px) {
    .link h2 {
        display: none;
    }
}

.link {
    padding: 12px 15px;
}

    .link ul {
        list-style: none;
        display: inline;
    }

        .link ul li {
            display: inline;
            font-size: 14px;
        }

            .link ul li a {
                color: #666;
                font-size: 14px;
                margin-right: 15px;
                font-size: 13px;
            }

.foot a:hover {
    color: #fff;
}

.link a:hover {
    color: #fff;
}

/*底部统计模块新*/

/*统计*/
.ceo-clearfix-t {
    padding: 40px 0 0 0;
}

.product-number-info {
    position: relative;
    z-index: 2;
}

    .product-number-info li:first-child {
        border: none;
    }

    .product-number-info li {
        float: left;
        width: 16.5%;
        height: 90px;
        border-left: 1px solid #66c7fd;
        color: #fff;
        padding-top: 1px;
        list-style: none;
    }

        .product-number-info li b {
            font-weight: 400;
            font-size: 36px;
            line-height: 1;
            display: inline-block;
            position: relative;
            margin: 15px 0 10px;
        }

            .product-number-info li b i {
                font-style: normal;
            }

            .product-number-info li b sup {
                position: absolute;
                font-size: 20px;
                right: -15px;
                top: -3px;
            }

        .product-number-info li p {
            font-size: 14px;
        }

/*统计*/


.cloud-banner {
    position: relative;
    min-width: 100%;
    height: 300px;
    overflow: hidden;
    color: #fff;
    text-align: center;
}

.cloud-bubble-one {
    position: absolute;
    top: -120px;
    left: 50%;
    z-index: 1;
    margin-left: -120px;
    width: 240px;
    height: 240px;
    background: url(/static/mbj2022/images/ceo-footer-bule1.png);
    animation: bubble-animate-1 linear 10s infinite;
}

.cloud-bubble-two {
    position: absolute;
    top: 50px;
    left: 34%;
    z-index: 1;
    width: 360px;
    height: 360px;
    background: url(/static/mbj2022/images/ceo-footer-bule2.png);
    animation: bubble-animate-2 linear 12s infinite;
}

.cloud-bubble-three {
    position: absolute;
    top: 50px;
    left: 48%;
    z-index: 2;
    width: 300px;
    height: 300px;
    background: url(/static/mbj2022/images/ceo-footer-bule3.png);
    animation: bubble-animate-3 linear 11s infinite;
}

@keyframes bubble-animate-1 {
    from {
        top: -120px
    }

    50% {
        top: -180px
    }

    to {
        top: -120px
    }
}

@keyframes bubble-animate-2 {
    from {
        top: 50px;
        left: 34%
    }

    50% {
        top: 80px;
        left: 24%
    }

    to {
        top: 50px;
        left: 34%
    }
}

@keyframes bubble-animate-3 {
    from {
        top: 50px;
        left: 48%
    }

    50% {
        top: 80px;
        left: 58%
    }

    to {
        top: 50px;
        left: 48%
    }
}

.cloud-bubble-text {
    position: relative;
    padding-top: 35px;
    z-index: 2;
    font-size: 24px;
}

.cloud-bubble-link {
    position: relative;
    z-index: 2;
}

    .cloud-bubble-link a {
        display: inline-block;
        margin-top: 24px;
        width: 220px;
        height: 44px;
        line-height: 44px;
        border: 1px solid #fff;
        color: #fff !important;
        border-radius: 50px;
    }

        .cloud-bubble-link a:hover {
            color: #2c63ff !important;
            background-color: #fff;
        }
/*底部活动图*/
.ceo-footer-h {
    position: fixed;
    z-index: 9999;
}

    .ceo-footer-h img {
        float: right;
    }
/*底部跟随*/
.ceo-suspension-input {
    width: 220px;
    height: 44px;
    float: left;
    border: 0;
    outline: none;
    background: none;
}

.ceo-kefu-img {
    position: fixed;
    top: 16%;
    left: auto;
    right: 0;
    bottom: auto;
    cursor: pointer;
    z-index: 101;
}

    .ceo-kefu-img > img {
        object-fit: contain;
    }

.ceo-kefu-bot {
    width: 100%;
    height: 120px;
    background: rgb(0, 0, 0);
    position: fixed;
    bottom: 0;
    top: auto;
    left: 0;
    right: auto;
    z-index: 101;
    display: none;
}

@supports (  background:rgba(0,0,0,0.7)) {
    .ceo-kefu-bot {
        background: rgba(0,0,0,0.7)
    }
}

.ceo-kefu-con {
    width: 1200px;
    height: 100px;
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
}

    .ceo-kefu-con img {
        object-fit: contain;
        position: absolute;
        bottom: 0;
        top: auto;
        left: -94px;
        right: auto;
        margin-right: 5px;
    }

.ceo-kefu-form {
    margin-left: 178px;
}

.ceo-kefu-form-ss {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}

    .ceo-kefu-form-ss > div {
        float: left;
    }

.ceo-kefu-form-ss-title {
    color: #fefefe;
    font-size: 17px;
}

.ceo-kefu-form-ss-y {
    background: #565656;
    padding: 0px 13px;
    border-radius: 25px;
    position: relative;
    top: 1px;
    left: 8px;
    bottom: auto;
    right: auto;
    display: flex;
    align-items: center;
}

    .ceo-kefu-form-ss-y > span {
        color: #ffffff;
        font-size: 12px;
    }

    .ceo-kefu-form-ss-y i {
        font-size: 14px;
    }

.ceo-kefu-cols {
    float: right;
    cursor: pointer;
    margin-top: -86px;
    margin-right: 55px;
}

    .ceo-kefu-cols i {
        object-fit: contain;
        padding: 8px;
        background: #2626269e;
        color: #fff;
        border-radius: 50px;
        font-size: 18px;
    }

.ceo-kefu-box {
    background: #FFFFFF;
    height: 44px;
    float: left;
}

.ceo-kefu-clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.ceo-kefu-box > input {
    border: none;
    width: 220px;
    height: 44px;
    float: left;
    border: 0;
    outline: none;
    background: none;
}

.ceo-kefu-before {
    background: #e4e4e4;
    width: 1px;
    height: 10px;
    float: left;
    margin-top: 17px;
    margin-right: 10px;
}

.ceo-kefu-ss-an {
    border: 0;
    outline: 0;
    width: 140px;
    height: 44px;
    background: var(--primary-color);
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    border-radius: 4px;
    color: #fefefe;
    float: left;
    margin-right: 8px;
}

    .ceo-kefu-ss-an:hover {
        background: #407ce9;
        color: #fff !important;
    }

    .ceo-kefu-ss-an i {
        font-size: 14px;
    }

.ceo-kefu-zc-an {
    width: 168px;
    height: 44px;
    background: #fe4e18;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    border-radius: 4px;
    color: #FFFFFF;
    float: left;
    margin-right: 8px;
}

    .ceo-kefu-zc-an:hover {
        background: #ec6724;
        color: #fff !important;
    }

    .ceo-kefu-zc-an i {
        object-fit: contain;
        margin-right: 2px;
    }

.ceo-kefu-zc-kf {
    width: 168px;
    height: 44px;
    background: #13adff;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    border-radius: 4px;
    color: #FFFFFF;
    float: left;
    margin-right: 8px;
}

    .ceo-kefu-zc-kf:hover {
        background: #4dbefb;
        color: #fff !important;
    }

    .ceo-kefu-zc-kf i {
        object-fit: contain;
        margin-right: 2px;
    }

.ceo-kefu-ss-an, .ceo-kefu-zc-an, .ceo-kefu-zc-kf {
    cursor: pointer;
}
/*
* ------------------------------------------------------------------------------
* 通知样式修改
* ------------------------------------------------------------------------------
*/
.ceo-notification-message {
    color: #fff;
    font-size: 14px
}

    .ceo-notification-message .ceo-notification-close {
        display: none !important
    }

.ceo-notification-message-primary {
}

.ceo-notification-message-warning {
    background: #faa05a
}

.ceo-notification-message-success {
    background: #32d296
}

.ceo-notification-message-danger {
    background: #f0506e
}


/*
* ------------------------------------------------------------------------------
* 夜间暗黑anhei模式
* ------------------------------------------------------------------------------
*/
.night .ceo-zz-background {
    background: var(--ceo-ahbg) !important;
}

.night .ceo_vip2_activity_title {
    color: #aaa;
}

.night .ceo-help-max {
    background: var(--ceo-ahbg);
}

.night .ceo-help-problem-boxs {
    background: var(--ceo-ahbg);
}

.night .ceo-help-problem-box li {
    background: var(--ceo-ahmk);
}

    .night .ceo-help-problem-box li p {
        background: var(--ceo-ahbg);
    }

.night .ceo-help-boxs-title {
    color: #aaa;
}

.night .ceo-help-footer-i {
    background: var(--ceo-ahbg);
}

.night .ceo-help-footer-wen h3 {
    color: #aaa;
}

.night .ceo-help-problem-box .ceo-accordion-title:hover, .ceo-accordion-title:focus {
    color: #999;
}

.night .ceo-cat6-ss .search .ceo-input {
    border: 0px solid var(--ceo-ahbg);
}

.night .ceo-cat6-ss .search {
    background: var(--ceo-ahmk);
}

.night .ceo_vip2_activity_gifts_b span {
    color: #999;
}

.night .ceo_vip2_activity_gifts_b {
    background: var(--ceo-ahbg);
    box-shadow: 0 0px 30px -20px #ffffff00;
}

.night .ceo_vip2_qa_box ul li {
    background: var(--ceo-ahbg);
}

    .night .ceo_vip2_qa_box ul li p {
        background: var(--ceo-ahmk);
    }

.night .ceo_vip2_footer_wrapper a {
    background-color: #0d7bf8;
    color: #fff;
}

.night .ceo-checkqq-desc {
    background: var(--ceo-ahbg);
}

.night .ceo-sidebar-shop-copyright li .m-bo {
    border: 1px solid #8a8a8a;
}

.night .ceo-overlay-primary a:hover {
    color: var(--primary-color);
}

.night .ceo-web-info li {
    background-color: var(--ceo-ahbg);
}

.night .ceo-gonggao-li {
    background-color: var(--ceo-ahmk);
}

.night .ceo-checkqq-box {
    background: var(--ceo-ahmk);
}

.night .ceo-checkqq-box-img {
    background: var(--ceo-ahbg);
    border: 1px solid var(--ceo-ahbg);
}

.night .ceo-checkqq-box-title-name {
    color: #aaa;
}

.night .ceo-gonggao-entry-content blockquote {
    background-color: var(--ceo-ahbg);
}

.night .ceo-gonggao-title {
    color: #aaa;
}

.night .ceo-archives-list a {
    color: #aaa;
}

.night .ceo-archives-list li {
    color: #aaa;
}

.night .ceo-qqqun-row h2 {
    color: #aaa;
}

.night .ceo-web-info li .ceo-web-info-pf {
    color: #aaa;
}

.night .ceo-xiangguan-wen a {
    color: #aaa;
}

.night .ceo-qa-commont .ceo-qa-turn {
    color: #aaa;
}

.night .comments-title span {
    color: #aaa;
}

.night blockquote {
    background-color: var(--ceo-ahbg);
}

.night .ceo-sitebmit h3 {
    color: #999;
}

.night .ceo-sitebmit {
    background: var(--ceo-ahmk);
    box-shadow: inherit;
}

.night .ceo-footer-sidebar .a {
    background: var(--ceo-ahmk);
}

.night .ceo-footer-sidebar .a-top {
    background: var(--ceo-ahmk);
}

.night .single-navs {
    background: var(--ceo-ahmk) !important;
}

.night .ceo-archives {
    background-color: var(--ceo-ahmk);
}

.night .ceo-shop-commont span {
    color: #aaa;
    background: var(--ceo-ahmk) url(/static/mbj2022/images/icon-t-s.png) no-repeat center left;
}

.night .ceo-shop-commont {
    background: url(/static/mbj2022/images/icon-5-s.png) no-repeat center right;
}

.night .ceo-qa-commont {
    background: url(/static/mbj2022/images/icon-5-s.png) no-repeat center right;
}

.night .ceo-qa .ceo-qa-problems_each {
    background: var(--ceo-ahbg);
}

.night .ceo-qa .ceo-qa-problems_each_t {
    border-bottom: 1px dashed #141617;
}

.night .ceo-qa-problems_each_t a {
    color: #b4b4b4;
}

.night .ceo-shop1-zl {
    background: var(--ceo-ahmk);
}

.night .main_info_top_item {
    border: 1px solid #222;
}

.night .content_cctr input {
    background: var(--ceo-ahbg);
}

.night .item_title {
    color: #999;
    background-color: var(--ceo-ahbg);
    border-right: 1px solid #222;
}

.night .item_content1 {
    color: #999;
}

.night .main_info_top_item2 {
    border: 1px solid #222;
}

.night .item_content2 {
    color: #999;
}

.night .main_info_tb {
    background-color: var(--ceo-ahbg);
}

.night .custom {
    background: var(--ceo-ahbg);
    border: 1px solid #222;
}

.night .ceo-sidebar-shop .custom {
    background: inherit;
    border: inherit;
}

.night .ceo-xiangguan .card-item {
    border: 1px solid var(--ceo-ahbg);
    box-shadow: 0 0px 0px 0 rgb(52 73 94 / 0%);
}

.night .poster-share-ico a {
    border: 1px solid var(--ceo-ahbg);
    color: #3385ff;
    background: var(--ceo-ahbg);
}

.night .ceo-alert-banquan {
    background: var(--ceo-ahbg);
    color: #666;
}

.night .ceo-link-row {
    background-color: var(--ceo-ahmk);
}

    .night .ceo-link-row h1, .night .ceo-link-row h2, .night .ceo-link-row h3 {
        color: #999;
    }

.night .ceo-link-plinks li.linkcat ul li {
    background: var(--ceo-ahbg);
}

    .night .ceo-link-plinks li.linkcat ul li a {
        color: #f8f8f8;
    }

.night .custom:before {
    background-image: -webkit-linear-gradient(46deg,var(--ceo-ahbg) 48%,var(--ceo-ahmk) 91%);
    background-image: -o-linear-gradient(46deg,var(--ceo-ahbg) 48%,var(--ceo-ahmk) 91%);
    background-image: linear-gradient(44deg,var(--ceo-ahbg) 48%,var(--ceo-ahmk) 91%);
}

.night .customdp {
    background: var(--ceo-ahmk);
    color: #0274ff !important;
    border: 1px solid #0274ff;
}

.night .ceo-htt {
    border-top: 1px solid var(--ceo-ahbg);
}

.night .item_titles {
    background-color: var(--ceo-ahbg);
    border-right: 1px solid var(--ceo-ahbg);
}

.night .customdp:hover {
    color: #aaa !important;
    background: #0274ff;
    border: 1px solid #0274ff;
}

.night .midTitle h1 {
    color: #aaa;
}

.night .ceo-zhuanti-item a {
    background-color: var(--ceo-ahmk);
}

.night .ceo-zhuanti-item h2 {
    color: #aaa;
}

.night .ceo-single-weizhi {
    background-color: var(--ceo-ahmk);
    border: 1px solid #222;
    border-radius: 4px !important;
}

.night .turning_turn_trademark_show_row1 li {
    background: var(--ceo-ahbg);
}

.night .turning_turn_trademark_show_row1 ul {
    border: 1px solid var(--ceo-ahbg);
}

.night .turning_turn_trademark_show_row1 span {
    color: #999999;
}

.night .ceo-fl-icon a {
    background-color: var(--ceo-ahbg);
}

.night .ceo_cat_imgs_modeingfh {
    color: #999;
}

.night .ceo-catnav-3 .ceo-fl-icon a {
    background-color: var(--ceo-ahbg);
}

.night .ceo-catnav-3 .content_cctr input {
    background: var(--ceo-ahbg);
}
/*.night .ceo-padding-remove a{
        background: linear-gradient(rgb(20, 22, 23) 0%, rgb(20, 22, 23) 30%);
}*/
.night .zhuanti {
    background: inherit;
}

.night .beijing {
    background: inherit !important;
}

.night .ceo_freepath_subtitle {
    background: var(--ceo-ahmk);
    border-bottom: 1px solid var(--ceo-ahbg);
}

.night .b-a {
    border: 1px solid #2220
}

.night .b-b {
    border-bottom: 1px solid var(--ceo-ahbg)
}

.night .b-t {
    border-top: 1px solid #222
}

.night a, .ceo-link {
    color: #aaa;
}

    .night a:hover {
        color: #fff;
    }

.night .navbar {
    background: var(--ceo-ahmk);
}

.night .nav > ul > li > a {
    color: #aaa;
}

    .night .nav > ul > li > a:hover {
        color: var(--primary-color);
    }

.night .nav > ul > li .sub-menu li a:hover {
    color: var(--primary-color);
}

.night .page-menu ul li {
    border-bottom: 1px solid var(--ceo-ahbg);
}

.night .page-menu .current-menu-item {
    background: #0e131a00;
}

.night .nav > ul > li .sub-menu {
    background: #151a23;
    border-top: 1px solid #151a23;
}

    .night .nav > ul > li .sub-menu li a {
        color: #aaa;
    }

.night .header-info i {
    color: #aaa;
}

.night .user-info {
    background: var(--ceo-ahmk);
}

    .night .user-info:before {
        background-image: -webkit-linear-gradient(46deg,var(--ceo-ahbg) 48%,#343434 91%);
        background-image: -o-linear-gradient(46deg,#b5dfff 48%,#f4faff 91%);
        background-image: linear-gradient(44deg,#343434 48%,var(--ceo-ahbg) 91%);
    }

    .night .user-info:after {
        background-image: -webkit-linear-gradient(47deg,var(--ceo-ahbg) 1%,#c4c4c4);
        background-image: -o-linear-gradient(47deg,#b5dfff 1%,#f4faff 100%);
        background-image: linear-gradient(43deg,var(--ceo-ahbg) 1%,#3e3e3e);
    }

.night .header-info .avatar img {
    border: 3px solid #333;
}

.night .user-info-menu {
    background-color: var(--ceo-ahbg) !important
}

.night .user-info h4 {
    color: #aaa;
}

.night .side-author .avatar img {
    border: 4px solid var(--ceo-ahbg);
}

.night .ceo-background-muted {
    background-color: var(--ceo-ahbg)
}

.night .ceo-background-default {
    background-color: var(--ceo-ahmk)
}

.night .cat-switcher .ceo-active h3 {
    background: var(--ceo-ahmk);
    color: #6e98fb !important;
    border: 1px solid var(--ceo-ahmk);
}

.night .cat-switcher h3 {
    color: #999 !important;
    background: var(--ceo-ahmk);
    border: 1px solid var(--ceo-ahmk);
}

.night .ceo-cat-switcher h5 {
    color: #aaa;
}

.night .user-info .vip-left, .night .user-info .money-left {
    background: var(--ceo-ahbg);
}

.night .fastnav-item h3 a {
    color: #aaa;
}

.night .fastnav-item i {
    color: #aaa;
}

.night .fastlink-title {
    color: #aaa;
}

.night .fastlink-icons i {
    background: var(--ceo-ahbg);
}

.night .sub-nav li {
    background: var(--ceo-ahmk);
    border: 1px solid var(--ceo-ahmk);
}

.night .ceo-phbf .ceo_title_only {
    background: var(--ceo-ahmk);
}

.night .yewu1-title h1 {
    color: #aaa;
}

.night .yewu1 {
    background: #ffffff00 !important
}

.night .fastlink-list {
    border-left: 1px solid var(--ceo-ahbg);
}

    .night .fastlink-list li::after {
        background: var(--ceo-ahmk);
        border: 1px solid var(--ceo-ahbg);
    }

.night .cate-hot-content li a:hover {
    color: var(--primary-color);
}

.night .ceo_freepath_zhujiang a:hover {
    color: var(--primary-color);
}

.night .tags-item a {
    background: var(--ceo-ahbg);
    color: #999;
}

.night .fastlink-icons-d a {
    background: var(--ceo-ahmk);
    color: #999;
}

.night .ceo-alert-primary {
    background: var(--ceo-ahbg);
}

.night .ceo-lanmu-fenlei dt, .night .ceo-flss dt {
    color: #aaa;
}

.night .cat-switcher .ceo-active h3 {
    color: #aaa;
}

.night .mob-nav .sub-menu {
    background: var(--ceo-ahbg) !important;
    list-style: none;
}

.night .card-item .title {
    color: #aaa;
}

.night .item-foot .cat a {
    background: var(--ceo-ahbg);
    color: #999;
}

.night .section-title h3 {
    color: #aaa;
}

.night .blog-item-content h3 a {
    color: #aaa;
}

.night .rank-item {
    border-bottom: 1px dashed var(--ceo-ahbg);
}

.night .ceo-phbf .tab-content .g_text a {
    color: #999;
}

.night .cat-menu-num {
    color: #999;
    background: var(--ceo-ahbg);
}

.night .cat6-tags-item a {
    color: #fff;
}

.night .ceo-cat6-ss .search button i {
    color: #fff;
}

.night .rank-item:hover {
    background: var(--ceo-ahbg);
}

.night .rank-item-title a {
    color: #aaa;
}

.night .topic-item h3 a {
    color: #aaa;
}

.night .list-nav .current-cat a {
    color: var(--primary-color);
}

.night .list-nav .current-cat a {
    background: var(--ceo-ahbg);
}

.night .list-nav .current-cat-parent a, .list-nav .current-cat-ancestor a {
    background: var(--ceo-ahbg);
}

.night .fenye .page-numbers {
    background: var(--ceo-ahmk);
    border: 0
}

.night .ceo_freepath_description {
    background: linear-gradient(rgb(19, 22, 23) 0%, rgb(19, 22, 23) 30%) !important;
}

.night .fenye .current {
    background-color: #3385ff !important;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)) !important;
    background-image: -webkit-linear-gradient(left, #006eff, #13adff) !important;
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%) !important;
    background-image: linear-gradient(90deg, #006eff, #13adff) !important;
    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3) !important;
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3) !important;
}

.night .fenye .page-numbers:hover {
    background-color: #3385ff !important;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff)) !important;
    background-image: -webkit-linear-gradient(left, #006eff, #13adff) !important;
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%) !important;
    background-image: linear-gradient(90deg, #006eff, #13adff) !important;
    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3) !important;
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3) !important;
    border: 0;
    color: #aaa;
}

.night .hot-tag a {
    color: #999;
}

.night .single-content a {
    color: #aaa;
}

.night .single-content pre {
    background: var(--ceo-ahbg);
    border: 1px solid var(--ceo-ahbg);
}

.night .ceo-text-fz {
    background: var(--ceo-ahbg);
    border: 1px solid var(--ceo-ahbg);
}

.night .comment-from textarea {
    background: var(--ceo-ahbg);
    border: 1px solid var(--ceo-ahbg);
}

    .night .comment-from textarea:focus {
        background: var(--ceo-ahbg);
        border: 1px solid var(--ceo-ahbg);
    }

.night .side-author-count {
    background-color: var(--ceo-ahmk) !important
}

    .night .side-author-count ul li {
    }

.night .card-title-desc a {
    background: var(--ceo-ahmk);
}

.night .side-author-count .item {
    background-color: var(--ceo-ahbg);
}

.night .side-title {
    color: #aaa;
}

.night .ceo-single-foorelevant {
    background: #161a23;
}

.night .ceo_follow_service_box {
    background: var(--ceo-ahmk);
}

.night .ceo-single-foorelevant-box .foorelevant-box-a {
    color: #aaa;
}

.night .ceo-single-foorelevant-box-nav a {
    color: #8f8f8f;
}

.night .side-author-latest ul li a {
    color: #999;
}

    .night .side-author-latest ul li a:hover {
        color: var(--primary-color);
    }

.night .ceo-sidebar-article-c a:hover {
    color: var(--primary-color);
}

.night .ceo-qa-problems_each_t a:hover {
    color: var(--primary-color);
}

.night .card-title-desc a:hover {
    color: var(--primary-color);
}

.night .side-author-latest ul li span {
    color: #6b6b6b;
}

.night .helper h5 {
    color: #aaa;
}

.night .single-head h1 {
    color: #aaa;
}

.night .single-content h3 {
    color: #aaa;
}

    .night .single-content h3:before {
        border-bottom: 2px dashed var(--ceo-ahbg);
    }

.night .single-content li {
    border-bottom: 1px dashed var(--ceo-ahbg);
}

.night .ceo-modal-dialog {
    background-color: var(--ceo-ahbg);
}

    .night .ceo-modal-dialog h3 {
        color: #aaa;
    }

.night .search input {
    background-color: var(--ceo-ahbg);
}

    .night .search input:focus {
        background: var(--ceo-ahbg);
    }

.night .search i {
    color: #aaa;
}

.night input:focus {
    background: var(--ceo-ahbg) !important;
}

.night .ceo-input, .night .ceo-select, .night .ceo-textarea {
    background: var(--ceo-ahbg);
    border: 1px solid var(--ceo-ahbg);
}

.night .hot-tag a:hover {
    color: #aaa;
}

.night .page-tags-item .name {
    color: #aaa;
}

.night::-webkit-scrollbar {
    width: 10px;
    height: 4px;
    background-color: #000;
}

.night::-webkit-scrollbar-track {
    background-color: #000;
}

.night::-webkit-scrollbar-thumb {
    background-color: var(--ceo-ahbg);
    border-radius: 10px
}

.night .tags-item a:nth-child(3) {
    box-shadow: none;
}

.tags-item a:hover {
    box-shadow: none;
}

.night .comment-main {
    border-top: 1px solid var(--ceo-ahbg);
}

.night .aui-scrollView {
    background: var(--ceo-ahmk);
    border-top: 1px solid var(--ceo-ahbg);
}

.night .aui-footer {
    background: var(--ceo-ahbg);
}

.night .comment-list .children .comment {
    border-left: 6px solid var(--ceo-ahbg) !important;
}

.night .single-nav li span {
    color: #aaa;
}

.night .single-nav li a {
    color: #aaa;
}

.night .new-comment::-webkit-scrollbar {
    width: 10px;
    height: 4px;
    background-color: var(--ceo-ahbg);
}

.night .new-comment::-webkit-scrollbar-track {
    background-color: var(--ceo-ahbg);
}

.night .new-comment::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 10px
}


.night .section-title {
    color: #aaa;
}

.night .cat-switcher .ceo-active h3 a {
    color: var(--primary-color);
}

.night .cat-switcher h3 a {
    color: #aaa;
}

.night .sitenav li b {
    border-right: 1px solid #222;
    color: #aaa;
}

.night .sitenav li a {
    background: transparent;
    color: #aaa;
}

.night .sitenav li i {
    color: #aaa;
}

.night .site-item {
    box-shadow: 0 10px 20px -10px rgb(0, 0, 0);
}

    .night .site-item .site-item-tag a {
        background: var(--ceo-ahbg);
    }

        .night .site-item .site-item-tag a:hover {
            box-shadow: -3px 2px 10px -2px #000;
        }

.night .login-l {
    border-right: 1px solid var(--ceo-ahbg);
}

    .night .login-l h2 {
        color: #aaa;
    }

.night .ceo_portal_block_summary, .night .yuvip_serve_father, .night .ceo_vip_ping {
    background: var(--ceo-ahmk);
}

.night .ceo_vip_txtop h1 {
    color: #999;
}

.night .yuvip_title {
    color: #999;
}

.night .ceo_youshi_box ul li h5 {
    color: #999;
}

.night .yuvip_buy {
    background: var(--ceo-ahmk);
}

    .night .yuvip_buy li, .night .yuvip_serve ul li div {
        background: var(--ceo-ahbg);
    }

        .night .yuvip_buy li .con .price {
            color: #999;
        }

            .night .yuvip_buy li .con .yuvip_bold, .night .yuvip_buy li .con .yuvip_light, .night .yuvip_buy li .con .price span {
                color: #999;
            }

                .night .yuvip_buy li .con .yuvip_light > span {
                    color: #ff5f33;
                }

.night .ceo_vip_ping li {
    background: var(--ceo-ahbg);
    border: 1px solid var(--ceo-ahbg);
}

.night .ceo-sidebar-shop .ceo-sidebar-shop-WP {
    border-top: 1px solid var(--ceo-ahbg);
}

.night .ceo-sidebar-shop-copyright .chose {
    border-bottom: 1px solid var(--ceo-ahbg);
}

.night .ceo-sidebar-shop li .ceo-sidebar-shop-title, .ceo-sidebar-shop-copyright li .m-l2 {
    color: #838383;
}

.s-res h4 {
    color: #aaa;
}

.night .buyopa {
    background: var(--ceo-ahmk);
}

.night .mother {
    border-top: 1px dashed var(--ceo-ahbg);
    background: var(--ceo-ahmk);
    color: #666;
}

    .night .mother span em {
        background: var(--ceo-ahbg);
    }

.night .buyopa .hont {
    color: #666;
}

.night .buyopa .ceo-shop3-demo a {
    background: var(--ceo-ahmk) !important;
}

.night .pricelt {
    background: #151a23;
}

.night .ceo-shop3-vip .stag_tp {
    border: solid 1px var(--ceo-ahbg);
}

.night .ceo-shop4-top .deankcinfos {
    background-color: var(--ceo-ahmk);
}

.night .ceo-shop4 .shop4_tp {
    border: solid 1px #232323;
}

.night .ceo-shop4-top .ceo-shop4-bh {
    color: #aaa;
    background: var(--ceo-ahbg);
}

.night .ceo-shop4-top .ceo-shop4-gx {
    color: #aaa;
    background: var(--ceo-ahbg);
}

.night .ceo-shop4-top .deankcinfos {
    margin-top: 11px;
    border-bottom: 1px dashed var(--ceo-ahbg);
}

.night .ceo-shop4 .mother .hont {
    color: #aaa;
}

.night .ceo-tese-remen, .night .ceo-tese-dujia, .night .ceo-tese-zuixin, .night .ceo-tese-tuijian, .night .ceo-tese-jingpin {
    background: #161a23;
}

.night .ceo_freepath_zhujiang a {
    color: #bdbdbd;
}

.night .ceo-category-article:hover {
    background-color: #0e0e0e;
}

.night .home_cms4 {
    background: #0e0e0e;
}

.night .home_cms4_k {
    background: var(--ceo-ahmk);
}

.night .home_cms4_mk .home_cms4_mk_title {
    border-bottom: 1px solid #1b1b1b;
}

.night .home_cms4_mk .home_cms4_mk_i i {
    color: #484848;
}

.night .home_cms4_mk .home_cms4_mk_tag a {
    background: var(--ceo-ahbg);
}

.night .home_cms5_title span {
    color: #666;
}

.night .home_cms5_link li a {
    background: var(--ceo-ahmk);
}

.night .ceo_category_software ul li {
    background: var(--ceo-ahmk);
}

.night .ceo_category_software_inner h5 a {
    color: #aaa;
}

.night .ceo_category_software_film_dl a {
    background: var(--ceo-ahbg);
}

.night .slide_6_tjmk {
    background: #0e0e0e;
}

.night .slide_6_link ul li a {
    border: 1px solid #1b1b1b;
}

.night .slide_6_d .mini-stats {
    background-color: var(--ceo-ahbg);
}

.night .slide_6_d_m .mini-stats-desc {
    box-shadow: initial;
    background-color: var(--ceo-ahmk) !important;
}

.night .slide_6_d .mini-stats {
    box-shadow: initial;
}

.night .slide_6_d_right span {
    background-color: var(--ceo-ahmk);
    color: #676767 !important;
}

.night .ceo_filter_item span {
    color: #aaa;
}

.night .ceo_filter_item a.on {
    background: var(--ceo-ahbg);
}

.night .cat-item-dt {
    color: #aaa !important;
}

.night .ceo-sidebar-shop-copyright li .m-r2 em {
    background: var(--ceo-ahbg);
}

.night .ceo-user-y li a {
    color: #aaa;
}

.night .ceo-ziyuan-bk {
    border: 1px solid var(--ceo-ahmk);
    background: var(--ceo-ahmk);
}

    .night .ceo-ziyuan-bk .ceo-ziyuan-bk-title {
        background: var(--ceo-ahmk);
        border-bottom: 1px solid var(--ceo-ahmk);
    }

.night .ceo-login-title em {
    border-bottom: 1px solid rgb(7 7 7);
}

.night .single-content .gallery-login span {
    background: var(--ceo-ahbg);
}

.night .ceo-cat-blog p {
    color: #565656;
    font-size: 13px;
}

.night .home-modal-main {
    background: var(--ceo-ahbg);
    box-shadow: 0 0 black;
}

.night .home-modal-bottom ul li:nth-child(1) {
    background: var(--ceo-ahmk);
}

.night .home-modal-bottom ul li:nth-child(2) {
    background: var(--ceo-ahmk);
}

.night .home-modal-close {
    color: var(--ceo-ahbg);
}

.night .home-modal-close {
    background: var(--ceo-ahmk);
    color: #aaa;
}

.night #home-modal .ceo-modal-dialog {
    background-color: #1110;
}

.night #header-search .ceo-modal-dialog {
    background-color: #1110;
}

.night .ceo-case-desc {
    background-color: var(--ceo-ahmk) !important;
    color: #aaa;
}

.night .theme-title {
    color: #aaa;
}

.night .side-author-count ul li p {
    color: #aaa;
}

.night .ceo_follow_service_consult_cont_top {
    background: var(--ceo-ahmk);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid var(--ceo-ahmk);
}

.night .ceo_follow_service_check_site {
    border-top: 1px solid var(--ceo-ahmk);
}

.night .ceo_follow_service_ax_cont {
    border: 1px solid var(--ceo-ahmk);
    background: var(--ceo-ahmk);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}

.night .ceo_follow_service_phone, .night .ceo_follow_service_qrimg, .night .ceo_follow_service_ax_cont {
    color: #aaa;
}

.night .site-title span {
    color: #aaa;
}

.night .site-switcher-main .b-a {
    border: 1px solid var(--border-color) !important;
}

.night .site-item-go i {
    color: #aaa;
}

.night .site-content li {
    border-bottom: 0px solid var(--ceo-ahmk);
    color: #aaa;
}

.night .ceo_t_home_mk_btn {
    background: var(--ceo-ahmk);
}

.night .ceo_t_home_mk_a {
    box-shadow: 0px 10px 30px -10px var(--ceo-ahbg);
}

.night .ceo-qqqun-bg {
    background: var(--ceo-ahmk);
}

.night .ceo-qqqun .ceo-qqqun-lb {
    border: 1px solid var(--ceo-ahbg);
}

.night .web-yw-box-con-li {
    background: var(--ceo-ahbg);
}

    .night .web-yw-box-con-li p {
        color: #aaa;
    }

.night .ceo-pages-web-qa-box-each {
    background: var(--ceo-ahbg);
}

.night .ceo-pages-web-qa-box-t p {
    color: #aaa;
}

.night .ceo-pages-web-qa-box-t {
    border-bottom: 1px dashed #3e3e3e;
}

.night .web-gz-box-title {
    color: #aaa;
}

.night .ceo-pages-web-qatitle {
    color: #aaa;
}

.night .web-yw-box-title {
    color: #aaa;
}

.night .web-gzbox-yw-item-bottom li {
    color: #999;
}

.night .ceo-pages-web-bg-max a {
    color: #487bf0;
}

.night .ceo-pages-web-bg {
    background-color: var(--ceo-ahmk);
}

.night .ceo-sidebar-shop6-down {
    box-shadow: 0 10px 16px 0 var(--ceo-ahmk);
}

.night .ceo-shop6-sidebar-xxbox {
    background: var(--ceo-ahbg);
}

.night .ceo_follow_service_triangle:after {
    border-left: 10px solid var(--ceo-ahmk) !important;
}

.night .ceo_follow_service_triangle {
    border-left: 11px solid var(--ceo-ahmk) !important;
}

.night .ceo-cat7-ss .search .ceo-input {
    border: 1px solid #fff;
}

.night .ceo_shop6_page_imges a {
    border: 1px solid var(--ceo-ahbg);
}

.night .ceo-cat7-ss .search button i {
    color: #fff;
}

.night .ceo_sidebar_web .content_ccmrm p:first-child {
    color: #aaa;
}

.night .cate-hot-content li a {
    color: #999;
}

.night .cate-hot-content span {
    color: #999;
}

.night .yuvip_serve ul li p {
    color: #aaa;
}

.night .ceo_follow_service_qr_cont {
    background: var(--ceo-ahmk);
    border: 1px solid var(--ceo-ahmk);
    background-color: var(--ceo-ahmk);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}

    .night .ceo_follow_service_qr_cont > .ceo_follow_service_qrtext {
        height: 36px;
        color: #7b89a6 !important;
        background-color: var(--ceo-ahbg);
    }

.night .ceo_follow_service_qr_cont {
    background: var(--ceo-ahmk);
}

.night .ceo_follow_service_triangle:after {
    border-left: 10px solid var(--ceo-ahmk);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}

.night .ceo_follow_service_consult_cont {
    background: var(--ceo-ahmk);
    border: 1px solid var(--ceo-ahmk);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}

.night .ceo_follow_service_consult_cont {
    border: 1px solid var(--ceo-ahmk);
}

.night .site-classification-box h3 {
    color: #aaa;
}

.night .site-item a:hover {
    color: #fff;
}

.night .aui-palace-grid-text h2 {
    color: #aaa;
}

.night .ceo-loop-edu-text {
    background: -moz-linear-gradient(top,rgb(25 31 40 / 88%) 0%,var(--ceo-ahmk) 30%);
    background: -webkit-linear-gradient(top,rgb(25 31 40 / 88%) 0%,var(--ceo-ahmk) 30%);
    background: linear-gradient(to bottom,rgb(25 31 40 / 88%) 0%,var(--ceo-ahmk) 30%);
}

.night .ceo-loop-edu-text-title a {
    color: #aaa;
}

.night .ceo-loop-edu-text-subtitle {
    border-bottom: 1px solid var(--ceo-ahbg);
}

.night .ceo-loop-edu-text-desc p {
    color: #888;
}

.night .yuvip_serve ul li div:hover {
    border: 1px solid var(--ceo-ahbg);
    box-shadow: 0 2px 5px 2px var(--ceo-ahbg);
}

.night .user-info .money-left {
    color: #aaa;
}

.night .user-info .vip-left {
    color: #aaa;
}

.night .user-down {
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
}

.night .lang-style .dropdown-menu {
    background: #191f28;
    border: 1px solid #0e131a;
}

.night .dropdown-menu > li > a {
    color: #aaa;
}

    .night .dropdown-menu > li > a:hover {
        color: var(--primary-color);
    }

.night .cloud-bubble-link a:hover {
    color: var(--primary-color) !important;
}

.night .crumb {
    color: #666;
}

    .night .crumb a {
        color: #666;
    }

.night .ceo-crumb-tg a {
    color: #666 !important;
}

.night .ceo-help-box-s {
    box-shadow: 0 0px 0 0 #9E9E9E;
}

.night .search-navbar .b-a {
    border: 1px solid var(--ceo-ahbg);
}

.night .ceo-poster-btns a:hover {
    color: var(--primary-color);
}

.night .app_shop_an {
    background: var(--ceo-ahmk);
}

.night .ceo_app_shop .app_mother {
    background: var(--ceo-ahmk);
    border-top: 1px dashed var(--ceo-ahbg);
}

.night .app_shop_jg {
    background: #151a23;
}

.night .app_shop_an .hont {
    color: #666;
}

.night .app_shop_vip {
    background: var(--ceo-ahbg);
}
/*===========================暗黑=================================*/

::-webkit-scrollbar {
    width: 10px;
    height: 4px;
    background-color: #fff;
}

::-webkit-scrollbar-track {
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 10px
}

.night ::-webkit-scrollbar-track {
    background-color: #191f28;
}
/*列表4优化*/
.ceo-cat-4-h3 {
    position: absolute;
    top: -160px;
    color: #fff;
}
/*
* ------------------------------------------------------------------------------
* 手机优化
* ------------------------------------------------------------------------------
*/
/*手机缩略图自适应*/
@media screen and (max-width: 800px) {
    .card-item .cover {
        height: 100% !important;
    }
}
/*手机缩略图自适应*/
@media (min-width: 801px) {
    .ceo_app_shop {
        display: none
    }

    .ceo-display-none {
        display: none
    }
}

@media screen and (max-width: 800px) {
    .ceo-catnav-3 {
        margin: 0 15px 30px 15px;
    }

    .ceo-music-cat-title .title {
        min-height: 17px !important;
        height: 17px !important;
    }

    .ceo-cat-sucai-title .title {
        padding: 5px !important;
        font-size: 12px !important;
        min-height: 18px !important;
        height: 18px !important;
    }

    .ceo-loop-edu-text-title a {
        font-size: 12px !important;
    }

    .ceo-cat-sucai span {
        display: none !important;
    }

    .ceo-tops {
        font-size: 12px !important;
    }

    .ceo_cat_imgs_modeingfh {
        padding-right: 36px;
    }

    .ceo-checkqq-box-img {
        width: 50px;
        height: 50px;
    }

    .ceo-tag-page h1 {
        font-size: 16px;
    }

    .ceo-tag-page p {
        font-size: 12px;
    }

    .ceo-checkqq-box-img img {
        width: 50px;
        height: 50px;
    }

    .ceo-checkqq-box-title-an {
        width: 100%;
        padding: initial;
    }

    .ceo-logo::before {
        width: 118px !important;
    }

    .ceo-kefu-img, .ceo-kefu-bot {
        display: none !important;
    }

    .ceo-logo {
        line-height: 20px !important;
        height: 38px;
    }

    .logo img {
        height: 35px;
    }

    .ceo-tanchuang-gg-an {
        padding: 6px 12px !important;
        font-size: 12px;
    }

    .ceo-tanchuang-gg p {
        font-size: 0.675rem;
    }

    .header-btn-search-s {
        font-size: 12px;
        padding: 6px 12px;
    }

    .ceo-login-title em {
        width: 5px;
    }

    .ceo-login-qq a {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .ceo-login-h h3 {
        font-size: 20px;
    }

    .ceo-text-small {
        font-size: 0.675rem;
    }

    .app_shop_an .ceo-shop3-demo {
        height: 40px;
        line-height: 40px;
    }

    .ceo-loop-edu-text-pay {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: 10px !important;
    }

    .ceo-loop-edu-text-desc {
        margin: 5px 0 5px 0 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .ceo-loop-edu-text-subtitle {
        margin: 10px 0 0 0 !important;
        padding-bottom: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .ceo-loop-edu-text-title {
        margin-bottom: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 10px !important;
    }

    .ceo-loop-edu:hover .ceo-loop-edu-text-desc {
        height: 40px !important;
    }

    .ceo-card-foot {
        padding: 5px 10px;
    }

    .social-login i {
        font-size: 18px;
    }

    .home-modal-main {
        margin: 50px auto 40px auto;
        width: 88%;
    }

    .ceo_app_img {
        /*height: 110px;*/
    }

    .header-info .icon-category {
        margin-right: 12px !important;
    }

    .ceo_youshi_box ul li h5 {
        height: 20px;
        line-height: 20px;
        font-size: 15px;
    }

    .ceo_youshi_box ul li p {
        height: 20px;
        line-height: 20px;
        font-size: 12px;
    }

    .ceo_app_img img {
        height: auto !important;
    }

    .author-head {
        height: 100%;
    }

    .ceo-cardvideo-loop {
        height: 92px !important;
    }

    .ceo_header_nav {
        padding: 0 10px;
    }

    .ceo-cat-switcher-z {
        margin: 5px 3px !important;
    }

    .single-nav {
        display: none;
    }

    .ceo-checkqq-top {
        height: 120px;
    }

        .ceo-checkqq-top img {
            height: 120px;
        }

    .ceo-checkqq button {
        width: initial;
    }

    .ceo_biaoqian {
        display: none;
    }

    .ceo-catnav-3 .ceo-lanmu-juli {
        margin-left: 7px !important;
    }

    .ceo-logo-shou .ceo-logo:hover .fimg {
        display: none !important;
    }

    .ceo-logo-shou .fimg {
        display: none !important;
    }

    .header_3_nav .logo:hover .fimg {
        display: none !important;
    }

    .ceo-footer-h {
        display: none;
    }

    .ceo-navbar-s {
        margin-right: 10px !important;
    }

    .ceo-dns h3 {
        margin-left: 16px;
    }

    .ceo-home-card-top {
        margin-top: 6px !important;
    }

    .ceo-home-catshow-top {
        margin-top: 6px !important;
    }

    .ceo-single-foos {
        padding: 11px !important;
    }

    .ceo-catshow-h h3 {
        font-size: 18px;
    }

    .ceo-home-card h3 {
        font-size: 18px;
    }

    .ceo-icon-index {
        margin-right: 3px !important;
        font-size: 26px !important;
        transform: translateY(0px) !important;
    }

    .ceo-switcher-top {
        margin-top: 20px !important;
    }

    .ceo-dns .ceo-web-list {
        margin-left: 16px;
    }

    .ceo-dns-contact {
        margin-right: 16px;
    }

    .ceo-catnav-3 ul {
        padding: 0px 8px;
    }

    .section-more .btn {
        padding: 5px 36px;
        font-size: 12px;
    }

        .section-more .btn i {
            font-size: 12px;
        }

    .ceo-cat-switcher em {
        margin: 10px auto;
    }

    .ceo-cat-switcher h5 {
        font-size: 13px;
        margin: 0;
    }

    .cat-switcher .ceo-active h3 {
        line-height: 23px;
        padding: 0 6px;
        font-size: 12px;
    }

    .cat-switcher h3 {
        line-height: 23px;
        padding: 0 6px;
        font-size: 12px;
    }

    .meta-vip-tag {
        display: none !important;
    }

    .rank {
        display: none;
    }

    .ceo-app-shop2-bt {
        display: none;
    }

    .single-warp {
        padding: 20px;
    }

    .ceo-panding-s {
        padding: 20px;
    }

    .comments-title {
        padding: 20px;
    }

    .comment-list {
        padding: 20px;
    }

    .ceo-video-logo {
        left: 8px !important;
        top: 8px !important;
        max-width: 80px !important;
    }

    .ceo_app_shop {
        display: inherit;
    }

    .ceo-shop4-zl {
        display: none;
    }

    .ceo-shop3-zl {
        display: none;
    }

    .ceo-shop1-zl {
        display: none;
    }

    .single-nav li {
        margin-right: 6px !important;
    }

    .single-nav .current {
        border-bottom: 2px solid var(--primary-color);
    }

    .single-nav li span {
        padding-bottom: 6px;
        display: block;
        font-size: 12px;
        color: #333;
    }

    .single-nav li a {
        display: block;
        font-size: 12px;
        color: #333;
    }

    .single-nav .consulting {
        width: 63px !important;
        height: 23px !important;
        line-height: 23px !important;
        font-size: 12px !important;
        margin-right: 0px !important;
    }

        .single-nav .consulting a {
            font-size: 12px !important;
            color: #0274ff !important;
        }

    .ceo-grid-medium, .ceo-grid-column-medium {
        margin-left: -8px;
    }

        .ceo-grid-medium > *, .ceo-grid-column-medium > * {
            padding-left: 8px;
        }
        /* Vertical */
        .ceo-grid + .ceo-grid-medium, .ceo-grid + .ceo-grid-row-medium, .ceo-grid-medium > .ceo-grid-margin, .ceo-grid-row-medium > .ceo-grid-margin, * + .ceo-grid-margin-medium {
            margin-top: 8px;
        }

    .ceo-ycd {
        display: none !important;
    }

    .ceo-shouji-pass, .cloud-banner {
        display: none;
    }

    .ceo-cat-4-h3 {
        top: -120px;
    }

    .ceo-web-nav {
        top: -120px;
    }

    .ceo-cat-4-p {
        display: none;
    }

    .ceo-padding-left-30 {
        padding-left: 0;
    }

    .ceo-side-lie-y {
        display: none;
    }

    .ceo-side-lie-z {
        width: 100% !important;
    }

    .ceo-topnav {
        display: none !important;
    }

    .ceo-nav2-em, .ceo-navs, .ceo_nav_focus, .ceo_nav2_ssk, .nav_2 {
        display: none !important;
    }

    .ceo-navbar-2 {
        height: auto;
    }

    .cat-bg {
        height: 160px;
    }

    .ceo-cat-category img {
        height: 160px !important;
    }

    .ceo-qa .ceo-qa-problems_each {
        width: 100% !important;
        margin: 0px 0px 10px 0px !important;
        padding-left: 0 !important;
    }

    .ceo-qa .ceo-qa-problems_each_t a {
        font-size: 13px !important
    }

    .card-item .title {
        padding: 10px 10px 0px 10px;
        font-size: 13px;
        /*min-height: 38px;
        height: 38px;*/
    }

    .ceo_freepath_subtitle {
        padding: 10px;
    }

    .slide_6_search, .slide_6_mk {
        display: none;
    }

    .ceo-web-info li {
        padding: 0px 6px 0px 6px !important;
    }

    .ceo-category-article .ceo-cat-demo {
        display: none !important;
    }

    .ceo-category-article .ceo-text-small {
        font-size: 0.675rem !important;
    }

    .ceo-cat-side .ceo-text-small {
        font-size: 0.675rem !important;
    }

    .ceo-cat-side .ceo-cat-demo {
        display: none !important;
    }

    .ceo-cat-blog .ceo-text-small {
        font-size: 0.675rem !important;
    }

    .ceo-cat-blog .ceo-cat-demo {
        display: none !important;
    }

    .ceo_app_shop .ceo-tese-remen, .ceo_app_shop .ceo-tese-dujia, .ceo_app_shop .ceo-tese-zuixin, .ceo_app_shop .ceo-tese-tuijian, .ceo_app_shop .ceo-tese-jingpin {
        height: 20px !important;
        line-height: 20px !important;
        padding-left: 25px !important;
        padding-right: 8px !important;
    }

        .ceo_app_shop .ceo-tese-remen span, .ceo_app_shop .ceo-tese-dujia span, .ceo_app_shop .ceo-tese-zuixin span, .ceo_app_shop .ceo-tese-tuijian span, .ceo_app_shop .ceo-tese-jingpin span {
            width: 16px;
            height: 16px;
            line-height: 16px;
            top: 2px;
            font-size: 12px;
        }

    .app_shop_mk .app_shop_title_h1 {
        line-height: 1.8;
        margin-left: 5px;
    }

    .audio-left img {
        width: 50px !important;
        height: 50px !important;
    }

    .cover-bg {
        width: 100px !important;
        height: 100px !important;
    }

    .poster-footer {
        margin-bottom: 6px !important;
    }

        .poster-footer a {
            margin-right: 4px !important;
            font-size: 12px !important;
        }

    .audio-right {
        margin: 0px 0px 0px 20px !important;
    }

        .audio-right h1 {
            font-size: 15px !important;
            font-weight: bold !important;
            margin-top: 0px !important;
        }

    .ceo-music-cat .audio-pan .play-pan {
        padding: 10px 43px !important;
        margin-top: -37% !important;
        top: 21px !important;
    }

    .ceo-music-cat .audio-pan .play-icon {
        top: 31px !important;
        padding: 10px 71px !important;
    }

    .ceo-music-cat .audio-pan .play-dot {
        right: 20px !important;
    }

    .ceo-music-cat .audio-pan .play-zhen {
        right: 32px !important;
    }

    .ceo-qqqun .ceo-qqqun-lb a {
        padding: 4px 8px !important;
        font-size: 12px !important;
    }

    .ceo-qqqun-bg {
        padding: 10px !important;
    }

    .ceo-padding-app {
        padding: 10px !important;
    }

    #ceoxiangguan .post-has-video span {
        display: none !important;
    }

    .app_shop_an a {
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }
}

@media screen and (max-width: 800px) {
    .user-down {
        margin-right: 10px !important
    }

    .slide .slide-ul {
        height: 167px !important
    }

        .slide .slide-ul img {
            min-width: 100% !important;
            max-width: none !important
        }

    .slide .slide-item {
        height: 167px !important
    }

    .slide_05 .slide-ul {
        height: 167px !important
    }

        .slide_05 .slide-ul img {
            min-width: 100% !important;
            max-width: none !important
        }

    .slide_05 .slide-item {
        height: 167px !important
    }

    .l_slide {
        height: 167px !important;
        width: 100% !important;
        padding-right: 0 !important;
    }

    .blog-item {
        height: auto
    }

    .rank-menu {
        width: 100%
    }

    .rank-item-cat {
        padding: 0
    }

    .rank-item-cover {
        width: 100%
    }

    .topic-item .topic-item-cover {
        width: 100%;
        max-width: 100%
    }

    .foot-item {
        padding-right: 0px;
    }

    .foot-item-first:after {
        display: none
    }

    .navbar {
        padding: 15px 0
    }

    .logo {
        flex: 1
    }

    .single {
        width: auto
    }

    .single-head {
    }

    .single-main {
        width: 100%;
    }

    .single-foot a {
        margin: 0 5px
    }

    .single-foot .btn {
        padding: 4px 16px;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .single-foot i {
        transform: translateY(0px);
        font-size: 14px;
    }

    .sidebar {
        width: 100%
    }

    .author-menu {
        white-space: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .user-menu .ceo-active a {
        color: #fff;
    }

    .card-item .cover {
        padding-bottom: 0;
        border-radius: 4px;
    }

    .blog-item-content {
        padding: 10px 0 0 0;
    }

    .blog-item .cover {
        height: 168px;
    }

    .cat-bg h3 {
        font-size: 20px;
    }

    .side-item .cover {
        height: 180px;
        width: 100%
    }

    .ceo-category-web .cover {
        height: 180px !important;
        width: 100% !important;
    }

    .ceo-web h3 a {
        font-size: 18px !important;
    }

    .ceo-web-list span {
        line-height: 22px !important;
        font-size: 18px !important;
        top: 0px !important;
    }

    .ceo-vip-icons .meta-vip-tag {
        margin: 10px 0 0 10px !important;
    }

    .ceo-archives-div .ceo-width-expand {
        padding-left: initial;
    }
}
/*
* ------------------------------------------------------------------------------
* 分类列表
* ------------------------------------------------------------------------------
*/
.ceo-card-margin-left {
    margin-left: 10px !important;
}

.ceo-cat-tj {
    background: #fe6130;
    display: inline-block;
    font-size: 12px;
    padding: 0 10px 1px 10px;
    line-height: 16px;
    margin-top: 0px;
    color: #ffffff;
    position: relative;
    border-radius: 2px;
    font-style: normal;
    font-stretch: normal;
    top: -4px;
}

    .ceo-cat-tj:after {
        content: "";
        width: 4px;
        height: 0px;
        border-width: 6px;
        border-color: transparent #fe6130 transparent transparent;
        border-style: solid;
        position: absolute;
        left: -14px;
        top: 2px;
    }

.ceo-fl-icon i {
    margin-right: 2px;
    font-size: 16px;
}

.ceo-fl-icon a {
    display: inline-block;
    margin: 0 7px;
    background: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 7px;
    color: #8f8f8f;
}

    .ceo-fl-icon a:hover {
        background-image: linear-gradient(90deg, #006eff, #13adff);
        color: #fff;
    }

.ceo-catnav-2 .ceo-lanmu-juli {
    margin-left: 20px;
}

.ceo-catnav-3 .ceo-lanmu-juli {
    margin-left: 20px;
}

.ceo-lanmu-fenlei {
    position: relative;
    padding: 10px 0 0 60px;
}

    .ceo-lanmu-fenlei dt {
        position: relative;
        color: #333;
        font-size: 14px;
        display: block;
        position: absolute;
        left: 0;
        top: 8px;
        font-weight: 400;
    }

    .ceo-lanmu-fenlei i {
        margin-right: 2px;
        font-size: 20px;
        display: inline-block;
        transform: translateY(2px);
    }
/*****************************课程列表*****************************/
.ceo-loop-edu {
    border-radius: 5px;
    position: relative;
    box-shadow: 0px 4px 10px rgba(20,20,20,0.1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .ceo-loop-edu:hover {
        box-shadow: 0px 8px 12px rgba(20,20,20,0.2);
    }

    .ceo-loop-edu .ceo_app_img {
        border-radius: 5px;
        overflow: hidden;
        padding-bottom: 100px;
    }

        .ceo-loop-edu .ceo_app_img img {
            border-radius: 5px;
        }

.ceo-loop-edu-text {
    background: -moz-linear-gradient(top,rgba(255,255,255,0.78) 0%,#fff 30%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0.78) 0%,#fff 30%);
    background: linear-gradient(to bottom,rgba(255,255,255,0.78) 0%,#fff 30%);
    position: absolute;
    bottom: 0px;
    display: table;
    width: 100%;
    border-radius: 0 0 5px 5px;
}

.ceo-loop-edu-text-title {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

    .ceo-loop-edu-text-title a {
        font-weight: bold;
        font-size: 16px;
        color: #333;
        font-weight: 500;
        word-wrap: break-word;
        word-break: break-all;
        overflow: hidden;
    }

        .ceo-loop-edu-text-title a:hover {
            color: #4775FF;
        }

.ceo-loop-edu-text-subtitle {
    font-size: 12px;
    color: #999;
    margin: 15px 0 0 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 18px;
    height: 12px;
    line-height: 12px;
    padding-left: 20px;
    padding-right: 20px;
}

.ceo-loop-edu-text-subtitle-author {
    float: left;
    color: #999;
}

    .ceo-loop-edu-text-subtitle-author i {
        font-size: 14px;
        margin-right: 3px;
    }

    .ceo-loop-edu-text-subtitle-author a {
        color: #999;
    }

.ceo-loop-edu-text-subtitle-keshi {
    float: right;
    color: #999;
}

    .ceo-loop-edu-text-subtitle-keshi span {
        padding: 0 5px;
        color: #ccc;
    }

.ceo-loop-edu-text-subtitle-keshi-demo {
    margin-left: 6px;
}

.ceo-loop-edu:hover .ceo-loop-edu-text-desc {
    height: 60px;
    opacity: 1;
}

.ceo-loop-edu-text-desc {
    word-break: break-word;
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0;
    overflow: hidden;
    color: #555;
    height: 0;
    transition: all 0.3s;
    opacity: 0;
    padding-left: 20px;
    padding-right: 20px;
}

    .ceo-loop-edu-text-desc p {
        height: 40px;
        overflow: hidden;
    }

.ceo-loop-edu-text-pay {
    line-height: 18px;
    height: 18px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

    .ceo-loop-edu-text-pay span {
        display: block;
        font-size: 12px;
        float: left;
        height: 18px;
        line-height: 18px;
        color: #4775FF;
    }

    .ceo-loop-edu-text-pay em {
        display: block;
        font-size: 12px;
        float: right;
        height: 18px;
        line-height: 18px;
        color: #999;
        font-style: normal
    }

/*****************************素材列表*****************************/
.ceo-cat-sucai {
    position: relative;
}

    .ceo-cat-sucai:hover span {
        z-index: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .ceo-cat-sucai span {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        width: 110px;
        margin: 0 auto;
        text-align: center;
        transform: translate(-29%, 0);
        background: rgb(0 0 0 / 40%);
        padding: 6px 10px;
        border-radius: 5px;
        color: #fff !important;
        display: inline-block;
        font-size: 13px;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all .25s ease-out;
        -ms-transition: all ease-out .25s;
        -o-transition: all ease-out .25s;
        transition: all .25s ease-out;
        background-color: #3385ff;
        background-color: #3385ff;
        background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
        background-image: -webkit-linear-gradient(left, #006eff, #13adff);
        background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
        background-image: linear-gradient(90deg, #006eff, #13adff);
        -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    }

.ceo-cat-sucai-title {
    color: #fff;
    padding: 10px;
    transform: translateY(100px);
    transition: all .3s;
    background: linear-gradient(to top, rgba(0, 0, 0, 50%) 0, transparent 100%);
}

    .ceo-cat-sucai-title a {
        color: #fff;
        font-size: 14px;
    }

.ceo-cat-sucai-box {
    display: block;
    position: relative;
}

    .ceo-cat-sucai-box:hover .ceo-cat-sucai-title {
        transform: translateY(0px);
    }

#ceoxiangguan .ceo-cat-sucai span {
    display: none !important;
}
/*----------------------------相册列表----------------------------*/
.ceo-album-5 a {
    color: #fff;
}

.ceo-album img {
    height: 100%;
}

.ceo-album {
}

    .ceo-album p {
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

    .ceo-album p {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 2em;
        width: 87%;
        opacity: 0;
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0);
    }

    .ceo-album:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .ceo-album p {
        margin: 0;
    }

    .ceo-album p {
        letter-spacing: 1px;
        font-size: 68.5%;
    }

    .ceo-album figcaption {
        position: relative;
        width: 100%;
    }

.ceo-album-5:hover .ceo-album p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/*----------------------------相册列表----------------------------*/

/*****************************图片列表*****************************/
.ceo-img-icons {
}

.ceo-img-ico-i {
    display: block;
    position: absolute;
    margin: 10px 0 0 10px;
    z-index: 1;
    color: #fff;
    font-size: 12px;
}

    .ceo-img-ico-i i {
        font-size: 13px;
        margin-right: 3px;
    }

.ceo_cat_img {
    position: relative;
}

    .ceo_cat_img a img {
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        -webkit-backface-visibility: hidden
    }

    .ceo_cat_img a:hover img {
        -webkit-transform: scale(1.1) rotate(2deg);
        -moz-transform: scale(1.1) rotate(2deg);
        -o-transform: scale(1.1) rotate(2deg);
        -ms-transform: scale(1.1) rotate(2deg);
        transform: scale(1.1) rotate(2deg)
    }

    .ceo_cat_img a:hover .ceo_cat_img_box_fit {
        margin-bottom: 0px;
    }

.ceo-img-icons .ceo_cat_img:hover .ceo_cat_img_box_fit {
    margin-bottom: 0px;
}

    .ceo-img-icons .ceo_cat_img:hover .ceo_cat_img_box_fit h2 a {
        color: #FA2B54;
    }

.ceo_cat_img_box_fit {
}

.ceo_cat_img_box_fit {
    z-index: 2;
    width: 100%;
    margin-bottom: -23px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .ceo_cat_img_box_fit h2 {
        margin: 10px;
        padding: 0 15px;
        height: 30px;
        line-height: 11px;
        background: rgba(255,255,255,0.15);
        color: #fff;
    }

        .ceo_cat_img_box_fit h2 a {
            font-size: 12px;
            color: #fff;
            font-weight: 400;
        }

            .ceo_cat_img_box_fit h2 a:hover {
                color: #FA2B54;
            }

    .ceo_cat_img_box_fit p {
        margin: 5px;
        padding: 0 15px;
        color: #fff;
        font-size: 12px;
    }
/*****************************图片列表*****************************/

/*****************************模特列表*****************************/
.ceo-imgs-icons {
    border-radius: 0 0 4px 4px;
}

.ceo_cat_imgs_cover img {
    border-radius: 4px 4px 0 0;
}

.ceo-imgs-ico-i {
    display: block;
    position: absolute;
    margin: 10px 0 0 10px;
    z-index: 1;
    color: #fff;
    font-size: 12px;
}

    .ceo-imgs-ico-i i {
        font-size: 13px;
        margin-right: 3px;
    }

.ceo_cat_imgs {
    position: relative;
}

.ceo_cat_imgs_box {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, transparent 100%);
}

.ceo_cat_imgs_moteghj {
    margin: 10px;
    color: #fff;
}

    .ceo_cat_imgs_moteghj h5 {
        height: 22px;
        line-height: 22px;
        margin-bottom: 8px;
        font-size: 16px;
        color: #fff;
        font-weight: 300;
        overflow: hidden;
    }

    .ceo_cat_imgs_moteghj p {
        height: 15px;
        line-height: 15px;
        font-size: 12px;
        color: #fff;
    }

    .ceo_cat_imgs_moteghj span {
        display: inline-block;
        height: 15px;
        line-height: 15px;
        font-size: 14px;
        color: #fa573e;
    }

.ceo_cat_imgs_motebtmsd {
    padding: 10px;
}

.ceo_cat_imgs_modegty {
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
}

.ceo_cat_imgs_modeingfh {
    font-size: 14px;
    color: #666;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-right: 80px;
}

    .ceo_cat_imgs_modeingfh em {
        padding: 0 5px;
        font-size: 12px;
        color: #ededed;
    }

    .ceo_cat_imgs_modeingfh p {
        display: inline;
        margin-right: 10px;
    }

        .ceo_cat_imgs_modeingfh p span {
            margin-left: 5px;
        }

.ceo_cat_imgs_modegtfgh {
    font-size: 14px;
    color: #fa573e;
    height: 30px;
    line-height: 30px;
}

.ceo_cat_imgs_modergd {
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
    overflow: hidden;
    font-size: 14px;
    color: #999;
    background: url(/static/mbj2022/images/ceo-imgs-tag.png) left center no-repeat;
}

    .ceo_cat_imgs_modergd a {
        font-size: 14px;
        color: #999;
        margin-right: 5px;
    }

@media only screen and (max-width: 900px) {
    .ceo_cat_imgs_cover {
        padding: 0px !important;
        border-radius: 0px !important;
    }
}
/*****************************模特列表*****************************/

/*----------------------------软件列表----------------------------*/

.ceo_category_software {
}

.ceo_category_software_s:hover {
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.15);
}

.ceo_category_software ul li {
    float: left;
    width: 89%;
    padding: 20px;
    /*margin: 0 20px 20px 0;*/
    background: #fff;
    transition: box-shadow 0.3s;
}

.ceo_category_software_inner {
}

    .ceo_category_software_inner h5 {
        height: 20px;
        line-height: 20px;
        margin-bottom: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .ceo_category_software_inner h5 a {
            font-size: 14px;
            color: #333;
        }

            .ceo_category_software_inner h5 a:hover {
                color: #17A1FF;
            }

.ceo_category_software_film {
}

.ceo_category_software_film_icon {
    float: left;
    width: 48px;
    height: 48px;
}

    .ceo_category_software_film_icon a {
        display: block;
        width: 48px;
        height: 48px;
        border-radius: 4px;
    }

.ceo_category_software_film_mid {
    float: left;
    margin-left: 15px;
}

.ceo_category_software_film_star {
    height: 20px;
    margin-bottom: 8px;
    margin-top: 0px;
    color: #ffa400;
    position: relative;
    overflow: hidden;
}

.ceo_category_software_film_mid p {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    overflow: hidden;
}

    .ceo_category_software_film_mid p em {
        padding: 0 10px;
        font-size: 12px;
        color: #ccc;
    }

.ceo_category_software_film_dl {
    float: right;
    margin-top: 10px;
}

    .ceo_category_software_film_dl a {
        display: block;
        width: 56px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        color: #17A1FF;
        background: #fff;
        border: 1px solid #17A1FF;
        overflow: hidden;
        font-size: 14px;
    }

        .ceo_category_software_film_dl a:hover {
            background: #17A1FF;
            color: #fff;
        }
/* 手机端 */
/*----------------------------软件列表----------------------------*/

/*----------------------------视频列表----------------------------*/

.post-has-video {
    position: relative;
}

    .post-has-video:hover span {
        z-index: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    .post-has-video span {
        display: block;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 37%;
        left: 43%;
        background: url(/static/mbj2022/images/play_cover.png) center no-repeat;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
        -webkit-transition: all .25s ease-out;
        -ms-transition: all ease-out .25s;
        -o-transition: all ease-out .25s;
        transition: all .25s ease-out;
    }

.btn-search-all, .btn-search-category {
    cursor: pointer;
}

#ceoxiangguan .post-has-video span {
    display: none !important;
}

.ceo-cardvideo-loop {
    height: 180px
}
/*----------------------------视频列表----------------------------*/

/*----------------------------网站列表----------------------------*/
.ceo-category-web .cover {
    height: 159px;
    width: 245px;
}

.ceo-category-web .side-item:hover {
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.15);
}

.ceo-web {
    min-height: auto;
}

    .ceo-web h3 a {
        font-size: 22px;
        color: #4d4d4d;
    }

.ceo-web-list p {
    margin: 0;
    padding-right: 10px;
    font-size: 12px;
}

.ceo-web-list span {
    display: inline-block;
    line-height: 26px;
    font-size: 29px;
    color: #ff2626;
    font-weight: bold;
    position: relative;
    top: 5px;
}

    .ceo-web-list span label {
        font-size: 20px;
    }

.ceo-web-info {
    margin-top: 16px;
    overflow: hidden;
}

    .ceo-web-info ul {
        float: left;
        overflow: hidden;
    }

    .ceo-web-info li {
        background-color: #FAFBFD;
        float: left;
        position: relative;
        margin-right: 6px;
        margin-bottom: 6px;
        padding: 0px 12px 0px 12px;
        text-align: center;
        border-radius: 6px;
    }

        .ceo-web-info li .ceo-web-info-pt {
            font-size: 12px;
            color: #999999;
            margin-bottom: 12px;
        }

        .ceo-web-info li .ceo-web-info-pf {
            font-size: 14px;
            color: #333333;
        }

.ceo-web-contact {
    float: right;
    padding-top: 10px;
    height: 42px;
}

    .ceo-web-contact .ceo-web-ys {
        border: 1px solid #3573ec;
        display: inline-block;
        height: 30px;
        border-radius: 4px;
        text-align: center;
        line-height: 30px;
        transition: all .3s;
        width: 98px;
        margin-left: 5px;
        position: relative;
        top: 5px;
        color: #3573ec;
    }

    .ceo-web-contact .ceo-web-gm {
        border: 1px solid #ff2626;
        background: #ff2626;
        display: inline-block;
        height: 30px;
        border-radius: 4px;
        text-align: center;
        line-height: 30px;
        transition: all .3s;
        width: 98px;
        margin-left: 5px;
        position: relative;
        top: 5px;
    }

    .ceo-web-contact a {
        color: #fff;
    }
/*----------------------------网站列表----------------------------*/

/*----------------------------域名列表----------------------------*/
.ceo-dns {
}

    .ceo-dns h3 {
        display: inline-block;
        margin-bottom: 0;
        top: 9px;
        position: relative;
        margin-right: 20px;
        width: 440px;
        word-break: break-all;
    }

        .ceo-dns h3 a {
            font-size: 15px;
        }

    .ceo-dns .ceo-web-list {
        display: inline-block;
    }

        .ceo-dns .ceo-web-list p {
            display: inline-block;
        }

    .ceo-dns p {
        font-size: 13px;
        color: #7d7d7d;
    }

    .ceo-dns ul {
        display: inline-block;
    }

        .ceo-dns ul li {
            display: inline-block;
            margin: 0 16px;
        }

.ceo-dns-contact {
    float: right;
    padding-top: 10px;
    height: 42px;
}

    .ceo-dns-contact span {
        color: #ff2626;
        font-weight: bold;
        margin-right: 5px;
        position: relative;
        top: 2px;
    }

    .ceo-dns-contact .ceo-dns-ys {
        border: 1px solid #3573ec;
        display: inline-block;
        height: 23px;
        border-radius: 4px;
        text-align: center;
        line-height: 23px;
        transition: all .3s;
        width: 83px;
        margin-left: 5px;
        position: relative;
        color: #3573ec;
        font-size: 12px;
    }

    .ceo-dns-contact .ceo-dns-gm {
        border: 1px solid #ff2626;
        background: #ff2626;
        display: inline-block;
        height: 23px;
        border-radius: 4px;
        text-align: center;
        line-height: 23px;
        transition: all .3s;
        width: 83px;
        margin-left: 5px;
        position: relative;
        font-size: 12px;
    }

    .ceo-dns-contact a {
        color: #fff;
    }
/*----------------------------域名列表----------------------------*/

/*----------------------------双排列表----------------------------*/
.ceo-side-lie {
    min-width: 100%;
}

.ceo-side-lie-z {
    width: 73.3333333%;
}

.ceo-side-lie-y {
    width: 26.666666%;
}
/*----------------------------双排列表----------------------------*/

/*----------------------------音乐列表----------------------------*/
.ceo-music-cat {
}

    .ceo-music-cat .audio-pan .play-icon {
        position: relative;
        top: 12px;
        padding: 10px 88px;
        z-index: 2;
    }

    .ceo-music-cat .audio-pan .play-dot {
        position: absolute;
        top: 15px;
        right: 45px;
        width: 20px !important;
        height: 20px;
        z-index: 3;
    }

    .ceo-music-cat .audio-pan .play-zhen {
        position: absolute;
        top: 20px;
        right: 57px;
        width: auto !important;
        height: 100px;
        z-index: 2;
        transform: rotate(-9deg);
        transition: all .6s ease-in-out;
        transform-origin: right top;
        height: 50% !important;
    }

    .ceo-music-cat .audio-pan .play-pan {
        position: relative;
        top: 50px;
        padding: 10px 77px;
        margin-top: -80%;
    }

.ceo-music-cat-title .title {
    padding: 10px;
    min-height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.audio-pan .play-icon {
    position: relative;
    top: 0;
    padding: 10px 50px;
    z-index: 2
}

.audio-pan .play-zhen {
    position: absolute;
    top: 20px;
    right: 24px;
    width: auto !important;
    height: 100px;
    z-index: 2;
    transform: rotate(-9deg);
    transition: all .6s ease-in-out;
    transform-origin: right top;
}

.audio-pan .play-dot {
    position: absolute;
    top: 15px;
    right: 17px;
    width: 20px !important;
    height: 20px;
    z-index: 3;
}

.audio-pan .play-pan {
    position: absolute;
    top: 0;
    padding: 10px 50px;
}

.post-video .video-play {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.audio-info {
    display: flex;
}

.audio-left {
    display: flex;
    justify-content: center;
    align-items: center;
}

.post-video .video-play video {
    position: relative;
    display: block;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}


.post-video .video-play video {
    position: relative;
    display: block;
    width: auto;
    height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}

.post-video .video-box-hand {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
}

.post-video .show-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.video-box-hand:hover .meta-video-tag {
    display: none;
}

.post-video .video-play {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.audio-wrapper {
    background-color: #1a1a1a;
    color: #3e3e3e;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 12px;
}

.audio-info {
    display: flex;
}

.audio-left {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .audio-left img {
        width: 200px;
        margin: 0 !important;
        height: 200px;
        display: initial;
        cursor: pointer;
        position: absolute;
        z-index: 3;
    }

.post-video > .video .meta-video-tag {
    content: ' ';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    background: url(../images/play.png) 50% no-repeat;
    background-size: cover;
    z-index: 1;
}

@-webkit-keyframes z {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }

    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}

.cover-bg {
    margin: 0 auto;
    width: 200px;
    height: 200px;
    background: url(../images/pan.png) no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000;
    border-radius: 50%;
    -webkit-animation: z 5s linear 0s infinite;
    -moz-animation: z 5s linear 0s infinite;
    -ms-animation: z 5s linear 0s infinite;
    animation: z 5s linear 0s infinite;
}

.audio-right {
    width: 100%;
    margin: 20px;
}

    .audio-right h1 {
        font-size: 1.5em;
        font-weight: 500;
        letter-spacing: 0.5px;
        margin-bottom: 10px;
        color: #eee;
        text-overflow: ellipsis;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }

.poster-footer {
    margin-bottom: 36px;
    font-size: 14px;
}

    .poster-footer a {
        margin-right: 24px;
        color: #eee;
    }

.progress-bar-bg {
    background-color: #d9d9d9;
    position: relative;
    height: 36px;
    cursor: pointer;
}

.progress-yinfu {
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: 3;
    width: 101%;
    height: 100%;
    background: url(../images/audio-s-b.svg) repeat-x;
}

.progress-bar-bg span {
    content: " ";
    width: 2px;
    height: 100%;
    background: linear-gradient(45deg,#b18f6a,#fdd1a1);
    position: absolute;
    cursor: pointer;
}

.progress-bar {
    background: linear-gradient(45deg,#b18f6a,#fdd1a1);
    width: 0;
    height: 100%;
}

.audio-time {
    overflow: hidden;
    margin-top: 4px;
    color: #eee;
}

.audio-length-current {
    float: left;
    font-size: 14px;
}

.audio-length-total {
    float: right;
    font-size: 14px;
}

.n-box fieldset {
    border: 1px dashed #bdbdbd;
    padding: 10px;
    border-radius: 5px;
    line-height: 2em;
    font-size: 12px;
    color: #bdbdbd;
    text-align: center;
}

.audio-pan .play-icon {
    position: relative;
    top: 0;
    padding: 10px 50px;
    z-index: 2;
}

.audio-pan .play-zhen {
    position: absolute;
    top: 20px;
    right: 24px;
    width: auto !important;
    height: 100px;
    z-index: 2;
    transform: rotate(-9deg);
    transition: all .6s ease-in-out;
    transform-origin: right top;
    height: 50% !important;
}

.audio-pan .play-dot {
    position: absolute;
    top: 15px;
    right: 17px;
    width: 20px !important;
    height: 20px;
    z-index: 3;
}

.audio-pan .play-pan {
    position: relative;
    top: 0;
    padding: 10px 50px;
    margin-top: -70%;
}

@-webkit-keyframes z {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }

    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}

.widget-userinfo .author_avatar a {
    font-size: 0.9rem !important;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
}

.widget-userinfo .author-fields .num {
    position: static;
    background: transparent;
    color: #fff;
    font-size: 23px;
}

.burger:before, .burger:after {
    background-color: transparent;
}

.burger > i {
    display: inline-block;
    margin-top: 3px;
    margin-left: 7px;
}

.n-box legend {
    color: #ffffff;
    width: 30%;
    text-align: center;
    background: #3d7eff;
    border-radius: 5px;
}

.tabtst {
    overflow: hidden;
    width: 100%;
    height: 55px;
    cursor: pointer;
    margin-bottom: 20px;
}

    .tabtst li.on {
        border-bottom: 2px solid #3d7eff;
        color: #333;
        line-height: 53px;
        font-weight: 400;
    }

    .tabtst li {
        float: left;
        padding: 0 20px;
        text-align: center;
        line-height: 53px;
        font-size: 18px;
        color: #ccc;
        list-style: none;
    }

.article-content li {
    margin-bottom: 10px;
}

.btn--secondary {
    background: #3d7eff !important;
}

.widget-area .widget .pwd {
    display: none;
}

.navbar-sticky:not(.ads-before-header) .site-header, .navbar-sticky_transparent:not(.ads-before-header) .site-header, .stick-now .site-header {
    top: 35px;
}

.mask-body-dark {
    background: rgba(0,0,0,.4);
    background-color: rgba(25, 37, 49, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    pointer-events: auto;
    transition-duration: .2s;
}

.mask-body {
    display: flex;
    position: fixed;
    z-index: 1040;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: .625em;
    overflow-x: hidden;
    background-color: transparent;
    -webkit-overflow-scrolling: touch;
}

.omnisearch.show {
    opacity: 1;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

.omnisearch {
    width: 100%;
    margin-top: 1.5rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    opacity: 0;
    background-color: transparent;
    pointer-events: none;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.15s, -webkit-transform 0.3s;
    transition: opacity 0.15s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, opacity 0.15s;
    transition: transform 0.3s, opacity 0.15s;
    transition: transform 0.3s, opacity 0.15s, -webkit-transform 0.3s;
    font-family: RiPlus-Black;
}

.omnisearch-form .input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

.omnisearch .omnisearch-form .input-group-text {
    font-size: 1.875rem;
    background: transparent;
    color: #C0CCDA;
    background-color: #FFF;
    border: 1px solid #E0E6ED;
}

.input-group-merge .form-control:not(:first-child):not(.is-valid):not(.is-invalid) {
    border-left: 0;
    padding-left: 0;
}

.omnisearch .omnisearch-form .form-control {
    display: block;
    height: 68px;
    font-size: 1.25rem;
    color: #454545;
    background-color: transparent;
    background-image: none;
    border: 0;
    outline: none;
}


.card-item .post-audio {
    position: relative;
}

    .card-item .post-audio img {
        height: auto;
    }

/*----------------------------音乐列表----------------------------*/
/*
* ------------------------------------------------------------------------------
* 存档页面
* ------------------------------------------------------------------------------
*/
.ceo-archives-div .ceo-grid {
    margin-left: initial !important;
}

.ceo-archives {
    border-radius: 4px;
    background-color: #fff;
    word-wrap: break-word;
    padding: 20px;
}

.ceo-archives-container h3 {
    padding-left: 35px;
    margin-bottom: 18px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #1e87f0;
    line-height: 20px;
}

.ceo-archives-container ol, .ceo-archives-container ul {
    padding-left: 2em;
    margin-bottom: 20px;
    list-style-position: outside;
    list-style-type: disc;
}

.ceo-archives-list {
    padding-left: 20px;
    margin: 0;
}

    .ceo-archives-list li {
        list-style: disc;
        margin-left: 20px;
        margin-bottom: 9px;
        font-size: 14px;
    }

    .ceo-archives-list a {
        color: #666
    }

        .ceo-archives-list a:hover {
            color: #1e87f0
        }

    .ceo-archives-list time {
        width: 40px;
        display: inline-block;
    }

    .ceo-archives-list span {
        font-size: 12px;
        display: inline-block;
        margin-left: 10px;
    }
/*
* ------------------------------------------------------------------------------
* 搜索模块
* ------------------------------------------------------------------------------
*/
.slide_03 {
    width: 100%;
    height: 460px;
}

    .slide_03 img {
        width: 100%;
    }

    .slide_03 .search {
        padding: 0 15px;
    }

    .slide_03 .slide_text {
        color: rgba(255, 255, 255, 0.9);
        text-align: center;
        font-size: 25px;
        margin-bottom: 40px;
    }

.ceo-flex-middle {
    align-items: center;
}

.slide_03 .search input {
    padding-left: 15px;
    width: 601px;
    height: 49px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.2);
    color: #FFF;
    font-size: 15px;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.8);
}

.slide_03 .search button {
    margin-left: 5px;
    background: var(--primary-color);
    height: 49px;
    color: #fff;
    padding: 0 20px;
    font-size: 16px;
    letter-spacing: 3px;
    transition: all .3s;
}

.search button {
    background: transparent;
    border: 0;
    cursor: pointer;
    outline: none;
    filter: chroma(color=#000000);
}

.slide_03 .search button i {
    color: #fff;
    margin-right: 3px;
}

.slide_03 .search_tags {
    margin-top: 30px;
}

@media only screen and (max-width: 900px) {
    .slide_03 .search_tags {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.slide_03 .search_tags i {
    margin-right: 4px;
}

.slide_03 .search_tags a {
    padding: 0 10px;
}
/*
* ------------------------------------------------------------------------------
* 首页标题模块
* ------------------------------------------------------------------------------
*/
.ceo-title-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-top: 20px;
}

.ceo-phbf {
    overflow: hidden;
    margin-top: 20px;
    text-align: justify;
}

    .ceo-phbf .m-home-ranking__content__item {
        position: relative;
        overflow: hidden;
        display: inline-block;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 25%;
        padding-left: 20px;
        border-radius: 4px;
    }

    .ceo-phbf .item_title {
        /*display: inline-block;
    width: 100%;*/
        text-align: left;
        padding-left: 26px;
        color: #ffffff;
        height: 64px;
        line-height: 64px;
        font-size: 20px;
        border-radius: 4px 4px 0px 0px;
        vertical-align: top;
        background: rgb(253, 158, 62);
        background-size: 100%;
        background-position: center center;
    }

        .ceo-phbf .item_title a {
            color: #fff;
        }

    .ceo-phbf .tab-content .g_text a:hover {
        color: #3385ff;
    }

    .ceo-phbf .item_soft .item_title {
        background-position: 0 -192px;
    }

    .ceo-phbf .item_sucai .item_title {
        background-position: 0 -256px;
    }

    .ceo-phbf .item_yuanma .item_title {
        background-position: 0 0px;
    }

    .ceo-phbf .nav-tabs {
        padding-left: 20px;
    }

    .ceo-phbf .tab-content {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0 20px;
    }

        .ceo-phbf .tab-content .g_text {
            line-height: 36px;
            margin: 4px 0;
            cursor: pointer;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .ceo-phbf .tab-content div {
            color: #666;
            font-size: 14px;
        }

        .ceo-phbf .tab-content .g_text a {
            color: #666;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .ceo-phbf .tab-content .g_text a .num {
                display: inline-block;
                margin-right: 2px;
                width: 21px;
                height: 21px;
                line-height: 21px;
                text-align: center;
                color: #999393;
            }

            .ceo-phbf .tab-content .g_text a .num1 {
                color: #f93131;
            }

            .ceo-phbf .tab-content .g_text a .num2 {
                color: #ff9900;
            }

            .ceo-phbf .tab-content .g_text a .num3 {
                color: #0066ff;
            }

            .ceo-phbf .tab-content .g_text a .num4 {
                color: #00ff43;
            }

            .ceo-phbf .tab-content .g_text a .num5 {
                color: #cc00ff;
            }

.ceo_title_only {
    background: #fff;
}
/*
* ------------------------------------------------------------------------------
* 首页多图广告
* ------------------------------------------------------------------------------
*/
.ceo_ads {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-top: 10px;
    margin-bottom: 10px !important;
}

    .ceo_ads li {
        margin: 5px 0;
        padding-left: 15px;
        flex: 0 0 50%;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
    }

    .ceo_ads img {
        width: 713px;
        height: 70px;
    }

    .ceo_ads a {
        position: relative;
        display: block;
        float: left;
    }

        .ceo_ads a:before {
            position: absolute;
            content: " ";
            width: 26px;
            height: 1pc;
            background: url(/static/mbj2022/images/ceo-ads.png);
            right: 0;
            font-size: 9pt;
            text-align: center;
            bottom: 0;
            color: #fff;
        }
/*文字广告*/
.ceo_adsw {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 10px !important;
    background: #ffffff;
    padding: 8px 0;
}

    .ceo_adsw li {
        margin: 5px 0;
        padding-left: 30px;
        flex: 0 0 16.6%;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
    }

    .ceo_adsw a {
        position: relative;
        display: block;
        float: left;
        font-size: 13px;
    }

@media screen and (max-width: 800px) {
    .ceo_ads li {
        flex: 100%;
    }

    .ceo_adsw li {
        flex: 0 0 50%;
        padding-left: 10px;
        padding-right: 10px;
    }
}
/*
* ------------------------------------------------------------------------------
* 首页分类
* ------------------------------------------------------------------------------
*/
/*分类切换*/
.ceo-switcher-top {
    margin-top: 40px
}

.ceo-icon-sylb {
    color: var(--primary-color);
    margin-right: 3px;
    font-weight: normal;
    font-size: 23px !important;
    display: inline-block;
    transform: translateY(2px);
}

.ceo-icon-index {
    color: var(--primary-color);
    margin-right: 6px;
    font-weight: normal;
    font-size: 32px !important;
    display: inline-block;
    transform: translateY(2px);
}

.ceo-icon-phb {
    color: #feae18;
    margin-right: 3px;
    font-weight: normal;
    font-size: 26px !important;
    display: inline-block;
    transform: translateY(2px);
}
/*icon图标居中*/
.ceo-icon-juzon {
    margin-right: 5px;
    font-size: 14px;
    display: inline-block;
    transform: translateY(2px);
}
/*分类导航*/
.ceo-fastnav-p {
    padding: 10px !important;
}
/*友链申请*/
.links_ylsq {
    border: 1px solid #ccc;
    border-radius: 50px;
    padding: 1px 8px 1px 8px;
    font-size: 10px !important;
}
/*分类*/
.list-nav .current-cat-parent a, .list-nav .current-cat-ancestor a {
    z-index: 10;
    color: var(--primary-color);
    background: #f0f6ff;
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
}

.list-nav .current-cat-parent a, .list-nav .current-cat-ancestor a {
    position: relative;
    color: var(--primary-color);
}

.ceo-container {
    margin-top: 0px !important;
}
/*首页*/
@media only screen and (max-width: 800px) {
    .slide_03 {
        width: 100%;
        height: 208px;
    }

        .slide_03 img {
            height: 208px;
        }

        .slide_03 .search {
            padding: 0 30px;
        }

        .slide_03 .slide_text {
            font-size: 16px;
            margin-bottom: 18px;
        }

        .slide_03 .search input {
            height: 28px;
            font-size: 12px;
        }

        .slide_03 .search button {
            height: 28px;
            padding: 0 9px;
            font-size: 12px;
        }

            .slide_03 .search button i {
                font-size: 12px;
            }

    .slide_04 .slide_text {
        margin-bottom: 31px;
        font-size: 17px;
    }

    .slide_04 {
        height: 206px;
    }

    .ceo-slide-4-banner-top {
        height: 226px;
        border-radius: 0 0 90% 90%;
    }

    .slide_04_search {
        display: initial;
    }

    .slide_04 .search input {
        width: 160px;
        height: 36px;
    }

    .slide_04 .search button {
        font-size: 12px;
        height: 36px;
    }

    .ceo_slide04_top_or {
        display: none;
    }

    .ceo_slide04_top_btn {
        display: none;
    }

    .ceo-slide-4-control-box {
        display: none;
    }
}

@media (min-width: 901px) {
    .slide_03 {
        width: 100%;
        height: 460px;
    }

        .slide_03 img {
            height: 460px;
        }
}

@media only screen and (max-width: 768px) {
    .ceo-sj-yc {
        display: none;
    }
}

.ceo-fenlei-s {
    margin-left: 128px;
    margin-top: -30px;
    display: block;
    color: var(--primary-color);
}

.ceo-right-s {
    margin-right: 20px;
}

/*--------------------------首页图片模块样式1-----------------------------*/
.home_img1 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

    .home_img1 ul {
        display: flex;
        margin-left: -20px;
    }

    .home_img1 li {
        padding-left: 20px;
        height: 100%;
        overflow: hidden;
    }

    .home_img1 a {
    }

    .home_img1 img {
        width: 224px;
        border-radius: 6px;
    }
/*--------------------------首页图片模块样式1-----------------------------*/

/*--------------------------首页图片模块样式2-----------------------------*/
.home_img2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

    .home_img2 ul {
        display: flex;
        margin-left: -20px;
    }

    .home_img2 li {
        padding-left: 20px;
        height: 100%;
        overflow: hidden;
    }

    .home_img2 a {
    }

    .home_img2 img {
        width: 272px;
        border-radius: 6px;
    }
/*--------------------------首页图片模块样式2-----------------------------*/

/*--------------------------首页图片模块样式3-----------------------------*/
.home_img3 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

    .home_img3 ul {
        display: flex;
        margin-left: -20px;
    }

    .home_img3 li {
        padding-left: 20px;
        height: 100%;
        overflow: hidden;
    }

    .home_img3 a {
    }

    .home_img3 img {
        width: 345px;
        border-radius: 6px;
    }

@media only screen and (max-width: 800px) {
    .home_img1, .home_img1, .home_img2 {
        display: none;
    }
}
/*--------------------------首页图片模块样式3-----------------------------*/

/*--------------------------首页滚动模块样式1-----------------------------*/
.ceo-roll1 {
    height: 20px;
    line-height: 20px;
    padding: 20px 0;
}

.ceo-roll1-box li {
    height: 20px;
}
/*--------------------------首页CMS模块样式3-----------------------------*/
.home_cms3 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

    .home_cms3 ul {
        margin-left: -20px;
    }

        .home_cms3 ul li {
            height: 50px;
            float: left;
            padding-left: 20px;
            overflow: hidden;
            border-radius: 64px;
            margin-bottom: 10px;
        }

            .home_cms3 ul li a {
                display: block;
                height: 50px;
                background: #fff;
                border-radius: 50px;
            }

                .home_cms3 ul li a img {
                    display: block;
                    width: 40px;
                    height: 40px;
                    float: left;
                    border-radius: 50px;
                    margin-top: 5px;
                    margin-left: 6px;
                }

                .home_cms3 ul li a em {
                    font-style: normal;
                    display: block;
                    float: right;
                    padding: 0 20px;
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                    font-size: 15px;
                    color: #666;
                    overflow: hidden;
                }

                    .home_cms3 ul li a em:hover {
                        color: var(--primary-color);
                    }

@media only screen and (max-width: 800px) {
    .home_cms3 {
        display: none;
    }
}
/*--------------------------首页CMS模块样式3-----------------------------*/

/*--------------------------首页CMS模块样式4-----------------------------*/
.home_cms4 {
    background: #f9f9f9;
}

    .home_cms4 ul {
        padding-top: 20px;
    }

.home_cms4_mk {
    float: left;
    width: 337px;
    padding-left: 30px;
}

.home_cms4_b {
    margin-left: -30px;
}

.home_cms4_k {
    padding: 10px;
    background: #fff;
    margin-bottom: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,.05);
}

.home_cms4_mk .home_cms4_mk_title {
    color: #1c1f21;
    font-size: 16px;
    padding-bottom: 13px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    border-bottom: 1px solid #f4f4f4;
}

    .home_cms4_mk .home_cms4_mk_title a {
        display: inline-block;
        float: left;
        height: 20px;
        line-height: 20px;
    }

    .home_cms4_mk .home_cms4_mk_title i {
        font-size: 20px;
        transform: translateY(8%);
        display: inline-block;
        margin-right: 3px;
        color: var(--primary-color);
    }

.home_cms4_mk .home_cms4_mk_tag {
    overflow: hidden;
}

    .home_cms4_mk .home_cms4_mk_tag a {
        display: inline-block;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        padding: 0 10px;
        margin-bottom: 5px;
        background: #fff;
        border-radius: 3px;
        color: #666;
        transition: all 0.4s;
    }

.home_cms4_mk .home_cms4_mk_i i {
    color: #d8d8d8;
}

    .home_cms4_mk .home_cms4_mk_i i:hover {
        color: var(--primary-color);
        transition: all 0.4s;
    }

.home_cms4_mk .home_cms4_mk_tag a:hover {
    background: #0080FF;
    color: #fff;
}

@media only screen and (max-width: 800px) {
    .home_cms4 {
        display: none;
    }
}
/*--------------------------首页CMS模块样式4-----------------------------*/

/*--------------------------首页CMS模块样式5-----------------------------*/
.home_cms5 {
    margin-top: 20px !important;
}

.home_cms5_title {
    height: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    margin-top: 10px;
}

    .home_cms5_title span {
        display: block;
        float: left;
        height: 30px;
        line-height: 30px;
        font-size: 1.5rem;
        color: #333;
    }

        .home_cms5_title span i {
            color: var(--primary-color);
            margin-right: 6px;
            font-weight: normal;
            font-size: 32px !important;
            display: inline-block;
            transform: translateY(2px);
        }

    .home_cms5_title em {
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        color: #9199a1;
        margin-left: 20px;
        float: left;
        display: block;
        margin-top: 8px;
        font-style: normal
    }

.home_cms5_link {
    margin-left: -20px;
}

    .home_cms5_link li {
        float: left;
        width: 162px;
        height: 90px;
        padding-left: 20px;
        margin-bottom: 15px;
    }

        .home_cms5_link li a {
            display: block;
            height: 60px;
            background: #fff;
            border-radius: 4px !important;
            padding: 12px 15px 15px 15px;
        }

            .home_cms5_link li a img {
                display: block;
                width: 58px;
                height: 45px;
                margin: 0 auto 5px;
            }

            .home_cms5_link li a span {
                display: block;
                height: 20px;
                line-height: 20px;
                overflow: hidden;
                font-size: 14px;
                color: #888;
                text-align: center;
            }

@media only screen and (max-width: 800px) {
    .home_cms5 {
        display: none;
    }
}
/*--------------------------首页CMS模块样式5-----------------------------*/

/*--------------------------首页业务模块样式1-----------------------------*/
.yewu1-mall {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.yewu1-title {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 52px;
}

    .yewu1-title h1 {
        position: relative;
        font-size: 36px;
        line-height: 50px;
        letter-spacing: 4px;
        color: #252b3a;
    }

    .yewu1-title h2 {
        margin-top: 10px;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 2px;
        color: #666a75;
    }

.yewu1-app > ul {
    margin-left: -20px;
}

    .yewu1-app > ul:before,
    .yewu1-app > ul:after {
        content: " ";
        display: table;
        box-sizing: inherit;
    }

    .yewu1-app > ul > li {
        float: left;
        width: 20%;
        padding-left: 20px;
        box-sizing: border-box;
    }

.yewu1-app-card {
    position: relative;
    height: 470px;
    overflow: hidden;
    background-color: grey;
    text-align: center;
    cursor: pointer;
}

.yewu1-app-card-bg {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    transition: 0.2s;
}

.yewu1-app-card-top {
    position: relative;
    height: 50%;
}

    .yewu1-app-card-top i {
        display: block;
        position: absolute;
        top: 68px;
        font-size: 56px;
        color: #fff;
        right: 0;
        left: 0;
        margin: 0 auto;
        background-size: cover;
        background-position: center;
        transition: 0.2s;
    }

    .yewu1-app-card-top h2 {
        position: absolute;
        top: 175px;
        right: 0;
        left: 0;
        font-size: 20px;
        line-height: 28px;
        color: #fff;
        transition: 0.2s;
    }

        .yewu1-app-card-top h2:before {
            content: "";
            position: absolute;
            top: 100%;
            right: 0;
            left: 0;
            width: 0;
            height: 4px;
            margin: 15px auto;
            background-color: #f66f6a;
            transition: 0.2s 0.2s;
        }

    .yewu1-app-card-top p {
        position: absolute;
        top: 173px;
        right: 0;
        left: 0;
        padding-left: 40px;
        padding-right: 40px;
        margin: 10px auto 0;
        font-size: 14px;
        line-height: 24px;
        color: #fff;
        opacity: 0;
        transition: 0.2s;
    }

.yewu1-app-card-bottom {
    position: relative;
    height: 50%;
    padding-top: 50px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}

    .yewu1-app-card-bottom li {
        margin-bottom: 10px;
    }

        .yewu1-app-card-bottom li a:hover {
            color: rgb(246, 111, 106);
        }

    .yewu1-app-card-bottom a {
        color: #fff;
    }

.yewu1-bottom {
    padding-top: 40px;
    padding-bottom: 50px;
}

.yewu1-more-wrap {
    text-align: center;
}

    .yewu1-more-wrap a {
        display: inline-block;
        font-size: 16px;
        line-height: 24px;
        color: #666a75;
        cursor: pointer;
        user-select: none;
        transition: 0.2s;
    }

        .yewu1-more-wrap a:hover {
            color: rgb(246, 111, 106);
        }

            .yewu1-more-wrap a:hover i {
                transform: translate3d(5px, 0px, 0px);
            }

        .yewu1-more-wrap a .cui-icon {
            margin-top: -2px;
            margin-left: 10px;
            transition: transform 0.2s;
        }

.cui-icon {
    font-family: 'cui-icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.yewu1-app-card:hover .yewu1-app-card-bg {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.yewu1-app-card:hover .yewu1-app-card-top i {
    opacity: 0;
}

.yewu1-app-card:hover .yewu1-app-card-top h2 {
    top: 85px;
}

    .yewu1-app-card:hover .yewu1-app-card-top h2:before {
        width: 68px;
    }

.yewu1-app-card:hover .yewu1-app-card-top p {
    margin-top: 0;
    opacity: 1;
}

@media only screen and (max-width: 800px) {
    .yewu1-mall {
        display: none !important;
    }
}
/*--------------------------首页业务模块样式1-----------------------------*/



/*--------------------------内页优化-----------------------------*/
/*联系作者*/
.ceo-author-a-admin .qq {
    margin: 0 4px;
    font-style: normal;
    font-size: 12px;
    position: relative;
    display: inline-block;
    padding: 6px 18px;
    text-align: center;
    border-radius: 50px;
    background-color: var(--primary-color);
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff);
}

.ceo-author-a-admin .sj {
    display: block;
    font-size: 13px;
    margin: 10px 0;
    color: #999;
}

.ceo-author-a-admin .wx {
    margin: 0 4px;
    font-style: normal;
    font-size: 12px;
    position: relative;
    display: inline-block;
    padding: 6px 18px;
    text-align: center;
    border-radius: 50px;
    background-color: var(--primary-color);
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #1fbb7a, #2cf923);
}

.ceo-author-a-admin .wb {
    margin: 0 4px;
    font-style: normal;
    font-size: 12px;
    position: relative;
    display: inline-block;
    padding: 6px 18px;
    text-align: center;
    border-radius: 50px;
    background-color: var(--primary-color);
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #ff5000 0%, #ff9300 100%);
}

.ceo-author-a-admin i {
    color: #fff;
    font-size: 10px;
}

.ceo-single-foos {
    padding: 30px;
}
/*
=================================内容===================================
*/
.ceo-weizhi {
    margin-bottom: -20px;
}

    .ceo-weizhi a {
        color: #bdbdbd;
    }

.shangye {
    color: #fff;
    background: #5282f7 url(/static/mbj2022/images/shangye.png) 3px 3px no-repeat;
    border: 1px solid #5282f7;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 50px;
    border-radius: 4px;
}

    .shangye a {
        color: #fff;
    }

blockquote {
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 10px;
    padding: 30px 40px;
    color: #666;
    background-color: #f8f8f8;
    line-height: 1.5em;
    position: relative;
    font-style: normal;
    font-size: 15px;
    letter-spacing: .5px;
}

    blockquote:before {
        position: absolute;
        top: 20px;
        left: 20px;
        display: block;
        width: 16px;
        height: 14px;
        background: url(/static/mbj2022/images/ceo-sy.png) no-repeat;
        content: '';
    }

    blockquote:after {
        position: absolute;
        right: 20px;
        bottom: 20px;
        display: block;
        width: 16px;
        height: 14px;
        background: url(/static/mbj2022/images/ceo-sy.png) -16px 0 no-repeat;
        content: '';
    }

    blockquote p {
        margin: 12px 0;
        color: #666;
        font-size: 15px;
    }

    blockquote cite {
        font-style: normal;
        color: #aaa;
    }

.ceo-h15 {
    font-size: 1.5rem;
}

.ceo-single-padding {
    padding: 0px 0 12px 0;
}

.ceo-single-right {
    margin-right: 18px !important;
}

.ceo-single-left {
    margin-left: 18px !important;
}

.ceo-crumb-tg a {
    color: #999 !important;
}

.ceo-single-weizhi {
    padding: 15px;
    background: #fff;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    border-radius: 4px !important;
}

.ceo-single-tags a {
    margin: 3px 5px 3px 0;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    /*height: 30px;*/
    padding: 0 12px;
    font-size: 14px !important;
    line-height: 30px;
    vertical-align: top;
    border-radius: 4px;
    color: #0084ff;
    background: rgba(0,132,255,.1);
}
/*当前位置*/
.ceo-wztext-small {
    font-size: 0.6rem;
}
/*收藏*/
.change-color-sc {
    background-color: #ff5000;
    background-image: linear-gradient(135deg, #f59f54 10%, #ff6922 100%);
    box-shadow: 0 5px 10px 0 rgba(255, 87, 0, 0);
    color: #fff !important;
}
/*版权*/
.ceo-alert-banquan {
    background: #f5f6f8;
    color: #b4b4b4;
    font-size: 0.8rem;
    line-height: 1.8;
}
/*问答*/
.ceo-qa-commont {
    background: url(../images/icon-5.png) no-repeat center right;
}

    .ceo-qa-commont .ceo-qa-turn {
        font-size: 16px;
        line-height: 1.5;
        color: #666;
    }

        .ceo-qa-commont .ceo-qa-turn > i {
            color: var(--primary-color);
            font-size: 20px;
            transform: translateY(5%);
            display: inline-block;
        }

.ceo-qa .ceo-qa-problems {
    margin-top: 15px;
}

.ceo-qa .ceo-qa-clearfix {
}

.ceo-qa .ceo-qa-problems_each {
    background: #f5f6f8;
    border-radius: 4px;
}

.ceo-qa-fl {
    /*display: inline;
    float: left;*/
}

.ceo-qa .ceo-qa-problems_each_t {
    height: 52px;
    line-height: 52px;
    border-bottom: 1px dashed #dbdde0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #434343;
    font-weight: bold;
}

    .ceo-qa .ceo-qa-problems_each_t p {
        position: relative;
        height: 52px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-left: 45px;
    }

        .ceo-qa .ceo-qa-problems_each_t p:before {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 20px;
            width: 18px;
            height: 17px;
            margin-top: -8.5px;
            background: url(../images/ceo-q.png) no-repeat center;
        }

.ceo-qa .ceo-qa-problems_each_detail {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 15px 15px 45px;
}

.ceo-qa .problems_each_detail_con {
    font-size: 13px;
    color: #b4b4b4;
    line-height: 25px;
    height: 50px;
    margin-bottom: 8px;
    position: relative;
    padding-left: 0;
}

    .ceo-qa .problems_each_detail_con li {
        list-style: none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        word-break: break-all;
    }

    .ceo-qa .problems_each_detail_con:before {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: -25px;
        width: 18px;
        height: 17px;
        background: url(../images/ceo-a.png) no-repeat center;
    }

.ceo-qa .problems_each_detail_link {
    display: block;
    font-size: 13px;
    color: #858585;
    margin: 8px 0 8px 0;
    position: relative;
}

    .ceo-qa .problems_each_detail_link:hover {
        color: var(--primary-color);
    }

    .ceo-qa .problems_each_detail_link:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 62px;
        width: 4px;
        height: 8px;
        margin-top: -4px;
        background: url(../images/ceo-qa-y.png) no-repeat center;
    }


/*相关*/
.ceo-xiangguan .card-item {
    border: 1px solid #f1f1f1;
    box-shadow: 0 4px 12px 0 rgba(52,73,94,.1);
}

.ceo-xiangguan h3 {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
}

    .ceo-xiangguan h3 > i {
        color: var(--primary-color);
        font-size: 20px;
        transform: translateY(5%);
        display: inline-block;
    }

/*相关文章*/

#ceoxiangguan .ceo-yc {
    display: none !important;
}

.ceo_xg_img {
    /*height: 126px;*/
    overflow: hidden;
}

#ceoxiangguan .card-item .cover img {
    height: auto;
}

@media screen and (max-width: 800px) {
    .ceo_xg_img {
        /*height: 110px;*/
    }
}
/*相关文章文本*/
.ceo-xiangguan-wen {
}

    .ceo-xiangguan-wen ul {
        overflow: hidden;
        margin-left: -30px;
    }

    .ceo-xiangguan-wen li {
        width: 47%;
        float: left;
        display: flex;
        align-items: center;
        margin-top: 15px;
        padding-left: 30px;
    }

    .ceo-xiangguan-wen a {
        display: inline-block;
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
        color: #777;
    }

        .ceo-xiangguan-wen a:hover {
            color: var(--primary-color);
        }

    .ceo-xiangguan-wen .ceo-qa-turn {
        margin-left: 0px !important;
    }

    .ceo-xiangguan-wen span {
        color: #909399;
        font-size: 13px;
        margin-left: 20px;
    }

@media screen and (max-width: 800px) {
    .ceo-xiangguan-wen li {
        width: 90%;
    }
}
/*广告*/
.ceo-home-ads {
    margin: 20px 0;
}

.ceo-ad-gg {
    padding: 15px 0px 15px 0px;
}

.ceo-ad img {
    border-radius: 4px !important;
}

.ceo-adsgg img {
    margin: auto !important;
}

.ceo-singlead {
    padding-bottom: 20px;
}

    .ceo-singlead a img {
        display: initial;
    }

    .ceo-singlead .ceo-adgg-circles {
        top: -24px;
        position: relative;
    }
/*作者*/
.ceo-panding-s {
    padding: 20px 30px;
}

.ceo-fx-weixin {
    font-size: 16px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin: 0 4px;
    border-radius: 100%;
    background-color: #3385ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #1fbb7a, #2cf923);
    color: #fff !important;
}

.ceo-fx-qq {
    font-size: 16px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin: 0 4px;
    border-radius: 100%;
    background-color: #3385ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff);
    color: #fff !important;
}

.ceo-fx-weibo {
    font-size: 16px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin: 0 4px;
    border-radius: 100%;
    background-color: #3385ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #ff5000 0%, #ff9300 100%);
    color: #fff !important;
}

.ceo-text-fz {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #3385ff;
    color: #3385ff;
    background: rgb(255, 255, 255);
    border-radius: 3px;
    padding: 5px 10px;
    margin-top: 5px;
    margin-right: 20px;
}

    .ceo-text-fz:hover {
        background-color: #3385ff;
        color: #fff;
    }

@media screen and (max-width: 600px) {
    .ceo-avatar-t p {
        margin: 3px 20px 0 0 !important;
        flex: 1 !important;
        min-width: auto !important;
    }
}

.ceo-avatar-t img {
    width: 60px;
    height: 60px;
}

.ceo-avatar-t span {
    font-size: 1.25rem !important;
    line-height: 1.4 !important;
    margin-right: 20px !important;
}

    .ceo-avatar-t span a {
        color: #0378ff !important;
    }

.ceo-avatar-t p {
    margin: 3px 0 0 0;
    flex: 1;
    min-width: 1px;
}
/*******/
.ceo-padding-an {
    padding: 10px 5px;
}

/*打赏*/
.ceo_shang_hide_box {
    z-index: 999;
    filter: alpha(opacity=50);
    background: #666;
    opacity: 0.5;
    -moz-opacity: 0.5;
    left: 0;
    top: 0;
    height: 99%;
    width: 100%;
    position: fixed;
    display: none;
}

.ceo_shang_top {
    padding: 19px;
    font-size: 19px;
    background: url(../images/ceo-shop-bg.png) no-repeat center top;
    z-index: 9;
    background-size: 100% 100%;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0 5px 16px 0 rgb(74 109 240 / 58%);
}

    .ceo_shang_top p {
        color: #fff;
        margin: 20px 0;
        font-size: 20px;
    }

.ceo_shang_box {
    width: 360px;
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
    border-radius: 10px;
    position: fixed;
    z-index: 1000;
    left: 50%;
    top: 50%;
    margin-left: -180px;
    margin-top: -280px;
    display: none;
}

.ceo_shang_ma {
    padding: 30px;
}

.ceo_shang_box img {
    border: none;
    border-width: 0;
}

.ceo_shang_close {
    float: right;
    display: inline-block;
}

    .ceo_shang_close i {
        color: #fff;
        font-weight: bold;
    }

.ceo_shang_logo {
    display: block;
    text-align: center;
    margin: 0px auto;
}

.ceo_shang_tit p {
    color: #a3a3a3;
    text-align: center;
    font-size: 16px;
}

.ceo_shang_pay {
    background: #fff;
    margin: -47px auto 0 auto;
    width: 266px;
    position: relative !important;
    z-index: 1;
    text-align: center !important;
    border-radius: 20px;
}

.ceo_shang_payimg {
    padding: 20px;
    margin-bottom: 20px !important;
    text-align: center !important;
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
}

    .ceo_shang_payimg img {
        display: block;
        text-align: center;
        border-radius: 4px;
    }

.ceo_pay_explain {
    text-align: center;
    font-size: 12px;
    color: #545454;
}

/*视频模块*/
.ceo-video {
    position: relative;
}

.ceo-video-logo {
    left: 20px;
    top: 20px;
    position: absolute;
    max-width: 140px;
    max-height: 50px;
    z-index: 2;
}

    .ceo-video-logo img {
        max-width: 100%;
        max-height: 100%;
        background: none;
    }

.ceo-video-s .erphpdown {
    border: 0px dashed #ff5f33 !important;
}

#ceotheme .ceo-video-s .erphpdown {
    margin: 0 !important;
    background: #ffffff00 !important;
}

.single-video {
    border-radius: 4px;
    overflow: hidden;
    font-size: 0;
    margin-bottom: 20px;
}

    .single-video iframe {
        width: 100%;
    }

    .single-video .erphp-vod {
        margin-bottom: 0
    }

.ckplayer-erphpdown-video, .dplayer-erphpdown-video {
    background: #111;
    color: #fff;
    font-size: 16px;
    text-align: center;
    position: relative;
    border: 1px solid var(--ceo-ahmk);
}

    .ckplayer-erphpdown-video .playicon, .dplayer-erphpdown-video .playicon {
        position: absolute;
        top: calc(50% - 40px);
        width: 80px;
        height: 80px;
        display: inline-block;
        left: calc(50% - 40px);
    }

    .ckplayer-erphpdown-video .icon-play, .dplayer-erphpdown-video .icon-play {
        font-size: 80px;
        top: -26px;
    }

    .ckplayer-erphpdown-video #erphpdown, .dplayer-erphpdown-video #erphpdown {
        border: none;
        position: absolute;
        bottom: 0;
        left: 15px;
        right: 15px;
        margin-bottom: 10px;
    }

    .ckplayer-erphpdown-video .playicon, .dplayer-erphpdown-video .playicon {
        top: calc(50% - 50px);
        width: 50px;
        height: 50px;
        display: inline-block;
        left: calc(50% - 25px);
    }

.single-video .icon-caret-right {
    font-size: 33px;
    top: -16px;
    border-radius: 50px;
    padding: 11px;
    background: #000;
}
/*视频模块*/

/*相册模块*/
.single-content .gallery-login {
    text-align: center;
    font-size: 13px;
    line-height: 14px;
}

    .single-content .gallery-login span {
        background: #eaeaea;
        padding: 5px 18px;
        border-radius: 2px;
        display: inline-block;
        margin-bottom: 5px;
    }

    .single-content .gallery-login a {
        display: inline-block;
        margin-left: 10px;
        text-decoration: none;
        color: #0274ff !important;
    }

.single-content .gallery {
    margin-bottom: 20px;
}

    .single-content .gallery .gallery-item {
        float: left;
        width: 25%;
        padding: 1%;
    }

    .single-content .gallery.gallery-column-5 .gallery-item {
        width: 18%;
    }

    .single-content .gallery.gallery-column-4 .gallery-item {
        width: 23%;
    }

    .single-content .gallery.gallery-column-3 .gallery-item {
        width: 31.1111%;
    }

    .single-content .gallery.gallery-column-2 .gallery-item {
        width: 48%;
    }

.single-content .gallery-item img {
    border: none !important;
    border-radius: 2px;
    box-shadow: 0px 0px 10px rgba(0,0,0,.18);
}

.single-content .gallery-blur-item img {
    filter: blur(2px);
}
/*相册模块*/

/*
========================================内容结束==========================================
*/
/*文章特色标签*/
.ceo_biaoqian {
    float: right;
}
/*card*/
.ceo-tese-remen {
    display: inline-block;
    background: #f6f6f6;
    border-radius: 14px;
    height: 20px;
    font-size: 12px;
    color: #ffa03f;
    position: relative;
    padding-left: 29px;
    padding-right: 10px;
    line-height: 20px;
    transform: translateY(-26%);
}

    .ceo-tese-remen span {
        display: block;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 7px;
        top: 1px;
        overflow: hidden;
        background: #ffa03f;
        color: #fff;
        font-size: 12px;
    }

.ceo-tese-dujia {
    display: inline-block;
    background: #f6f6f6;
    border-radius: 14px;
    height: 20px;
    font-size: 12px;
    color: #5962f1;
    position: relative;
    padding-left: 29px;
    padding-right: 10px;
    line-height: 20px;
    transform: translateY(-26%);
}

    .ceo-tese-dujia span {
        display: block;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 7px;
        top: 1px;
        overflow: hidden;
        background: #5962f1;
        color: #fff;
        font-size: 12px;
    }

.ceo-tese-zuixin {
    display: inline-block;
    background: #f6f6f6;
    border-radius: 14px;
    height: 20px;
    font-size: 12px;
    color: #1cc751;
    position: relative;
    padding-left: 29px;
    padding-right: 10px;
    line-height: 20px;
    transform: translateY(-26%);
}

    .ceo-tese-zuixin span {
        display: block;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 7px;
        top: 1px;
        overflow: hidden;
        background: #1cc751;
        color: #fff;
        font-size: 12px;
    }

.ceo-tese-tuijian {
    display: inline-block;
    background: #f6f6f6;
    border-radius: 14px;
    height: 20px;
    font-size: 12px;
    color: #e10dfb;
    position: relative;
    padding-left: 29px;
    padding-right: 10px;
    line-height: 20px;
    transform: translateY(-26%);
}

    .ceo-tese-tuijian span {
        display: block;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 7px;
        top: 1px;
        overflow: hidden;
        background: #e10dfb;
        color: #fff;
        font-size: 12px;
    }

.ceo-tese-jingpin {
    display: inline-block;
    background: #f6f6f6;
    border-radius: 14px;
    height: 20px;
    font-size: 12px;
    color: #1e87f0;
    position: relative;
    padding-left: 29px;
    padding-right: 10px;
    line-height: 20px;
    transform: translateY(-26%);
}

    .ceo-tese-jingpin span {
        display: block;
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 7px;
        top: 1px;
        overflow: hidden;
        background: #1e87f0;
        color: #fff;
        font-size: 12px;
    }

/*blog*/
.blog-item-content .ceo-tese-remen {
    display: inline-block;
    border-radius: 14px;
    height: 24px;
    font-size: 12px;
    color: #ffa03f;
    position: relative;
    padding-left: 29px;
    padding-right: 10px;
    line-height: 24px;
    transform: translateY(-4%);
}

    .blog-item-content .ceo-tese-remen span {
        display: block;
        width: 16px;
        height: 16px;
        line-height: 17px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 7px;
        top: 4px;
        overflow: hidden;
        background: #ffa03f;
        color: #fff;
        font-size: 12px;
    }

.blog-item-content .ceo-tese-dujia {
    display: inline-block;
    border-radius: 14px;
    height: 24px;
    font-size: 12px;
    color: #5962f1;
    position: relative;
    padding-left: 29px;
    padding-right: 10px;
    line-height: 24px;
    transform: translateY(-4%);
}

    .blog-item-content .ceo-tese-dujia span {
        display: block;
        width: 16px;
        height: 16px;
        line-height: 17px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 7px;
        top: 4px;
        overflow: hidden;
        background: #5962f1;
        color: #fff;
        font-size: 12px;
    }

.blog-item-content .ceo-tese-zuixin {
    display: inline-block;
    border-radius: 14px;
    height: 24px;
    font-size: 12px;
    color: #1cc751;
    position: relative;
    padding-left: 29px;
    padding-right: 10px;
    line-height: 24px;
    transform: translateY(-4%);
}

    .blog-item-content .ceo-tese-zuixin span {
        display: block;
        width: 16px;
        height: 16px;
        line-height: 17px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 7px;
        top: 4px;
        overflow: hidden;
        background: #1cc751;
        color: #fff;
        font-size: 12px;
    }

.blog-item-content .ceo-tese-tuijian {
    display: inline-block;
    border-radius: 14px;
    height: 24px;
    font-size: 12px;
    color: #e10dfb;
    position: relative;
    padding-left: 29px;
    padding-right: 10px;
    line-height: 24px;
    transform: translateY(-4%);
}

    .blog-item-content .ceo-tese-tuijian span {
        display: block;
        width: 16px;
        height: 16px;
        line-height: 17px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 7px;
        top: 4px;
        overflow: hidden;
        background: #e10dfb;
        color: #fff;
        font-size: 12px;
    }

.blog-item-content .ceo-tese-jingpin {
    display: inline-block;
    border-radius: 14px;
    height: 24px;
    font-size: 12px;
    color: #1e87f0;
    position: relative;
    padding-left: 29px;
    padding-right: 10px;
    line-height: 24px;
    transform: translateY(-4%);
}

    .blog-item-content .ceo-tese-jingpin span {
        display: block;
        width: 16px;
        height: 16px;
        line-height: 17px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 7px;
        top: 4px;
        overflow: hidden;
        background: #1e87f0;
        color: #fff;
        font-size: 12px;
    }
/*LOGO新版2021/07/07*/
.ceo-logo-nav-night {
    height: 45px;
    margin-right: 41px !important;
    width: 145px;
}
/*LOGO闪光*/
.ceo-logo {
    position: relative;
    font-size: 2em;
    font-weight: 700;
    line-height: 39px;
    margin: 0;
}

    .ceo-logo img {
        margin-right: 20px;
    }

.ceo-logo-shou .fimg {
    position: absolute;
    bottom: -46px;
    left: 6px;
    z-index: 4;
    display: none;
    width: 249px;
    height: 100px
}

.ceo-logo-shou .ceo-logo:hover .fimg {
    display: inline-block
}

.header_3_nav .logo:hover .fimg {
    display: inline-block
}

.ceo-logo::before {
    content: "";
    position: absolute;
    width: 139px;
    height: 10px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;
}

.night .ceo-logo::before {
    content: "";
    position: absolute;
    width: 139px;
    height: 10px;
    background-color: rgba(28, 31, 32, 0.54);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;
}

@-webkit-keyframes searchLights {
    0% {
        left: -90px;
        top: 0;
    }

    to {
        left: 90px;
        top: 0;
    }
}

/*LOGO闪光*/

/*
* ------------------------------------------------------------------------------
* 公告页面样式
* ------------------------------------------------------------------------------
*/

.ceo-gonggao-Btn {
    display: inline-block;
    border-radius: 50px;
    height: 24px;
    font-size: 12px;
    color: #ffffff;
    position: relative;
    padding-left: 32px;
    padding-right: 10px;
    line-height: 24px;
    background-image: linear-gradient(90deg, #006eff, #13adff);
    margin-right: 7px;
}

    .ceo-gonggao-Btn i {
        display: block;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 8px;
        top: 2px;
        overflow: hidden;
        background: #ff8100;
        color: #fff;
        font-size: 14px;
    }

.ceo-cbp-tmtimeline {
    list-style: none;
    padding-left: 0;
}

.ceo-gonggao-li {
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.ceo-gonggao-title {
    font-weight: 700;
    font-size: 20px;
}

.ceo-gonggao-about {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 12px;
    color: #999;
}

.ceo-gonggao-entry-content {
    color: #4c4c4c;
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 2;
}
    /*.ceo-gonggao-entry-content blockquote{
        margin: 0;
        box-sizing: border-box;
        background-color: #f4f4f4;
        width: 100%;
        padding: 16px 16px 24px 16px;
        margin-bottom: 1.2em;
        color: #4c4c4c;
        font-size: 15px;
        letter-spacing: .5px;
        border-radius: 4px;
        line-height: 2;
    }
    .ceo-gonggao-entry-content blockquote:before {
        content: "";
        display: block;
        width: 24px;
        height: 16px;
        background-image: url(/static/mbj2022/images/ceo-quote-icon-red.svg);
        margin-bottom: 16px;
    }*/
    .ceo-gonggao-entry-content p {
        font-style: normal
    }

.gonggao_content .ceo-background-muted a {
    font-style: normal
}

.ceo-gonggao-entry-content a {
    color: #206aff;
}

/*
* ------------------------------------------------------------------------------
* 友情链接样式
* ------------------------------------------------------------------------------
*/
.ceo-link-row {
    background-color: #fff;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 4px;
}

.ceo-link-plinks {
    position: relative;
    margin-top: 30px;
    width: 100%;
    padding: 0;
}

    .ceo-link-plinks li.linkcat {
        border-radius: 6px;
    }


        .ceo-link-plinks li.linkcat ul {
            overflow: hidden;
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .ceo-link-plinks li.linkcat ul li {
                float: left;
                overflow: hidden;
                margin-top: 15px;
                width: calc(20% - 20px);
                background: #f8f8f8;
                margin-bottom: 10px;
                border-radius: 3px;
                margin-left: 10px;
                margin-right: 10px;
            }

                .ceo-link-plinks li.linkcat ul li:hover {
                    opacity: 0.6;
                    -webkit-transition: all .3s ease-in-out;
                    -moz-transition: all .3s ease-in-out;
                    transition: all .3s ease-in-out;
                }

                .ceo-link-plinks li.linkcat ul li a {
                    overflow: hidden;
                    margin-bottom: 20px;
                    display: block;
                    cursor: pointer;
                    padding: 20px 18px 0;
                    color: #333;
                }

                    .ceo-link-plinks li.linkcat ul li a:hover {
                        color: #005fee;
                    }

                    .ceo-link-plinks li.linkcat ul li a img {
                        width: 32px;
                        height: 32px;
                        border-radius: 32px;
                        display: inline-block;
                        margin-right: 8px;
                    }

@media (max-width: 768px) {
    .ceo-link-plinks li.linkcat ul li {
        width: calc(50% - 20px);
    }
}

@media (max-width: 544px) {
    .ceo-link-plinks li.linkcat ul li {
        width: 100%;
    }
}

.ceo-link-plinks ol, .ceo-link-plinks ul, .ceo-link-plinks li {
    list-style: none;
}

.ceo-link-row h1 {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 1.8rem !important;
}

    .ceo-link-row h1:after {
        content: '';
        position: absolute;
        left: 0;
        height: 100%;
        width: 5px;
        background: var(--primary-color);
        box-shadow: 3px 0px 10px -1px var(--primary-color);
        border-radius: 2px;
    }

.ceo-link-row h2 {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 18px !important;
}

    .ceo-link-row h2:after {
        content: '';
        position: absolute;
        left: 0;
        height: 100%;
        width: 5px;
        background: var(--primary-color);
        box-shadow: 3px 0px 10px -1px var(--primary-color);
        border-radius: 2px;
    }

.ceo-link-row h3 {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 18px !important;
}

    .ceo-link-row h3:after {
        content: '';
        width: 6px;
        height: 6px;
        background: var(--primary-color);
        border-radius: 50%;
        display: block;
        position: absolute;
        left: 0;
        top: 15px;
        box-shadow: 3px 0px 10px -1px var(--primary-color);
    }
/*专题*/
.zhuanti {
    padding: 20px 0;
    background: url(/static/mbj2022/images/ceo-zhuanti.jpg) center no-repeat;
}

.ceo-zhuanti-wrap .ceo-zhuanti-top {
    padding-top: 1px;
    background: #fafafa;
    position: relative;
    z-index: 20;
}

.ceo-zhuanti-wrap .content {
    display: block;
}

.ceo-zhuanti-wrap .ceo-zhuanti-menu {
    padding: 28px 0 0;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 30px;
    text-align: center;
}

    .ceo-zhuanti-wrap .ceo-zhuanti-menu a {
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        color: #666;
        line-height: 25px;
        padding-bottom: 18px;
        border-bottom: 5px solid transparent;
        margin: 0 25px;
    }

        .ceo-zhuanti-wrap .ceo-zhuanti-menu a.current {
            color: #ff5c00;
            border-bottom-color: #ff5c00;
        }

.ceo-zhuanti-wrap .items {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -17px;
}

    .ceo-zhuanti-wrap .items .item {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 17px;
        box-sizing: border-box;
    }

        .ceo-zhuanti-wrap .items .item a {
        }

.ceo-zhuanti-item .ceo-zhuanti-item-thumb {
    position: relative;
}

    .ceo-zhuanti-item .ceo-zhuanti-item-thumb .ceo-zhuanti-thumb {
        padding-top: 49.18918919%;
        border-radius: 3px 3px 0 0;
    }

    .ceo-zhuanti-item .ceo-zhuanti-item-thumb h5 {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 6px;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
        font-size: 14px;
        font-weight: normal;
        margin: 0;
        color: #fff;
        z-index: 10;
    }

        .ceo-zhuanti-item .ceo-zhuanti-item-thumb h5 .l {
            float: left;
        }

        .ceo-zhuanti-item .ceo-zhuanti-item-thumb h5 span {
            padding: 0 15px;
        }

        .ceo-zhuanti-item .ceo-zhuanti-item-thumb h5 .r {
            float: right;
        }

        .ceo-zhuanti-item .ceo-zhuanti-item-thumb h5 span {
            padding: 0 15px;
        }

.ceo-zhuanti-item h2 {
    line-height: 1;
    font-size: 18px;
    margin-bottom: 6px;
    margin-top: 12px;
    height: 1.2em;
    color: #525252;
}

    .ceo-zhuanti-item h2:before {
        content: '';
        display: inline-block;
        width: 5px;
        height: 23px;
        margin-right: 11px;
        background: var(--primary-color);
        box-shadow: 3px 0px 10px -1px var(--primary-color);
        border-radius: 2px;
        vertical-align: middle;
        margin-top: -6px;
    }

.ceo-zhuanti-item h4 {
    margin: 0 15px 15px;
    font-size: 14px;
    line-height: 1.5em;
    height: 1.5em;
    font-weight: normal;
    overflow: hidden;
    color: #525252;
}

.ceo-zhuanti-item .entry {
    margin: 0 15px 18px;
    font-size: 14px;
    line-height: 27px;
    height: 54px;
    overflow: hidden;
    letter-spacing: .2px;
}

.ceo-zhuanti-item a .entry {
    color: #999;
}

.ceo-zhuanti-item .btns {
    text-align: center;
    margin: 0 0 22px;
}

.ceo-zhuanti-thumb {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 66.7%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    transition: all .2s;
}

.ceo-zhuanti-item .btns .btn {
    display: inline-block;
    padding: 2px 1em;
    font-size: 13px;
    line-height: 22px;
    background-color: #3385ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff);
    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    color: #fff !important;
    cursor: pointer;
    letter-spacing: 1px;
}

.ceo-zhuanti-item a {
    display: block;
    border-top-color: transparent;
    color: #555;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    transition: all .2s;
}

    .ceo-zhuanti-item a:hover .btns .btn {
        background-color: #3385ff;
        background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
        background-image: -webkit-linear-gradient(left, #006eff, #13adff);
        background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
        background-image: linear-gradient(90deg, #006eff, #13adff);
        -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        color: #fff !important;
    }

.ceo-zhuanti-singular-header {
    position: relative;
}

    .ceo-zhuanti-singular-header .bg {
        height: 70%;
        max-height: 400px;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        background-size: 4000%;
        background-repeat: no-repeat;
        background-position: center;
        overflow: hidden;
    }

        .ceo-zhuanti-singular-header .bg::before {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: inherit;
            filter: blur(10px);
        }

        .ceo-zhuanti-singular-header .bg::after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 30%;
            background-image: linear-gradient(180deg, rgba(255,255,255,0.6) 1%, #FFFFFF 38%);
        }

    .ceo-zhuanti-singular-header .breadcrumb {
        font-size: 13px;
        color: #fff;
        margin-bottom: 17px;
    }

        .ceo-zhuanti-singular-header .breadcrumb li {
            display: inline;
        }

        .ceo-zhuanti-singular-header .breadcrumb a {
            color: #fff;
        }

        .ceo-zhuanti-singular-header .breadcrumb li:after {
            content: ' >';
        }

    .ceo-zhuanti-singular-header .block {
        position: relative;
    }

        .ceo-zhuanti-singular-header .block::before {
            content: '';
            display: block;
            width: 100%;
            height: 50%;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            box-shadow: 0 25px 50px 0 rgba(237,237,237,0.5);
            background: #fff;
        }

    .ceo-zhuanti-singular-header .block-content {
        background: #fff;
        padding: 20px 20px 30px;
        position: relative;
    }

    .ceo-zhuanti-singular-header .ceo-zhuanti-item-thumb {
        margin-bottom: 30px;
    }

        .ceo-zhuanti-singular-header .ceo-zhuanti-item-thumb .ceo-zhuanti-thumb {
            padding-top: 55%;
        }

    .ceo-zhuanti-singular-header .block-main {
        flex-grow: 1;
    }

    .ceo-zhuanti-singular-header h2 {
        font-size: 28px;
        color: #333;
        margin-bottom: 14px;
    }

    .ceo-zhuanti-singular-header h4 {
        font-size: 16px;
        color: #888;
        font-weight: normal;
        margin: 0 -10px 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #f3f3f3;
    }

    .ceo-zhuanti-singular-header p {
        font-size: 13px;
        color: #888;
        line-height: 1.8;
        margin-bottom: 20px;
    }

    .ceo-zhuanti-singular-header h4 .item {
        display: inline-block;
        padding: 0 10px;
        position: relative;
        line-height: 40px;
    }

        .ceo-zhuanti-singular-header h4 .item strong {
            font-size: 16px;
            color: #ff5c00;
            font-family: Impact;
            margin-right: 10px;
        }

.ceo-zhuanti-tax-special .term-bar {
    display: none;
}

.ceo-zhuanti-tax-special .site-content {
    padding: 0px;
}

.ceo-zhuanti-singular-content .main {
    padding: 0 46px 0 0;
}

.ceo-zhuanti-section-title {
    font-size: 20px;
    color: #262626;
    line-height: 28px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    font-weight: bold;
    margin-bottom: 20px;
}

.ceo-zhuanti-singular-content .ceo-zhuanti-section-title {
    margin-bottom: 40px;
}

.ceo-zhuanti-flex {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.ceo-zhuanti-list-item-default {
    justify-content: flex-start;
    margin-bottom: 40px;
    flex-direction: row-reverse;
}

.ceo-zhuanti-list-item-default {
    margin-bottom: 55px;
    flex-wrap: nowrap;
    flex-direction: row;
}

    .ceo-zhuanti-list-item-default .ceo-zhuanti-item-thumb {
        width: 33.3333%;
        flex-shrink: 0;
        margin: 0 0 0 15px;
    }

        .ceo-zhuanti-list-item-default .ceo-zhuanti-item-thumb a {
            border-radius: 3px;
        }

        .ceo-zhuanti-list-item-default .ceo-zhuanti-item-thumb .ceo-zhuanti-thumb {
            padding-top: 63.6363%;
            border-radius: 3px;
            background-position: left;
        }

.ceo-zhuanti-h-scale img, .ceo-zhuanti-h-scale .ceo-zhuanti-thumb {
    transition: all .2s;
}

.ceo-zhuanti-list-item-default .item-content {
    flex-grow: 1;
    text-align: left;
}

.ceo-zhuanti-list-item-zt .ceo-zhuanti-title {
    display: flex;
    flex-direction: column-reverse;
}

    .ceo-zhuanti-list-item-zt .ceo-zhuanti-title .item {
        display: block;
        font-style: normal;
    }

    .ceo-zhuanti-list-item-zt .ceo-zhuanti-title .item {
        display: inline;
    }

.ceo-zhuanti-list-item-default .title .tag {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    border: 1px solid #ff5c00;
    color: #ff5c00;
    padding: 0 3px;
    border-radius: 2px;
    vertical-align: text-bottom;
    line-height: 20px;
    margin-right: 5px;
}

.ceo-zhuanti-list-item-zt .ceo-zhuanti-title .item {
    display: block;
    font-style: normal;
}

.ceo-zhuanti-list-item-default p {
    font-size: 14px;
    color: #888;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-bottom: 14px;
    display: none;
    max-width: 615px;
}

.ceo-zhuanti-list-item-default h4 {
    font-size: 12px;
    font-weight: normal;
    color: #a7a7a7;
    line-height: 23px;
    height: 23px;
    overflow: hidden;
}

    .ceo-zhuanti-list-item-default h4 i {
        font-style: normal;
        margin-right: 15px;
    }

.ceo-zhuanti-singular-header .container {
    padding-top: 30px;
}

.ceo-zhuanti-singular-header .container {
    padding-top: 40px;
    padding-bottom: 54px;
    overflow: visible;
}

.ceo-zhuanti-singular-content .back {
    margin-bottom: 60px;
}

    .ceo-zhuanti-singular-content .back .btn {
        font-size: 16px;
        display: block;
        line-height: 3.125;
    }

.ceo-zhuanti-btn-orange {
    background: #ff5c00;
    color: #fff;
}

@media (min-width: 768px) {
    .ceo-zhuanti-wrap .ceo-zhuanti-menu {
        padding: 48px 0 0;
        margin-bottom: 50px;
    }

    .ceo-zhuanti-wrap .items .item {
        width: 25%;
        margin-bottom: 10px;
    }

    .ceo-zhuanti-item {
        background: #fff;
        border-radius: 20px;
        box-shadow: 0px 4px 10px rgba(20,20,20,0.1);
    }

        .ceo-zhuanti-item h4 {
            font-size: 16px;
        }

        .ceo-zhuanti-item .btns .btn {
            font-size: 14px;
            line-height: 32px;
        }

    .ceo-zhuanti-singular-header .bg {
        background-size: 300%;
    }

        .ceo-zhuanti-singular-header .bg::before {
            filter: blur(50px);
        }

    .ceo-zhuanti-singular-header .block-content {
        display: box;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        padding: 40px;
    }

    .ceo-zhuanti-singular-header .block-thumb {
        width: 370px;
    }

    .ceo-zhuanti-singular-header .block-main {
        padding-left: 40px;
    }

    .ceo-zhuanti-singular-header h4 {
        font-size: 14px;
        padding-bottom: 20px;
    }

    .ceo-zhuanti-singular-header p {
        font-size: 14px;
        line-height: 2;
        height: 4em;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .ceo-zhuanti-singular-header h4 .item {
        padding: 0 20px;
    }

        .ceo-zhuanti-singular-header h4 .item strong {
            font-size: 32px;
        }

    .ceo-zhuanti-list-item-default .ceo-zhuanti-item-thumb {
        width: 260px;
        margin: 0 30px 0 0;
    }

    .ceo-zhuanti-list-item-default .title {
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .ceo-zhuanti-list-item-zt .ceo-zhuanti-title {
        display: block;
    }

    .ceo-zhuanti-list-item-default .title .tag {
        padding: 1px 4px;
    }

    .ceo-zhuanti-list-item-zt .ceo-zhuanti-title .item {
        display: inline;
    }

        .ceo-zhuanti-list-item-zt .ceo-zhuanti-title .item:last-child {
            margin: 0;
        }

    .ceo-zhuanti-list-item-default p {
        display: block;
    }
}

@media (min-width: 1024px) {
    .ceo-zhuanti-list-item-default {
        margin-bottom: 15px;
        margin-left: -20px;
        margin-right: -20px;
        padding: 20px;
        background: #fff;
        transition: all .2s;
    }

    .ceo-zhuanti-singular-header .container {
        padding-top: 97px;
    }
}
/*专题*/
/*
*-------------------------------------------------------------------------------
*QQ群联盟
*-------------------------------------------------------------------------------
*/
.ceo-padding-app {
    padding: 30px;
}

.ceo-qqqun-bg {
    background: #fff;
    padding: 30px;
    margin-top: 20px;
}

.ceo-qqqun .ceo-qqqun-lb {
    position: relative;
    border: 1px solid #eee;
    padding: 20px;
    text-align: center;
}

    .ceo-qqqun .ceo-qqqun-lb .joinqq {
        display: inline-block;
        width: 100%;
        height: 4pc;
    }

        .ceo-qqqun .ceo-qqqun-lb .joinqq .img {
            display: inline-block;
            overflow: hidden;
            width: 50px;
            height: 50px;
            vertical-align: -18px;
        }

            .ceo-qqqun .ceo-qqqun-lb .joinqq .img img {
                width: 50px;
                height: 50px;
                border-radius: 45px;
            }

        .ceo-qqqun .ceo-qqqun-lb .joinqq .qqone {
            display: inline-block;
        }

            .ceo-qqqun .ceo-qqqun-lb .joinqq .qqone .lianmeng .qq {
                display: inline-block;
                overflow: hidden;
                width: 100%;
                height: 31px;
                vertical-align: -11px;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-size: 1pc;
                line-height: 31px;
            }

            .ceo-qqqun .ceo-qqqun-lb .joinqq .qqone .number {
                color: #9d9d9d;
                font-size: 9pt;
            }

            .ceo-qqqun .ceo-qqqun-lb .joinqq .qqone em {
                display: inline-block;
                margin-left: 11px;
                height: 9pt;
                border: 1px solid #6287e3;
                color: #6287e3;
                font-size: 9pt;
                line-height: 9pt;
                font-style: normal;
                padding: 1px 8px;
                border-radius: 2px;
            }

    .ceo-qqqun .ceo-qqqun-lb a {
        display: inline-block;
        margin-top: 13px;
        border-radius: 3px;
        padding: 5px 45px;
        color: #fff;
        font-weight: 400;
        font-size: 15px;
        background-color: #3385ff;
        background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
        background-image: -webkit-linear-gradient(left, #006eff, #13adff);
        background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
        background-image: linear-gradient(90deg, #006eff, #13adff);
        -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        outline: 0;
        -webkit-transition: all .1s ease-out 0s;
        -o-transition: all .1s ease-out 0s;
        transition: all .1s ease-out 0s;
    }

.ceo-qqqun-row h1 {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 1.8rem !important;
}

    .ceo-qqqun-row h1:after {
        content: '';
        position: absolute;
        left: 0;
        height: 100%;
        width: 5px;
        background: var(--primary-color);
        box-shadow: 3px 0px 10px -1px var(--primary-color);
        border-radius: 2px;
    }

.ceo-qqqun-row h2 {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 18px !important;
}

    .ceo-qqqun-row h2:after {
        content: '';
        position: absolute;
        left: 0;
        height: 100%;
        width: 5px;
        background: var(--primary-color);
        box-shadow: 3px 0px 10px -1px var(--primary-color);
        border-radius: 2px;
    }

.ceo-qqqun-row h3 {
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 18px !important;
}

    .ceo-qqqun-row h3:after {
        content: '';
        width: 6px;
        height: 6px;
        background: var(--primary-color);
        border-radius: 50%;
        display: block;
        position: absolute;
        left: 0;
        top: 15px;
        box-shadow: 3px 0px 10px -1px var(--primary-color);
    }
/*
* ------------------------------------------------------------------------------
* 资源下载
* ------------------------------------------------------------------------------
*/
/* 手机端 */
@media only screen and (max-width: 768px) {
    .bannerL {
        width: auto !important;
        padding: 20px !important;
        margin: 0 !important;
    }

    .bannerMid {
        width: 100% !important;
    }

    .ceoshop-sall .custom {
        width: 100% !important;
    }
}

.user-info .money-left {
    background: #fff;
    border-radius: 5px;
    font-size: 12px;
    margin: 20px 0 2px 0;
    padding-bottom: 5px;
    padding: 12px;
}

    .user-info .money-left t {
        float: right;
        color: #707c86
    }

.user-info .vip-left {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    margin: 13px 0;
    font-size: 12px;
}

    .user-info .vip-left t {
        float: right;
        color: #707c86;
        line-height: 22px;
        margin-top: 5px;
    }

    .user-info .vip-left v {
        cursor: pointer;
        float: right;
        background: #fbb715;
        color: #fff;
        border-radius: 30px;
        padding: 4px 8px;
        display: inline-block;
        line-height: 1;
        margin-top: 6px;
    }

    .user-info .vip-left .down-left {
        margin-top: 5px;
        color: #707c86
    }

        .user-info .vip-left .down-left b {
            font-size: 16px;
        }

.user-info .first {
    list-style: none;
}

.user-info .ceo-width-expand ul {
    margin: 0;
    padding-left: 0;
    display: inline-block;
}

.user-info .ceo-width-expand h4 {
    float: left;
}

.user-info .ceo-width-expand i {
    background: linear-gradient(-125deg,#f8d930 0%, #fb7b92 100%);
    box-shadow: 4px 3px 10px #ffc1072e;
    color: #FFF;
    font-weight: 400;
    padding: 2px 8px;
    border-radius: 10px;
    transition: transform 0.1s;
    font-size: 12px;
    margin-left: 10px;
    font-style: normal;
}
/*下载模块*/

/* Css Reset */

.ceo-shop1-zl {
    background: #fff;
    position: relative;
    margin-bottom: 20px !important;
    margin-top: 20px;
    border-radius: 4px
}

    .ceo-shop1-zl li {
        list-style: none;
    }

.bannerL {
    width: 25.5%;
    max-height: 378px;
    overflow: hidden;
    float: left;
    margin: 20px 20px 0 20px;
    font-size: 0;
}

.course-img {
    margin-top: -20px;
    overflow: hidden;
    /*height: 320px;*/
}

.risktips .icons {
    background: url(/static/mbj2022/images/focus2018.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
}

.risktips {
    border: solid 1px #ff8400;
    padding: 3px 8px;
    color: #ff8400;
    overflow: hidden;
    margin-top: 10px;
    line-height: 18px;
    font-size: 12px;
}

    .risktips .icons {
        font-size: 12px;
        background-position: -309px -67px;
        width: 16px;
        display: inline-block;
        vertical-align: bottom;
        height: 18px;
        font-weight: 700;
    }

    .risktips span a {
        color: #ff8400;
    }

    .risktips i {
        font-size: 13px;
        margin-right: 5px;
    }

.descp {
    line-height: 25px;
    padding: 10px;
    height: 25px;
    border-bottom: 1px solid #e7e7e7;
    color: #ababab;
}

.collectRow {
    overflow: hidden;
    padding: 8px 5px;
    text-align: center;
    background: #f1f3f4;
}

    .collectRow span {
        font-size: 12px;
        color: #999999;
        height: auto;
        width: auto;
        margin-right: 35px;
    }

        .collectRow span i {
            font-size: 15px;
            margin-right: 4px;
            vertical-align: middle;
        }


.bannerMid {
    float: left;
    width: 69.36%;
    margin-left: 0px;
    padding: 15px 10px 15px 10px;
}

.midTitle {
    width: 100%;
    margin-top: 5px;
}

    .midTitle .ceo-single-vip {
        margin-right: 0;
    }

    .midTitle h1 {
        font-size: 22px;
        color: #464646;
    }

.superiority {
    font-size: 14px;
    color: #a2a2a2;
}

.line0 {
    width: 77px;
    height: 1px;
    background: #e7e7e7;
    margin: 16px 0;
}

.promiseNet {
    overflow: hidden;
}

    .promiseNet li {
        float: left;
        padding: 4px 8px;
        border: 1px solid #e2e2e2;
        border-radius: 15px;
        color: #717171;
        margin-right: 10px;
        cursor: default;
    }

/* .promiseNet li.on {
    background: #ff8207;
    color: #fff;
} */

.priceBtn {
    margin-top: 20px;
}

.sellP {
    font-size: 13px;
    color: #ec1c2b;
}

    .sellP em {
        font-size: 13px;
        color: #ec1c2b;
        font-style: normal;
        font-weight: 500;
    }

    .sellP #priceinfo {
        font-size: 22px;
        color: #ec1c2b;
        font-weight: bold;
    }

.marketPrice {
    font-size: 14px;
    color: #787878;
}

.icon1 {
    display: inline-block;
    width: 72px;
    height: 22px;
    box-sizing: border-box;
    padding-left: 14px;
    background: url('/static/mbj2022/images/pinkFrame.png') no-repeat center;
    font-size: 12px;
    color: #fff;
    position: relative;
    top: -6px;
}

.bannerMid a.makeFunc, .bannerMid a.needSay, a.shopcustom, a.conMake, a.seeDetail {
    display: inline-block;
    width: 120px;
    height: 36px;
    background: linear-gradient(-125deg,#f90202 0%, #fd2f44 100%);
    border-radius: 4px;
    color: #fff;
    text-align: center;
    line-height: 36px;
    font-size: 15px;
    border: 1px solid #0000;
    margin: 20px 0 0 0;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: linear;
}

    .bannerMid a.makeFunc:hover {
        height: 34px;
        color: #eb0c1c;
        border: 1px solid #eb0c1c;
        background: #fff0;
        line-height: 34px;
    }

.bannerMid a.seeDetail {
    background: #7270f3;
    margin-left: 8px;
}

    .bannerMid a.seeDetail:hover {
        color: #7270f3;
        border: 1px solid #7270f3;
        background: #fff0;
        height: 34px;
        line-height: 34px;
    }

.bannerMid a.needSay {
    background: #ff8400;
    margin-left: 8px;
}

    .bannerMid a.needSay:hover {
        color: #ff8400;
        border: 1px solid #ff8400;
        background: #fff0;
        height: 34px;
        line-height: 34px;
    }

.bannerMid a.shopcustom {
    background: #333333;
    margin-left: 8px;
}

    .bannerMid a.shopcustom:hover {
        color: #333333;
        border: 1px solid #333333;
        background: #fff0;
        height: 34px;
        line-height: 34px;
    }

.bannerMid .time {
    height: 30px;
    color: #9a9a9a;
    line-height: 30px;
    margin-top: 10px;
}


.wrapColloct {
    background: #f1f3f4;
    margin-top: 20px;
}

.custom {
    width: 18%;
    background: #f4faff;
    border: 1px solid #e9ecf3;
    float: right;
    text-align: center;
    margin: 20px 20px 0 0;
    padding: 0 20px;
    position: relative !important;
}

    .custom:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        opacity: .3;
        background-image: -webkit-linear-gradient(46deg,#b5dfff 48%,#f4faff 91%);
        background-image: -o-linear-gradient(46deg,#b5dfff 48%,#f4faff 91%);
        background-image: linear-gradient(44deg,#b5dfff 48%,#f4faff 91%);
        width: 60px;
        height: 76px;
        -webkit-border-radius: 0 0 100% 0;
        border-radius: 0 0 100% 0;
    }


.customgf {
    display: inline-block;
    width: 226px;
    height: 39px;
    text-align: center;
    border-radius: 4px;
    line-height: 39px;
    font-size: 14px;
    margin-top: 10px;
    background-color: #3385ff;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff);
    -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
    color: #fff !important;
    border: 0px solid #ffffff;
    margin-bottom: 23px;
}

.qr_code {
    position: absolute;
    right: 0;
    top: 0;
}

.ceoshop-mall-sc {
    margin-top: 13px;
    font-size: 12px;
    color: #999 !important;
}

    .ceoshop-mall-sc a {
        margin-top: 5px;
        font-size: 12px;
        color: #999 !important;
    }

    .ceoshop-mall-sc i {
        margin-top: 5px;
        font-size: 12px;
        color: #999 !important;
    }

.ceo-margin-medium-right-ceoshop {
    margin-right: 20px !important;
}

.cusomPic {
    position: relative;
    margin-top: 16px;
}

.custom .cusomPic a {
    width: auto;
    height: auto;
}

    .custom .cusomPic a img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
    }

.custom p {
    display: inline-block;
}

.customdp {
    display: inline-block;
    width: 226px;
    height: 38px;
    background: #fff;
    text-align: center;
    color: #0274ff;
    border-radius: 4px;
    border: 1px solid #0274ff;
    line-height: 38px;
    font-size: 14px;
    margin-top: 10px;
}

    .customdp:hover {
        color: #eb0c1c;
        border: 1px solid #eb0c1c;
        background: #fff;
    }

.bigImg {
    width: 100%;
    /*padding: 5px 5px 10px 5px;*/
    display: block;
    border-radius: 4px;
}



.mainCon {
    width: 1200px;
    margin: auto;
}

.turnTitle {
    width: 100%;
    overflow: hidden;
    margin-top: 72px;
    border-bottom: 1px solid #eb0c1c;
}

    .turnTitle > div {
        float: left;
    }

        .turnTitle > div a {
            display: inline-block;
            text-align: center;
            line-height: 38px;
            width: 106px;
            height: 38px;
            box-sizing: border-box;
            padding-bottom: 4px;
            font-size: 16px;
            position: relative;
        }

    .turnTitle > a {
        float: right;
        margin-top: 4px;
        display: inline-block;
        width: 112px;
        height: 30px;
        background: #eb0c1c;
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 30px;
        border-radius: 4px;
    }

    .turnTitle > div a:hover {
        background: #eb0c1c;
        color: #fff;
    }

    .turnTitle > a:hover {
        background: #fff;
        color: #eb0c1c;
        border: 1px solid #eb0c1c;
        height: 28px;
    }

    .turnTitle > div a.on {
        background: #eb0c1c;
        color: #fff;
    }

.flexs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.relevantContentBox {
    margin-top: -48px;
    height: 60px;
    background-color: #ffffff;
    line-height: 60px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center;
}

.turning {
    width: 1200px;
    margin: 20px auto 20px auto;
}

.demobox {
    padding: 8px 7px 7px;
    background: #fff;
    margin: 10px auto;
    border: 1px solid #eaeaea;
    border-radius: 5px;
}

.turning_turn {
    width: 958px;
    position: relative;
    padding: 0px 0 50px 0;
    background: #fff;
}

.turning_turn_wrap {
    width: 958px;
    height: 60px;
    border-bottom: 1px solid #eaeaea;
}

.turning_turn_nav {
    width: 958px;
    height: 60px;
    background: #fff;
}

    .turning_turn_nav span {
        display: block;
        margin-left: 45px;
        height: 60px;
        line-height: 60px;
        font-size: 16px;
        color: #656565;
        position: relative;
        cursor: pointer;
        user-select: none;
    }

    .turning_turn_nav .on {
        color: #ff580e;
    }

        .turning_turn_nav .on:after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: #fb6514;
        }

.ceo-shop-commont {
    margin: 20px auto 27px auto;
}

.turning_turn_trademark_show, .turning_turn_trademark_show1 {
    margin: auto;
}

    .turning_turn_trademark_show .content {
        width: 820px;
    }

        .turning_turn_trademark_show .content img {
            max-width: 800px;
        }

    .turning_turn_trademark_show .content-detail {
        height: auto;
        margin: 20px 0;
        font-size: 14px;
        overflow: visible;
        font: 16px/30px "Microsoft Yahei";
        word-break: break-all;
    }

        .turning_turn_trademark_show .content-detail img {
            max-width: 100%;
        }

.fn-left, .fl, .f_l {
    float: left;
}

.turning_turn_trademark_show_row1 {
    background: #ffffff;
    position: relative;
    font-size: 14px;
    color: #9a9a9a;
}

    .turning_turn_trademark_show_row1 ul {
        border: 1px solid #f0f1f5;
        list-style: none;
        padding-left: 0;
        margin: 0 10px 10px 0;
        display: flex;
        height: 38px;
        line-height: 38px;
        float: left;
    }

    .turning_turn_trademark_show_row1 li {
        width: 90px;
        background: #f2f5fd;
        padding: 0 10px 0 15px;
        font-size: 14px;
        color: #999999;
        word-break: break-all;
        word-wrap: break-word;
    }

        .turning_turn_trademark_show_row1 li::before {
            content: '';
            border-radius: 50%;
            display: inline-block;
            width: 5px;
            height: 5px;
            margin-right: 4px;
            background-color: #2E68E9;
            transform: translate(0, -50%);
        }

    .turning_turn_trademark_show_row1 p {
        margin-bottom: 25px;
    }

    .turning_turn_trademark_show_row1 span {
        padding: 10px;
        line-height: 18px;
        color: #333333;
        width: 155px;
        font-size: 14px;
        word-break: break-all;
        word-wrap: break-word;
    }

.turning_othershow {
    width: 230px;
}

.turning_othershow_t {
    text-align: center;
    height: 60px;
    width: 230px;
    line-height: 60px;
    border-bottom: 1px solid #eaeaea;
    background: #fff;
}

    .turning_othershow_t span {
        font-size: 18px;
        color: #2b3d63;
        position: relative;
    }

        .turning_othershow_t span:before {
            content: '';
            position: absolute;
            top: 50%;
            left: -20px;
            margin-top: -3.5px;
            display: block;
            width: 13px;
            height: 7px;
            background: url(/static/mbj2022/images/other-l.png) no-repeat center;
        }

        .turning_othershow_t span:after {
            content: '';
            position: absolute;
            top: 50%;
            right: -20px;
            margin-top: -3.5px;
            display: block;
            width: 13px;
            height: 7px;
            background: url(/static/mbj2022/images/other-r.png) no-repeat center;
        }

.turning_othershow .tag_list {
    background-color: #fff;
    padding: 15px;
}

    .turning_othershow .tag_list a {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        padding: 0 9px;
        margin-bottom: 10px;
        border: 1px solid rgb(221,221,221);
        border-radius: 30px;
    }

        .turning_othershow .tag_list a:hover {
            border: 1px solid #FF0000;
            color: #FF0000;
            cursor: pointer;
        }

.turning_turn .problem {
    width: 850px;
    margin: auto;
    padding-top: 30px;
}

.turning_turn .problems {
    width: 860px;
    margin-top: 15px;
}

.turning_turn .problems_each {
    width: 100%;
    background: #f5f6f8;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.turning_turn .problems_each_detail {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 15px;
}

.turning_turn .problems_each_detail_con {
    font-size: 13px;
    color: #b4b4b4;
    line-height: 25px;
    margin-bottom: 8px;
    position: relative;
}

.ceo-shop-commont {
    background: url(../images/icon-5.png) no-repeat center right;
}

    .ceo-shop-commont span {
        display: inline-block;
        font-size: 18px;
        color: #243159;
        font-weight: bold;
        padding: 0 6px 0 22px;
        background: #fff url(../images/icon-t.png) no-repeat center left;
    }

    .ceo-shop-commont .special {
        color: #ff4e00;
    }


.turning_othershow_goods {
    width: 230px;
    background: #fff;
    margin-bottom: 12px;
    overflow: hidden;
}


.turning_othershow_goods_up {
    width: 230px;
    max-height: 265px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 15px 10px;
}


.turning_othershow_goods_up_img img {
    max-width: 210px;
}

.turning_othershow_goods_up_img a {
    display: block;
    width: 210px;
}

.turning_othershow_goods_up_name {
    margin-top: 15px;
}

    .turning_othershow_goods_up_name span {
        font-size: 16px;
        color: #46494d;
        margin-left: 7px;
        width: 160px;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        overflow: hidden;
    }

.turning_othershow_goods_up_img {
    width: 210px;
    max-height: 200px;
    overflow: hidden;
    margin: auto;
}

.turning_othershow_goods .othershow_btn {
    display: block;
    width: 198px;
    height: 36px;
    border-radius: 4px;
    margin: auto;
    background: #243159;
    text-align: center;
    line-height: 36px;
    font-size: 15px;
    color: #ffffff;
}

.swiper-container {
    height: 24px;
}

.swiper-slide {
    font-size: 14px;
    background: transparent;
    overflow: hidden;
}

    .swiper-slide img {
        width: 20px;
        height: 20px;
        border-radius: 50%
    }

    .swiper-slide span {
        font-size: 16px;
        color: #ff6600;
        margin: 0 5px
    }

    .swiper-slide a {
        font-size: 14px
    }

._tips {
    width: 350px;
    display: inline-block;
}
/*end*/
.main_info_icon {
    width: 31px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    font-size: 3px;
    color: #7B64F2;
    background: url(../images/ceo-shang.png);
    background-size: 100% 100%;
    margin: 0 -5px -10px 0;
}

.main_info_admin {
    margin: 10px 0 !important;
}

.main-icon-admin {
    margin: 10px 0 10px 0;
}


/*商城侧边栏*/
.ceo-weixin-author {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 44px;
    background-image: url(../images/ceo-single-shop-weixin.png);
    background-position: right top;
    background-repeat: no-repeat
}

.sidebar-shop-box .ceo-weixin-author .wximg {
    right: 73px;
}

.ceo-weixin-author .wximg {
    position: absolute;
    width: 220px;
    height: 220px;
    top: -220px;
    right: 41px;
    transition-duration: 500ms;
    border-radius: 2px;
    box-shadow: 0px 4px 16px 0px rgba(0,64,75,0.16);
    display: none;
    text-align: center;
    z-index: 2
}

    .ceo-weixin-author .wximg img {
        width: 150px;
        height: 150px;
        border: 1px solid var(--border-color);
        display: block;
        margin: 20px auto 0 auto
    }

    .ceo-weixin-author .wximg span {
        display: inline-block;
        text-align: center;
        padding: 0 20px;
        border-radius: 2px;
        margin: 0 auto;
        height: 28px;
        line-height: 28px;
        background: #f2f4f8;
        font-size: 12px;
        color: #666;
        margin-top: 5px
    }

        .ceo-weixin-author .wximg span i {
            margin-right: 3px;
            color: var(--primary-color)
        }

.ceo-weixin-author:hover .wximg {
    top: 0px;
    display: block;
    transition-duration: 500ms;
}
/*商城模块1点赞收藏*/
.ceo-shop1-dzsc {
    display: block;
    font-size: 12px;
    color: #666f80;
    text-align: center;
    padding-top: 26px;
    position: absolute;
    right: 0;
    bottom: 0
}

    .ceo-shop1-dzsc .change-color {
        padding: 3px 10px;
        border-radius: 4px;
        color: #ff5473 !important;
        background-color: rgba(255,84,115,.1);
        margin-right: 10px !important;
        font-size: 12px;
        background: rgba(255,84,115,.1);
        box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
    }

    .ceo-shop1-dzsc .change-color-sc {
        padding: 3px 10px;
        border-radius: 4px;
        color: #0084ff !important;
        background: rgba(0,132,255,.1);
        font-size: 12px;
        box-shadow: 0 5px 10px 0 rgb(16 110 253 / 0%)
    }
/**/
.main_info_price {
    margin-top: 20px;
    display: flex;
}

.main_info_price_l {
    height: 57px;
    line-height: 50px;
    width: 210px;
    text-align: center;
    background-color: #FFEFE9;
    margin-right: 8px;
    color: #999999;
    font-size: 12px;
    position: relative;
}

    .main_info_price_l span {
        color: #FF7726;
        font-size: 14px;
        font-weight: bold;
    }

    .main_info_price_l i {
        font-size: 24px;
        font-style: normal;
    }

.main_info_price_r {
    width: 100%;
    height: 57px;
    line-height: 57px;
    color: #ffffff;
    font-size: 18px;
    padding-left: 24px;
    position: relative;
}

.collection {
    position: absolute;
    right: 24px;
    top: 17px;
    font-size: 12px;
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #ffffff;
    cursor: pointer;
}

    .collection a {
        color: #fff;
    }

    .collection i {
        margin-right: 3px;
    }

    .collection img {
        margin-top: -5px;
    }


/*服务模块*/
.main_info_tb {
    background-color: #FAFBFD;
    font-size: 14px;
    margin: 16px 0;
    display: flex;
    flex-wrap: wrap;
}

.main_info_tb_items {
    height: 50px;
    padding: 0 8px 0 22px;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .main_info_tb_items i {
        margin-right: 3px;
        color: #007cef !important;
    }

.main_info_tb_item {
    height: 50px;
    padding: 0 9px;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .main_info_tb_item .left_title {
        color: #999999;
    }

        .main_info_tb_item .left_title::before {
            content: '';
            border-radius: 50%;
            display: inline-block;
            width: 5px;
            height: 5px;
            margin-right: 4px;
            background-color: #2E68E9;
            transform: translate(0, -50%);
        }

/**/
.main_info_top_item {
    margin-right: 1px;
    font-size: 12px;
    border: 1px solid #f0f1f5;
}

.main_info_top_item2 {
    margin-right: 0px;
    font-size: 12px;
    border: 1px solid #f0f1f5;
}

.item_titles {
    height: 22px;
    line-height: 22px;
    padding: 0 15px;
    color: #999999;
    background-color: #F8F9FC;
    border-right: 1px solid #f0f1f5;
}

.item_title {
    height: 22px;
    line-height: 22px;
    padding: 0 20px;
    color: #999999;
    background-color: #F8F9FC;
    border-right: 1px solid #f0f1f5;
}

.item_content1 {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 7px;
    color: #333333;
    width: 118px;
}

.item_content2 {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 7px;
    color: #333333;
    width: 57px;
}

.main_info_top_b {
    display: flex;
    margin-top: 10px;
}

.consulting {
    width: 110px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #0274ff;
    color: #0274ff !important;
    font-size: 14px;
    border-radius: 3px;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

    .consulting:hover {
        background: #0274ff;
        border: 1px solid #0274ff;
        color: #fff !important;
    }

    .consulting a {
        font-size: 14px !important;
        color: #0274ff !important;
    }

        .consulting a:hover {
            color: #fff !important;
        }

.consultingshop {
    padding-left: 0;
    margin: 0 0 20px 0;
}
/*底部侧边栏跟随*/

/*活动按钮*/
@keyframes scaleToggleOne {
    0 {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    50% {
        transform: scale(2);
        -webkit-transform: scale(2)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes scaleToggleTwo {
    0 {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    20% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    60% {
        transform: scale(2);
        -webkit-transform: scale(2)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes scaleToggleThree {
    0 {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    33% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    66% {
        transform: scale(2);
        -webkit-transform: scale(2)
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@media screen and (max-width: 800px) {
    .ceo-footer-sidebar-girl {
        display: none;
    }
}

.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.ceo-footer-sidebar-girl {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: fixed;
    right: 30px;
    opacity: 0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3);
    box-shadow: 0 5px 10px 0 rgba(35,50,56,.3);
    z-index: 14;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    cursor: pointer;
    -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1);
    transition: all 1s cubic-bezier(.86, 0, .07, 1)
}

    .ceo-footer-sidebar-girl:focus {
        outline: 0
    }

    .ceo-footer-sidebar-girl.animated {
        opacity: 1;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px)
    }

    .ceo-footer-sidebar-girl:after {
        content: '';
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-image: linear-gradient(90deg, #fc2626, #fca626);
        position: absolute;
        right: 1px;
        top: 1px;
        z-index: 50
    }

    .ceo-footer-sidebar-girl .girl {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 50
    }

    .ceo-footer-sidebar-girl .animated-circles .circle {
        background: rgba(255, 0, 0, 0.25);
        width: 60px;
        height: 60px;
        border-radius: 50%;
        position: absolute;
        z-index: 49;
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    .ceo-footer-sidebar-girl .animated-circles.animated .c-1 {
        animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards
    }

    .ceo-footer-sidebar-girl .animated-circles.animated .c-2 {
        animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards
    }

    .ceo-footer-sidebar-girl .animated-circles.animated .c-3 {
        animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards
    }

    .ceo-footer-sidebar-girl.animation-stopped .circle {
        opacity: 0 !important
    }

    .ceo-footer-sidebar-girl.animation-stopped .circle {
        opacity: 0 !important
    }

    .ceo-footer-sidebar-girl .livechat-hint {
        position: absolute;
        right: 40px;
        top: 50%;
        margin-top: -20px;
        opacity: 0;
        z-index: 0;
        -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1);
        transition: all .3s cubic-bezier(.86, 0, .07, 1)
    }

        .ceo-footer-sidebar-girl .livechat-hint.show_hint {
            -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
            opacity: 1
        }

        .ceo-footer-sidebar-girl .livechat-hint.hide_hint {
            opacity: 0;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        .ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip {
            max-width: 1296px !important
        }

            .ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip .rd-notice-content {
                width: auto;
                overflow: hidden;
                text-overflow: ellipsis
            }

@media only screen and (max-width:1599px) {
    .ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip {
        max-width: 1060px !important
    }
}

@media only screen and (max-width:1309px) {
    .ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip {
        max-width: 984px !important
    }
}

@media only screen and (max-width:1124px) {
    .ceo-footer-sidebar-girl .livechat-hint.rd-notice-tooltip {
        max-width: 600px !important
    }
}

.rd-notice-tooltip {
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    font-size: 14px;
    border-radius: 3px;
    line-height: 1.25;
    position: absolute;
    z-index: 65;
    max-width: 350px;
    opacity: 1
}

    .rd-notice-tooltip:after {
        position: absolute;
        display: block;
        content: '';
        height: 20px;
        width: 20px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        z-index: 50
    }

    .rd-notice-tooltip .rd-notice-content {
        background: 0;
        border-radius: 3px;
        width: 100%;
        color: #fff;
        position: relative;
        z-index: 60;
        padding: 20px;
        font-weight: 400;
        line-height: 1.45
    }

.rd-notice-type-success {
    background-color: #ff2626;
    -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2);
    box-shadow: 0 5px 10px 0 rgba(38,199,252,.2)
}

    .rd-notice-type-success .rd-notice-content {
        background-color: #ff2626
    }

    .rd-notice-type-success:after {
        background-color: #ff2626;
        -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2);
        box-shadow: 0 5px 10px 0 rgba(38,199,252,.2)
    }

.rd-notice-position-left {
    margin-left: -20px
}

    .rd-notice-position-left:after {
        right: -6px;
        top: 50%;
        margin-top: -10px
    }

.rd-notice-tooltip.single-line .rd-notice-content {
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
    white-space: nowrap
}




/*广告按钮*/

@media screen and (max-width: 800px) {
    .ceo-huodong {
        display: none;
    }
}

.ceo-adgg {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.ceo-huodong {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    z-index: 700;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    cursor: pointer;
    -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1);
    transition: all 1s cubic-bezier(.86, 0, .07, 1);
    position: absolute;
    right: 5px;
    top: 45px;
    padding: 0;
    text-align: right;
    color: white;
}

    .ceo-huodong:focus {
        outline: 0
    }

    .ceo-huodong.ceo-adgg {
        opacity: 1;
        transform: translateY(-40px);
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px)
    }

    .ceo-huodong .girl {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        z-index: 50
    }

    .ceo-huodong .ceo-adgg-circles .circle {
        background: rgba(255, 0, 0, 0.25);
        width: 23px;
        height: 23px;
        border-radius: 50%;
        position: absolute;
        z-index: 49;
        transform: scale(1);
        -webkit-transform: scale(1)
    }

    .ceo-huodong .ceo-adgg-circles.ceo-adgg .c-1 {
        animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards
    }

    .ceo-huodong .ceo-adgg-circles.ceo-adgg .c-2 {
        animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards
    }

    .ceo-huodong .ceo-adgg-circles.ceo-adgg .c-3 {
        animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards
    }

    .ceo-huodong.animation-stopped .circle {
        opacity: 0 !important
    }

    .ceo-huodong.animation-stopped .circle {
        opacity: 0 !important
    }

    .ceo-huodong .hd-livechat-hint {
        position: absolute;
        right: 0px;
        top: 90%;
        margin-top: -20px;
        opacity: 0;
        z-index: 0;
        -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1);
        transition: all .3s cubic-bezier(.86, 0, .07, 1)
    }

        .ceo-huodong .hd-livechat-hint.gg-show_hint {
            -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
            opacity: 1
        }

        .ceo-huodong .hd-livechat-hint.hide_hint {
            opacity: 0;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        .ceo-huodong .hd-livechat-hint.hd-rd-notice-tooltip {
            max-width: 1296px !important
        }

            .ceo-huodong .hd-livechat-hint.hd-rd-notice-tooltip .gg-rd-notice-content {
                width: auto;
                overflow: hidden;
                text-overflow: ellipsis
            }

@media only screen and (max-width:1599px) {
    .ceo-huodong .hd-livechat-hint.hd-rd-notice-tooltip {
        max-width: 1060px !important
    }
}

@media only screen and (max-width:1309px) {
    .ceo-huodong .hd-livechat-hint.hd-rd-notice-tooltip {
        max-width: 984px !important
    }
}

@media only screen and (max-width:1124px) {
    .ceo-huodong .hd-livechat-hint.hd-rd-notice-tooltip {
        max-width: 600px !important
    }
}

.hd-rd-notice-tooltip {
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    font-size: 14px;
    border-radius: 3px;
    line-height: 1.25;
    position: absolute;
    z-index: 65;
    max-width: 350px;
    opacity: 1
}

    .hd-rd-notice-tooltip:after {
        position: absolute;
        display: block;
        content: '';
        height: 10px;
        width: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        z-index: 50
    }

    .hd-rd-notice-tooltip .gg-rd-notice-content {
        background: 0;
        border-radius: 3px;
        width: 100%;
        color: #fff;
        position: relative;
        z-index: 60;
        padding: 20px;
        font-weight: 400;
        line-height: 1.45
    }

.hd-rd-notice-type-success {
    background-color: #ff2626;
    -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2);
    box-shadow: 0 5px 10px 0 rgba(38,199,252,.2)
}

    .hd-rd-notice-type-success .gg-rd-notice-content {
        background-color: #ff2626
    }

    .hd-rd-notice-type-success:after {
        background-color: #ff2626;
        -webkit-box-shadow: 0 5px 10px 0 rgba(38,199,252,.2);
        box-shadow: 0 5px 10px 0 rgba(38,199,252,.2)
    }

.gg-rd-notice-position-left {
    margin-left: -20px
}

    .gg-rd-notice-position-left:after {
        right: -3px;
        top: 75%;
        margin-top: -10px
    }

.hd-rd-notice-tooltip.gg-show_hint .gg-rd-notice-content {
    height: 20px;
    padding: 0 20px;
    line-height: 20px;
    white-space: nowrap
}



@media screen and (min-width: 1400px) {
    .single-main {
        /*width:1080px;*/
    }

    .archives-main {
        width: 1020px;
    }
}

@media screen and (min-width: 800px) {
    .ceo-app-logo {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    .m-home-ranking__content__item {
        width: 100% !important;
    }
}
/*
* ------------------------------------------------------------------------------
* 手机端
* ------------------------------------------------------------------------------
*/

/*底部导航*/
@media (min-width: 900px) {
    .aui-footer {
        display: none !important;
    }
}

.aui-footer {
    width: 100%;
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 5px 7px 5px;
    background: #fefefe;
}

.aui-footer-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 49;
}

.aui-tabBar-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #979797;
}

.aui-tabBar-item-active .aui-tabBar-item-text, .aui-tabBar-item-active i {
    color: #f94745;
}

.aui-tabBar-item-icon i {
    font-size: 16px;
}

.aui-tabBar-item-text {
    display: inline-block;
    font-size: 0.65rem;
    color: #818085;
    padding-top: 2px;
}

/*手机菜单*/
@media (min-width: 900px) {
    .aui-scrollView {
        display: none !important;
    }
}

.aui-scrollView {
    width: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding-bottom: 0;
    background: #fff;
    border-top: 1px solid #f1f2f5;
    margin-bottom: 10px;
}

.aui-palace {
    padding: 0.8rem 0;
    position: relative;
    overflow: hidden;
}

.aui-palace-one .aui-palace-grid {
    width: 25%;
}

.aui-palace-grid {
    position: relative;
    float: left;
    padding: 1px;
    width: 20%;
    box-sizing: border-box;
    margin: 5px 0;
}

.aui-palace-grid-icon {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

    .aui-palace-grid-icon img {
        display: block;
        width: 100%;
        height: 100%;
        border: none;
    }

.aui-palace-grid-text {
    display: block;
    text-align: center;
    color: #333;
    font-size: 0.85rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 0.5rem;
}

    .aui-palace-grid-text h2 {
        font-size: 12px;
        font-weight: normal;
        color: #666;
        margin: 0 0 8px 0;
    }

.divHeight {
}
/*海报*/
.poster-share-ico {
    margin-right: 20px;
}

    .poster-share-ico a {
        display: inline-block;
        cursor: pointer;
        border: 1px solid #3385ff;
        color: #3385ff;
        background: rgb(255, 255, 255);
        border-radius: 3px;
        padding: 3px 10px;
        margin-top: 5px;
    }

    .poster-share-ico span {
        font-size: inherit !important;
        line-height: inherit !important;
        margin-right: inherit !important;
    }

    .poster-share-ico a:hover {
        color: #fff;
        opacity: 0.8;
        background-color: #3385ff;
    }

.poster-share {
    position: fixed;
    padding: 15px;
    z-index: 9999;
    opacity: 0;
    text-align: center;
    visibility: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, 0.6);
}

.poster-mk {
    background-color: #FFF;
    box-shadow: 0 0px 10px rgba(0,0,0,0.2);
    border-radius: 6px;
    max-width: 300px;
    margin: 0 auto;
    margin-top: 50px !important;
}

.poster-image {
    position: relative;
}

    .poster-image img {
        border-radius: 6px 6px 0 0;
    }

.load-bigger-img {
    top: 48%;
    margin: auto;
}

.poster-right {
    display: block;
    float: right;
    width: 50%;
}

    .poster-right h3 {
        font-size: 24px;
        display: block;
        margin: 20px auto;
    }

.poster-btns {
    display: block;
    height: 360px;
    width: 80%;
    margin: 60px auto 10px;
    top: 60px;
}

    .poster-btns a {
        position: relative;
        display: block;
        margin: 36px auto;
        width: 140px;
        height: 36px;
        border-radius: 16px;
        font-size: 16px;
        color: #fff;
        line-height: 36px;
        background: #ff5e52;
    }

        .poster-btns a:hover {
            opacity: 0.8;
            box-shadow: 3px 3px 9px rgba(0,0,0,0.3);
        }

.poster-button-1 {
    background: #8652da !important;
}

.poster-button-2 {
    background: #ff5e52 !important;
}

.poster-button-3 {
    background: #ffc913 !important;
}

.poster-button-4 {
    background: #65c554 !important;
}

.poster-button-5 {
    background: #45b6f7 !important;
}

.poster-close {
    position: absolute;
    right: 6px;
    top: 6px;
    display: block;
    z-index: 99999999;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #00000026;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

    .poster-close:hover {
        color: #111;
        box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    }

.ceo-poster-btns {
    margin-bottom: 20px;
    display: inline-block;
}

    .ceo-poster-btns a {
        padding: 5px 20px;
        display: inline-block;
        box-shadow: 0 4px 10px rgb(0 0 0 / 26%);
        border-radius: 50px;
        font-size: 13px;
        color: #505050;
    }
/*===============================下载弹窗==================================*/
.erphpdown-body .ceo-down-title {
    padding: 19px;
    font-size: 19px;
    background: url(../images/ceo-shop-bg.png) no-repeat center top;
    z-index: 9;
    background-size: 100% 100%;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0 5px 16px 0 rgb(74 109 240 / 58%);
    color: #fff;
    border-bottom: 0px solid #fff0;
    text-align: center;
}

#ceotheme .erphpdown-body .layui-layer-title {
    padding: 19px;
    font-size: 19px;
    background: url(../images/ceo-shop-bg.png) no-repeat center top;
    z-index: 9;
    background-size: 100% 100%;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0 5px 16px 0 rgb(74 109 240 / 58%);
}

#ceotheme .erphpdown {
    margin: 38px 0 !important;
    border: 1px solid #ffffff00 !important;
    border-radius: 4px;
    background: #f5f6f8;
}

    #ceotheme .erphpdown > legend {
        color: #0484ff;
        font-weight: 400;
        background: #fff;
        font-size: 12px;
    }

.night .erphpdown {
    background: var(--ceo-ahbg) !important;
}

    .night .erphpdown > legend {
        background: var(--ceo-ahmk) !important;
    }

#ceotheme .erphp-justbuy {
    text-align: center !important;
}
/*===============================美化特效==================================*/
.c-mymail .c-mymail-5 {
    padding: 15px 18px;
    border: 1px solid #e7ebef;
    position: relative;
    font-size: 12px;
    border-radius: 3px
}

.c-mymail-5-1 {
    color: #888;
    margin-bottom: 3px
}

.c-mymail .c-mymail-1 {
    font-size: 16px;
    margin-bottom: 15px
}

.c-mymail .c-mymail-2 {
    font-weight: normal;
    color: #49a0f5;
    display: inline-block
}

.c-mymail .c-mymail-4 a {
    color: #717171;
    background: #f2f6fb;
    font-size: 12px;
    border-radius: 3px;
    padding: 5px 18px;
    border: 1px solid #dedede;
    display: inline-block
}

    .c-mymail .c-mymail-4 a:hover {
        background: #3d8beb;
        border-color: #3d8beb;
        color: #FFF
    }

.btn-primary:hover {
    opacity: .8
}

/*===============================获取验证码==================================*/
.send-verify-code {
    display: inline-block;
    position: absolute;
    right: 5px;
    cursor: pointer;
    background: #3436421a;
    border-radius: 50px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding: 6px 13px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 12px;
    color: #717171;
}

    .send-verify-code:hover {
        color: #026eff;
    }

    .send-verify-code:focus {
        outline-color: #d2d8d8
    }

/*===============================侧边栏跟随==================================*/
/*整站侧边栏跟随*/
.ceo_follow_service {
    max-height: 232px;
    position: fixed;
    right: 39px;
    font-size: 14px;
    color: #243558;
    z-index: 13
}


    .ceo_follow_service ul {
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0
    }

    .ceo_follow_service li {
        list-style-type: none
    }

        .ceo_follow_service li > div {
            box-sizing: border-box;
            box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
        }

.ceo_follow_service_box {
    width: 40px;
    height: 40px;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
}

    .ceo_follow_service_box .ceo_follow_qq {
        display: block;
        outline: none;
        position: relative;
        border-radius: 4px;
        color: var(--primary-color);
        text-align: center;
        cursor: pointer;
        line-height: 33px;
        padding: 3px;
    }

    .ceo_follow_service_box .ceo_today_active {
        display: block;
        outline: none;
        position: relative;
        border-radius: 4px;
        color: var(--primary-color);
        text-align: center;
        cursor: pointer;
        line-height: 33px;
        padding: 3px;
    }

.ceo_footer_s a {
    display: block;
    outline: none;
    position: relative;
    border-radius: 4px;
    color: var(--primary-color);
    text-align: center;
    cursor: pointer;
    line-height: 33px;
    padding: 3px;
}

    .ceo_follow_service_box .ceo_follow_qq:hover, .ceo_follow_service_box.ceo_follow_qq:hover, .ceo_footer_s a:hover {
        color: #fff;
    }

.ceo_follow_service_box .ceo_follow_qq:hover, .ceo_follow_service_box.ceo_follow_qq:hover, .ceo_footer_s span:hover {
    color: #fff;
}

.ceo_follow_service_box i {
    font-size: 23px;
}

.ceo_follow_service_phone, .ceo_follow_service_qrimg, .ceo_follow_service_ax_cont {
    color: #333;
}

.ceo_follow_service_triangle {
    top: 12px;
    right: -11px;
    position: absolute;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #e1e6ec;
    z-index: 1010
}

    .ceo_follow_service_triangle:after {
        content: "\20";
        top: -6px;
        right: 1px;
        position: absolute;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 10px solid #fff;
        z-index: 1000
    }

    .ceo_follow_service_triangle:before {
        content: "\20";
        width: 80px;
        height: 45px;
        top: -20px;
        right: -52px;
        position: absolute;
        background: rgba(0, 0, 0, 0)
    }

@keyframes fade-in {
    0% {
        opacity: .4;
        right: 82px
    }

    100% {
        opacity: 1;
        right: 62px
    }
}

.ceo_follow_service_consult {
}

    .ceo_follow_service_consult:hover {
        border: 0;
        background: #4f7cfc
    }

        .ceo_follow_service_consult:hover .ceo_follow_service_consult_cont {
            display: block;
            opacity: 1;
            transition: linear .2s;
            animation-name: fade-in;
            animation-duration: .3s;
            animation-iteration-count: 1;
            animation-delay: 0s
        }

.ceo_follow_service_consult_cont {
    top: 0px;
    width: 200px;
    min-height: 100%;
    max-height: 1000px;
    border-radius: 3px;
    background: #fff;
    right: 62px;
    position: absolute;
    text-align: center;
    border: 1px solid #e1e6ec;
    display: none;
    opacity: 0
}

.ceo_follow_service_consult_cont1 {
    width: 70px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-radius: 5px;
    right: 62px;
    text-align: center;
    position: absolute;
    display: none;
    border: 1px solid #e1e6ec
}

    .ceo_follow_service_consult_cont1 .ceo_follow_service_triangle:before {
        width: 0 !important
    }

.ceo_follow_service_consult_cont > .ceo_follow_service_triangle:after {
    border-left: 10px solid #f6f8fb
}

.ceo_follow_service_consult_cont span {
    float: left
}

.ceo_follow_service_consult_cont_top {
    width: 100%;
    height: 100%;
    background: #f6f8fb;
    border-radius: 3px;
    border-bottom: 1px solid #eef2f8
}

.ceo_follow_service_hint {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #9aa8c2;
    text-align: center
}

.ceo_follow_service_iconlx {
    font-size: 14px !important;
    margin: 13px 2px 0 18px;
}

.ceo_follow_service_button {
    width: 160px;
    background: #4f7cfc;
    border-radius: 18px !important;
    text-align: center;
    color: #fff !important;
    margin: 7px 20px 10px 20px;
    cursor: pointer;
    display: inline-block;
}

    .ceo_follow_service_button:hover {
        background: #618aff
    }

.ceo_follow_service_phone {
    width: 100%;
    height: 53px;
    line-height: 53px;
    font-size: 14px;
    text-align: center
}

.ceo_follow_service_check_site {
    width: 100%;
    height: 48px;
    line-height: 48px;
    color: #3b6bf4;
    border-top: 1px solid #eaeef5;
    cursor: pointer
}

.ceo_follow_service_icongd {
    font-size: 16px !important;
    margin: 15px 2px 0 45px
}

.ceo_follow_service_qr {
}

    .ceo_follow_service_qr:hover {
        background: #4f7cfc
    }

        .ceo_follow_service_qr:hover .ceo_follow_service_qr_cont {
            display: block;
            opacity: 1;
            transition: linear .2s;
            animation-name: fade-in;
            animation-duration: .3s;
            animation-iteration-count: 1;
            animation-delay: 0s
        }

.ceo_follow_service_qr_cont {
    top: 0px;
    width: 143px;
    height: 202px;
    border-radius: 3px;
    background: #fff;
    right: 62px;
    position: absolute;
    text-align: center;
    border: 1px solid #e1e6ec;
    background-color: #f6f8fb;
    display: none;
    opacity: 0
}

    .ceo_follow_service_qr_cont > .ceo_follow_service_triangle:after {
        border-left: 10px solid #f6f8fb
    }

    .ceo_follow_service_qr_cont > .ceo_follow_service_qrimg {
        width: 100%;
        height: 164px;
        float: left
    }

.ceo_follow_service_qrimg_site {
    width: 119px;
    height: 119px;
    float: left;
    margin: 12px 12px 5px 12px;
}

.ceo_follow_service_qr_cont > .ceo_follow_service_qrtext {
    width: 100%;
    height: 35px;
    font-size: 12px;
    color: #7b89a6;
    background-color: #fff;
    float: left;
    bottom: 0;
    display: table
}

    .ceo_follow_service_qr_cont > .ceo_follow_service_qrtext > span {
        display: table-cell;
        vertical-align: middle
    }

.ceo_follow_service_upward_cont span {
    font-size: 14px
}

.ceo_follow_service_ax {
    background-size: 40%40%;
}

    .ceo_follow_service_ax:hover {
        border: 0;
        background: #4f7cfc;
        background-size: 40%40%;
        cursor: pointer
    }

        .ceo_follow_service_ax:hover .ceo_follow_service_ax_cont {
            display: block;
            opacity: 1;
            transition: linear .2s;
            animation-name: fade-in;
            animation-duration: .3s;
            animation-iteration-count: 1;
            animation-delay: 0s
        }

.ceo_follow_service_ax_cont {
    top: 0px;
    width: 100px;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-radius: 5px;
    right: 62px;
    text-align: center;
    position: absolute;
    display: none;
    border: 1px solid #e1e6ec
}
/* 手机端自动隐藏 开始 */
@media screen and (max-width: 1221px) {
    .wapnone {
        display: none;
    }
}
/* 手机端自动隐藏 结束 */
/*导航优化*/
.nav > ul > li .sub-menu li {
    width: 100%;
    /*transition: all .3s;*/
    transition: all;
}

.navbar .sub-menu {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,0.07);
    list-style-type: none;
    margin: -1px 0 0 0px;
    min-width: 180px;
    opacity: 0;
    padding: 20px 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    z-index: 80;
}

.navbar .menu-item:hover > .sub-menu {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
}

.navbar .sub-menu .sub-menu {
    left: 100%;
    margin: -20px 0 0;
    top: 0;
}

.nav > ul > li .sub-menu li {
    width: unset;
    float: unset;
}

.nav > ul > li:hover .sub-menu {
    width: unset;
}

.nav > ul li:hover .sub-menu .sub-menu {
    margin-top: unset;
    left: 100%;
}

.nav > ul .sub-menu li {
    line-height: 34px
}
/*弹幕*/
#ceo-danmu {
    position: fixed;
    z-index: 999;
    max-width: 100%;
    right: 0;
    bottom: 0;
}

    #ceo-danmu li {
        display: flex;
        opacity: 0;
        border-radius: 20px;
        color: #fff;
        padding: 3px 10px 3px 3px;
        clear: both;
        font-size: 13px;
        height: 26px;
        float: right;
        line-height: 26px;
    }

        #ceo-danmu li a:hover {
            color: var(--primary-color) !important;
        }

        #ceo-danmu li a:first-child {
            margin-right: 4px;
            width: 26px;
        }

        #ceo-danmu li a:last-child, #ceo-danmu li a:last-child font {
            color: #fff;
        }

            #ceo-danmu li a:last-child n {
                text-decoration: underline;
                margin: 0 5px;
            }

        #ceo-danmu li img {
            width: 26px;
            height: 26px;
            border-radius: 100%;
            vertical-align: inherit;
        }

@media screen and (max-width: 900px) {
    #ceo-danmu {
        display: none;
    }
}
/*暗箱*/
body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

    .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

        .fancybox-button:hover {
            color: #fff
        }

        .fancybox-button:focus {
            outline: none
        }

        .fancybox-button.fancybox-focus {
            outline: 1px dotted
        }

        .fancybox-button[disabled], .fancybox-button[disabled]:hover {
            color: #888;
            cursor: default;
            outline: none
        }

        .fancybox-button div {
            height: 100%
        }

        .fancybox-button svg {
            display: block;
            height: 100%;
            overflow: visible;
            position: relative;
            width: 100%
        }

            .fancybox-button svg path {
                fill: currentColor;
                stroke-width: 0
            }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

    .fancybox-navigation .fancybox-button div {
        padding: 7px
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

    .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline
    }

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

    .fancybox-thumbs__list a:before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

    .fancybox-thumbs__list a:focus:before {
        opacity: .5
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active:before {
        opacity: 1
    }

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}


.cat-menu-num {
    float: right;
    color: #555;
    border-radius: 20px;
    text-align: center;
    font-family: Calibri;
    background: #eee;
    font-size: 12px;
    min-width: 32px;
    line-height: 16px;
    margin-top: 9px;
}

.layui-layer-imgbar, .layui-layer-imgtit a, .layui-layer-tab .layui-layer-title span, .layui-layer-title {
    text-overflow: ellipsis;
    white-space: nowrap
}

html #layuicss-layer {
    display: none;
    position: absolute;
    width: 1989px
}

.layui-layer, .layui-layer-shade {
    position: fixed;
    _position: absolute;
    pointer-events: auto
}

.layui-layer-shade {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    _height: expression(document.body.offsetHeight+"px")
}

.layui-layer {
    -webkit-overflow-scrolling: touch;
    top: 150px;
    left: 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: content;
    border-radius: 2px;
    box-shadow: 1px 1px 50px rgba(0,0,0,.3)
}

.layui-layer-close {
    position: absolute
}

.layui-layer-content {
    position: relative
}

.layui-layer-border {
    border: 1px solid #B2B2B2;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 1px 1px 5px rgba(0,0,0,.2)
}

.layui-layer-load {
    background: url(images/loading.gif) center center no-repeat #eee
}

.layui-layer-ico {
    background: url(images/icon.png) no-repeat
}

.layui-layer-btn a, .layui-layer-dialog .layui-layer-ico, .layui-layer-setwin a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top
}

.layui-layer-move {
    display: none;
    position: fixed;
    *position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: move;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: #fff;
    z-index: 2147483647
}

.layui-layer-resize {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 0;
    bottom: 0;
    cursor: se-resize
}

.layer-anim {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@-webkit-keyframes layer-bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

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

@keyframes layer-bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        transform: scale(.5)
    }

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

.layer-anim-00 {
    -webkit-animation-name: layer-bounceIn;
    animation-name: layer-bounceIn
}

@-webkit-keyframes layer-zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes layer-zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.layer-anim-01 {
    -webkit-animation-name: layer-zoomInDown;
    animation-name: layer-zoomInDown
}

@-webkit-keyframes layer-fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes layer-fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.layer-anim-02 {
    -webkit-animation-name: layer-fadeInUpBig;
    animation-name: layer-fadeInUpBig
}

@-webkit-keyframes layer-zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes layer-zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        -ms-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

.layer-anim-03 {
    -webkit-animation-name: layer-zoomInLeft;
    animation-name: layer-zoomInLeft
}

@-webkit-keyframes layer-rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes layer-rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

.layer-anim-04 {
    -webkit-animation-name: layer-rollIn;
    animation-name: layer-rollIn
}

@keyframes layer-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.layer-anim-05 {
    -webkit-animation-name: layer-fadeIn;
    animation-name: layer-fadeIn
}

@-webkit-keyframes layer-shake {
    0%,100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes layer-shake {
    0%,100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    20%,40%,60%,80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

.layer-anim-06 {
    -webkit-animation-name: layer-shake;
    animation-name: layer-shake
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.layui-layer-title {
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    background-color: #F8F8F8;
    border-radius: 2px 2px 0 0
}

.layui-layer-setwin {
    position: absolute;
    right: 15px;
    *right: 0;
    top: 15px;
    font-size: 0;
    line-height: initial
}

    .layui-layer-setwin a {
        position: relative;
        width: 16px;
        height: 16px;
        margin-left: 10px;
        font-size: 12px;
        _overflow: hidden
    }

    .layui-layer-setwin .layui-layer-min cite {
        position: absolute;
        width: 14px;
        height: 2px;
        left: 0;
        top: 50%;
        margin-top: -1px;
        background-color: #2E2D3C;
        cursor: pointer;
        _overflow: hidden
    }

    .layui-layer-setwin .layui-layer-min:hover cite {
        background-color: #2D93CA
    }

    .layui-layer-setwin .layui-layer-max {
        background-position: -32px -40px
    }

        .layui-layer-setwin .layui-layer-max:hover {
            background-position: -16px -40px
        }

    .layui-layer-setwin .layui-layer-maxmin {
        background-position: -65px -40px
    }

        .layui-layer-setwin .layui-layer-maxmin:hover {
            background-position: -49px -40px
        }

    .layui-layer-setwin .layui-layer-close1 {
        background-position: 1px -40px;
        cursor: pointer
    }

        .layui-layer-setwin .layui-layer-close1:hover {
            opacity: .7
        }

    .layui-layer-setwin .layui-layer-close2 {
        position: absolute;
        right: -28px;
        top: -28px;
        width: 30px;
        height: 30px;
        margin-left: 0;
        background-position: -149px -31px;
        *right: -18px;
        _display: none
    }

        .layui-layer-setwin .layui-layer-close2:hover {
            background-position: -180px -31px
        }

.layui-layer-btn {
    text-align: right;
    padding: 0 15px 12px;
    pointer-events: auto;
    user-select: none;
    -webkit-user-select: none
}

    .layui-layer-btn a {
        height: 28px;
        line-height: 28px;
        margin: 5px 5px 0;
        padding: 0 15px;
        border: 1px solid #dedede;
        background-color: #fff;
        color: #333;
        border-radius: 2px;
        font-weight: 400;
        cursor: pointer;
        text-decoration: none
    }

        .layui-layer-btn a:hover {
            opacity: .9;
            text-decoration: none
        }

        .layui-layer-btn a:active {
            opacity: .8
        }

    .layui-layer-btn .layui-layer-btn0 {
        border-color: #1E9FFF;
        background-color: #1E9FFF;
        color: #fff
    }

.layui-layer-btn-l {
    text-align: left
}

.layui-layer-btn-c {
    text-align: center
}

.layui-layer-dialog {
    min-width: 260px
}

    .layui-layer-dialog .layui-layer-content {
        position: relative;
        padding: 20px;
        line-height: 24px;
        word-break: break-all;
        overflow: hidden;
        font-size: 14px;
        overflow-x: hidden;
        overflow-y: auto
    }

        .layui-layer-dialog .layui-layer-content .layui-layer-ico {
            position: absolute;
            top: 16px;
            left: 15px;
            _left: -40px;
            width: 30px;
            height: 30px
        }

.layui-layer-ico1 {
    background-position: -30px 0
}

.layui-layer-ico2 {
    background-position: -60px 0
}

.layui-layer-ico3 {
    background-position: -90px 0
}

.layui-layer-ico4 {
    background-position: -120px 0
}

.layui-layer-ico5 {
    background-position: -150px 0
}

.layui-layer-ico6 {
    background-position: -180px 0
}

.layui-layer-rim {
    border: 6px solid #8D8D8D;
    border: 6px solid rgba(0,0,0,.3);
    border-radius: 5px;
    box-shadow: none
}

.layui-layer-msg {
    min-width: 180px;
    border: 1px solid #D3D4D3;
    box-shadow: none
}

.layui-layer-hui {
    min-width: 100px;
    background-color: #000;
    filter: alpha(opacity=60);
    background-color: rgba(0,0,0,.6);
    color: #fff;
    border: none
}

    .layui-layer-hui .layui-layer-content {
        padding: 12px 25px;
        text-align: center
    }

.layui-layer-dialog .layui-layer-padding {
    padding: 20px 20px 20px 55px;
    text-align: left
}

.layui-layer-page .layui-layer-content {
    position: relative;
    overflow: auto
}

.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn {
    padding-top: 10px
}

.layui-layer-nobg {
    background: 0 0
}

.layui-layer-iframe iframe {
    display: block;
    width: 100%
}

.layui-layer-loading {
    border-radius: 100%;
    background: 0 0;
    box-shadow: none;
    border: none
}

    .layui-layer-loading .layui-layer-content {
        width: 60px;
        height: 24px;
        background: url(loading-0.gif) no-repeat
    }

    .layui-layer-loading .layui-layer-loading1 {
        width: 37px;
        height: 37px;
        background: url(loading-1.gif) no-repeat
    }

    .layui-layer-ico16, .layui-layer-loading .layui-layer-loading2 {
        width: 32px;
        height: 32px;
        background: url(loading-2.gif) no-repeat
    }

.layui-layer-tips {
    background: 0 0;
    box-shadow: none;
    border: none
}

    .layui-layer-tips .layui-layer-content {
        position: relative;
        line-height: 22px;
        min-width: 12px;
        padding: 8px 15px;
        font-size: 14px;
        _float: left;
        border-radius: 2px;
        box-shadow: 1px 1px 3px rgba(0,0,0,.2);
        background-color: #000;
        color: #fff
    }

    .layui-layer-tips .layui-layer-close {
        right: -2px;
        top: -1px
    }

    .layui-layer-tips i.layui-layer-TipsG {
        position: absolute;
        width: 0;
        height: 0;
        border-width: 8px;
        border-color: transparent;
        border-style: dashed;
        *overflow: hidden
    }

    .layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT {
        left: 5px;
        border-right-style: solid;
        border-right-color: #000
    }

    .layui-layer-tips i.layui-layer-TipsT {
        bottom: -8px
    }

    .layui-layer-tips i.layui-layer-TipsB {
        top: -8px
    }

    .layui-layer-tips i.layui-layer-TipsL, .layui-layer-tips i.layui-layer-TipsR {
        top: 5px;
        border-bottom-style: solid;
        border-bottom-color: #000
    }

    .layui-layer-tips i.layui-layer-TipsR {
        left: -8px
    }

    .layui-layer-tips i.layui-layer-TipsL {
        right: -8px
    }

.layui-layer-lan[type=dialog] {
    min-width: 280px
}

.layui-layer-lan .layui-layer-title {
    background: #4476A7;
    color: #fff;
    border: none
}

.layui-layer-lan .layui-layer-btn {
    padding: 5px 10px 10px;
    text-align: right;
    border-top: 1px solid #E9E7E7
}

    .layui-layer-lan .layui-layer-btn a {
        background: #fff;
        border-color: #E9E7E7;
        color: #333
    }

    .layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
        background: #C9C5C5
    }

.layui-layer-molv .layui-layer-title {
    background: #009f95;
    color: #fff;
    border: none
}

.layui-layer-molv .layui-layer-btn a {
    background: #009f95;
    border-color: #009f95
}

.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
    background: #92B8B1
}

.layui-layer-iconext {
    background: url(images/icon-ext.png) no-repeat
}

.layui-layer-prompt .layui-layer-input {
    display: block;
    width: 230px;
    height: 36px;
    margin: 0 auto;
    line-height: 30px;
    padding-left: 10px;
    border: 1px solid #e6e6e6;
    color: #333
}

.layui-layer-prompt textarea.layui-layer-input {
    width: 300px;
    height: 100px;
    line-height: 20px;
    padding: 6px 10px
}

.layui-layer-prompt .layui-layer-content {
    padding: 20px
}

.layui-layer-prompt .layui-layer-btn {
    padding-top: 0
}

.layui-layer-tab {
    box-shadow: 1px 1px 50px rgba(0,0,0,.4)
}

    .layui-layer-tab .layui-layer-title {
        padding-left: 0;
        overflow: visible
    }

        .layui-layer-tab .layui-layer-title span {
            position: relative;
            float: left;
            min-width: 80px;
            max-width: 260px;
            padding: 0 20px;
            text-align: center;
            overflow: hidden;
            cursor: pointer
        }

            .layui-layer-tab .layui-layer-title span.layui-this {
                height: 43px;
                border-left: 1px solid #eee;
                border-right: 1px solid #eee;
                background-color: #fff;
                z-index: 10
            }

            .layui-layer-tab .layui-layer-title span:first-child {
                border-left: none
            }

.layui-layer-tabmain {
    line-height: 24px;
    clear: both
}

    .layui-layer-tabmain .layui-layer-tabli {
        display: none
    }

        .layui-layer-tabmain .layui-layer-tabli.layui-this {
            display: block
        }

.layui-layer-photos {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

    .layui-layer-photos .layui-layer-content {
        overflow: hidden;
        text-align: center
    }

    .layui-layer-photos .layui-layer-phimg img {
        position: relative;
        width: 100%;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: top
    }

.layui-layer-imgbar, .layui-layer-imguide {
    display: none
}

.layui-layer-imgnext, .layui-layer-imgprev {
    position: absolute;
    top: 50%;
    width: 27px;
    _width: 44px;
    height: 44px;
    margin-top: -22px;
    outline: 0;
    blr: expression(this.onFocus=this.blur())
}

.layui-layer-imgprev {
    left: 10px;
    background-position: -5px -5px;
    _background-position: -70px -5px
}

    .layui-layer-imgprev:hover {
        background-position: -33px -5px;
        _background-position: -120px -5px
    }

.layui-layer-imgnext {
    right: 10px;
    _right: 8px;
    background-position: -5px -50px;
    _background-position: -70px -50px
}

    .layui-layer-imgnext:hover {
        background-position: -33px -50px;
        _background-position: -120px -50px
    }

.layui-layer-imgbar {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 32px;
    line-height: 32px;
    background-color: rgba(0,0,0,.8);
    background-color: #000\9;
    filter: Alpha(opacity=80);
    color: #fff;
    overflow: hidden;
    font-size: 0
}

.layui-layer-imgtit * {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 12px
}

.layui-layer-imgtit a {
    max-width: 65%;
    overflow: hidden;
    color: #fff
}

    .layui-layer-imgtit a:hover {
        color: #fff;
        text-decoration: underline
    }

.layui-layer-imgtit em {
    padding-left: 10px;
    font-style: normal
}

@-webkit-keyframes layer-bounceOut {
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    30% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes layer-bounceOut {
    100% {
        opacity: 0;
        -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
        transform: scale(.7)
    }

    30% {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.layer-anim-close {
    -webkit-animation-name: layer-bounceOut;
    animation-name: layer-bounceOut;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

@media screen and (max-width:1100px) {
    .layui-layer-iframe {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
}