@keyframes searchLights {
    0% {
        left: -100%;
        top: 0
    }

    100% {
        left: 100%;
    }
}

@-webkit-keyframes hue {
    from {
        -webkit-filter: hue-rotate(0deg);
    }

    to {
        -webkit-filter: hue-rotate(-360deg);
    }
}

@keyframes Glow {
    from {
        text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 0 6px #fff, 0 0 8px gold, 0 0 18px gold;
    }

    to {
        text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px gold, 0 0 9px gold;
    }
}

@keyframes GoUp {
    from {
        top: calc(100% + 12px);
        opacity: 0;
    }

    to {
        top: calc(100%);
        opacity: 1;
    }
}

@keyframes Rotate180 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(180deg);
    }
}

@keyframes Rotate-180 {
    from {
        -webkit-transform: rotate(180deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}


@keyframes flash {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        color: transparent;
        text-shadow: 0 0 5px rgba(0,0,0,0.5)
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@-webkit-keyframes flow {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -250px
    }
}

@keyframes flow {
    0% {
        background-position: 50% 0
    }

    100% {
        background-position: 50% -250px
    }
}

@keyframes twinkle {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes popscale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes popscale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pop-show {
    0% {
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -o-transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

@-webkit-keyframes pop-show {
    0% {
        opacity: 0;
        transform: translateY(-100px);
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -o-transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

@keyframes pop-hide {
    0% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
    }

    100% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -o-transform: translateY(100px);
    }
}

@-webkit-keyframes pop-hide {
    0% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -o-transform: translateY(0px);
    }

    100% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -o-transform: translateY(100px);
    }
}

.timer {
    display: inline-block;
    animation: twinkle 1s infinite alternate;
}

.xuanzhuan {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(359deg)
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(359deg)
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes height-auto {
    from {
        height: 0px;
    }

    to {
        height: 50px !important;
    }
}

@keyframes height-0 {
    from {
        height: auto !important;
    }

    to {
        height: 0px !important;
    }
}

html, body {
}

.nolist {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 6px;
    width: 96px;
    height: 96px;
    background-image: url(/images/nolist.webp?type=png);
    background-size: 100% 100%;
    margin: auto;
}

.hot-content {
    background-image: url(/images/hot.webp?type=png);
    background-repeat: no-repeat;
    background-size: 48px;
    padding-left: 54px !important;
    background-position: left;
}

.top-content {
    background-image: url(/images/top.webp?type=png);
    background-repeat: no-repeat;
    background-size: 48px;
    padding-left: 54px !important;
    background-position: left;
}

.tags-content {
    background-image: url(/images/tags.webp?type=png);
    background-repeat: no-repeat;
    background-size: 28px;
    padding-left: 34px !important;
    background-position: left;
}

.p-no-padding {
    margin-left: -20px;
    margin-right: -20px;
}

#menu {
    position: fixed;
    left: 0;
    top: 50%;
    width: 120px;
    transform: translateY(-50%);
    background-color: #fff;
    box-shadow: 0 4px 8px 0 rgb(7 17 27 / 10%);
    border-radius: 0 8px 8px 0;
    text-align: center;
    color: #6d7278;
    z-index: 3;
    user-select: none;
    padding-left: 0px;
}

    #menu li {
        position: relative;
        padding: 16px 0;
        cursor: pointer;
        transition: color .2s;
    }

        #menu li.active, #menu li:hover {
            color: #e02020;
        }

        #menu li + li:after {
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -30px;
            content: '';
            width: 60px;
            border: 1px solid #f3f5f7;
        }

@-webkit-keyframes searchLights {
    0% {
        left: -90px;
        top: 0;
    }

    to {
        left: 90px;
        top: 0;
    }
}

h2 {
    font-size: 24px;
    margin: 0px;
}

h6 {
    font-size: 16px;
}

a {
    color: var(--a-color);
    text-decoration: none !important;
}

    a:hover, a:visited {
        text-decoration: none !important;
        color: var(--a-color);
    }

.bg {
    /*    background: #E9E9E9 url(/images/bg.jpg) 50% 0;*/
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: flow 16s linear infinite;
    animation: flow 16s linear infinite;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: #e9ecf1;
}

.product-cart {
    background-color: white;
    box-shadow: 0 6px 10px 0 rgb(95 101 105 / 15%);
    border-radius: 8px;
    overflow: hidden;
    transition: all .2s
}

    .product-cart:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 20px 0 rgba(95,101,105,.15)
    }

    .product-cart .card-title {
        height: 42px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 21px;
    }

        .product-cart .card-title a i {
            width: 18px;
            height: 18px;
            display: inline-block;
            background-size: 100% 100%;
            vertical-align: middle;
            margin-right: 3px;
            margin-bottom: 3px;
        }

    .product-cart .div-rate {
        border-radius: unset !important;
    }

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important
}

.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

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

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: lighter !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: bolder !important
}

.font-italic {
    font-style: italic !important
}

.text-white {
    color: #fff !important
}

.text-primary {
    color: var(--main-color) !important;
}

a.text-primary:focus, a.text-primary:hover {
    color: #004a2e !important
}

.text-secondary {
    color: #6c757d !important
}

a.text-secondary:focus, a.text-secondary:hover {
    color: #494f54 !important
}

.text-success {
    color: #28a745 !important
}

a.text-success:focus, a.text-success:hover {
    color: #19692c !important
}

.text-info {
    color: #17a2b8 !important
}

a.text-info:focus, a.text-info:hover {
    color: #0f6674 !important
}

.text-warning {
    color: #ffc107 !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #ba8b00 !important
}

.text-danger {
    color: #dc3545 !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #a71d2a !important
}

.text-light {
    color: #f8f9fa !important
}

a.text-light:focus, a.text-light:hover {
    color: #cbd3da !important
}

.text-dark {
    color: #343a40 !important
}

a.text-dark:focus, a.text-dark:hover {
    color: #121416 !important
}

.text-body {
    color: #212529 !important
}

.text-muted {
    color: #6c757d !important
}

.text-black-50 {
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    color: hsla(0,0%,100%,.5) !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none !important
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

.text-reset {
    color: inherit !important
}

thead tr {
    cursor: default;
}

.margin0 {
    margin: 0px;
}

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

.article-read {
    cursor: pointer;
}

.lazy {
    display: inline-block;
    width: 100% !important;
    height: 100% !important;
    background-image: url('/images/loading-circle.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-color: #f6f6f6;
}

.ajax-content-loading {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

    .ajax-content-loading .xuanzhuan {
        text-align: center;
        height: 28px;
        width: 28px;
        background-size: 100% 100%;
        margin-top: 24px;
    }

    .ajax-content-loading span {
        display: inline-block;
        margin-top: 6px;
        font-size: 12px;
        color: #999;
    }

.loading {
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.lazy-loading {
    position: relative;
    overflow: hidden;
}

    .lazy-loading:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color: gray;
        background-color: rgba(255,255,255,.5);
        background-image: linear-gradient(to right,#fdfdfd,#f2f2f2, #fdfdfd);
        -webkit-animation: searchLights 1s ease-in 1s infinite;
        -o-animation: searchLights 1s ease-in 1s infinite;
        animation: searchLights 1s ease-in 1s infinite
    }


* {
    word-break: break-all;
}

body {
    background-attachment: fixed;
    margin-top: 0px !important;
}

table {
    font-size: 12px;
}

li {
    list-style: none;
}

td {
    vertical-align: middle !important;
}

button {
    cursor: pointer;
}

label {
    font-weight: normal;
}

input[type="date"] {
    height: 50px;
}

i, span, button {
    outline: none;
}

p {
    margin-bottom: 6px !important;
    margin-top: 6px;
    line-height: 21px;
}

select {
    padding-left: 4px !important;
}


.ads-wrapper {
    box-shadow: rgb(72 76 89 / 20%) -1px 1px 4px 1px;
    margin-bottom: 6px;
}

.modal {
    z-index: 9999999;
    padding-right: 0px !important;
}

.modal-body {
    max-height: 380px !important;
    overflow-y: auto;
}

.modal-open {
    overflow: auto !important;
    padding-right: 0px !important;
}

.select2 {
    line-height: 20px;
    width: 100% !important;
}

.select2-container .select2-selection--single {
    height: 50px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 12px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    width: auto;
}

.select2-container .select2-selection--multiple {
    padding-top: 8px;
}

.bootstrap-select {
    padding-top: 17px !important;
    padding-bottom: 13px !important;
    padding-left: 2px !important;
}

.select2-search__field {
    margin-left: 6px !important;
}

.select2-search--dropdown .select2-search__field {
    margin-left: 0px !important;
}

.keyword-tag, .button-a {
    height: 32px;
    line-height: 32px;
    padding-left: 12px;
    padding-right: 12px;
    display: inline-block;
    border-radius: 5px;
    border: 1px #eee solid;
    margin-right: 6px;
    margin-bottom: 6px;
    color: #606266;
    cursor: pointer;
}

    .keyword-tag:hover {
        background: var(--main-color);
        border-color: var(--main-color);
        color: #fff !important;
    }

#reply_content {
    height: 80px !important;
}

.postimg {
    cursor: pointer;
}

.pc-nav {
}

.container > .navbar-collapse {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.form-group button {
    width: 100%;
}

.img100 {
    width: 100%;
    height: 100%;
}

.media-left .head-img {
    width: 40px !important;
    max-width: 40px !important;
    height: 40px;
    border-radius: 50%;
    min-height: 40px;
    border: 1px solid #eee;
}


.body-content {
    min-height: 380px;
}

    .body-content > .col-md-4, .body-content > .col-md-8, .body-content > .col-md-12 {
        margin-bottom: 0px;
    }

.home-special-list .col-md-3 {
    margin-top: 6px;
}

.dowebok a {
    margin-right: 20px;
}

.navbar {
    border-radius: 0px !important;
    margin-bottom: 0px !important;
    z-index: 9999;
    width: 100%;
    min-height: auto;
}

    .navbar .container {
        /*padding-right: 6px;*/
        padding: 0px;
    }

        .navbar .container .mobile {
            background-color: var(--mobile-nav-backcolor);
        }

.content-no {
    margin: auto;
    width: fit-content;
    display: flex;
    align-items: center;
    text-align: center;
    min-height: 500px;
}

.breadcrumb {
    padding-left: 0 !important;
    font-size: 1.5rem !important;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 1.5rem 0rem;
    padding-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem;
    margin: 0px 12px;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem
}

    .breadcrumb-item + .breadcrumb-item:before {
        float: left;
        padding-right: .5rem;
        color: #6c757d;
        content: "/"
    }

    .breadcrumb-item + .breadcrumb-item:hover:before {
        text-decoration: underline
    }

    .breadcrumb-item + .breadcrumb-item:hover:before {
        text-decoration: none
    }

.breadcrumb-item.active {
    color: #6c757d
}

.breadcrumb-icon {
    float: left;
    height: 32px;
    line-height: 32px;
    margin-right: 6px;
}

.breadcrumb-item:before {
    display: inline-block;
    content: " / "
}

.breadcrumb-item:first-child:before {
    content: ""
}

.sticky-post {
    background-image: linear-gradient(90deg, #00965e 0%, #a86af9 100%);
    -webkit-text-fill-color: #fff;
    margin-top: 3px;
    font-size: 11px;
    line-height: 19px;
    background: #00965e;
    border-radius: 3px;
}

.bc-social {
    padding: 15px 0;
    text-align: center;
    background-color: #f5f5f5;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
}

.bc-social-buttons {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .bc-social-buttons li {
        display: inline-block;
        line-height: 1;
        color: #555;
    }

        .bc-social-buttons li .fa {
            font-size: 18px;
            margin-right: 3px;
        }

        .bc-social-buttons li .fa-bbs {
            font-size: 20px;
        }

        .bc-social-buttons li a {
            color: #555;
        }

        .bc-social-buttons li.social-qq:hover {
            color: #428bca;
        }

        .bc-social-buttons li.social-bbs a:hover {
            color: #d9534f;
        }

    .bc-social-buttons > li + li:before, .bc-social-buttons > a + a:before {
        padding: 0 10px;
        color: #ccc;
        content: "|";
    }

.e404-page {
    padding: 138px 0;
    padding-top: 30px;
    text-align: center
}

.e404-page-icon {
    margin-bottom: 15px
}

    .e404-page-icon svg {
        width: 80px;
        height: 80px;
        fill: #d9d9d9
    }

.e404-page-text .entry-title {
    font-size: 36px;
    text-shadow: 3px 5px 2px rgba(0,0,0,.3)
}

.header {
    color: #9a9a9a;
}

    .header .top {
        height: 32px;
        line-height: 32px;
        margin: auto;
        background: url(../Images/line.webp?type=png) 0 100% repeat-x;
        background-color: #f4f4f4;
        font-size: 12px;
    }

        .header .top .left {
            float: left;
        }

        .header .top .right {
            float: right;
        }

            .header .top .right span {
                cursor: pointer;
            }

        .header .top a {
            color: #9a9a9a;
        }


    .header .logo {
        /*display: flex;*/
        align-items: center;
    }

.dl-horizontal dt {
    white-space: normal;
}

.input-group-addon {
    height: 49px;
}

.form-control {
    height: auto;
    padding: 24px 8px 7px 6px;
    line-height: normal !important;
}

.btn-default {
    font-weight: normal !important;
}

.input-group {
    cursor: pointer;
}

textarea {
    resize: none;
}

.btn {
    padding: 15px 14px;
    border-radius: 2px;
    font-weight: bold;
    height: 50px;
    min-width: 50px;
    outline: none !important;
}

.btn-file {
    height: 51px;
}

.file-caption-main {
    width: auto !important;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.dropdown-menu {
    padding-bottom: 0px;
    padding-top: 0px;
}

    .dropdown-menu i {
        margin-right: 6px;
    }

    .dropdown-menu > li {
        border-bottom: 1px solid #eee;
    }

        .dropdown-menu > li:last-child {
            border-bottom: none;
        }

    .dropdown-menu .divider {
        margin: 0px;
    }

    .dropdown-menu > li > a {
        padding: 12px;
    }

.navbar-nav .caret {
    animation: Rotate-180 0.3s;
    -webkit-animation: Rotate-180 0.3s;
}

.navbar-nav .open .caret {
    animation: Rotate180 0.3s;
    -webkit-animation: Rotate180 0.3s;
    transform: rotate(180deg);
}

.dropdown:hover .caret {
    animation: Rotate180 0.3s;
    -webkit-animation: Rotate180 0.3s;
    transform: rotate(180deg);
}

.dropdown:hover .sub-menu {
    display: flex;
}

.dropdown:hover .dropdown-menu {
    animation: GoUp 0.3s;
    -webkit-animation: GoUp 0.3s;
    transform-origin: center top;
    border: 0px;
    -webkit-box-shadow: 0px 3px 3px #bdbdbdb5;
    box-shadow: 0px 3px 3px #bdbdbdb5;
    display: block;
}

.dropdown .sub-menu {
    display: none;
    position: absolute;
    left: 0px;
    padding-left: 0px;
    line-height: 38px;
    height: 38px;
    background-color: var(--nav-sub-menu-backcolor);
    width: 100%;
    color: white;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}

    .dropdown .sub-menu li {
        padding-left: 12px;
        padding-right: 12px;
    }

    .dropdown .sub-menu a {
        color: var(--nav-font-color);
    }

.navbar-header {
    margin: 0px !important;
}

    .navbar-header .left {
        color: var(--nav-font-color) !important;
        margin-right: 0px;
        float: left;
        border: none;
    }

    .navbar-header .middle {
        text-align: center;
        width: calc(100% - 86px);
        margin: 0px;
        padding: 0px;
        height: 60px;
        line-height: 48px;
        color: white;
        font-weight: bold;
        float: left;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .navbar-header .right {
        color: white;
        margin-right: 0px;
        float: left;
        margin: 0px;
        height: 60px;
        width: 44px;
    }

.navbar-inverse {
    border: 0px;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%) !important;
    background-color: var(--nav-backcolor); /*主题背景色*/
    border-top: 2px solid var(--main-color);
    top: 0px;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
    position: fixed;
}

    .navbar-inverse.hideup {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s,-webkit-transform .5s;
        box-shadow: unset !important;
    }

    .navbar-inverse.hideup1 {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s,-webkit-transform .5s;
        border-top: unset;
        box-shadow: unset !important;
    }

    .navbar-inverse .navbar-toggle {
        border: none;
    }

.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: transparent !important;
}

.navbar-brand {
    padding-left: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    width: 100%;
    background-size: 100%;
    font-weight: bold;
    color: var(--nav-font-color) !important;
    height: 60px;
    display: flex;
    position: relative;
    overflow: hidden;
}

    .navbar-brand > img {
        margin: auto;
        max-height: 100%;
    }

    .navbar-brand::before {
        content: "";
        position: absolute;
        width: 150px;
        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;
    }

.navbar-inverse .navbar-nav > li > a {
    color: var(--nav-font-color) !important;
    font-size: 16px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: var(--nav-backcolor-hover);
}

.ffe {
    background-color: #FFF4E8;
    border: 1px solid #F60;
    border-radius: 4px 0;
    font-size: 12px;
    line-height: 16px;
    padding: 0 6px;
    margin-left: 6px;
    margin-top: 3px;
    color: #F60;
}

.navbar-nav > ul > .current {
    background-color: var(--nav-backcolor-hover);
    font-weight: bold;
}

    .navbar-nav > ul > .current > a {
        color: var(--main-color) !important;
        color: var(--nav-font-color-current) !important;
    }

.navbar-nav > ul > li {
    position: relative;
}

    .navbar-nav > ul > li:hover {
        background-color: var(--nav-backcolor-hover);
        transition: all .3s;
    }

    .navbar-nav > ul > li:after {
        position: absolute;
        content: "";
        width: 0px;
        bottom: 0px;
        /*       border-bottom: 3.8px solid #00965e;*/
        transition: all .3s;
    }

    .navbar-nav > ul > li:hover:after {
        position: absolute;
        content: "";
        width: 100%;
        bottom: 0px;
        transition: all .3s;
    }

    .navbar-nav > ul > li.on {
        background-color: var(--nav-backcolor-hover);
    }

.navbar-nav > li > a, .navbar-brand {
    line-height: 30px;
}

.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 10px 15px 10px 25px;
}


.navbar-toggle {
    margin-top: 13px;
    margin-bottom: 13px;
}

.dropdown:hover {
    display: block;
}

.navbar-nav {
    margin: 0px;
}

    .navbar-nav i {
        color: var(--main-color);
    }

.video-js .vjs-time-tooltip {
    width: 60px !important;
}

.comment textarea {
    height: 80px !important;
}

.comment .foot {
    color: gray;
    line-height: 36px;
}

    .comment .foot .left {
        cursor: pointer;
        float: left;
        height: 36px;
        line-height: 36px;
    }

.media-body .title {
    line-height: 20px;
    margin-bottom: 6px;
}

    .media-body .title .name {
        font-size: 15px;
    }

.media-body p {
    font-size: 13px;
}

.media-body a {
    font-size: 12px;
    margin-right: 6px;
}

.ajax-get, .ajax-click-get {
    cursor: pointer;
}


.media-body .ajax-get, .media-body .ajax-click-get {
    color: #b0b0b0;
    font-size: 12px;
    margin-right: 12px;
}

    .media-body .ajax-get:hover, .media-body .ajax-click-get:hover {
        color: var(--main-color);
    }

.media-body .date, .media-body .area {
    color: gray;
    font-size: 12px;
    line-height: 16px;
}

.entry-action {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center
}



.tab {
    cursor: pointer;
}

.tabs {
    display: flex;
    height: 50px;
    line-height: 50px;
    justify-content: space-around;
    background-color: #f7f7f7;
}

    .tabs .tab {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        flex-grow: 1;
        position: relative;
    }

        .tabs .tab:after {
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -o-transition: .3s;
            position: absolute;
            content: " ";
            bottom: 0;
            width: 0px;
            height: 3px;
            left: 50%;
            transform: translate(-50%);
            -webkit-transform: translate(-50%);
            -moz-transform: translate(-50%);
            -o-transform: translate(-50%);
            background-color: var(--main-color);
        }

        .tabs .tab:hover:after {
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -o-transition: .3s;
            position: absolute;
            content: " ";
            bottom: 0;
            width: 28px;
            height: 3px;
            left: 50%;
            transform: translate(-50%);
            -webkit-transform: translate(-50%);
            -moz-transform: translate(-50%);
            -o-transform: translate(-50%);
            background-color: var(--main-color);
        }

    .tabs .selected {
        color: var(--main-color);
        font-weight: bold;
        position: relative;
    }

        .tabs .selected:after {
            position: absolute;
            content: " ";
            bottom: 0;
            width: 28px;
            height: 3px;
            left: 50%;
            transform: translate(-50%);
            -webkit-transform: translate(-50%);
            -moz-transform: translate(-50%);
            -o-transform: translate(-50%);
            background-color: var(--main-color);
        }

.entry-action .btn-zan {
    display: inline-block;
    padding: 5px 30px;
    font-size: 16px;
    line-height: 30px;
    color: #00965e;
    border: 1px solid #00965e;
    border-radius: 3px;
    vertical-align: top
}

.entry-action {
    text-align: center;
}

    .entry-action i {
        color: white;
    }

    .entry-action .btn-default {
        color: #00965e;
        font-weight: normal;
        margin-left: 6px;
        margin-right: 6px;
    }

.entry-page-next, .entry-page-prev {
    color: white;
    border-radius: 4px;
    overflow: hidden;
    background-size: cover;
    position: relative;
    padding: 10px;
    border-radius: 4px;
    overflow: hidden;
    height: 86px;
    background-position: 50% 50%;
    margin-left: 3px;
    margin-right: 3px;
}

    .entry-page-next:before, .entry-page-prev:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        content: "";
    }

    .entry-page-next a, .entry-page-prev a {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 50px;
        z-index: 1;
        color: #fff !important;
        font-size: 16px;
        padding: 10px;
        height: 56px;
    }

.entry-page-desc {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    color: white;
}

    .entry-page-desc i {
        color: white;
    }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    padding: 0px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.carousel {
    height: 100% !important;
}

hr {
    margin: 15px 0px;
    margin-top: 0px;
}

    hr.old {
        margin: 20px 0px;
    }

h1 img, h4 img {
    width: 25px;
    height: 25px;
    margin-top: -3px;
    border-radius: 5px;
    margin-right: 6px;
}

h4 {
    line-height: 1.5em;
}

    h1.title, h4.title {
        margin-top: -12px;
        padding-bottom: 1px;
        position: relative;
        padding: 0 0 0 0;
        font-size: 18px !important;
        display: flex;
        align-items: center;
    }

        h1.title, h4.title span {
            position: relative;
            line-height: 38px;
        }

            h1.title, h4.title span.pull-right {
                font-size: 14px;
            }

        h4.title a {
            font-size: 15px;
            line-height: 38px;
        }
/*
        h4.title i:before {
            font-size: 13px;
            padding: 0 5px;
            line-height: 36px;
            color: #ccc;
            content: "|";
        }*/

.HotNewsList {
    width: 100%;
    height: 100px;
    z-index: 10000;
}

    .HotNewsList ul {
        padding-left: 0px;
    }

    .HotNewsList li {
        height: 30px;
        text-decoration: none;
        list-style: none;
        line-height: 34px;
    }

        .HotNewsList li .top3 {
            width: 20px;
            height: 20px;
            line-height: 21px;
            background-color: #ff5000;
            color: white;
            float: left;
            text-align: center;
            border-radius: 5px;
            margin-right: 6px;
            margin-top: 5px;
        }

        .HotNewsList li .top {
            width: 20px;
            height: 20px;
            line-height: 21px;
            background-color: #9a9a9a;
            color: white;
            float: left;
            text-align: center;
            border-radius: 5px;
            margin-right: 6px;
            margin-top: 5px;
        }

#tag-cloud {
    min-height: 230px;
}

.tag-cloud {
    text-align: justify;
    margin-right: -6px;
}

.tag-cloud-item {
    display: none;
}

.line-clamp-1 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.line-clamp-2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-clamp-3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.div-percent-33 {
    width: calc(33.33% - 0.4%);
    float: left;
    display: inline;
    margin-left: 0.5%
}

    .div-percent-33:first-child {
        margin-left: 0px;
    }

    .div-percent-33:last-child {
        float: right;
    }

.div-rate {
    height: 0;
    position: relative;
    overflow: hidden;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}

    .div-rate > *:first-child {
        width: 100%;
        height: calc(100%);
        position: absolute;
        left: 0px;
    }

    .div-rate img {
        max-width: 100%;
        width: 100%;
        height: calc(100%);
    }

.div-rate-45 {
    padding-bottom: 45%;
}

.div-rate-40 {
    padding-bottom: 40%;
}


.div-rate-56 {
    padding-bottom: 56.25%;
}

.div-rate-148 {
    padding-bottom: 148%;
    border-radius: 3px;
    overflow: hidden;
}

.div-rate-50 {
    padding-bottom: 50%;
}

.div-rate-100 {
    padding-bottom: 100%;
}

.login {
    font-size: 12px;
    display: flex;
    justify-content: space-around;
}

.login-box {
    border-radius: 5px;
    margin-bottom: 0px !important;
    box-shadow: 0 25px 50px #00000030 !important;
    width: 480px;
}

.login-or {
    text-align: center;
    margin-top: -30px;
    margin-bottom: 15px;
}

    .login-or div {
        background-color: white;
        width: 50px;
        border-radius: 50%;
        margin: auto;
    }

.login-code {
    margin-bottom: 6px;
}

.login img {
    max-width: 180px !important;
    margin-bottom: 15px;
}

.video-cover {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
}

    .video-cover:before {
        position: absolute;
        z-index: 1;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        transition: all .3s ease-out 0s;
        content: "";
        background-color: #2b333f;
        background-color: rgba(43,51,63,.7);
        opacity: .6;
    }

    .video-cover:hover:before {
        opacity: .8;
    }

    .video-cover:after {
        padding-left: 3px;
        text-align: center;
        line-height: 36px;
        font-size: 18px;
        font-family: FontAwesome;
        color: #fff;
        content: "\f04b";
        z-index: 10000;
        background: radial-gradient(rgba(0,0,0,.2),hsla(0,0%,100%,.1));
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        width: 36px;
        height: 36px;
        margin-left: -18px;
        margin-top: -18px;
        border-radius: 50%;
        box-sizing: border-box;
        transition: all .3s ease-out 0s;
        cursor: pointer;
    }

    .video-cover div .vjs-big-play-button {
        background-color: transparent !important;
    }

.main-slider-div {
    max-height: 300px !important;
    margin: -20px;
}

.right-board {
    position: relative;
}

    .right-board .form-group {
        margin-bottom: 0px !important;
    }

.widget {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
    margin-bottom: 6px;
    background: #ffffff;
    padding: 20px;
    display: grid;
    margin-bottom: 24px;
    border-radius: .25rem !important;
    margin-left: 12px;
    margin-right: 12px;
}

.tab-content {
    padding: 20px;
}

.title-list ul {
    padding-left: 0px !important;
    display: flex;
    flex-direction: column;
}

    .title-list ul li {
        overflow: hidden;
        line-height: 20px;
        margin-bottom: 12px;
        margin-top: 12px;
        position: relative;
        padding-left: 12px;
    }

        .title-list ul li:before {
            position: absolute;
            left: 0;
            top: 6px;
            content: "";
            width: 0;
            height: 0;
            line-height: 0;
            border: 4px solid transparent;
            border-left: 5px solid #ccc
        }

.article-list .col-md-4, .article-list .col-md-3 {
    padding-left: 6px;
    padding-right: 6px;
}

.article-list .item {
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #eee;
    position: relative;
}

    .article-list .item h4 {
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: justify;
    }

    .article-list .item p {
        color: #999;
        font-size: 13px;
        line-height: 24px;
        text-align: justify;
        margin-top: 3px;
        margin-bottom: 0px;
    }

.article-list .item-video {
    width: calc(50% - 3px);
}

.article-list .item:last-child {
    border-bottom: 0px solid #eee;
    padding-bottom: 6px;
}

.article-list-header {
    margin-bottom: 6px;
}

    .article-list-header .col-md-4 {
        margin-bottom: 6px;
    }

    .article-list-header p {
        text-align: justify;
    }

.article-list-header-pic {
    float: left;
    clear: both;
    text-align: center;
    margin-bottom: 6px;
    margin-right: 15px;
    width: 170px;
}

    .article-list-header-pic img {
        width: 100%;
        min-height: 95px;
        border-radius: 3px;
    }

.article-list-header h1 {
    font-size: 20px !important;
    margin-top: 0px;
}

.article-list-header-desc {
    float: left;
    margin-left: 12px;
    width: calc(100% - 162px)
}


.article-list .pics-group {
    text-align: center;
    position: relative;
    margin-top: 6px;
    margin-left: -1.5px;
    margin-right: -1.5px;
}

    .article-list .pics-group .img-wrapper {
        flex: 1;
        padding-left: 1.5px;
        padding-right: 1.5px;
    }

.article-list-footer {
    color: #808080;
    width: 100%;
    font-size: 12px;
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
}

    .article-list-footer span {
        margin-left: 6px;
    }

.article-list-img-div {
    width: 180px;
    float: left;
    margin-right: 12px;
}

.article-list-p-right {
    margin-top: -3px;
    margin-bottom: 0px;
    color: #999;
    text-align: justify;
    word-break: break-all;
}

.article-list-pics {
    margin-bottom: 12px;
}

    .article-list-pics .left {
        width: calc(50% - 3px);
    }

    .article-list-pics .right {
        width: calc(50% - 3px);
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #ff5a00;
}

.post {
    background: #ffffff;
    position: relative;
    text-align: justify;
}

    .post .featured {
        position: absolute;
        background: red;
        color: #ffffff;
        text-align: center;
        top: -12px;
        right: -32px;
        width: 80px;
        height: 40px;
        line-height: 54px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        .post .featured i {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    .post .post-head {
        text-align: center;
        position: relative;
    }

        .post .post-head .post-head-right {
            top: -20px;
            right: -20px;
            position: absolute;
        }

        .post .post-head .post-title {
            margin: 0;
            font-size: 18px !important;
            line-height: 30px;
            text-align: justify;
        }

            .post .post-head .post-title a {
                color: #303030;
            }

                .post .post-head .post-title a:hover,
                .post .post-head .post-title a:focus {
                    text-decoration: none;
                }

        .post .post-head .post-meta {
            color: #959595;
            margin: 15px 0px;
            font-size: 12px;
            text-align: left;
        }

            .post .post-head .post-meta span {
                margin-right: 6px;
                white-space: nowrap;
            }

            .post .post-head .post-meta .avatar-wrap {
                float: left;
                margin-right: 6px;
                margin-top: 0px;
                margin-bottom: 6px;
            }

            .post .post-head .post-meta .item {
                float: left;
            }

                .post .post-head .post-meta .item div {
                    height: 20px;
                    line-height: 20px;
                    font-size: 15px;
                    margin-top: 0px !important;
                }

                .post .post-head .post-meta .item .article-media {
                    height: 28px;
                    line-height: 28px;
                    font-size: 13px;
                    color: #969696;
                }

            .post .post-head .post-meta .right .btn-default {
                color: #00965e;
            }

    .post .featured-media {
        margin-top: 30px;
        overflow: hidden;
    }

        .post .featured-media img {
            width: 100%;
        }

    .post .post-content {
        /*margin: 15px 9px;*/
    }

    .post .post-footer {
        margin-top: 30px;
        border-top: 1px solid #ebebeb;
        padding: 15px 0 0;
    }

        .post .post-footer .tag-list {
            color: #959595;
            line-height: 28px;
            text-align: justify;
        }

            .post .post-footer .tag-list a {
                color: #959595;
                margin-left: 7px;
            }

                .post .post-footer .tag-list a:hover {
                    color: red;
                }

.post-content {
    color: #444443;
}

    .post-content h1,
    .post-content h2,
    .post-content h3,
    .post-content h4,
    .post-content h5,
    .post-content h6 {
        font-family: "Georgia", "Xin Gothic", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei", "SimSun", sans-serif;
        color: #222223;
    }

    .post-content h1 {
        font-size: 1.8em;
        margin: 0.67em 0;
    }

    .post-content > h1 {
        margin-top: 0;
        font-size: 2em;
    }

    .post-content h2 {
        font-size: 1.5em;
        margin: 0.83em 0;
        text-indent: unset !important;
        padding-left: 15px !important;
        position: relative;
    }

        .post-content h2:before {
            height: 100%;
            width: 5px;
            content: " ";
            background-color: var(--main-color);
            position: absolute;
            top: 0px;
            left: 0px;
            border-radius: 5px;
        }

    .post-content h3 {
        font-size: 1.17em;
        margin: 1em 0;
    }

    .post-content h4,
    .post-content h5,
    .post-content h6 {
        font-size: 1em;
        margin: 1.6em 0 1em 0;
    }

    .post-content h6 {
        font-weight: 500;
    }

    .post-content p {
        margin-top: 15px;
        font-size: 15px;
        line-height: 32px;
    }

    .post-content a {
        word-wrap: break-word;
        -moz-text-decoration-color: rgba(0, 0, 0, 0.4);
        -webkit-text-decoration-color: rgba(0, 0, 0, 0.4);
        text-decoration-color: rgba(0, 0, 0, 0.4);
        color: var(--main-color);
    }

        .post-content a:hover {
            -moz-text-decoration-color: rgba(0, 0, 0, 0.6);
            -webkit-text-decoration-color: rgba(0, 0, 0, 0.6);
            text-decoration-color: rgba(0, 0, 0, 0.6);
        }

        .post-content a img {
            border: none;
        }

    .post-content strong,
    .post-content b {
        font-weight: 700;
        color: #222223;
    }

    .post-content img {
        max-width: 100%;
        width: auto;
        height: auto;
        margin: 0.2em 0;
        transform: none;
    }

    .post-content figure {
        position: relative;
        clear: both;
        outline: 0;
        margin: 10px 0 30px;
        padding: 0;
        min-height: 100px;
    }

        .post-content figure img {
            display: block;
            max-width: 100%;
            margin: auto auto 4px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .post-content figure figcaption {
            position: relative;
            width: 100%;
            text-align: center;
            left: 0;
            margin-top: 10px;
            font-weight: 400;
            font-size: 14px;
            color: #666665;
        }

            .post-content figure figcaption a {
                text-decoration: none;
                color: #666665;
            }

    .post-content hr {
        display: block;
        width: 50%;
        height: 1px;
        border: 0 none;
        border-top: #dededc 1px solid;
        margin: 3.2em auto;
        padding: 0;
    }

    .post-content blockquote {
        margin: 0 0 1.64em 0;
        border-left: 3px solid red;
        padding-left: 12px;
        color: #666664;
    }

        .post-content blockquote a {
            color: #666664;
        }

    .post-content ul,
    .post-content ol {
        margin: 0 0 24px 6px;
        padding-left: 16px;
    }

    .post-content ul {
        list-style-type: square;
    }

    .post-content ol {
        list-style-type: decimal;
    }

    .post-content li {
        margin-bottom: 0.2em;
    }

        .post-content li ul,
        .post-content li ol {
            margin-top: 0;
            margin-bottom: 0;
            margin-left: 14px;
        }

        .post-content li ul {
            list-style-type: disc;
        }

            .post-content li ul ul {
                list-style-type: circle;
            }

        .post-content li p {
            margin: 0.4em 0 0.6em;
        }

    .post-content .unstyled {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .post-content code,
    .post-content tt {
        color: #808080;
        font-size: 0.96em;
        background-color: #f9f9f7;
        padding: 1px 2px;
        border: 1px solid #dadada;
        border-radius: 3px;
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
        word-wrap: break-word;
    }

    .post-content pre {
        margin: 1.64em 0;
        padding: 7px;
        border: none;
        border-left: 3px solid #dadada;
        padding-left: 10px;
        overflow: auto;
        line-height: 1.5;
        font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
        color: #4c4c4c;
        background-color: #f9f9f7;
        white-space: pre-wrap;
    }

        .post-content pre code,
        .post-content pre tt {
            color: #4c4c4c;
            border: none;
            background: none;
            padding: 0;
        }

    .post-content table {
        width: 100%;
        max-width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        margin-bottom: 1.5em;
        font-size: 0.96em;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .post-content th,
    .post-content td {
        text-align: left;
        padding: 4px 8px 4px 10px;
    }

    .post-content td {
        vertical-align: top;
    }

    .post-content tr:nth-child(even) {
        background-color: #efefee;
    }

    .post-content iframe {
        display: block;
        max-width: 100%;
        margin-bottom: 30px;
    }

    .post-content figure iframe {
        margin: auto;
    }

    .post-content table pre {
        margin: 0;
        padding: 0;
        border: none;
        background: none;
    }

.author-description {
    text-align: center;
}

.post-author-name {
    font-size: 14px;
    line-height: 25px;
}

.article-media {
    line-height: 22px;
    height: 22px;
}

.banner-txt {
    padding: 6px 3px;
    position: relative;
    float: right;
    width: calc(100% - 52px);
    margin-bottom: 10px;
}

.banner-name {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 6px;
}

    .banner-name a {
        color: #39404d;
    }

.banner-info {
    font-size: 12px;
    color: gray;
}

.banner-time {
    font-size: 12px;
    color: #8d9a82;
    font-weight: 400;
    float: right
}

.banner-desc {
    font-size: 12px;
    color: #8a8f99
}

.btn-download {
    line-height: 64px;
    padding: 0 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 16px;
    color: #fff;
    display: none
}

.dl-home-title-software {
    height: 43px;
    position: relative;
}

    .dl-home-title-software h2 {
        color: #484848;
        font: 400 17px/40px '微软雅黑';
        border-top: 2px solid #22ade3;
        border-bottom: 1px solid #e9e9e9;
        height: 40px;
    }

.user-img-logined-top {
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

    .user-img-logined-top:hover {
        filter: alpha(opacity=70);
        opacity: .7;
        cursor: pointer;
    }

.user-center-background {
    position: relative;
    margin-left: -20px;
    margin-top: -20px;
    margin-right: -20px;
}

    .user-center-background div:first-child {
        width: 100%;
        overflow: hidden;
    }

        .user-center-background div:first-child img {
            width: 100%;
            height: 100%;
            max-height: 180px !important;
            border-top-left-radius: .25rem;
            border-top-right-radius: .25rem;
        }

    .user-center-background div:last-child {
        position: absolute;
        bottom: -86px;
        left: 20px;
        padding: 2px;
        background-color: white;
        overflow: hidden;
        border-radius: 9px;
    }

        .user-center-background div:last-child img {
            width: 120px;
            height: 120px;
            border-radius: 9px;
        }

.user-center-desc {
    padding-left: 140px !important;
    height: 80px;
    font-size: 12px;
}

    .user-center-desc h1 {
        font-size: 18px;
    }

.profile-cover {
    position: relative;
    width: calc(100% + 40px) !important;
    height: 0 !important;
    padding-bottom: 37%;
    overflow: hidden;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -21px;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

    .profile-cover img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100% !important;
        -o-object-fit: cover;
        object-fit: cover
    }

.profile-info {
    text-align: center;
    font-size: 12px;
    color: #666;
}

    .profile-info a {
        font-size: 16px;
    }

    .profile-info p {
        margin-top: 12px;
    }

.ta_btn {
    color: #FFF !important;
    display: inline-block;
    width: 70px;
    border: 1px solid var(--main-color);
    line-height: 27px;
    margin: 0 auto 5px auto;
    border-radius: 20px;
    font-size: 12px !important;
    text-align: center;
    cursor: pointer;
    background-color: var(--main-color);
}

    .ta_btn i {
        color: white !important;
    }

    .ta_btn:hover {
        color: #FFF !important;
        background-color: var(--main-color);
        font-weight: 600;
        border: 0px;
        border: 1px solid var(--main-color);
        opacity: 0.8;
    }

.avatar-wrap {
    margin-top: -40px;
    text-align: center;
}

.avatar-link {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    background: hsla(0,0%,100%,.4);
}

.avatar {
    width: 100%;
    height: auto;
    border-radius: 50%;
    background: #fff;
    transition: all .3s ease-out 0s;
    vertical-align: top;
    box-sizing: border-box;
    margin-top: 4px;
}

.avatar-80 {
    width: 72px !important;
    height: 72px !important;
}

.avatar-46 {
    height: 46px !important;
    width: 46px !important;
}

.wealth {
    margin-top: 12px;
}

    .wealth > div {
        width: fit-content;
        margin: auto;
        text-align: center;
    }

.yue {
    cursor: pointer;
    float: left;
    background-color: rgba(253, 98, 98, 0.07058823529411765);
    margin: 0px 12px;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    padding-left: 12px;
    padding-right: 12px;
}

.tixian {
    cursor: pointer;
    float: left;
    background-color: #f2f3ff;
    margin: 0px 12px;
    border-radius: 15px;
    height: 30px;
    line-height: 30px;
    padding-left: 12px;
    padding-right: 12px;
}

.footer {
    background: #414755;
    font-size: 13px;
    padding: 0px 9px 20px;
    border-top: 1px solid #303030;
    color: #878ea6;
    position: relative;
    text-align: left;
}

    .footer a, .footer span {
        color: #878ea6;
        height: 34px;
        line-height: 34px;
        border-radius: 5px;
    }

    .footer .col-md-12 {
        margin-top: 20px;
    }

    .footer .links {
        border-top: 1px solid #414141;
        padding-top: 6px;
    }

    .footer:after {
        clear: both;
    }

    .footer p {
        font-size: 14px;
        color: white;
    }

    .footer .friend-links {
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .footer .friend-links a {
            color: #76818c;
        }

    .footer .line-one {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .footer .line-two {
        margin-bottom: 15px;
    }

    .footer .erweima {
        margin: auto;
        width: fit-content;
    }

    .footer .erweima-pic {
        height: 120px;
        width: 120px;
        margin-right: 6px;
        padding: 8px !important;
    }

.erweima-pic {
    text-align: center;
    cursor: pointer;
    background-color: white;
    float: left;
    padding: 3px;
}

.foot-lr {
    margin-top: 10px;
}

    .foot-lr a {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        background-color: #343a40;
        text-align: center;
        border-radius: 50%;
        margin: 0 4px;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
        color: #c5c5c5;
    }

.y-nav {
    position: fixed;
    right: 8px;
    top: 200px;
    user-select: none;
    z-index: 100;
}

    .y-nav ul {
        padding-left: 0px;
    }

    .y-nav li {
        margin-bottom: 2px;
        background: #f9f9f9;
        cursor: pointer;
        border-radius: 3px;
    }

        .y-nav li:hover {
            background-color: #fff;
        }

.y-nav-a {
    position: relative;
    width: 44px;
    height: 56px;
    border-radius: 4px;
    font-size: 12px;
    color: #00965e !important;
    display: block;
    text-align: center;
    border: 1px solid #ddd;
    padding-top: 12px;
}

    .y-nav-a i::before {
        margin: 6px 0;
        font-size: 18px;
    }

    .y-nav-a:hover {
        color: #0090ff;
    }

.y-nav-weixin {
    display: none;
    padding: 10px;
    width: 130px;
    height: 130px;
    top: -80px;
    background: #fff;
    z-index: 3;
    position: absolute;
    left: -140px;
}

    .y-nav-weixin img {
        height: 110px;
        width: 110px;
    }

.user-info-summary {
    padding-bottom: 12px;
}

    .user-info-summary .operate {
        text-align: center;
    }



    .user-info-summary .last-article {
        margin-top: 12px;
    }

.user-follow {
}

    .user-follow .other-info {
        text-align: center;
        margin-top: 12px;
        margin-bottom: 12px;
        font-size: 12px;
    }

    .user-follow .user-follow-btns {
        text-align: center;
    }

    .user-follow .other-info .item {
        float: left;
        width: 25%;
    }

.showNum {
    font-size: 16px;
    color: #ee3939 !important;
    font-weight: 500
}

.copyright {
    padding: 9px;
    background-color: #222222;
    font-size: 12px;
    color: #76818c;
    text-align: center;
}

    .copyright a {
        color: #76818c;
        margin: 6px;
    }

.pagination {
    margin: 6px;
    text-align: center;
    display: block;
    margin-top: 20px;
    margin: 20px 9px;
}

    .pagination a {
        text-align: center;
        display: inline-block;
        border-radius: 2px;
    }

        .pagination a a:hover {
            text-decoration: none;
        }

    .pagination .page-number {
        display: inline-block;
        line-height: 36px;
        padding: 0 14px;
        border-radius: 2px;
    }

    .pagination .active {
        cursor: not-allowed
    }

.img-wrapper {
    border-radius: 3px;
    overflow: hidden;
}

.img-count {
    position: absolute;
    right: 1.5px;
    bottom: 1.5px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    padding-left: 6px;
    padding-right: 6px;
    color: white;
    background-image: url(/images/photo_opacity_50.webp?type=png);
    opacity: .7;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.img-item-top, .img-star, .img-type, .img-txt-bg, .img-txt, .img-cover, .img-top-bg {
    position: absolute;
    text-align: justify;
}

.img-item-top {
    width: 100%;
    position: absolute;
    top: 0px;
    background: linear-gradient(0deg,transparent,rgb(184 184 184 / 50%));
    height: 20px;
    line-height: 20px;
    color: white;
    padding: 0px 5px;
    font-size: 12px;
    z-index: 2;
}

    .img-item-top .left {
        text-align: left;
    }

    .img-item-top .right {
        text-align: right;
    }

    .img-item-top img {
        width: auto !important;
    }

.img-bottom-txt {
    margin-top: 6px;
}

.img-top-bg {
    background: #000;
    filter: Alpha(opacity=75);
    top: 0px;
    height: 30px;
    width: 100%;
    opacity: 0.38;
    z-index: 3;
}

.img-star {
    padding-left: 5px;
    top: 0px;
    z-index: 1;
    color: #000;
}

.img-type {
    padding-right: 5px;
    top: 0px;
    right: 0px;
    z-index: 1;
    color: #000;
    width: 100px;
    height: 30px;
    text-align: right;
}

.article-from {
    background-color: #f8f8f8;
    border: 1px solid #efefef;
    padding: 12px;
    border-radius: 5px;
    margin: 18px 0px;
}

    .article-from p {
        text-align: left;
    }

        .article-from p:first-child {
            margin-top: 0px !important;
        }

        .article-from p:last-child {
            margin-bottom: 0px !important;
        }

.img-txt, .img-txt-bg {
    height: 30px;
    line-height: 30px;
    width: 100%;
    left: 0;
    bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

.img-txt {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    z-index: 2;
}

    .img-txt a, .img-txt a:hover {
        color: #fff;
        text-decoration: none;
    }

.img-desc {
    white-space: normal;
    overflow: hidden;
    color: lightgray;
    font-size: 10px;
    line-height: 15px;
}

.img-txt-bg {
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.5));
    opacity: 0.38;
    filter: Alpha(opacity=75)
}

.contact-us-header {
    height: 200px;
    background-image: url(/images/2620184e5e.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

    .contact-us-header .title {
        height: 100%;
        font-size: 18px;
        display: flex;
        align-items: center;
        margin: auto;
        width: fit-content;
        max-width: 80%;
        text-align: center;
    }

        .contact-us-header .title h1 {
            font-size: 32px;
        }

        .contact-us-header .title p {
            text-align: center;
            margin-top: 15px;
        }

.contact-us-method {
    margin-top: 30px;
}

    .contact-us-method .item {
        text-align: center;
    }

        .contact-us-method .item img {
            margin-bottom: 6px;
        }

.contact-us-map {
    margin-top: 38px;
}

    .contact-us-map .item {
        text-align: center;
        margin-top: 12px;
    }

        .contact-us-map .item img {
            width: 100%;
            height: 400px;
        }

        .contact-us-map .item .username {
            width: 49.5%;
            float: left;
        }

        .contact-us-map .item .email {
            width: 49.5%;
            float: right;
        }

        .contact-us-map .item textarea {
            height: 300px !important;
            resize: none;
        }

.footer-menu {
    display: block;
    height: 45px;
    width: 100%;
}

    .footer-menu a {
        color: #337ab7;
    }

    .footer-menu .dropup {
        position: fixed;
        bottom: -1px;
        left: 0px;
        right: 0px;
        height: 45px;
        background-color: white;
        font-size: 18px;
        border-top: 1px solid #eee;
        z-index: 999;
    }

    .footer-menu .item {
        margin: 0px;
        float: left;
        width: 20%;
        padding-bottom: 9px;
        text-align: center;
    }

.popsearch {
    bottom: 44px;
    position: fixed;
    background-color: white;
}

.txt-time {
    text-align: left;
    margin-top: 15px;
}

    .txt-time .left {
        width: 100px;
    }

        .txt-time .left .date {
            font-size: 28px;
            margin-top: 3px;
            margin-bottom: 10px;
        }

        .txt-time .left .time {
            font-size: 15px;
            text-align: center;
            font-size: 18px;
        }

    .txt-time .right {
        width: calc(100% - 112px);
    }

.video-list-next {
    margin-top: 6px;
}

    .video-list-next .item {
        width: calc(25% - 3px);
        float: left;
        margin-left: 4px;
    }

        .video-list-next .item:first-child {
            margin-left: 0px;
        }



.height-auto {
    height: auto !important;
    transition: all ease-out .3s;
}

#showmore {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 38px;
    width: 38px;
    color: #969696;
    line-height: 38px;
    text-align: right;
    background-color: white;
    display: none;
}

.subMenu {
    background-color: #FFF;
    border-bottom-width: 1px;
    border-bottom-color: #eaeaea;
    font-size: 14px;
    overflow: hidden;
    transition: all .3s ease-out 0s;
    height: 50px;
    line-height: 50px;
    display: flex;
    align-items: center;
    background-image: url(/images/nav-sub-back.webp?type=png);
    background-size: 100% 100%;
    width: 100%;
}

    .subMenu a, .subMenu span {
        text-align: center;
        font-size: 16px !important;
        color: #969696;
        padding-left: 12px;
        padding-right: 12px;
        text-align: left;
        display: inline-block;
        position: relative;
    }

        .subMenu a:hover, .subMenu a.selected {
            color: var(--main-color);
            text-decoration: none;
            font-weight: bold;
        }

        .subMenu a:after {
            transition: .3s;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -o-transition: .3s;
            content: "";
            width: 0;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%);
            -webkit-transform: translate(-50%);
            -moz-transform: translate(-50%);
            -o-transform: translate(-50%);
            height: 3px;
        }

        .subMenu a.selected:after, .subMenu a:hover:after {
            position: absolute;
            width: 28px;
            content: " ";
            height: 3px;
            left: 50%;
            bottom: 0px;
            background-color: var(--main-color);
            transform: translate(-50%);
            -webkit-transform: translate(-50%);
            -moz-transform: translate(-50%);
            -o-transform: translate(-50%);
            transition: .3s;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -o-transition: .3s;
            border-radius: 5px;
        }

        .subMenu a.selected:after {
            position: absolute;
            width: 28px;
            content: " ";
            height: 3px;
            left: 50%;
            bottom: 0px;
            background-color: var(--main-color);
            transform: translate(-50%);
            -webkit-transform: translate(-50%);
            -moz-transform: translate(-50%);
            -o-transform: translate(-50%);
            transition: 3s;
            -webkit-transition: 3s;
            -moz-transition: 3s;
            -o-transition: 3s;
            border-radius: 5px;
            color: var(--main-color);
            text-decoration: none;
            font-weight: bold;
        }


.search-header .btn {
    font-weight: normal !important;
}

#DivCountry, #DivLeague, #DivFunction, #divMatchType3, #filterBox, .pc_win {
    position: absolute;
    z-index: 5;
    visibility: hidden;
    border: 1px solid #fff;
    background-color: #F5F5F5;
    -webkit-box-shadow: 0 0 18px #666;
    -moz-box-shadow: 0 0 18px #666;
    box-shadow: 0 0 18px #666;
    border-radius: 4px;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 25px;
}

#DivCountry {
    width: 485px;
    padding: 1px
}

    #DivCountry .header, #DivFunction .header, #DivLeague .header {
        float: left;
        font-weight: bold;
        font-size: 14px;
        color: #646464;
    }

    #DivCountry li {
        float: left;
        display: block;
        padding-left: 5px;
        width: 105px;
        line-height: 22px;
        border: 1px solid #bbb;
        background-color: #fff0f0;
        margin: 2px
    }

    #DivCountry .countryIcon {
        padding-left: 22px;
        display: inline-block
    }


.dashang-img {
    background-color: white;
    position: absolute;
    z-index: 9;
    left: 33%;
    bottom: 70px;
    width: 160px;
    margin-left: -81px;
    line-height: 1;
    text-align: center;
    border: 1px solid #efefef;
    -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
    box-shadow: 0 0 3px 1px rgba(0,0,0,.05);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    pointer-events: none;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    width: 330px;
    height: 180px;
    font-size: 0;
    opacity: 0;
    margin-left: -166px;
    padding: 12px;
}

    .dashang-img:after, .dashang-img:before {
        position: absolute;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -8px;
        line-height: 0;
        border: 8px solid transparent;
        content: ""
    }

    .dashang-img:before {
        bottom: -16px;
        border-top-color: #efefef
    }

    .dashang-img:after {
        z-index: 1;
        bottom: -15px;
        border-top-color: #fff
    }

    .dashang-img canvas, .dashang-img img {
        display: block;
        width: 100%;
        height: auto;
        padding: 10px 10px 0;
        vertical-align: top
    }

    .dashang-img .erweima-pic {
        display: inline-block;
        padding-bottom: 10px;
        color: #999;
        font-size: 12px;
        line-height: 1;
        width: 165px;
        height: 165px;
        padding: 6px;
    }

    .dashang-img span {
        display: inline-block;
        line-height: 25px;
    }

.shangbig {
    width: 160px;
    height: 60px;
    border-radius: 4px;
    line-height: 60px;
    text-align: center;
    color: gold;
    font-weight: bold;
    font-size: 28px;
    cursor: pointer;
    margin: 0 auto;
    background-color: red;
    display: inline-block;
    cursor: pointer;
}

    .shangbig:hover, .shangbig_on {
        background-color: #ff4618 !important;
    }

#winner-confirm {
    font-size: 58px;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

#dashang {
    position: relative;
    z-index: 99;
    margin-left: 10px;
}

    #dashang:hover {
        overflow: visible;
        margin-top: 0px;
    }

        #dashang:hover, #dashang:hover .dashang-img {
            -webkit-transition: all .3s ease-out 0s;
            -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
        }

            #dashang:hover .dashang-img {
                opacity: 1;
                filter: alpha(opacity=100);
                bottom: 43px;
                pointer-events: auto
            }

.popup_close {
    position: absolute;
    right: 0px;
    top: -0;
    width: 40px;
    height: 35px;
    cursor: pointer;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #E2E2E2;
}

    .popup_close:before {
        position: absolute;
        content: '';
        width: 16px;
        height: 1px;
        transform: rotate(45deg);
        top: 17px;
        left: 12px;
        background-color: #777;
    }

    .popup_close:after {
        content: '';
        position: absolute;
        width: 16px;
        height: 1px;
        background: #777;
        transform: rotate(-45deg);
        top: 17px;
        left: 12px;
    }

.countryIcon {
    background-image: url(/images/flag-list_rgb_17.webp?type=png);
    background-repeat: no-repeat;
    background-position: 4px -1268px
}

.sotit {
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E2E2E2;
    background-color: #F5F5F5;
}

.rbl {
    margin-bottom: 5px;
    padding: 4px 0 4px 18px;
    border-bottom: 1px solid #D8DDE2;
    text-align: center;
    line-height: 30px;
    height: 30px;
    background-color: #efefef;
}

.txt {
    float: left;
    overflow: hidden;
    height: 22px;
}

.cb {
    float: left;
    width: 14px;
}

.bts {
    clear: both;
    text-align: center;
    height: 60px;
    padding-top: 10px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #E2E2E2;
}

.sclassPlaceTop {
    float: right;
    border-left: 1px solid #bbb;
    height: 22px;
    cursor: pointer;
    width: 14px;
}

    .sclassPlaceTop i {
        margin: 3px;
        background: url(/images/oddsup.webp?type=png) right 2px no-repeat;
        width: 9px;
        height: 12px;
        display: inline-block;
    }

#myleague {
    max-height: 400px;
    overflow: auto;
}

#DivLeague {
    padding: 1px;
    width: 590px;
}

    #DivLeague ul {
        padding: 10px 10px 15px 10px;
        width: 536px;
        margin: auto;
    }

    #DivLeague li {
        float: left;
        display: block;
        padding-left: 5px;
        width: 125px;
        line-height: 22px;
        border: 1px solid #e4e4e4;
        background-color: #ffffff;
        margin: 2px;
    }

#DivCountry {
    width: 600px;
    padding: 1px;
}

#checkboxcountry {
    padding: 10px;
    overflow: hidden;
    width: 565px;
    margin: auto;
}

#countryList {
    max-height: 380px;
    overflow-y: scroll;
}

.countryIcon {
    background-image: url(/images/flag-list_rgb_17.webp?type=png);
    background-repeat: no-repeat;
    background-position: 4px -1268px;
}

#country_1 {
    background-position: 4px -475px
}

#country_2 {
    background-position: 4px -163px
}

#country_3 {
    background-position: 4px -1123px
}

#country_4 {
    background-position: 4px -619px
}

#country_5 {
    background-position: 4px -139px
}

#country_6 {
    background-position: 4px -1051px
}

#country_7 {
    background-position: 4px -1099px
}

#country_8 {
    background-position: 4px -1027px
}

#country_9 {
    background-position: 4px -883px
}

#country_10 {
    background-position: 4px -331px
}

#country_11 {
    background-position: 4px -931px
}

#country_12 {
    background-position: 4px 5px
}

#country_13 {
    background-position: 4px -523px
}

#country_14 {
    background-position: 4px -259px
}

#country_15 {
    background-position: 4px -740px
}

#country_16 {
    background-position: 4px -547px
}

#country_17 {
    background-position: 4px -2011px
}

#country_18 {
    background-position: 4px -1075px
}

#country_19 {
    background-position: 4px -643px
}

#country_20 {
    background-position: 4px -355px
}

#country_21 {
    background-position: 4px -115px
}

#country_22 {
    background-position: 4px -283px
}

#country_23 {
    background-position: 4px -667px
}

#country_24 {
    background-position: 4px -307px
}

#country_25 {
    background-position: 4px -955px
}

#country_26 {
    background-position: 4px -1003px
}

#country_27 {
    background-position: 4px -835px
}

#country_28 {
    background-position: 4px -91px
}

#country_29 {
    background-position: 4px -595px
}

#country_30 {
    background-position: 4px -763px
}

#country_31 {
    background-position: 4px -211px
}

#country_32 {
    background-position: 4px -1147px
}

#country_33 {
    background-position: 4px -907px
}

#country_34 {
    background-position: 4px -499px
}

#country_35 {
    background-position: 4px -715px
}

#country_36 {
    background-position: 4px -187px
}

#country_37 {
    background-position: 4px -1435px
}

#country_38 {
    background-position: 4px -403px
}

#country_39 {
    background-position: 4px -811px
}

#country_40 {
    background-position: 4px -43px
}

#country_41 {
    background-position: 4px -451px
}

#country_42 {
    background-position: 4px -19px
}

#country_43 {
    background-position: 4px -427px
}

#country_44 {
    background-position: 4px -571px
}

#country_45 {
    background-position: 4px -1387px
}

#country_46 {
    background-position: 4px -859px
}

#country_47 {
    background-position: 4px -2635px
}

#country_48 {
    background-position: 4px -787px
}

#country_49 {
    background-position: 4px -1171px
}

#country_50 {
    background-position: 4px -2155px
}

#country_51 {
    background-position: 4px -1795px
}

#country_52, #country_53, #country_54, #country_55, #country_56 {
    background-position: 4px -1195px
}

#country_57 {
    background-position: 4px -3043px
}

#country_59 {
    background-position: 4px -2587px
}

#country_60 {
    background-position: 4px -67px
}

#country_61 {
    background-position: 4px -2659px
}

#country_62 {
    background-position: 4px -2275px
}

#country_63 {
    background-position: 4px -1339px
}

#country_64 {
    background-position: 4px -1915px
}

#country_65 {
    background-position: 4px -2971px
}

#country_66 {
    background-position: 4px -2323px
}

#country_69 {
    background-position: 4px -2371px
}

#country_70 {
    background-position: 4px -1699px
}

#country_71 {
    background-position: 4px -2395px
}

#country_72 {
    background-position: 4px -2035px
}

#country_73 {
    background-position: 4px -2539px
}

#country_74 {
    background-position: 4px -2347px
}

#country_75 {
    background-position: 4px -2467px
}

#country_76 {
    background-position: 4px -2923px
}

#country_77 {
    background-position: 4px -2683px
}

#country_78 {
    background-position: 4px -1819px
}

#country_79 {
    background-position: 4px -1363px
}

#country_80 {
    background-position: 4px -2227px
}

#country_81 {
    background-position: 4px -1531px
}

#country_82 {
    background-position: 4px -2515px
}

#country_83 {
    background-position: 4px -2203px
}

#country_84 {
    background-position: 4px -1483px
}

#country_85 {
    background-position: 4px -1555px
}

#country_86 {
    background-position: 4px -2179px
}

#country_87 {
    background-position: 4px -1843px
}

#country_88 {
    background-position: 4px -1603px
}

#country_89 {
    background-position: 4px -1507px
}

#country_90 {
    background-position: 4px -1939px
}

#country_91 {
    background-position: 4px -1675px
}

#country_92 {
    background-position: 4px -1459px
}

#country_93 {
    background-position: 4px -2419px
}

#country_94 {
    background-position: 4px -2299px
}

#country_95 {
    background-position: 4px -1723px
}

#country_96 {
    background-position: 4px -2563px
}

#country_97 {
    background-position: 4px -1195px
}

#country_98 {
    background-position: 4px -2491px
}

#country_99 {
    background-position: 4px -1651px
}

#country_100 {
    background-position: 4px -2443px
}

#country_101 {
    background-position: 4px -2827px
}

#country_102 {
    background-position: 4px -2731px
}

#country_103 {
    background-position: 4px -2850px
}

#country_105 {
    background-position: 4px -1771px
}

#country_107 {
    background-position: 4px -3091px
}

#country_108 {
    background-position: 4px -2755px
}

#country_109 {
    background-position: 4px -2851px
}

#country_111 {
    background-position: 4px -4003px
}

#country_112 {
    background-position: 4px -3523px
}

#country_113 {
    background-position: 4px -4051px
}

#country_114 {
    background-position: 4px -3188px
}

#country_115 {
    background-position: 4px -4027px
}

#country_116 {
    background-position: 4px -4075px
}

#country_117 {
    background-position: 4px -4099px
}

#country_118 {
    background-position: 4px -4123px
}

#country_119 {
    background-position: 4px -4147px
}

#country_120 {
    background-position: 4px -4171px
}

#country_121 {
    background-position: 4px -4195px
}

#country_122 {
    background-position: 4px -4219px
}

#country_123 {
    background-position: 4px -4243px
}

#country_124 {
    background-position: 4px -4267px
}

#country_125 {
    background-position: 4px -2804px
}

#country_126 {
    background-position: 4px -3644px
}

#country_127 {
    background-position: 4px -3618px
}

#country_128 {
    background-position: 4px -3428px
}

#country_129 {
    background-position: 4px -4291px
}

#country_130 {
    background-position: 4px -3452px
}

#country_133 {
    background-position: 4px -2996px
}

#country_134 {
    background-position: 4px -4315px
}

@media (min-width: 767px) {
    .footer-menu {
        display: none;
    }

    .popsearch {
        display: none !important;
    }

    .mobile {
        display: none !important;
    }

    .navbar > .container .navbar-brand {
        margin-left: 6px;
        line-height: 50px;
    }
}

@media(max-width:1200px) {
    #right-tuijian, .header {
        display: none;
    }

    /*body {
        background-image: none;
    }*/

    /*.widget {
        box-shadow: none;
    }*/
}

@media (min-width: 1200px) {
    .post-content blockquote {
        margin-left: -24px;
        padding-left: 20px;
        border-width: 4px;
    }

        .post-content blockquote blockquote {
            margin-left: 0;
        }

    .post-content figure img {
        margin: 0 0 4px;
    }

    .post-content figure figcaption {
        position: absolute;
        left: -172px;
        width: 150px;
        top: 0;
        text-align: right;
        margin-top: 0;
    }

        .post-content figure figcaption:before {
            width: 25%;
            margin-left: 75%;
            border-top: 1px solid #dededc;
            display: block;
            content: "";
            margin-bottom: 10px;
        }

    #right-tuijian {
        width: 382px;
    }
}

.form-group {
    position: relative;
    line-height: 46px;
    padding-left: 3px;
    padding-right: 3px;
}

    .form-group .e_label {
        position: absolute;
        height: 20px;
        line-height: 20px;
        font-size: 14px;
        color: #9aa5b5;
        left: 10px;
        top: 17px;
        z-index: 3;
        cursor: text;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
        user-select: none;
    }

    .form-group input:focus + .e_label, .form-group input[data-have="true"] + .e_label,
    .form-group select + .e_label,
    .form-group .select2 + .e_label,
    .select2-parent .e_label,
    .form-group input[type="date"] + .e_label,
    .form-group textarea[data-have="true"] + .e_label, .form-group textarea:focus + .e_label {
        -webkit-transform: translateY(-10px) scale(.85);
        -ms-transform: translateY(-10px) scale(.85);
        transform: translateY(-10px) scale(.85);
    }

.dlbtn:link, .dlbtn:visited {
    color: #FFF !important;
    border-radius: 3px;
    padding: 5px 10px;
    margin-right: 8px;
    background-color: var(--main-color);
    font-size: 12px;
}

.dlbtn:hover {
    background-color: var(--main-color);
    opacity: 0.8;
}

.vip1, .vip2, .vip3, .vip0 {
    padding: 8px;
    background-size: 100%;
    vertical-align: text-bottom;
    margin-left: 2px;
    display: inline-block;
}

.vipbig {
    padding: 10px;
}

.vip1, .vip0 {
    background-image: url(/images/V1@16px.webp?type=png);
}

.vip2 {
    background-image: url(/images/V2@16px.webp?type=png);
}

.vip3 {
    background-image: url(/images/V3@16px.webp?type=png);
}

.vipbig.vip1 {
    background-image: url(/images/V1@20px.webp?type=png);
}

.vipbig.vip2 {
    background-image: url(/images/V2@20px.webp?type=png);
}

.vipbig.vip3 {
    background-image: url(/images/V3@20px.webp?type=png);
}

.shang {
    width: 80px;
    height: 35px;
    border-radius: 4px;
    line-height: 35px;
    text-align: center;
    color: #fff !important;
    font-size: 16px;
    cursor: pointer;
    margin: 0 auto;
    background-color: var(--main-color);
    display: inline-block;
}

    .shang:hover, .shang_on {
        background-color: var(--main-color);
        opacity: 0.7;
    }

.font12 {
    font-size: 12px;
}

.zhuanti {
    background-color: var(--main-color);
    color: #FFF;
    font-size: 14px;
    padding: 2px 12px 2px 12px;
    margin-right: 5px;
    border-radius: 3px;
    display: inline-block;
}

.ant-popover {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0,0,0,.65);
    font-size: 24px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum","tnum";
    font-feature-settings: "tnum","tnum";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1030;
    font-weight: normal;
    white-space: normal;
    text-align: left;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

    .ant-popover:after {
        position: absolute;
        background: hsla(0,0%,100%,.01);
        content: ""
    }

.ant-popover-hidden {
    display: none
}

.ant-popover-placement-top, .ant-popover-placement-topLeft, .ant-popover-placement-topRight {
    padding-bottom: 10px
}

.ant-popover-placement-right, .ant-popover-placement-rightBottom, .ant-popover-placement-rightTop {
    padding-left: 10px
}

.ant-popover-placement-bottom, .ant-popover-placement-bottomLeft, .ant-popover-placement-bottomRight {
    padding-top: 10px
}

.ant-popover-placement-left, .ant-popover-placement-leftBottom, .ant-popover-placement-leftTop {
    padding-right: 10px
}

.ant-popover-inner {
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15);
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.15)\9;
    box-shadow: 0 0 8px rgba(0,0,0,.15)\9
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ant-popover-inner {
        -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15);
        box-shadow: 0 2px 8px rgba(0,0,0,.15)
    }
}

.ant-popover-title {
    min-width: 177px;
    min-height: 32px;
    margin: 0;
    padding: 5px 16px 4px;
    color: rgba(0,0,0,.85);
    font-weight: 500;
    border-bottom: 1px solid #e8e8e8
}

.ant-popover-inner-content {
    padding: 12px 16px;
    color: rgba(0,0,0,.65)
}

.ant-popover-message {
    position: relative;
    padding: 4px 0 12px;
    color: rgba(0,0,0,.65);
    font-size: 14px
}

    .ant-popover-message > .anticon {
        position: absolute;
        top: 8px;
        color: #faad14;
        font-size: 14px
    }

.ant-popover-message-title {
    padding-left: 22px
}

.ant-popover-buttons {
    margin-bottom: 4px;
    text-align: right
}

    .ant-popover-buttons button {
        margin-left: 8px
    }

.ant-popover-arrow {
    position: absolute;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    background: transparent;
    border-style: solid;
    border-width: 4.24264069px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
    bottom: 6.2px;
    border-color: transparent #fff #fff transparent;
    -webkit-box-shadow: 3px 3px 7px rgba(0,0,0,.07);
    box-shadow: 3px 3px 7px rgba(0,0,0,.07)
}

.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
    left: 16px
}

.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
    right: 16px
}

.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
    left: 6px;
    border-color: transparent transparent #fff #fff;
    -webkit-box-shadow: -3px 3px 7px rgba(0,0,0,.07);
    box-shadow: -3px 3px 7px rgba(0,0,0,.07)
}

.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
    top: 12px
}

.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
    bottom: 12px
}

.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
    top: 6px;
    border-color: #fff transparent transparent #fff;
    -webkit-box-shadow: -2px -2px 5px rgba(0,0,0,.06);
    box-shadow: -2px -2px 5px rgba(0,0,0,.06)
}

.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
    left: 16px
}

.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
    right: 16px
}

.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow, .ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
    right: 6px;
    border-color: #fff #fff transparent transparent;
    -webkit-box-shadow: 3px -3px 7px rgba(0,0,0,.07);
    box-shadow: 3px -3px 7px rgba(0,0,0,.07)
}

.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
    top: 12px
}

.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
    bottom: 12px
}

._3kPlPc {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 24px;
    color: #404040;
    width: 32px;
    height: 32px;
    padding: 4px;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden
}

    ._3kPlPc:hover {
        background-color: rgba(51,51,51,.1)
    }

.module {
    position: absolute;
    font-style: normal;
    text-align: right;
    background: url(/images/gameBG3.webp?type=png) no-repeat right bottom;
    font-size: 12px;
    min-width: 102px;
    margin: -1px 5px 0 0;
    padding: 0 10px 3px 0px;
    color: #ffffff;
    height: 25px;
    line-height: 22px;
    display: block;
    float: left;
    margin-top: -16px;
}

    .module a {
        padding: 0 22px;
        float: left;
        color: #fff !important;
        text-decoration: blink;
    }

.search-input {
    padding: 0 40px 0 20px;
    width: 160px;
    height: 38px;
    margin-top: 11px;
    font-size: 14px;
    border: 1px solid #eee;
    border-radius: 40px;
    background: #eee;
    transition: width .5s;
    -moz-transition: width .5s;
    -webkit-transition: width .5s;
    -o-transition: width .5s;
    transition-delay: .1s;
    -moz-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    border: 1px solid white;
}

    .search-input:focus {
        transition-delay: 0s;
        -moz-transition-delay: 0s;
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        width: 240px;
        outline: none;
        border: 1px solid var(--main-color);
        color: var(--mobile-nav-font-color);
    }

.search-btn {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 30px;
    font-size: 18px;
    height: 30px !important;
    line-height: normal !important;
    padding: 0 !important;
    color: #969696 !important;
    text-align: center;
}

.ic-search {
    margin: 5px -1px 0 0;
    display: block
}

.bftooldiv1, .bftooldiv2 {
    clear: both;
    height: 34px;
    border: 1px solid #E7E7E7;
    margin: 0 auto;
    padding: 5px 6px 0 6px;
}

.bftooldiv1 {
    background-color: #EFEFEF;
}

.bftooldiv2 {
    background-color: #F7F7F7;
    margin-top: -1px;
    margin-bottom: 8px
}

.date_li {
    height: 28px;
    line-height: 28px;
    border: 1px solid #CCC;
    background-color: #FFF;
}

    .date_li a, .date_li a:visited {
        float: left;
        display: block;
        padding: 0 7px;
        color: #333;
        background-color: #FFF;
        border-right: 1px solid #CCC;
    }

        .date_li a:hover {
            text-decoration: none;
            color: #E75B18;
            background-color: #FDF8E6;
        }

    .date_li b {
        float: left;
        display: block;
        padding: 0 8px;
        color: #FFF;
        background-color: #E9410F;
        border-right: 1px solid #CCC;
    }

.qa-rank {
    float: left;
    margin-right: 10px;
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
    color: #666;
    margin-top: 4px;
    margin-bottom: 8px;
}

    .qa-rank .votes {
        display: inline-block;
        padding-top: 3px;
        width: 45px;
        height: 42px;
        color: #757575;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .qa-rank .votes, .bookmark-rank .votes, .qa-rank .answers, .bookmark-rank .answers, .qa-rank .views, .bookmark-rank .views {
        display: inline-block;
        padding-top: 3px;
        width: 45px;
        height: 42px;
        color: #757575;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .qa-rank .answers, .bookmark-rank .answers {
        margin: 0 6px;
        color: #AD3A37;
    }

.bad_question {
    color: #AD3A37 !important;
}

.qa-rank .answered, .bookmark-rank .answered {
    color: #145faa;
    background: rgba(66, 200, 231, 0.08);
    border: 1px solid rgba(52, 121, 166, 0.16);
}

.ml10, .ml-10 {
    margin-left: 10px !important;
}

.mr10, .mr-10 {
    margin-right: 10px !important;
}

.qa-rank .views, .bookmark-rank .views {
    color: #999;
}

.qa-rank .viewsword0to99, .bookmark-rank .viewsword0to99 {
    color: #999;
}

.qa-rank small, .bookmark-rank small {
    display: block;
    font-size: 12px;
}

.aw-question-content {
}

.article-list .aw-question-content h4 {
    margin: 0 0 3px;
    padding-right: 20px;
    font-size: 14px;
    word-wrap: break-word;
}

.article-list .aw-question-content > span, .article-list .aw-question-content p span {
    font-size: 12px;
    font-weight: normal;
    color: #999;
}

.article-list .aw-question-content .aw-user-name img {
    max-width: 24px;
}

.article-list .aw-question-content p {
    margin: 0;
    color: #999;
}

.article-list .aw-question-content .contribute {
    position: relative;
    margin-left: 20px;
}

    .article-list .aw-question-content .contribute span {
        position: absolute;
        right: 0;
        top: -20px;
    }

    .article-list .aw-question-content .contribute img {
        border-radius: 12px;
    }

.article-list .aw-question-content .aw-topic-name {
    display: inline-block;
    margin: 0 2px 3px;
}

.article-list .aw-item {
    position: relative;
    z-index: 0;
    min-height: 77px;
    padding: 14px 0 0px;
}

    .article-list .aw-item .icon-v, .aw-feed-list .aw-item .icon-v {
        position: absolute;
        left: -5px;
        top: -5px;
        width: 18px;
        height: 18px;
        background-color: #ffca3f;
        color: #fff;
        text-align: center;
        line-height: 18px;
        font-size: 14px;
        border-radius: 4px;
    }

        .article-list .aw-item .icon-v.i-ve, .aw-feed-list .aw-item .icon-v.i-ve {
            background-color: #a3d700;
            color: #fff;
        }

    .article-list .aw-item.article .markitup-box {
        max-height: 130px;
        overflow: hidden;
    }

    .article-list .aw-item.article .aw-upload-img-list {
        position: absolute;
        right: 10px;
        top: 0;
        width: 200px;
    }

        .article-list .aw-item.article .aw-upload-img-list img {
            max-width: 200px;
        }

    .article-list .aw-item.article .more {
        font-size: 12px;
    }

    .article-list .aw-item.article .inline-img {
        max-width: 160px;
        max-height: 80px;
        margin: 5px 10px 0 0;
    }

    .article-list .aw-item .aw-question-content .aw-user-name {
        color: #666 !important;
        font-size: 12px;
    }

.aw-question-tags {
    display: inline-block;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    background-color: #f2f2f2;
    font-size: 12px;
    color: #999 !important;
    border-radius: 4px;
}

    .aw-question-tags:hover {
        background-color: #ddd;
        color: #fff !important;
    }

.text-color-999 {
    font-size: 12px;
    color: #999 !important;
}

.portal-container li, .portal-container ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.portal-container .pb-32 {
    padding-bottom: 2rem
}

.portal-container .welcome {
    padding: 24px 0 0;
    background-size: cover;
    margin-top: -1px;
    position: relative;
}

    .portal-container .welcome .welcome-space {
        min-height: 280px;
    }

.portal-container .card-wrap {
    flex-wrap: nowrap;
    position: relative;
    top: 50px;
    display: flex;
    overflow: hidden;
    justify-content: center;
}

    .portal-container .card-wrap .icon-wrap {
        margin-right: 20px;
        border-radius: 50%;
        overflow: hidden;
    }

    .portal-container .card-wrap .icon {
        font-size: 32px;
    }

.portal-container .carousel-inner {
    height: 100%
}

.portal-container .carousel-indicators {
    height: 23px;
    margin-bottom: 0
}

    .portal-container .carousel-indicators li {
        margin-left: 3px;
        margin-right: 3px
    }

.portal-container .icon-play {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 24px;
    width: 80px;
    text-align: center;
    line-height: 60px
}

.portal-container .article-item {
    width: calc(50% - 12px)
}


@media (max-width: 1199px) {
    .portal-container .card-wrap {
        top: 34px
    }

        .portal-container .card-wrap .card-body {
            padding: 1rem 20px
        }

        .portal-container .card-wrap .icon-wrap {
            font-size: 24px;
            margin-right: 8px
        }

        .portal-container .card-wrap .icon {
            font-size: 24px
        }

        .portal-container .card-wrap h4 {
            font-size: 18px;
            margin-bottom: 0
        }

        .portal-container .card-wrap .intro {
            font-size: 15px
        }
}

@media (max-width: 990px) {
    .portal-container .card-wrap {
        top: 54px
    }

        .portal-container .card-wrap .icon-wrap {
            margin-right: 0
        }

        .portal-container .card-wrap h4 {
            text-align: center;
            font-size: 16px;
            margin-bottom: 0
        }

        .portal-container .card-wrap .intro {
            font-size: 12px
        }
}

@media (max-width: 575.98px) {
    .portal-container .welcome {
        box-sizing: border-box;
        margin-bottom: 37px
    }

        .portal-container .welcome p {
            font-size: 1rem;
        }

    .portal-container .card-wrap {
        top: 36px
    }

        .portal-container .card-wrap .icon-wrap {
            margin-bottom: .5rem
        }

        .portal-container .card-wrap h4 {
            font-size: 14px;
            margin-bottom: 0
        }

        .portal-container .card-wrap .card-body {
            padding: 17px !important
        }

    .portal-container .article-item {
        width: 100%
    }
}

.user-meta {
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
    padding-bottom: 6px;
}

    .user-meta .user-follow-btns {
        text-align: left;
    }

    .user-meta .user-name {
    }

p.title {
    height: 40px;
    line-height: 40px;
    background: #f7f7f7;
    padding-left: 0px;
    padding-right: 0px;
    padding-left: 12px;
    position: relative;
}

    p.title:before {
        position: absolute;
        content: " ";
        height: 22px;
        width: 3px;
        top: 50%;
        left: 0px;
        margin-top: -11px;
        background-color: var(--main-color);
    }

table {
    width: 100%;
}

    table tr:nth-child(2n+1) {
        background-color: #fbfbfb;
    }

    table td, table th {
        padding: 5px;
    }

.tabs-radius-wrap {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

.tabs-radius {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: space-around;
    padding: 5px;
    background: #f6f6f6;
    border-radius: 25px;
    height: 38px;
}

    .tabs-radius .tab {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
        height: 100%;
        cursor: pointer;
    }

    .tabs-radius .selected {
        border-radius: 25px;
        background-color: white;
        overflow: hidden;
        color: var(--main-color);
        font-weight: bold;
    }


.tabs-radius-color {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: center;
    padding: 5px;
}

    .tabs-radius-color .tab {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        border-radius: 15px;
        cursor: pointer;
        color: white;
        padding-left: 12px;
        padding-right: 12px;
    }

    .tabs-radius-color .selected {
        color: white;
        font-weight: bold;
        background-color: var(--main-color);
        border: 1px solid white;
    }

.tabs-wrap {
}

    .tabs-wrap .tabs {
        height: 50px;
        line-height: 50px;
        background-color: #f7f7f7;
    }

        .tabs-wrap .tabs .tab {
            text-align: center;
            height: 100%;
            cursor: pointer;
            padding-left: 12px;
            padding-right: 12px;
        }

            .tabs-wrap .tabs .tab:hover {
                color: var(--main-color);
            }

            .tabs-wrap .tabs .tab.selected {
                color: var(--main-color);
                font-weight: bold;
                position: relative;
            }

                .tabs-wrap .tabs .tab.selected:after {
                    position: absolute;
                    content: " ";
                    bottom: 0;
                    width: 28px;
                    height: 3px;
                    left: 50%;
                    background-color: var(--main-color);
                }

.ballspan {
    height: 18px !important;
    width: 18px !important;
    margin-right: 3px;
}

.logospan {
    height: 23px !important;
    width: 23px !important;
}

.chart-area .tab-content {
    padding: 0px;
    padding-top: 15px;
}

.jw-controlbar {
    width: 100%;
}

.jw-skin-bce .jw-controlbar-center-group .jw-tooltip-time {
    width: 100px;
}

.mobile-nav {
    display: flex;
    height: 50px;
    line-height: 50px;
    width: 100%;
    font-size: 18px;
    padding-left: 0px;
    align-items: center;
}

    .mobile-nav .tab {
        flex-grow: 1;
        text-align: center;
        padding-left: 6px;
        padding-right: 6px;
    }

    .mobile-nav a, .mobile-nav-sub a {
        color: var(--mobile-nav-font-color);
    }

    .mobile-nav .selected {
        font-weight: bold;
        font-size: 18px;
        color: var(--mobile-main-color);
    }

    .mobile-nav .swiper-slide {
        width: auto;
        text-align: center;
        padding-left: 12px;
        padding-right: 12px;
    }

.mobile-nav-sub {
    font-size: 16px;
}

    .mobile-nav-sub .swiper-wrapper {
        align-items: center;
        height: 38px;
        line-height: 38px;
    }

        .mobile-nav-sub .swiper-wrapper .swiper-slide {
            width: auto;
            text-align: center;
            padding-left: 12px;
            padding-right: 12px;
        }

        .mobile-nav-sub .swiper-wrapper .selected {
            font-weight: bold;
            color: var(--mobile-main-color);
            position: relative;
        }

            .mobile-nav-sub .swiper-wrapper .selected:after {
                content: "   ";
                width: 28px;
                background-color: var(--mobile-main-color);
                height: 3px;
                position: absolute;
                left: 50%;
                margin-left: -14px;
                bottom: 0px;
                display: flex;
            }

.div-goback {
    float: left;
    margin-top: 1.5px;
    margin-left: 10.5px;
    height: 15.5px;
    color: white;
    width: 9.5px;
    text-align: center;
}

.match-item {
    margin-bottom: 24px;
    border-radius: 5px;
    box-shadow: 0 0.1rem 0.44rem 0 rgb(0 0 0 / 6%);
}

.match-day {
    height: 20px;
    line-height: 20px;
    width: 100%;
    margin-bottom: 12px;
}

    .match-day .left {
        float: left;
        width: 3px;
        background-color: var(--main-color);
        height: 100%;
        margin-right: 12px;
    }

.main-color {
    color: var(--main-color);
}

.main-color-bg {
    background-color: var(--main-color);
}

.video-status {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: darkslategrey;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    z-index: 2;
}

h1 .logo {
    margin-left: 6px;
    width: 18px;
    height: 18px;
    margin-top: unset;
    border-radius: unset;
}

.team-info {
    display: flex;
    align-items: center;
}

.render-body {
    flex: 1;
    background-color: #e9ecf1;
    /*    padding-bottom: 15px;*/
}

.goods .col-md-5 {
    padding-right: 12px;
}

.art-next-pre {
    padding-left: 17px !important;
    padding-right: 17px !important;
}

.side-tool {
    position: fixed;
    bottom: 40px;
    right: 12px;
    z-index: 1040;
}

    .side-tool > ul {
        list-style: none;
    }

        .side-tool > ul .function-button, .side-tool > ul .js-submit-button {
            cursor: pointer;
            width: 50px;
            height: 50px;
            text-align: center;
            display: block;
        }

        .side-tool > ul > li:last-child {
            border-bottom: 1px solid #dcdcdc;
        }

        .side-tool > ul > li {
            border: 1px solid #dcdcdc;
            border-bottom: none;
            background-color: #fff;
            transition: .1s ease-in;
            border-right: 0px;
        }

            .side-tool > ul > li > button {
                border-width: 0px !important;
            }

        .side-tool > ul .function-button i, .side-tool > ul .js-submit-button i {
            padding-top: 12px;
            font-size: 20px;
            display: block;
        }

.bk {
    height: 180px;
    opacity: .3;
    -webkit-filter: blur(100px);
    -moz-filter: blur(100px);
    -o-filter: blur(100px);
    -ms-filter: blur(100px);
    filter: blur(100px) width: 100%;
    width: 100%;
    height: 490px;
    position: absolute;
    top: 0;
    background-image: url(/images/bk.jpg);
    background-size: cover;
    transition: all .3s
}

.bgfff {
    box-shadow: 0 2px 8px 0 rgb(7 17 27 / 6%);
}

.banner-box {
    padding: 30px 0
}

.g-banner {
    height: 382px;
    background-color: #93999f;
    box-shadow: 0 10px -2px 0 rgba(7,17,27,.2);
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    margin: auto;
    border-radius: 8px 8px 0 0;
}

    .g-banner .g-banner-content {
        position: relative;
        float: left;
        flex: 1;
    }

        .g-banner .g-banner-content .g-banner-box {
            position: relative;
            height: 316px
        }

        .g-banner .g-banner-content .notice {
            position: absolute;
            top: 8px;
            left: 0;
            background: #f90;
            box-shadow: 0 2px 4px 0 rgba(7,17,27,.2);
            padding: 6px 12px 6px 8px;
            z-index: 1;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px
        }

            .g-banner .g-banner-content .notice .imv2-vol_up {
                font-size: 16px;
                color: #fff;
                display: inline-block;
                line-height: 20px;
                margin-top: 1px;
                margin-right: 4px;
                vertical-align: sub
            }

            .g-banner .g-banner-content .notice .notice-txt {
                display: inline-block;
                width: auto;
                font-size: 12px;
                color: #fff;
                line-height: 20px;
                z-index: 1;
                white-space: nowrap
            }

            .g-banner .g-banner-content .notice .notice-close {
                font-size: 16px;
                margin: 6px 0 6px 12px;
                color: rgba(255,255,255,.6);
                line-height: 20px
            }

                .g-banner .g-banner-content .notice .notice-close:hover {
                    color: #fff
                }

            .g-banner .g-banner-content .notice.closed {
                transition: all .3s;
                background: rgba(255,153,0,.6);
                box-shadow: 0 2px 4px 0 rgba(7,17,27,.2)
            }

                .g-banner .g-banner-content .notice.closed .notice-txt {
                    overflow: hidden
                }

                .g-banner .g-banner-content .notice.closed .notice-close {
                    display: none
                }

    .g-banner .banner-anchor {
        position: absolute;
        top: 50%;
        margin-top: -24px;
        width: 48px;
        height: 48px;
        background: rgba(28,31,33,.1) url(/images/icon-left-small.webp?type=png) no-repeat center/16px auto;
        border-radius: 50%;
        color: #fff;
        transition: all .2s
    }

        .g-banner .banner-anchor:hover {
            background-color: rgba(28,31,33,.5)
        }

    .g-banner .banner-anchor-next {
        right: 16px;
        transform: rotate(180deg);
        z-index: 9;
    }

    .g-banner .banner-anchor-prev {
        left: 16px;
        z-index: 9;
    }


    .g-banner .g-banner-content .g-banner-box {
        height: 382px
    }

    .g-banner .g-banner-box > a:first-child .banner-slide {
        display: block
    }

    .g-banner .banner-slide {
        height: 382px
    }

    .g-banner .g-banner-box > a:first-child .banner-slide {
        display: block
    }

    .g-banner .banner-slide {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-repeat: no-repeat;
        background-position: center 0
    }

        .g-banner .banner-slide .festival {
            position: absolute;
            top: 450px;
            right: 75px
        }

            .g-banner .banner-slide .festival a {
                display: block;
                width: 190px;
                height: 120px;
                background: url(/static/img/index/festival.webp?type=png) no-repeat 0 -120px
            }

                .g-banner .banner-slide .festival a:hover {
                    background-position: 0 0
                }

        .g-banner .banner-slide img {
            width: 100%;
            height: 100%
        }

    .g-banner .inner {
        position: relative;
        width: 1200px;
        margin: 0 auto
    }

    .g-banner .banner-dots {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        text-align: right;
        padding-right: 24px;
        line-height: 12px;
        z-index: 9;
    }

        .g-banner .banner-dots .swiper-pagination-bullet {
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 4px;
            margin-left: 8px;
            background: rgba(255,255,255,.75);
            transition: all .2s;
            cursor: pointer
        }

            .g-banner .banner-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
                width: 20px
            }

.submenu {
    position: absolute;
    left: 256px;
    height: 382px;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(7,17,27,.1);
    z-index: 2;
    box-sizing: border-box;
    z-index: 10;
    width: 884px;
}

    .submenu .inner-box {
        height: 188px;
        padding: 28px 36px 0;
        box-sizing: border-box
    }

        .submenu .inner-box .type {
            margin-bottom: 10px;
            font-size: 16px;
            color: #1c1f21;
            line-height: 22px;
            font-weight: 700
        }

        .submenu .inner-box .tag {
            margin-bottom: 12px
        }

            .submenu .inner-box .tag a {
                float: left;
                font-size: 12px;
                line-height: 1;
                color: #e02020;
                border-radius: 100px;
                border: 1px solid #e02020;
                padding: 5px 10px;
                margin-right: 10px
            }

                .submenu .inner-box .tag a:last-child {
                    margin-right: 0
                }

        .submenu .inner-box .lore {
            font-size: 12px;
            line-height: 24px;
            color: #6d7278;
            margin-bottom: 8px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex
        }

            .submenu .inner-box .lore .title {
                color: #1c1f21;
                font-weight: 700
            }

            .submenu .inner-box .lore .lores {
                width: 0;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                -webkit-flex: 1;
                flex: 1;
                margin-top: 2px;
            }

                .submenu .inner-box .lore .lores a {
                    float: left;
                    color: #6d7278;
                    margin-right: 24px
                }

                    .submenu .inner-box .lore .lores a:last-child {
                        margin-right: 0
                    }

    .submenu .recomment {
        padding: 35px 36px;
        height: 194px;
        background-color: #f3f5f6;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
    }

        .submenu .recomment .recomment-item {
            width: 50%;
            float: left;
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex
        }

            .submenu .recomment .recomment-item:nth-child(-n+2) {
                margin-bottom: 30px
            }

            .submenu .recomment .recomment-item .img {
                width: 90px;
                height: 50px;
                margin-right: 11px;
                border-radius: 4px;
                background-position: center;
                image-rendering: -moz-crisp-edges;
                image-rendering: -o-crisp-edges;
                image-rendering: -webkit-optimize-contrast;
                image-rendering: crisp-edges;
                -ms-interpolation-mode: nearest-neighbor;
                box-shadow: 0 6px 10px 0 rgba(95,101,105,.15);
                background-size: cover;
            }

            .submenu .recomment .recomment-item .details {
                width: 228px;
                height: 50px;
                font-size: 12px;
                width: 0;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                -webkit-flex: 1;
                flex: 1
            }

                .submenu .recomment .recomment-item .details .title-box {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: -webkit-flex;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    -webkit-align-items: center;
                    align-items: center
                }

                    .submenu .recomment .recomment-item .details .title-box .titlex {
                        display: flex;
                        align-items: center;
                        color: #1c1f21;
                        width: 228px;
                        margin-top: 0px;
                    }

                        .submenu .recomment .recomment-item .details .title-box .titlex .text {
                            display: inline-block;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            max-width: calc(100% - 4em)
                        }

                        .submenu .recomment .recomment-item .details .title-box .titlex .tag {
                            display: inline-block;
                            color: #fff;
                            opacity: .6;
                            border-radius: 2px;
                            line-height: 1;
                            padding: 2px 4px;
                            margin-left: 5px
                        }

                            .submenu .recomment .recomment-item .details .title-box .titlex .tag.shizhan {
                                background-color: #fa6400
                            }

                            .submenu .recomment .recomment-item .details .title-box .titlex .tag.tixi {
                                background-color: #e02020
                            }

                            .submenu .recomment .recomment-item .details .title-box .titlex .tag.lujing {
                                background-color: #0091ff
                            }

                .submenu .recomment .recomment-item .details .bottom {
                    color: #9199a1;
                    line-height: 18px
                }

                    .submenu .recomment .recomment-item .details .bottom .discount-name, .submenu .recomment .recomment-item .details .bottom .tag {
                        display: inline-block;
                        color: #fff;
                        background-color: rgba(242,13,13,.6);
                        border-radius: 2px;
                        padding: 2px 4px;
                        line-height: 1
                    }

                    .submenu .recomment .recomment-item .details .bottom .discount-name {
                        background: rgba(242,13,13,.6)
                    }

                    .submenu .recomment .recomment-item .details .bottom .price:not(.free) {
                        font-weight: 700;
                        color: #f01414
                    }

.menuContent {
    position: relative;
    float: left;
    width: 256px;
    height: 382px;
    z-index: 2;
    padding-top: 17px;
    box-sizing: border-box;
    background: #39364d;
    border-top-left-radius: 8px !important;
    font-weight: 400;
    overflow: hidden;
}

    .menuContent .item {
        line-height: 50px;
        cursor: pointer;
        position: relative;
        color: #fff;
        padding: 0 14px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        height: 50px;
        transition: all .1s;
        font-size: 14px;
        padding-right: 6px;
    }

        .menuContent .item .title {
            width: 70px;
        }

        .menuContent .item .sub-title {
            font-size: 12px;
            flex: 1;
        }

        .menuContent .item i {
            right: 4px;
            top: 16px;
            color: rgba(255,255,255,.5);
            font-size: 16px;
            width: 14px;
        }

        .menuContent .item:hover {
            color: #fff;
            background-color: rgba(255,255,255,.1)
        }

        .menuContent .item.selected {
            color: #fff;
            font-weight: bold;
            background-color: rgba(255,255,255,.1)
        }

.system-class-show {
    height: 100px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 30%);
    border-radius: 0 0 8px 8px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

    .system-class-show .show-box {
        display: flex;
        width: 20%;
        float: left;
        padding: 0px 6px;
        cursor: pointer;
        overflow: hidden;
    }

        .system-class-show .show-box .system-class-icon {
            float: left;
            width: 45px;
            height: 45px;
            background-size: cover;
            margin-right: 8px;
            transition: all .2s;
            flex-shrink: 0;
        }

        .system-class-show .show-box .describe {
            float: left
        }

            .system-class-show .show-box .describe h4 {
                font-family: PingFangSC-Medium;
                font-size: 16px;
                color: #1c1f21;
                letter-spacing: .76px;
                line-height: 22px;
                margin-bottom: 4px;
                white-space: nowrap;
                overflow: hidden;
                margin-top: 0px;
            }

            .system-class-show .show-box .describe p {
                font-family: PingFangSC-Regular;
                font-size: 12px;
                color: #545c63;
                line-height: 18px;
                white-space: nowrap;
                overflow: hidden
            }

        .system-class-show .show-box:hover .system-class-icon {
            transform: translateY(-2px)
        }

        .system-class-show .show-box:hover .describe h4 {
            color: #f01414
        }

    .system-class-show .line {
        float: left;
        height: 36px;
        border: 1px solid #e8e8e8;
        margin-left: 16px;
        margin-top: 33px
    }

    .system-class-show .all-btn {
        position: relative;
        display: block;
        height: 100%;
        cursor: pointer;
        overflow: hidden
    }

        .system-class-show .all-btn .mini-title {
            font-family: PingFangSC-Medium;
            font-size: 12px;
            color: #1c1f21;
            text-align: center;
            line-height: 14px;
            margin-top: 40px
        }

        .system-class-show .all-btn .more-btn {
            font-family: PingFangSC-Regular;
            font-size: 12px;
            color: #545c63;
            line-height: 12px;
            margin-left: 30px;
            position: relative
        }

            .system-class-show .all-btn .more-btn .icon-right2 {
                position: absolute;
                top: 1px;
                left: 28px;
                transition: all .2s
            }

        .system-class-show .all-btn:hover .more-btn {
            color: #1c1f21
        }

            .system-class-show .all-btn:hover .more-btn .icon-right2 {
                transform: translateX(3px)
            }

.types-title {
    height: 50px;
    background: no-repeat left center/auto 29px;
    padding-left: 150px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-image: url('/images/title-bg6.webp?type=png');
}

    .types-title li {
        padding-left: 15px;
        padding-right: 15px;
        line-height: 50px;
        height: 50px;
    }

        .types-title li:hover {
            color: var(--main-color);
            font-weight: bold;
        }

        .types-title li.selected {
            font-weight: bold;
            position: relative;
            cursor: pointer;
        }

            .types-title li.selected:after {
                position: absolute;
                width: 28px;
                content: " ";
                height: 3px;
                left: 50%;
                bottom: 0px;
                background-color: var(--main-color);
                transform: translate(-50%);
                -webkit-transform: translate(-50%);
                -moz-transform: translate(-50%);
                -o-transform: translate(-50%);
                transition: 3s;
                -webkit-transition: 3s;
                -moz-transition: 3s;
                -o-transition: 3s;
                border-radius: 5px;
            }

.home-article-nav {
    background-image: url(/images/nav-sub-back.webp?type=png);
    background-size: 100% 100%;
    margin-bottom: 0px;
    height: 50px;
    position: relative;
    border-bottom: 1px solid #eee;
}

    .home-article-nav .tab {
        flex: 1;
        text-align: center;
        cursor: pointer;
        height: 100%;
        line-height: 50px;
    }

        .home-article-nav .tab.selected, .home-article-nav .tab:hover {
            background-color: var(--main-color);
            color: white;
        }

        .home-article-nav .tab i {
            background-repeat: no-repeat;
            width: 13px;
            height: 10px;
            display: inline-block;
            background-size: 13px 8px;
        }

        .home-article-nav .tab.selected i, .home-article-nav .tab:hover i {
            background-image: url(/images/godown-big-gray-cur.webp?type=png) !important;
        }

    .home-article-nav .tab-more:hover {
        height: 49px;
    }

    .home-article-nav .tab-more + span {
        display: flex;
        position: absolute;
        left: 0px;
        top: 50px;
        background-color: white;
        overflow: hidden;
        height: 0px;
        width: 100%;
        flex-wrap: wrap;
        text-align: center;
        z-index: 1;
    }

        .home-article-nav .tab-more + span:hover {
            height: auto;
        }

        .home-article-nav .tab-more + span span {
            width: 100px;
            height: 50px;
            line-height: 50px;
            margin: 12px;
        }

    .home-article-nav .tab-more:hover + span {
        height: auto;
    }

.channel-silder-nav {
    background-color: #00000047;
    color: white;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 1;
}

.channel-silder-panel {
    height: 100%;
}

.channel-silder-nav li {
    text-align: left;
    cursor: pointer;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 12px;
}

    .channel-silder-nav li h2 {
        margin-top: 12px;
        margin-bottom: 6px;
        height: 28px;
        overflow: hidden;
    }

    .channel-silder-nav li p {
        display: none;
    }

    .channel-silder-nav li.on {
        background-image: url(/images/redtoblack.webp?type=png);
        background-size: 100% 100%;
    }

        .channel-silder-nav li.on h2 {
            font-weight: bold;
        }

        .channel-silder-nav li.on p {
            display: -webkit-box !important;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box !important;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            font-size: 14px;
        }

.slider-news-2 {
    height: 148px;
    display: flex;
}

    .slider-news-2 h2 {
        height: 26px;
        overflow: hidden;
        line-height: 30px;
        font-size: 24px;
        margin-top: 0px;
    }

    .slider-news-2 .left, .slider-news-2 .right {
        background-image: url(/images/bg-gray-opacity.webp?type=png);
        background-size: 100% 100%;
        padding: 15px 20px 15px 20px;
    }

    .slider-news-2 a {
        color: white;
    }

        .slider-news-2 a:hover {
            color: var(--main-color);
        }

    .slider-news-2 p {
        height: 36px;
        overflow: hidden;
    }

        .slider-news-2 p span {
            background: #bf0614 url(/Images/category-bg-left.webp?type=png) left top no-repeat;
            line-height: 30px;
            height: 30px;
            border-radius: 0 9px;
            display: inline-block;
            margin-right: 6px;
            margin-top: 6px;
        }

            .slider-news-2 p span i a {
                color: white !important;
            }

            .slider-news-2 p span i {
                padding-right: 15px;
                margin-left: 15px;
                display: inline-block;
                font-style: normal;
            }

@media (max-width: 767px) {
    .article-list .item h4 {
        font-size: 15px !important;
    }

    .goods .col-md-5 {
        padding-right: 0px;
    }

    .entry-action {
        position: relative
    }

    .navbar {
        min-height: auto;
    }

    .render-body {
        padding-top: 3px;
        padding-bottom: 0px;
    }

    .render-body-top {
        height: 42px !important;
    }

    .tabs {
        height: 38px !important;
        line-height: 38px !important;
    }

    .portal-container .welcome .welcome-space {
        height: 0px !important;
    }

    .navbar-inverse {
        border-top: 2px solid var(--mobile-main-color);
        box-shadow: unset !important;
    }

    .tabs-wrap .tabs .tab.selected {
        color: var(--mobile-main-color) !important;
    }

        .tabs-wrap .tabs .tab.selected:after {
            background-color: var(--mobile-main-color) !important;
        }

    .tabs-radius .selected {
        color: var(--mobile-main-color) !important;
    }

    .pc {
        display: none;
    }

    body {
        background-image: none !important;
    }

    .widget {
        box-shadow: none;
        border-radius: 0px !important;
        margin-left: 0px;
        margin-right: 0px;
        padding: 6px;
        margin-bottom: 3px !important;
    }

    .entry-page-next {
        margin-top: 12px;
    }

    .tab-content {
        padding: 6px;
    }

    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        padding: 0px 0px;
    }

    .main-color {
        color: var(--mobile-main-color);
    }

    .main-color-bg {
        background-color: var(--mobile-main-color) !important;
    }

    .match-day .left {
        background-color: var(--mobile-main-color);
    }

    .tabs .selected {
        color: var(--mobile-main-color);
        font-weight: bold;
    }

        .tabs .selected:after {
            background-color: var(--mobile-main-color);
        }

    p.title:before {
        background-color: var(--mobile-main-color);
    }

    .shang {
        background-color: var(--mobile-main-color);
    }

        .shang:hover, .shang_on {
            background-color: var(--mobile-main-color);
            opacity: .7;
        }


    .ta_btn {
        border: 1px solid var(--mobile-main-color);
        background-color: var(--mobile-main-color);
    }

        .ta_btn:hover {
            background-color: var(--mobile-main-color);
            border: 1px solid var(--mobile-main-color);
        }

    .img-wrapper {
        border-radius: unset;
    }

    .div-rate {
        border-radius: unset;
    }

    .article-list {
        margin-top: 0px !important;
    }

        .article-list .col-md-4 {
            padding-left: 0px !important;
            padding-right: 0px !important;
            margin-bottom: 0px !important;
        }

    h1.title, h4.title {
        margin-top: 0px;
    }

    .article-list-img-div {
        width: 121px;
    }

    .tabs-radius-color .selected {
        background-color: var(--mobile-main-color);
    }


    table {
        font-size: 10px;
    }

    .main-slider-div {
        margin: -6px;
        border-radius: 0px !important;
    }

    .art-next-pre {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .product-cart {
        background-color: white;
        box-shadow: unset;
        border-radius: unset;
        overflow: hidden;
        transition: none;
    }

        .product-cart:hover {
            transform: none;
            box-shadow: unset
        }

        .product-cart .card-title {
            height: auto;
        }

    .p-no-padding {
        margin-left: -6px;
        margin-right: -6px;
    }
}

.slideDownList {
    position: relative;
}

    .slideDownList .item {
        margin-bottom: 12px;
    }

        .slideDownList .item .title {
            display: block;
            height: 30px;
            line-height: 30px;
        }

            .slideDownList .item .title i {
                display: inline-block;
                width: 48px;
                height: 20px;
                margin-top: 5px;
                margin-right: 6px;
                background-repeat: no-repeat;
                float: left;
            }

            .slideDownList .item .title span {
                display: inline-block;
                float: left;
                width: calc(100% - 54px);
            }

        .slideDownList .item .detail {
            display: none;
            position: relative;
        }

            .slideDownList .item .detail h2 {
                margin-top: 6px;
                font-size: 15px;
                line-height: 23px;
            }

            .slideDownList .item .detail i {
                position: absolute;
                left: 0px;
                top: 6px;
                display: inline-block;
                background-repeat: no-repeat;
                width: 70px;
                height: 21px;
                background-size: contain;
            }

            .slideDownList .item .detail .tags {
                margin: 0px -3px;
                display: flex;
                flex-wrap: wrap;
            }

                .slideDownList .item .detail .tags a {
                    color: #999;
                    padding: 0px 3px;
                }