.single-ad {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto 40px;
    max-width: 1240px;
    text-align: center
}
/*body, input {*/
/*    font-family: "PingFang SC", Arial, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", simsun, sans-serif;*/
/*}*/

.single-ad > :nth-child(2) {
    margin-left: 30px
}

.is-rect {
    overflow: hidden;
    width: 300px
}

.pc-ad-common {
    position: relative
}

.god-mark {
    background-color: rgba(0, 0, 0, .4);
    border-radius: 8px 0 0 0;
    bottom: 0;
    color: #fff;
    display: inline-block;
    height: 20px !important;
    line-height: 20px;
    padding: 0 5px;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1
}

.tpl-toast-icon-success[data-v-44280e7c] {
    background: #0cc26d
}

.tpl-toast-icon-error[data-v-44280e7c], .tpl-toast-icon-success[data-v-44280e7c] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 24px
}

.tpl-toast-icon-error[data-v-44280e7c] {
    background: #f79d00
}

.tpl-toast-comp[data-v-44280e7c] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 56px;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    line-height: 56px;
    margin: auto;
    padding: 0 10px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 999
}

.tpl-toast-text[data-v-44280e7c] {
    margin-left: 12px
}

.icon-close-bold[data-v-44280e7c] {
    display: inline-block;
    font-size: 11px;
    font-weight: 600
}

.theme_red_color {
    color: #81bf28 !important
}

.theme_red_background-color, .theme_red_background-color__before:before {
    background-color: #81bf28 !important
}

.theme_red_border-color__after:after {
    border-color: #81bf28 !important
}

.theme_red_border-top-color {
    border-top-color: #81bf28 !important
}

.theme_red_border-color, .theme_red_border-color__focus:focus {
    border-color: #81bf28 !important
}

.theme_red_background-color__hover:hover {
    background-color: #81bf28 !important
}

.theme_red_color__hover:hover {
    color: #81bf28 !important
}

.theme_red_border-color__hover:hover {
    border-color: #81bf28 !important
}

.theme__color {
    color: #81bf28
}

.theme__background-color, .theme__background-color__before:before {
    background-color: #81bf28
}

.theme__border-top-color {
    border-top-color: #81bf28
}

.theme__border-color__focus:focus {
    border-color: #81bf28
}

.theme__background-color__hover:hover {
    background-color: #81bf28
}

.theme__color__hover:hover {
    color: #81bf28
}

.theme__border-color, .theme__border-color__hover:hover {
    border-color: #81bf28
}

a {
    text-decoration: none
}

 {
    list-style: none;
    margin: 0;
    padding: 0
}

.clear {
    overflow: visible
}

.z-top-header {
    border-bottom: 3px solid #111;
    height: 93px;
    margin: auto;
    max-width: 1240px;
    width: 100%
}

.city-wrap, .z-top-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.city-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

.city-wrap .city-list-modal {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .02);
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06), 0 4px 10px -2px rgba(0, 0, 0, .07);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06), 0 4px 10px -2px rgba(0, 0, 0, .07);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    left: 0;
    padding: 16px 12px 4px;
    position: absolute;
    top: 93px;
    width: 246px;
    z-index: 999
}

.city-wrap .city-list-modal .city-item {
    color: #111;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    margin-bottom: 12px;
    overflow: hidden;
    text-align: center;
    width: 60px
}

.city-wrap .more-link {
    color: #619bff
}

.city-wrap .city-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 28px;
    font-weight: 600;
    line-height: 40px
}

.city-wrap .city-title .click-btn {
    background-image: url(static/picture/city_topic_top.png);
    background-size: contain;
    height: 28px;
    margin-left: 8px;
    width: 28px
}

.city-wrap .city-title .btn-advanced {
    background-image: url(static/picture/city_top_white.png) !important
}

.city-wrap .city-title .click-btn-top {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.city-wrap .city-title .click-btn-bottom {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.z-top-header_left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%
}

.z-top-header_left .sohuLogo {
    display: inline-block;
    height: 50px;
    width: 100%;
}

.z-top-header_left .sohuLogo img {
    height: 100%;
    width: 100%
}

.firstChannelText {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    height: 40px;
    left: 80px;
    line-height: 40px;
    position: absolute
}

.divide-line {
    background: #111;
    height: 32px;
    margin: 0 16px;
    opacity: .5;
    width: 1px
}

.second-title {
    color: #111;
    font-size: 32px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    border-left: 4px solid #111;
    padding-left: 10px;
}

.z-top-header_right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.z-top-header_right .right, .z-top-header_right {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%
}

.z-top-header_right .right-share {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 60px
}

.z-top-header_right .share-item {
    border-radius: 50%;
    height: 31px;
    text-align: center;
    width: 31px
}

.z-top-header_right .share-item .iconfont {
    display: block;
    font-size: 18px;
    line-height: 31px
}

.z-top-header_right .share-item:hover {
    cursor: pointer
}

.z-top-header_right .copy-link {
    background: #fff;
    border: 1px solid #dfdfdf;
    color: #5ba4ea;
    margin-right: 7px
}

.z-top-header_right .wechat {
    background: #52c868;
    color: #fff;
    position: relative
}

.z-top-header_right .wechat:hover .wechat-qrcode {
    display: block
}

.z-top-header_right .mask-area {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .02);
    -webkit-box-shadow: 0 -1px 6px 0 rgba(0, 0, 0, .06), 0 4px 10px 2px rgba(0, 0, 0, .07);
    box-shadow: 0 -1px 6px 0 rgba(0, 0, 0, .06), 0 4px 10px 2px rgba(0, 0, 0, .07);
    left: 0;
    padding: 4px;
    position: absolute;
    top: 0
}

.z-top-header_right .triangle {
    border-bottom: 7px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    left: 54px;
    position: absolute;
    top: -6px;
    width: 0;
    z-index: 2
}

.z-top-header_right .wechat-qrcode {
    display: none;
    left: -44px;
    position: absolute;
    top: 44px;
    z-index: 2
}

.z-top-header_right .qrcode-img {
    display: block;
    height: 104px;
    width: 104px
}

.z-logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 40px;
    height: 40px;
    /*width: 149px*/
}


                      .z-logo img {
                          display: block;
                          height: 40px;
                          width: 149px
                      }

.z-logo.kcb {
    height: 32px;
    margin: 24px 0;
    width: 214px
}

.search-model {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 480px
}

.advanced-input {
    width: 300px !important
}

.advanced-input-bg {
    background-color: hsla(0, 0%, 100%, .2) !important;
    color: #fff !important
}

.advanced-input-bg::-webkit-input-placeholder {
    color: #fff;
    opacity: .5
}

.advanced-input-bg::-moz-placeholder {
    color: #fff;
    opacity: .5
}

.advanced-input-bg:-ms-input-placeholder {
    color: #fff;
    opacity: .5
}

.advanced-input-bg::-ms-input-placeholder {
    color: #fff;
    opacity: .5
}

.advanced-input-bg::placeholder {
    color: #fff;
    opacity: .5
}

.search-input-wrapper {
    background-color: #f2f2f2;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin: 0;
    outline: none;
    position: relative;
    width: 480px
}

.search-input-wrapper:hover .search-input {
    background-color: #ebebeb;
    cursor: pointer
}

.search-input-wrapper .search-input {
    background-color: #f2f2f2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #111;
    font-size: 14px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding: 10px 28px 10px 44px;
    width: 480px
}

.search-input-wrapper .search-icon {
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 44px
}

.search-input-wrapper .search-icon i {
    color: #999;
    display: inline-block;
    font-size: 18px;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.search-input-wrapper .search-icon:hover {
    cursor: pointer
}

.search-input-wrapper .search-close {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 13px;
    top: 2px
}

.search-input-wrapper .search-close i {
    color: #666;
    display: inline-block;
    font-size: 11px;
    margin: 2px
}

.logo-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    margin-left: 40px
}

.logo-container .container {
    display: inline-block;
    height: 28px;
    margin-right: 24px;
    position: relative;
    width: 28px
}

.logo-container .container:last-child {
    margin-right: 0
}

.logo-container .shh-tooltip, .logo-container .sohu-email-tooltip {
    background: #333;
    color: #fff;
    display: none;
    font-size: 12px;
    font-weight: 400;
    height: 35px;
    left: -50%;
    line-height: 35px;
    position: absolute;
    text-align: center;
    top: -40px;
    width: 60px;
    z-index: 999
}

.logo-container .shh-three, .logo-container .sohu-email-three {
    border-left: 8px solid transparent;
    border-color: #333 transparent currentcolor;
    border-right: 8px solid transparent;
    border-top: 4px solid #333;
    display: none;
    height: 0;
    left: 7px;
    position: absolute;
    top: -5px;
    width: 0;
    z-index: 999
}

.logo-container .sohu-account:hover .shh-three, .logo-container .sohu-account:hover .shh-tooltip, .logo-container .sohu-email:hover .sohu-email-three, .logo-container .sohu-email:hover .sohu-email-tooltip {
    display: block
}

.logo-container .logo-image {
    height: 100%;
    width: 100%
}

.nav_header[data-v-578df93f] {
    -webkit-box-shadow: 0 1px 0 0 #ebebeb;
    box-shadow: 0 1px 0 0 #ebebeb;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    overflow: hidden
}

.nav_header[data-v-578df93f], .tpl_nav_header[data-v-578df93f] {
    background-color: #fff;
    color: #fff;
    font-size: 16px;
    position: relative;
    width: 1240px
}

.tpl_nav_header[data-v-578df93f] {
    -webkit-box-shadow: inset 0 -1px 0 0 #ebebeb;
    box-shadow: inset 0 -1px 0 0 #ebebeb;
    line-height: 42px;
    margin: 8px auto 0
}

.padding-bottom[data-v-578df93f] {
    background-color: #fff;
    height: 20px;
    margin: 0 auto;
    width: 1240px
}

.nav_container[data-v-578df93f] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    float: left;
    margin: 8px 12px 8px 0;
    position: relative
}

.nav_container[data-v-578df93f]:last-child:after {
    display: none
}

.nav_container[data-v-578df93f]:hover {
    background: #f8f8f8
}

.nav_content_item[data-v-578df93f] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    float: left;
    height: 32px;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 12px 4px 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 66px
}

.nav_content_item[data-v-578df93f]:last-child:after {
    display: none
}

.nav_content_item[data-v-578df93f]:hover {
    background: #f8f8f8
}

.nav_content_item[data-v-578df93f]:nth-child(16n) {
    margin-right: 0
}

.nav_content_item .nav_item[data-v-578df93f] {
    line-height: 23px;
    padding: 0
}

.nav_item[data-v-578df93f] {
    color: #111;
    float: left;
    font-weight: 400;
    height: 22px;
    line-height: 22px;
    padding: 5px 12px
}

.nav_item_layer[data-v-578df93f] {
    color: #666;
    float: left;
    font-weight: 400;
    height: 22px;
    line-height: 22px
}

.nav_active[data-v-578df93f] {
    font-weight: 600
}

.active_slider[data-v-578df93f] {
    height: 4px;
    left: 0;
    margin: 0 auto;
    opacity: .7;
    position: absolute;
    right: 0;
    top: 36px;
    width: 32px
}

.hidden_slider[data-v-578df93f] {
    height: 4px;
    visibility: hidden;
    width: 32px
}

.arrow_down[data-v-578df93f] {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #111;
    height: 0;
    margin-left: 8px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 0
}

.nav-item-more[data-v-578df93f] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.tpl-navigation-layer[data-v-578df93f] {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 79px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    z-index: 100
}

.tpl-navigation-layer[data-v-578df93f]:hover {
    opacity: 1;
    visibility: visible
}

.more-list-arrow-icon[data-v-578df93f] {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-color: transparent currentcolor #fff;
    border-bottom: 8px solid #fff;
    height: 0;
    margin-left: -20px;
    position: absolute;
    right: 32px;
    top: -8px;
    width: 0
}

.navigation-layer-content[data-v-578df93f] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .02);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06), 0 4px 10px -2px rgba(0, 0, 0, .07);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06), 0 4px 10px -2px rgba(0, 0, 0, .07);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 12px 0 4px 12px;
    width: 322px
}

.content-item[data-v-578df93f] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 8px;
    margin-right: 8px;
    overflow: hidden;
    width: 56px
}

.content-item[data-v-578df93f]:hover {
    background: #f8f8f8
}

.content-item a[data-v-578df93f] {
    height: 32px;
    line-height: 32px;
    text-align: center
}

   
                         .focus-gold-wrapper {
                             position: relative
                         }

.focus-gold-wrapper .text-box {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px)
}

.text-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 100%;
    position: relative
}

.text-container img {
    display: inline-block;
    height: 100%;
    width: 100%
}

.text-box {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, .8));
    background: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .8));
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: 24px;
    position: absolute;
    top: 0;
    z-index: 99
}

.text-box .text {
    color: #fff;
    font-size: 12px;
    font-weight: 600
}

.text-box .text span {
    display: inline-block;
    float: left;
    line-height: 16px
}

.text-box .des {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #fff;
    display: -webkit-box;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 8px;
    overflow: hidden
}

.img-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block
}

.img-box-item {
    -webkit-transition: .5s;
    transition: .5s
}

.image-img-content-num {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, .7);
    bottom: 4px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 2px 4px;
    position: absolute;
    right: 4px
}

.extra-info-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.extra-info-item {
    color: #999;
    display: inline-block;
    font-size: 12px
}

.extra-info-link {
    color: #ccc;
    font-weight: 600
}

.extra-info-link:hover {
    color: red;
}

.extra-info-point {
    color: #999;
    font-size: 12px;
    font-weight: 600
}

 {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

.clear {
    zoom: 1;
    overflow: hidden
}

.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.swiper-container {
    -webkit-box-shadow: 0 4px 12px 2px rgba(0, 0, 0, .04), 0 8px 16px -4px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 12px 2px rgba(0, 0, 0, .04), 0 8px 16px -4px rgba(0, 0, 0, .05);
    list-style: none;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-container .swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 1
}

.swiper-container .swiper-wrapper .swiper-slide, .swiper-container .swiper-wrapper {
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-container .swiper-wrapper .swiper-slide {
    -ms-flex-negative: 0;
    background-position: 50%;
    background-size: cover;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    float: left;
    margin-right: 0 !important;
    width: 100% !important
}

.swiper-container .swiper-wrapper .swiper-slide .text-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-filter: blur(30px);
    filter: blur(30px);
    float: left;
    height: 100%;
    position: relative
}

.swiper-container .swiper-wrapper .swiper-slide .text-container img {
    display: inline-block;
    height: 100%;
    width: 100%
}

.swiper-container .swiper-wrapper .swiper-slide .text-box {
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, .8));
    background: linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .8));
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: 24px;
    position: absolute;
    top: 0;
    z-index: 99
}

.swiper-container .swiper-wrapper .swiper-slide .text-box .text {
    color: #fff;
    font-size: 12px;
    font-weight: 600
}

.swiper-container .swiper-wrapper .swiper-slide .text-box .text .title {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.swiper-container .swiper-wrapper .swiper-slide .text-box .text span {
    display: inline-block;
    float: left;
    line-height: 16px
}

.swiper-container .swiper-wrapper .swiper-slide .text-box .des {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #fff;
    display: -webkit-box;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 8px;
    max-height: 60px;
    overflow: hidden
}

.swiper-container .swiper-wrapper .swiper-slide .container-content {
    border-left: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    position: relative
}

.swiper-container .swiper-wrapper .swiper-slide .container-content-img {
    -webkit-transition: .5s;
    transition: .5s
}

.swiper-container .arrow-container {
    bottom: 24px;
    height: 24px;
    left: 24px;
    position: absolute;
    z-index: 999
}

.swiper-container .arrow-container span {
    background: #f2f2f2;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    position: relative;
    width: 24px
}

.swiper-container .swiper-pagination {
    bottom: 0;
    height: 28px;
    left: auto;
    line-height: 0;
    position: absolute;
    right: 610px;
    text-align: right;
    width: auto;
    z-index: 999
}

.swiper-container .swiper-pagination .swiper-pagination-bullet {
    background: hsla(0, 0%, 95%, .5);
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 2px;
    margin: 0 1px;
    opacity: 1;
    width: 6px
}

.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #f2f2f2;
    height: 2px;
    width: 12px
}

.swiper-slide {
    background-position: 50%;
    background-size: cover
}

.swiper-pagination-bullet {
    background: hsla(0, 0%, 95%, .5);
    cursor: pointer;
    display: inline-block;
    height: 2px;
    width: 6px
}

.left-arrow {
    margin-right: 12px
}

.icon-left-arrow {
    border-color: currentcolor currentcolor currentcolor transparent;
    border-right: 7px solid #111
}

.icon-left-arrow, .icon-right-arrow {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    height: 0;
    left: 8px;
    position: absolute;
    top: 7px;
    width: 0
}

.icon-right-arrow {
    border-left: 7px solid #111
}

.image-img-content-num {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, .7);
    bottom: 4px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 2px 4px;
    position: absolute;
    right: 4px
}

.extra-info-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.extra-info-item {
    color: #999;
    display: inline-block;
    font-size: 12px
}

.extra-info-link {
    color: #ccc;
    font-weight: 600
}

.extra-info-link:hover {
    color: #fff
}

.extra-info-point {
    color: #999;
    font-size: 12px;
    font-weight: 600
}

.TPLTextItem {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px
}

.TPLTextItem .icon-wrap {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 22px;
    line-height: 22px;
    margin-right: 4px;
    vertical-align: middle
}

.TPLTextItem .tpl-text-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    line-height: 22px;
    width: 408px
}

.TPLTextItem .tpl-item-point {
    -ms-flex-negative: 0;
    background: #999;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 4px;
    margin-right: 8px;
    width: 4px
}

.TPLTextItem .text-info {
    font-size: 16px
}

.TPLTextItem .text-info, .TPLTextItem .text-info-active {
    color: #111;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.TPLTextItem .text-info-active {
    font-size: 18px;
    font-weight: 600
}

.TPLTextItem .icon-class {
    margin-right: 4px
}

.TPLTextItem a {
    display: inline-block
}

.TPLTextItem a:hover {
    background: #f8f8f8
}

.TPLTextItem .icon-class-new {
    color: #666;
    display: inline-block;
    font-size: 15px;
    font-weight: 400
}

.tpl-video-image-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 128px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 8px 0;
    width: 420px
}

.tpl-video-image-item .image-img-content {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    display: inline-block;
    height: 96px;
    overflow: hidden;
    position: relative;
    width: 144px
}

.tpl-video-image-item .tpl-video-image-item-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

.tpl-video-image-item .tpl-video-image-item-content:hover .tpl-image-text-item-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.tpl-video-image-item .tpl-video-image-item-content .video_mask {
    background: rgba(0, 0, 0, .2);
    height: 96px;
    left: 0;
    position: absolute;
    top: 16px;
    width: 144px;
    z-index: 2
}

.tpl-video-image-item .tpl-image-text-item {
    background: #f9f9f9;
    height: 278px;
    width: 280px
}

.tpl-video-image-item .item-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #111;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpl-video-image-item .tpl-image-text-item-img {
    height: 96px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .5s ease .1s;
    transition: -webkit-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
    width: 144px
}

.tpl-video-image-item .item-avatar {
    border-radius: 50%;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.tpl-video-image-item .item-accountName {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    height: 17px;
    line-height: 17px;
    margin-right: 8px
}

.tpl-video-image-item .item-accountName-time {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    margin-right: 8px
}

.tpl-video-image-item .item-text-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 96px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: 16px;
    padding-bottom: 0;
    position: relative;
    width: 260px
}

.tpl-video-image-item .image-img-content-num, .tpl-video-image-item .item-account-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tpl-video-image-item .image-img-content-num {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: rgba(0, 0, 0, .7);
    bottom: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 4px;
    position: absolute;
    right: 4px;
    z-index: 3
}

.tpl-video-image-item .video-icon {
    bottom: 0;
    color: #fff;
    font-size: 18px;
    height: 18px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    z-index: 3
}

.tpl-video-image-item a:hover {
    background: #f8f8f8
}

.extra-info-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.extra-info-item {
    color: #999;
    display: inline-block;
    font-size: 12px
}

.extra-info-link {
    color: #666;
    font-weight: 600
}

.extra-info-link:hover {
    color: #111
}

.extra-info-point {
    color: #999;
    font-size: 12px;
    font-weight: 600
}

.text-ad-container[data-v-3d567e48], .text-god-wrapper[data-v-3d567e48] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.text-god-wrapper[data-v-3d567e48] {
    min-height: 40px;
    width: 100%
}

.front_point[data-v-3d567e48] {
    background: #999;
    height: 4px;
    width: 4px
}

.MiddleTitleConstsizeCommon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%
}

.MiddleTitleConstsizeCommon .title-border {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 0;
    height: 52px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-left {
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
    max-width: 80%
}

.MiddleTitleConstsizeCommon .tpl-middle-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MiddleTitleConstsizeCommon .title-text-font-size {
    color: #111;
    font-size: 36px;
    font-weight: 600
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg {
    height: 26px;
    margin: 4px 0 0 10px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg img {
    height: 26px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    margin-top: 6px;
    text-align: right;
    vertical-align: middle;
    width: 48px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .icon-next-info {
    color: #999;
    display: inline-block;
    font-size: 11px;
    -webkit-transform: translate(-3px, 1px);
    transform: translate(-3px, 1px)
}

.MiddleTitleConstsizeCommon .header-right-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .header-right-content .right-line {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 0 8px 10px;
    width: 2px
}

.MiddleTitleConstsizeCommon .header-sort-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 6px;
    padding: 2px 4px
}

.MiddleTitleConstsizeCommon .header-sort-container img {
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.MiddleTitleConstsizeCommon .header-sort-container div {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.MiddleTitleConstsizeCommon .header-sort-container:hover {
    background: #f8f8f8;
    cursor: pointer
}

.MiddleTitleConstsizeCommon .title-menu-item {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin: 4px 12px 0 0;
    padding: 0 8px
}

.MiddleTitleConstsizeCommon .title-menu-item:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .title-menu-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 34px;
    margin: 0 12px 0 24px
}

.MiddleTitleConstsizeCommon .title-menu-list, .MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.MiddleTitleConstsizeCommon .right-line-margin {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 6px 8px;
    width: 2px
}

.tpl-layout-sub-compTag[data-v-89782448] {
    margin-bottom: 20px
}

a[data-v-0427af61] {
    text-decoration: none
}

.tpl-big-title[data-v-0427af61] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-position: 0;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.tpl-big-title .left-box[data-v-0427af61] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.tpl-big-title .text[data-v-0427af61] {
    color: #111;
    font-size: 36px;
    font-weight: 600;
    height: 52px;
    line-height: 52px
}

.tpl-big-title .more[data-v-0427af61] {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    background-color: #f2f2f2;
    color: #111;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    margin: 0 0 0 16px;
    position: relative;
    width: 32px
}

.tpl-big-title .more .iconposition[data-v-0427af61] {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tpl-big-title .more[data-v-0427af61]:hover {
    background: #ebebeb
}

.big-title-subnav-box[data-v-0427af61] {
    -webkit-box-flex: 1;
    background: #f8f8f8;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 48px;
    margin: 2px 0 2px 16px;
    overflow: hidden
}

.big-title-subnav-box .bottom-box[data-v-0427af61] {
    bottom: -8px;
    display: inline-block;
    height: 4px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50%
}

.big-title-subnav-box .nav-item[data-v-0427af61] {
    display: inline-block;
    margin: 8px 0 8px 8px;
    position: relative
}

.big-title-subnav-box .hover-active-hidden[data-v-0427af61]:hover {
    background: none !important
}

.big-title-subnav[data-v-0427af61] {
    color: #666;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    padding: 0 12px
}

.big-title-subnav[data-v-0427af61]:hover {
    background: #ebebeb
}

.tpl-middle-title[data-v-0427af61] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 1240px;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%
}

.tpl-middle-title-left[data-v-0427af61] {
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px
}

.tpl-middle-title-text[data-v-0427af61] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tpl-middle-title-data[data-v-0427af61] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 28px;
    line-height: 28px;
    margin: 4px 24px 4px 12px
}

.middle-title-subnav[data-v-0427af61] {
    color: #666;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-left: 12px;
    padding: 0 8px
}

.middle-title-subnav[data-v-0427af61]:hover {
    background: #f8f8f8
}

.tpl-middle-title-more[data-v-0427af61] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    margin-top: 6px;
    text-align: right;
    vertical-align: middle;
    width: 48px
}

.tpl-middle-title-more[data-v-0427af61]:hover {
    background: #f8f8f8
}

.icon-next-info[data-v-0427af61] {
    color: #999;
    display: inline-block;
    font-size: 11px;
    -webkit-transform: translate(-3px, 1px);
    transform: translate(-3px, 1px)
}

.header-right-content[data-v-0427af61] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.header-right-content .right-line[data-v-0427af61] {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 0 8px 10px;
    width: 2px
}

.header-sort-container[data-v-0427af61] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 6px;
    padding: 2px 4px
}

.header-sort-container img[data-v-0427af61] {
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.header-sort-container div[data-v-0427af61] {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.header-sort-container[data-v-0427af61]:hover {
    background: #f8f8f8;
    cursor: pointer
}

.big-header-sort-container[data-v-0427af61] {
    -ms-flex-item-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: center;
    align-self: center;
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 0 0 20px;
    padding: 6px 16px 6px 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.big-header-sort-container[data-v-0427af61]:hover {
    cursor: pointer
}

.big-header-sort-container[data-v-0427af61]:active {
    background-color: #f8f8f8
}

.big-header-sort-container img[data-v-0427af61] {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.big-header-sort-container div[data-v-0427af61] {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.big-header-sort-container div[data-v-0427af61]:hover {
    font-weight: 600
}

.tpl-layout[data-v-9ecf1df6] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 880px
}

.tpl-layout .sub-content[data-v-9ecf1df6] {
    margin-bottom: 40px
}

.BigimgtextItem[data-v-b592be74] {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    height: 216px;
    position: relative;
    width: 386px
}

.BigimgtextItem .titleContainer[data-v-b592be74] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: 8px;
    position: absolute;
    top: 0;
    width: 100%
}

.BigimgtextItem .titleContainer .title[data-v-b592be74] {
    background-color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: 20px;
    line-height: 12px;
    max-width: 100%;
    overflow: hidden;
    padding: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BigimgtextItem .image[data-v-b592be74] {
    display: block;
    height: 100%;
    width: 100%
}

.BigimgtextItem .titleBrief[data-v-b592be74] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    left: 0;
    padding: 16px;
    position: absolute;
    width: 100%
}

.BigimgtextItem .titleBrief .autoNewsItem[data-v-b592be74] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.BigimgtextItem .titleBrief .autoNewsItem + .autoNewsItem[data-v-b592be74] {
    margin-top: 4px
}

.BigimgtextItem .titleBrief .autoNewsItem .itemDot[data-v-b592be74] {
    background: #999;
    height: 4px;
    margin-right: 8px;
    width: 4px
}

.BigimgtextItem .titleBrief .autoNewsItem .title[data-v-b592be74] {
    -webkit-box-flex: 1;
    color: #fff;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 22px;
    max-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.BigimgtextItem .titleBrief .autoNewsItem .title.index0[data-v-b592be74] {
    font-weight: 600
}

.SidebarBigimgtextItem[data-v-339842cc] {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    height: 236px;
    position: relative;
    width: 420px
}

.SidebarBigimgtextItem .titleContainer[data-v-339842cc] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: 8px;
    position: absolute;
    top: 0;
    width: 100%
}

.SidebarBigimgtextItem .titleContainer .title[data-v-339842cc] {
    background-color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: 20px;
    line-height: 12px;
    max-width: 100%;
    overflow: hidden;
    padding: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SidebarBigimgtextItem .image[data-v-339842cc] {
    display: block;
    height: 100%;
    width: 100%
}

.SidebarBigimgtextItem .titleBrief[data-v-339842cc] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    left: 0;
    padding: 16px;
    position: absolute;
    width: 100%
}

.SidebarBigimgtextItem .titleBrief .autoNewsItem[data-v-339842cc] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.SidebarBigimgtextItem .titleBrief .autoNewsItem + .autoNewsItem[data-v-339842cc] {
    margin-top: 4px
}

.SidebarBigimgtextItem .titleBrief .autoNewsItem .itemDot[data-v-339842cc] {
    background: #999;
    height: 4px;
    margin-right: 8px;
    width: 4px
}

.SidebarBigimgtextItem .titleBrief .autoNewsItem .title[data-v-339842cc] {
    -webkit-box-flex: 1;
    color: #fff;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 22px;
    max-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SidebarBigimgtextItem .titleBrief .autoNewsItem .title.index0[data-v-339842cc] {
    font-weight: 600
}

.CardfeedConstsizeBigimgtext[data-v-219eeec6] {
    padding: 0 0 40px
}

.CardfeedConstsizeBigimgtext .tpl-banner-feed-header[data-v-219eeec6] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    height: 28px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 16px
}

.CardfeedConstsizeBigimgtext .tpl-banner-feed-header .title[data-v-219eeec6], .CardfeedConstsizeBigimgtext .tpl-banner-feed-header[data-v-219eeec6] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.CardfeedConstsizeBigimgtext .tpl-banner-feed-header .title .title-img[data-v-219eeec6] {
    height: 24px;
    margin: 2px 8px 0 0;
    width: 24px
}

.CardfeedConstsizeBigimgtext .tpl-banner-feed-header .title .title-text[data-v-219eeec6] {
    color: #111;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.CardfeedConstsizeBigimgtext .tpl-banner-feed-header .more[data-v-219eeec6] {
    color: #999;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
    width: 70px
}

.CardfeedConstsizeBigimgtext .tpl-banner-feed-header .more[data-v-219eeec6]:hover {
    background-color: #f8f8f8
}

.CardfeedConstsizeBigimgtext .feedContainer[data-v-219eeec6] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
    width: 100%
}

.TPLTextItem {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px
}

.TPLTextItem .icon-wrap {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 22px;
    line-height: 22px;
    margin-right: 4px;
    vertical-align: middle
}

.TPLTextItem .tpl-text-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    line-height: 22px;
    width: 408px
}

.TPLTextItem .tpl-item-point {
    -ms-flex-negative: 0;
    background: #999;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 4px;
    margin-right: 8px;
    width: 4px
}

.TPLTextItem .text-info {
    font-size: 16px
}

.TPLTextItem .text-info, .TPLTextItem .text-info-active {
    color: #111;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.TPLTextItem .text-info-active {
    font-size: 18px;
    font-weight: 600
}

.TPLTextItem .icon-class {
    margin-right: 4px
}

.TPLTextItem a {
    display: inline-block
}

.TPLTextItem a:hover {
    background: #f8f8f8
}

.TPLTextItem .icon-class-new {
    color: #666;
    display: inline-block;
    font-size: 15px;
    font-weight: 400
}

.tpl-video-image-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 128px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 8px 0;
    width: 420px
}

.tpl-video-image-item .image-img-content {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    display: inline-block;
    height: 96px;
    overflow: hidden;
    position: relative;
    width: 144px
}

.tpl-video-image-item .tpl-video-image-item-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

.tpl-video-image-item .tpl-video-image-item-content:hover .tpl-image-text-item-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.tpl-video-image-item .tpl-video-image-item-content .video_mask {
    background: rgba(0, 0, 0, .2);
    height: 96px;
    left: 0;
    position: absolute;
    top: 16px;
    width: 144px;
    z-index: 2
}

.tpl-video-image-item .tpl-image-text-item {
    background: #f9f9f9;
    height: 278px;
    width: 280px
}

.tpl-video-image-item .item-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #111;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpl-video-image-item .tpl-image-text-item-img {
    height: 96px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .5s ease .1s;
    transition: -webkit-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
    width: 144px
}

.tpl-video-image-item .item-avatar {
    border-radius: 50%;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.tpl-video-image-item .item-accountName {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    height: 17px;
    line-height: 17px;
    margin-right: 8px
}

.tpl-video-image-item .item-accountName-time {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    margin-right: 8px
}

.tpl-video-image-item .item-text-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 96px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: 16px;
    padding-bottom: 0;
    position: relative;
    width: 260px
}

.tpl-video-image-item .image-img-content-num, .tpl-video-image-item .item-account-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tpl-video-image-item .image-img-content-num {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: rgba(0, 0, 0, .7);
    bottom: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 4px;
    position: absolute;
    right: 4px;
    z-index: 3
}

.tpl-video-image-item .video-icon {
    bottom: 0;
    color: #fff;
    font-size: 18px;
    height: 18px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    z-index: 3
}

.tpl-video-image-item a:hover {
    background: #f8f8f8
}

.extra-info-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.extra-info-item {
    color: #999;
    display: inline-block;
    font-size: 12px
}

.extra-info-link {
    color: #666;
    font-weight: 600
}

.extra-info-link:hover {
    color: #111
}

.extra-info-point {
    color: #999;
    font-size: 12px;
    font-weight: 600
}

a[data-v-0427af61] {
    text-decoration: none
}

.tpl-big-title[data-v-0427af61] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-position: 0;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.tpl-big-title .left-box[data-v-0427af61] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.tpl-big-title .text[data-v-0427af61] {
    color: #111;
    font-size: 36px;
    font-weight: 600;
    height: 52px;
    line-height: 52px
}

.tpl-big-title .more[data-v-0427af61] {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    background-color: #f2f2f2;
    color: #111;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    margin: 0 0 0 16px;
    position: relative;
    width: 32px
}

.tpl-big-title .more .iconposition[data-v-0427af61] {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tpl-big-title .more[data-v-0427af61]:hover {
    background: #ebebeb
}

.big-title-subnav-box[data-v-0427af61] {
    -webkit-box-flex: 1;
    background: #f8f8f8;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 48px;
    margin: 2px 0 2px 16px;
    overflow: hidden
}

.big-title-subnav-box .bottom-box[data-v-0427af61] {
    bottom: -8px;
    display: inline-block;
    height: 4px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50%
}

.big-title-subnav-box .nav-item[data-v-0427af61] {
    display: inline-block;
    margin: 8px 0 8px 8px;
    position: relative
}

.big-title-subnav-box .hover-active-hidden[data-v-0427af61]:hover {
    background: none !important
}

.big-title-subnav[data-v-0427af61] {
    color: #666;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    padding: 0 12px
}

.big-title-subnav[data-v-0427af61]:hover {
    background: #ebebeb
}

.tpl-middle-title[data-v-0427af61] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 1240px;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%
}

.tpl-middle-title-left[data-v-0427af61] {
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px
}

.tpl-middle-title-text[data-v-0427af61] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tpl-middle-title-data[data-v-0427af61] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 28px;
    line-height: 28px;
    margin: 4px 24px 4px 12px
}

.middle-title-subnav[data-v-0427af61] {
    color: #666;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-left: 12px;
    padding: 0 8px
}

.middle-title-subnav[data-v-0427af61]:hover {
    background: #f8f8f8
}

.tpl-middle-title-more[data-v-0427af61] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    margin-top: 6px;
    text-align: right;
    vertical-align: middle;
    width: 48px
}

.tpl-middle-title-more[data-v-0427af61]:hover {
    background: #f8f8f8
}

.icon-next-info[data-v-0427af61] {
    color: #999;
    display: inline-block;
    font-size: 11px;
    -webkit-transform: translate(-3px, 1px);
    transform: translate(-3px, 1px)
}

.header-right-content[data-v-0427af61] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.header-right-content .right-line[data-v-0427af61] {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 0 8px 10px;
    width: 2px
}

.header-sort-container[data-v-0427af61] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 6px;
    padding: 2px 4px
}

.header-sort-container img[data-v-0427af61] {
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.header-sort-container div[data-v-0427af61] {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.header-sort-container[data-v-0427af61]:hover {
    background: #f8f8f8;
    cursor: pointer
}

.big-header-sort-container[data-v-0427af61] {
    -ms-flex-item-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: center;
    align-self: center;
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 0 0 20px;
    padding: 6px 16px 6px 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.big-header-sort-container[data-v-0427af61]:hover {
    cursor: pointer
}

.big-header-sort-container[data-v-0427af61]:active {
    background-color: #f8f8f8
}

.big-header-sort-container img[data-v-0427af61] {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.big-header-sort-container div[data-v-0427af61] {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.big-header-sort-container div[data-v-0427af61]:hover {
    font-weight: 600
}

.text-ad-container[data-v-3d567e48], .text-god-wrapper[data-v-3d567e48] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.text-god-wrapper[data-v-3d567e48] {
    min-height: 40px;
    width: 100%
}

.front_point[data-v-3d567e48] {
    background: #999;
    height: 4px;
    width: 4px
}

.ImageTextCover {
    display: block;
    overflow: hidden;
    position: relative
}

.ImageTextCover:hover .cover-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.ImageTextCover .content-time {
    background: #3676f5;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    left: 8px;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 51px;
    z-index: 2
}

.ImageTextCover .container {
    overflow: hidden;
    position: relative
}

.ImageTextCover .container .cover-image {
    height: 100%;
    -webkit-transition: -webkit-transform .5s ease .1s;
    transition: -webkit-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
    width: 100%
}

.ImageTextCover .container .shadow {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .3);
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: 8px 16px;
    position: absolute;
    vertical-align: middle;
    width: 100%;
    z-index: 1
}

.ImageTextCover .container .shadow .icon-front {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.ImageTextCover .container .shadow .title-text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.MiddleTitleConstsizeCommon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%
}

.MiddleTitleConstsizeCommon .title-border {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 0;
    height: 52px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-left {
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
    max-width: 80%
}

.MiddleTitleConstsizeCommon .tpl-middle-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MiddleTitleConstsizeCommon .title-text-font-size {
    color: #111;
    font-size: 36px;
    font-weight: 600
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg {
    height: 26px;
    margin: 4px 0 0 10px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg img {
    height: 26px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    margin-top: 6px;
    text-align: right;
    vertical-align: middle;
    width: 48px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .icon-next-info {
    color: #999;
    display: inline-block;
    font-size: 11px;
    -webkit-transform: translate(-3px, 1px);
    transform: translate(-3px, 1px)
}

.MiddleTitleConstsizeCommon .header-right-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .header-right-content .right-line {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 0 8px 10px;
    width: 2px
}

.MiddleTitleConstsizeCommon .header-sort-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 6px;
    padding: 2px 4px
}

.MiddleTitleConstsizeCommon .header-sort-container img {
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.MiddleTitleConstsizeCommon .header-sort-container div {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.MiddleTitleConstsizeCommon .header-sort-container:hover {
    background: #f8f8f8;
    cursor: pointer
}

.MiddleTitleConstsizeCommon .title-menu-item {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin: 4px 12px 0 0;
    padding: 0 8px
}

.MiddleTitleConstsizeCommon .title-menu-item:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .title-menu-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 34px;
    margin: 0 12px 0 24px
}

.MiddleTitleConstsizeCommon .title-menu-list, .MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.MiddleTitleConstsizeCommon .right-line-margin {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 6px 8px;
    width: 2px
}

.tpl-layout-mul[data-v-fbab1ae2] {
    margin-bottom: 40px
}

.tpl-layout-mul-header[data-v-fbab1ae2] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 2px solid #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 880px
}

.tpl-layout-sub-header-title[data-v-fbab1ae2] {
    color: #111;
    font-size: 22px;
    font-weight: 600
}

.tpl-layout-sub-header-more[data-v-fbab1ae2] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle
}

.icon-next-info[data-v-fbab1ae2] {
    color: #999;
    display: inline-block;
    font-size: 11px
}

.tpl-layout-header[data-v-fbab1ae2] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 48px
}

.tpl-layout-header[data-v-fbab1ae2]:hover {
    background: #f8f8f8
}

.tpl-layout-mul-lists[data-v-fbab1ae2] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 880px
}

.tpl-layout-mul-list-item[data-v-fbab1ae2] {
    width: 420px
}

.CardImgTextItem {
    background: #fff;
    -webkit-box-shadow: 0 4px 12px 2px rgba(0, 0, 0, .04), 0 8px 16px -4px rgba(0, 0, 0, .05);
    box-shadow: 0 4px 12px 2px rgba(0, 0, 0, .04), 0 8px 16px -4px rgba(0, 0, 0, .05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 20px;
    -webkit-transition: -webkit-transform .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    width: 295px
}

.CardImgTextItem:hover {
    -webkit-box-shadow: 0 12px 20px 8px rgba(0, 0, 0, .03), 0 16px 24px -6px rgba(0, 0, 0, .04);
    box-shadow: 0 12px 20px 8px rgba(0, 0, 0, .03), 0 16px 24px -6px rgba(0, 0, 0, .04);
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.item-inner .firstItem {
    overflow: hidden;
    position: relative
}

.item-inner .firstItem img {
    border: 1px solid rgba(0, 0, 0, .05);
    display: block;
    height: 166px;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s
}

.item-inner .firstItem .tagContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: 4px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.item-inner .firstItem .tagContainer .tag {
    background-color: rgba(0, 0, 0, .7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: 20px;
    line-height: 12px;
    max-width: 100%;
    overflow: hidden;
    padding: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-inner .firstItem .titleContainer {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .9)), to(transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .9), transparent);
    background: linear-gradient(1turn, rgba(0, 0, 0, .9), transparent);
    bottom: 0;
    height: 116px;
    left: 0;
    position: absolute;
    width: 100%
}

.item-inner .firstItem .titleContainer .title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    bottom: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 600;
    left: 0;
    line-height: 22px;
    max-height: 44px;
    min-height: 22px;
    overflow: hidden;
    padding: 0 16px;
    position: absolute;
    text-overflow: ellipsis;
    width: 100%
}

.item-inner a {
    display: block
}

.item-inner .img-container {
    overflow: hidden;
    position: relative
}

.item-inner .img-container:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.item-inner .img-container .topicTagContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: 4px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.item-inner .img-container .topicTagContainer .topicTag {
    background-color: rgba(0, 0, 0, .7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    height: 20px;
    line-height: 12px;
    max-width: 100%;
    overflow: hidden;
    padding: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.item-inner .img-container .videoLayer {
    background-color: rgba(0, 0, 0, .2);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.item-inner .img-container .videoTag {
    color: #fff;
    display: inline-block;
    font-size: 32px;
    height: 32px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 32px;
    z-index: 3
}

.item-inner .img-container .videoTimeTag {
    background-color: rgba(0, 0, 0, .7);
    bottom: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    position: absolute;
    right: 4px;
    z-index: 2
}

.item-inner .img-container img {
    border: 1px solid rgba(0, 0, 0, .05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
    width: 100%
}

.item-inner .title {
    padding: 16px
}

.item-inner .title .article-title {
    -webkit-line-clamp: 2;
    height: 44px;
    white-space: normal
}

.item-inner .title .article-title, .item-inner .title .topic-article {
    -webkit-box-orient: vertical;
    color: #111;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis
}

.item-inner .title .topic-article {
    -webkit-line-clamp: 1;
    height: 22px;
    padding-top: 16px
}

.item-inner .title .autoNews-second {
    border-top: 1px solid #ebebeb;
    margin-top: 16px
}

.item-inner .title .article-author {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 16px;
    margin-top: 24px
}

.item-inner .title .article-author.topicCard {
    margin-top: 40px
}

.item-inner .title .article-author .authornName, .item-inner .title .article-author .authornPv {
    font-weight: 600
}

.item-accountName {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    margin-right: 8px
}

.item-text-content-detail {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.extra-info-list {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.extra-info-item {
    color: #999;
    display: inline-block;
    font-size: 12px
}

.extra-info-link {
    color: #666;
    font-weight: 600
}

.extra-info-link:hover {
    color: #111
}

.extra-info-point {
    color: #999;
    font-size: 12px;
    font-weight: 600
}

a[data-v-0427af61] {
    text-decoration: none
}

.tpl-big-title[data-v-0427af61] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-position: 0;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.tpl-big-title .left-box[data-v-0427af61] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.tpl-big-title .text[data-v-0427af61] {
    color: #111;
    font-size: 36px;
    font-weight: 600;
    height: 52px;
    line-height: 52px
}

.tpl-big-title .more[data-v-0427af61] {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    background-color: #f2f2f2;
    color: #111;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    margin: 0 0 0 16px;
    position: relative;
    width: 32px
}

.tpl-big-title .more .iconposition[data-v-0427af61] {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tpl-big-title .more[data-v-0427af61]:hover {
    background: #ebebeb
}

.big-title-subnav-box[data-v-0427af61] {
    -webkit-box-flex: 1;
    background: #f8f8f8;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 48px;
    margin: 2px 0 2px 16px;
    overflow: hidden
}

.big-title-subnav-box .bottom-box[data-v-0427af61] {
    bottom: -8px;
    display: inline-block;
    height: 4px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50%
}

.big-title-subnav-box .nav-item[data-v-0427af61] {
    display: inline-block;
    margin: 8px 0 8px 8px;
    position: relative
}

.big-title-subnav-box .hover-active-hidden[data-v-0427af61]:hover {
    background: none !important
}

.big-title-subnav[data-v-0427af61] {
    color: #666;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    padding: 0 12px
}

.big-title-subnav[data-v-0427af61]:hover {
    background: #ebebeb
}

.tpl-middle-title[data-v-0427af61] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 1240px;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%
}

.tpl-middle-title-left[data-v-0427af61] {
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px
}

.tpl-middle-title-text[data-v-0427af61] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tpl-middle-title-data[data-v-0427af61] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 28px;
    line-height: 28px;
    margin: 4px 24px 4px 12px
}

.middle-title-subnav[data-v-0427af61] {
    color: #666;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-left: 12px;
    padding: 0 8px
}

.middle-title-subnav[data-v-0427af61]:hover {
    background: #f8f8f8
}

.tpl-middle-title-more[data-v-0427af61] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    margin-top: 6px;
    text-align: right;
    vertical-align: middle;
    width: 48px
}

.tpl-middle-title-more[data-v-0427af61]:hover {
    background: #f8f8f8
}

.icon-next-info[data-v-0427af61] {
    color: #999;
    display: inline-block;
    font-size: 11px;
    -webkit-transform: translate(-3px, 1px);
    transform: translate(-3px, 1px)
}

.header-right-content[data-v-0427af61] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.header-right-content .right-line[data-v-0427af61] {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 0 8px 10px;
    width: 2px
}

.header-sort-container[data-v-0427af61] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 6px;
    padding: 2px 4px
}

.header-sort-container img[data-v-0427af61] {
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.header-sort-container div[data-v-0427af61] {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.header-sort-container[data-v-0427af61]:hover {
    background: #f8f8f8;
    cursor: pointer
}

.big-header-sort-container[data-v-0427af61] {
    -ms-flex-item-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: center;
    align-self: center;
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 0 0 20px;
    padding: 6px 16px 6px 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.big-header-sort-container[data-v-0427af61]:hover {
    cursor: pointer
}

.big-header-sort-container[data-v-0427af61]:active {
    background-color: #f8f8f8
}

.big-header-sort-container img[data-v-0427af61] {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.big-header-sort-container div[data-v-0427af61] {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.big-header-sort-container div[data-v-0427af61]:hover {
    font-weight: 600
}

.MiddleTitleConstsizeCommon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%
}

.MiddleTitleConstsizeCommon .title-border {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 0;
    height: 52px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-left {
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
    max-width: 80%
}

.MiddleTitleConstsizeCommon .tpl-middle-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MiddleTitleConstsizeCommon .title-text-font-size {
    color: #111;
    font-size: 36px;
    font-weight: 600
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg {
    height: 26px;
    margin: 4px 0 0 10px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg img {
    height: 26px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    margin-top: 6px;
    text-align: right;
    vertical-align: middle;
    width: 48px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .icon-next-info {
    color: #999;
    display: inline-block;
    font-size: 11px;
    -webkit-transform: translate(-3px, 1px);
    transform: translate(-3px, 1px)
}

.MiddleTitleConstsizeCommon .header-right-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .header-right-content .right-line {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 0 8px 10px;
    width: 2px
}

.MiddleTitleConstsizeCommon .header-sort-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 6px;
    padding: 2px 4px
}

.MiddleTitleConstsizeCommon .header-sort-container img {
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.MiddleTitleConstsizeCommon .header-sort-container div {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.MiddleTitleConstsizeCommon .header-sort-container:hover {
    background: #f8f8f8;
    cursor: pointer
}

.MiddleTitleConstsizeCommon .title-menu-item {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin: 4px 12px 0 0;
    padding: 0 8px
}

.MiddleTitleConstsizeCommon .title-menu-item:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .title-menu-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 34px;
    margin: 0 12px 0 24px
}

.MiddleTitleConstsizeCommon .title-menu-list, .MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.MiddleTitleConstsizeCommon .right-line-margin {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 6px 8px;
    width: 2px
}

.tpl-feed-content[data-v-6478af2f] {
    margin-bottom: 20px;
    width: 880px
}

.feed-content[data-v-6478af2f] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.feed-content-item[data-v-6478af2f] {
    background: #fff
}

.SidebarTextgroup {
    background-color: #f8f8f8;
    border: 1px solid rgba(0, 0, 0, .02);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 146px;
    position: relative;
    width: 386px
}

.SidebarTextgroup:hover {
    background-color: #ebebeb
}

.SidebarTextgroup .titleGroupContainer {
    padding: 16px 16px 0
}

.SidebarTextgroup .titleGroupContainer .titleContainer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 22px
}

.SidebarTextgroup .titleGroupContainer .titleContainer.first .title {
    font-weight: 600
}

.SidebarTextgroup .titleGroupContainer .titleContainer + .titleContainer {
    margin-top: 4px
}

.SidebarTextgroup .titleGroupContainer .titleContainer .itemDot {
    background: #999;
    height: 4px;
    margin-right: 8px;
    width: 4px
}

.SidebarTextgroup .titleGroupContainer .titleContainer .title {
    -webkit-box-flex: 1;
    color: #111;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 22px;
    max-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SidebarTextgroup .extra-info-list {
    bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 28px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SidebarTextgroup .extra-info-item {
    color: #999;
    display: inline-block;
    font-size: 12px;
    line-height: 16px
}

.SidebarTextgroup .extra-info-link {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.SidebarTextgroup .extra-info-link:hover {
    color: #111
}

.SidebarTextgroup .extra-info-point {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.Textgroup {
    background-color: #f8f8f8;
    border: 1px solid rgba(0, 0, 0, .02);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 146px;
    position: relative;
    width: 420px
}

.Textgroup:hover {
    background-color: #ebebeb
}

.Textgroup .titleGroupContainer {
    padding: 16px 16px 0
}

.Textgroup .titleGroupContainer .titleContainer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 22px
}

.Textgroup .titleGroupContainer .titleContainer.first .title {
    font-weight: 600
}

.Textgroup .titleGroupContainer .titleContainer + .titleContainer {
    margin-top: 4px
}

.Textgroup .titleGroupContainer .titleContainer .itemDot {
    background: #999;
    height: 4px;
    margin-right: 8px;
    width: 4px
}

.Textgroup .titleGroupContainer .titleContainer .title {
    -webkit-box-flex: 1;
    color: #111;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 22px;
    max-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Textgroup .extra-info-list {
    bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 28px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Textgroup .extra-info-item {
    color: #999;
    display: inline-block;
    font-size: 12px;
    line-height: 16px
}

.Textgroup .extra-info-link {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.Textgroup .extra-info-link:hover {
    color: #111
}

.Textgroup .extra-info-point {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.CardfeedConstsizeTextgroup[data-v-1354268f] {
    padding: 0 0 40px
}

.CardfeedConstsizeTextgroup .tpl-banner-feed-header[data-v-1354268f] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    height: 28px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 16px
}

.CardfeedConstsizeTextgroup .tpl-banner-feed-header .title[data-v-1354268f], .CardfeedConstsizeTextgroup .tpl-banner-feed-header[data-v-1354268f] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.CardfeedConstsizeTextgroup .tpl-banner-feed-header .title .title-img[data-v-1354268f] {
    height: 24px;
    margin: 2px 8px 0 0;
    width: 24px
}

.CardfeedConstsizeTextgroup .tpl-banner-feed-header .title .title-text[data-v-1354268f] {
    color: #111;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.CardfeedConstsizeTextgroup .tpl-banner-feed-header .more[data-v-1354268f] {
    color: #999;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
    width: 70px
}

.CardfeedConstsizeTextgroup .tpl-banner-feed-header .more[data-v-1354268f]:hover {
    background-color: #f8f8f8
}

.CardfeedConstsizeTextgroup .feedContainer[data-v-1354268f] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
    width: 100%
}

.MiddleTitleConstsizeCommon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%
}

.MiddleTitleConstsizeCommon .title-border {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 0;
    height: 52px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-left {
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
    max-width: 80%
}

.MiddleTitleConstsizeCommon .tpl-middle-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MiddleTitleConstsizeCommon .title-text-font-size {
    color: #111;
    font-size: 36px;
    font-weight: 600
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg {
    height: 26px;
    margin: 4px 0 0 10px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg img {
    height: 26px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    margin-top: 6px;
    text-align: right;
    vertical-align: middle;
    width: 48px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .icon-next-info {
    color: #999;
    display: inline-block;
    font-size: 11px;
    -webkit-transform: translate(-3px, 1px);
    transform: translate(-3px, 1px)
}

.MiddleTitleConstsizeCommon .header-right-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .header-right-content .right-line {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 0 8px 10px;
    width: 2px
}

.MiddleTitleConstsizeCommon .header-sort-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 6px;
    padding: 2px 4px
}

.MiddleTitleConstsizeCommon .header-sort-container img {
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.MiddleTitleConstsizeCommon .header-sort-container div {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.MiddleTitleConstsizeCommon .header-sort-container:hover {
    background: #f8f8f8;
    cursor: pointer
}

.MiddleTitleConstsizeCommon .title-menu-item {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin: 4px 12px 0 0;
    padding: 0 8px
}

.MiddleTitleConstsizeCommon .title-menu-item:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .title-menu-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 34px;
    margin: 0 12px 0 24px
}

.MiddleTitleConstsizeCommon .title-menu-list, .MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.MiddleTitleConstsizeCommon .right-line-margin {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 6px 8px;
    width: 2px
}

.tpl-video-image-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 128px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 8px 0;
    width: 420px
}

.tpl-video-image-item .image-img-content {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    display: inline-block;
    height: 96px;
    overflow: hidden;
    position: relative;
    width: 144px
}

.tpl-video-image-item .tpl-video-image-item-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

.tpl-video-image-item .tpl-video-image-item-content:hover .tpl-image-text-item-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.tpl-video-image-item .tpl-video-image-item-content .video_mask {
    background: rgba(0, 0, 0, .2);
    height: 96px;
    left: 0;
    position: absolute;
    top: 16px;
    width: 144px;
    z-index: 2
}

.tpl-video-image-item .tpl-image-text-item {
    background: #f9f9f9;
    height: 278px;
    width: 280px
}

.tpl-video-image-item .item-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #111;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpl-video-image-item .tpl-image-text-item-img {
    height: 96px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .5s ease .1s;
    transition: -webkit-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
    width: 144px
}

.tpl-video-image-item .item-avatar {
    border-radius: 50%;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.tpl-video-image-item .item-accountName {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    height: 17px;
    line-height: 17px;
    margin-right: 8px
}

.tpl-video-image-item .item-accountName-time {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    margin-right: 8px
}

.tpl-video-image-item .item-text-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 96px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: 16px;
    padding-bottom: 0;
    position: relative;
    width: 260px
}

.tpl-video-image-item .image-img-content-num, .tpl-video-image-item .item-account-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tpl-video-image-item .image-img-content-num {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: rgba(0, 0, 0, .7);
    bottom: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 4px;
    position: absolute;
    right: 4px;
    z-index: 3
}

.tpl-video-image-item .video-icon {
    bottom: 0;
    color: #fff;
    font-size: 18px;
    height: 18px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    z-index: 3
}

.tpl-video-image-item a:hover {
    background: #f8f8f8
}

.extra-info-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.extra-info-item {
    color: #999;
    display: inline-block;
    font-size: 12px
}

.extra-info-link {
    color: #666;
    font-weight: 600
}

.extra-info-link:hover {
    color: #111
}

.extra-info-point {
    color: #999;
    font-size: 12px;
    font-weight: 600
}

.FeedConstsizeImgTextList[data-v-44ec3e62] {
    margin-bottom: 40px;
    width: 880px
}

.img-text-list-content1[data-v-44ec3e62] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.MiddleTitleConstsizeCommon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%
}

.MiddleTitleConstsizeCommon .title-border {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 0;
    height: 52px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-left {
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
    max-width: 80%
}

.MiddleTitleConstsizeCommon .tpl-middle-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MiddleTitleConstsizeCommon .title-text-font-size {
    color: #111;
    font-size: 36px;
    font-weight: 600
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg {
    height: 26px;
    margin: 4px 0 0 10px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg img {
    height: 26px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    margin-top: 6px;
    text-align: right;
    vertical-align: middle;
    width: 48px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .icon-next-info {
    color: #999;
    display: inline-block;
    font-size: 11px;
    -webkit-transform: translate(-3px, 1px);
    transform: translate(-3px, 1px)
}

.MiddleTitleConstsizeCommon .header-right-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .header-right-content .right-line {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 0 8px 10px;
    width: 2px
}

.MiddleTitleConstsizeCommon .header-sort-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 6px;
    padding: 2px 4px
}

.MiddleTitleConstsizeCommon .header-sort-container img {
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.MiddleTitleConstsizeCommon .header-sort-container div {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.MiddleTitleConstsizeCommon .header-sort-container:hover {
    background: #f8f8f8;
    cursor: pointer
}

.MiddleTitleConstsizeCommon .title-menu-item {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin: 4px 12px 0 0;
    padding: 0 8px
}

.MiddleTitleConstsizeCommon .title-menu-item:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .title-menu-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 34px;
    margin: 0 12px 0 24px
}

.MiddleTitleConstsizeCommon .title-menu-list, .MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.MiddleTitleConstsizeCommon .right-line-margin {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 6px 8px;
    width: 2px
}

.TPLTextItem {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px
}

.TPLTextItem .icon-wrap {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 22px;
    line-height: 22px;
    margin-right: 4px;
    vertical-align: middle
}

.TPLTextItem .tpl-text-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 22px;
    line-height: 22px;
    width: 408px
}

.TPLTextItem .tpl-item-point {
    -ms-flex-negative: 0;
    background: #999;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 4px;
    margin-right: 8px;
    width: 4px
}

.TPLTextItem .text-info {
    font-size: 16px
}

.TPLTextItem .text-info, .TPLTextItem .text-info-active {
    color: #111;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.TPLTextItem .text-info-active {
    font-size: 18px;
    font-weight: 600
}

.TPLTextItem .icon-class {
    margin-right: 4px
}

.TPLTextItem a {
    display: inline-block
}

.TPLTextItem a:hover {
    background: #f8f8f8
}

.TPLTextItem .icon-class-new {
    color: #666;
    display: inline-block;
    font-size: 15px;
    font-weight: 400
}

.tpl-video-image-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 128px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 8px 0;
    width: 420px
}

.tpl-video-image-item .image-img-content {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    display: inline-block;
    height: 96px;
    overflow: hidden;
    position: relative;
    width: 144px
}

.tpl-video-image-item .tpl-video-image-item-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative
}

.tpl-video-image-item .tpl-video-image-item-content:hover .tpl-image-text-item-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.tpl-video-image-item .tpl-video-image-item-content .video_mask {
    background: rgba(0, 0, 0, .2);
    height: 96px;
    left: 0;
    position: absolute;
    top: 16px;
    width: 144px;
    z-index: 2
}

.tpl-video-image-item .tpl-image-text-item {
    background: #f9f9f9;
    height: 278px;
    width: 280px
}

.tpl-video-image-item .item-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #111;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpl-video-image-item .tpl-image-text-item-img {
    height: 96px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .5s ease .1s;
    transition: -webkit-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
    width: 144px
}

.tpl-video-image-item .item-avatar {
    border-radius: 50%;
    height: 20px;
    margin-right: 8px;
    width: 20px
}

.tpl-video-image-item .item-accountName {
    color: #999;
    font-size: 12px;
    font-weight: 600;
    height: 17px;
    line-height: 17px;
    margin-right: 8px
}

.tpl-video-image-item .item-accountName-time {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    height: 17px;
    line-height: 17px;
    margin-right: 8px
}

.tpl-video-image-item .item-text-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 96px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-left: 16px;
    padding-bottom: 0;
    position: relative;
    width: 260px
}

.tpl-video-image-item .image-img-content-num, .tpl-video-image-item .item-account-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tpl-video-image-item .image-img-content-num {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: rgba(0, 0, 0, .7);
    bottom: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 4px;
    position: absolute;
    right: 4px;
    z-index: 3
}

.tpl-video-image-item .video-icon {
    bottom: 0;
    color: #fff;
    font-size: 18px;
    height: 18px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 18px;
    z-index: 3
}

.tpl-video-image-item a:hover {
    background: #f8f8f8
}

.extra-info-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.extra-info-item {
    color: #999;
    display: inline-block;
    font-size: 12px
}

.extra-info-link {
    color: #666;
    font-weight: 600
}

.extra-info-link:hover {
    color: #111
}

.extra-info-point {
    color: #999;
    font-size: 12px;
    font-weight: 600
}

.text-ad-container[data-v-3d567e48], .text-god-wrapper[data-v-3d567e48] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.text-god-wrapper[data-v-3d567e48] {
    min-height: 40px;
    width: 100%
}

.front_point[data-v-3d567e48] {
    background: #999;
    height: 4px;
    width: 4px
}

.ImageTextCover {
    display: block;
    overflow: hidden;
    position: relative
}

.ImageTextCover:hover .cover-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.ImageTextCover .content-time {
    background: #3676f5;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    left: 8px;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 51px;
    z-index: 2
}

.ImageTextCover .container {
    overflow: hidden;
    position: relative
}

.ImageTextCover .container .cover-image {
    height: 100%;
    -webkit-transition: -webkit-transform .5s ease .1s;
    transition: -webkit-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
    width: 100%
}

.ImageTextCover .container .shadow {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .3);
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: 8px 16px;
    position: absolute;
    vertical-align: middle;
    width: 100%;
    z-index: 1
}

.ImageTextCover .container .shadow .icon-front {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.ImageTextCover .container .shadow .title-text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

[data-v-700b507c] {
    margin: 0;
    padding: 0
}

li[data-v-700b507c] {
    list-style: none
}

a[data-v-700b507c] {
    text-decoration: none
}

.cover-box[data-v-700b507c] {
    width: 386px
}

.cover-block[data-v-700b507c] {
    margin-bottom: 40px;
    width: 386px
}

.cover-block .title[data-v-700b507c] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.cover-block .title h3[data-v-700b507c] {
    color: #111;
    font-size: 22px;
    font-weight: 600;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%
}

.cover-block .title a[data-v-700b507c] {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    padding-right: 13px;
    position: relative
}

.cover-block .title a[data-v-700b507c]:after {
    background: url(static/picture/ic_ent_gra.png) 50%/cover no-repeat;
    content: "";
    height: 11px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 7px
}

.cover-block .text-block li[data-v-700b507c] {
    overflow: hidden;
    position: relative
}

.cover-block .text-block .text-li[data-v-700b507c] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    position: relative
}

.cover-block .text-block .text-li[data-v-700b507c]:hover {
    background-color: #f8f8f8
}

.cover-block .text-block .text-li .label[data-v-700b507c] {
    background-color: #999;
    height: 4px;
    width: 4px
}

.cover-block .text-block .text-li a[data-v-700b507c] {
    -webkit-box-flex: 1;
    color: #111;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.cover-block .text-block .no-margin[data-v-700b507c] {
    margin-top: 0 !important
}

.cover-block .text-block .img-li[data-v-700b507c] {
    margin-bottom: 8px;
    margin-top: 20px;
    overflow: hidden;
    padding-left: 0
}

.cover-block .text-block .img-li a[data-v-700b507c] {
    display: inline-block;
    height: 100%;
    width: 100%
}

.cover-block .text-block .img-li a .titleContainer[data-v-700b507c] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    left: 0;
    padding: 16px;
    position: absolute;
    right: 0;
    z-index: 2
}

.cover-block .text-block .img-li a .titleContainer p[data-v-700b507c] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    width: 100%
}

.cover-block .text-block .img-li a img[data-v-700b507c] {
    height: auto;
    max-height: 216px;
    -webkit-transition: -webkit-transform .6s !important;
    transition: -webkit-transform .6s !important;
    transition: transform .6s !important;
    transition: transform .6s, -webkit-transform .6s !important;
    width: 386px
}

.cover-block .text-block .img-li a img[data-v-700b507c]:hover {
    -webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
    transform: matrix(1.05, 0, 0, 1.05, 0, 0)
}

.tpl-cover-block-header-more[data-v-700b507c]:hover {
    background-color: #f8f8f8
}

.cover-list-block[data-v-99166b22] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 880px
}

a[data-v-0427af61] {
    text-decoration: none
}

.tpl-big-title[data-v-0427af61] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-position: 0;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.tpl-big-title .left-box[data-v-0427af61] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.tpl-big-title .text[data-v-0427af61] {
    color: #111;
    font-size: 36px;
    font-weight: 600;
    height: 52px;
    line-height: 52px
}

.tpl-big-title .more[data-v-0427af61] {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    background-color: #f2f2f2;
    color: #111;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    margin: 0 0 0 16px;
    position: relative;
    width: 32px
}

.tpl-big-title .more .iconposition[data-v-0427af61] {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tpl-big-title .more[data-v-0427af61]:hover {
    background: #ebebeb
}

.big-title-subnav-box[data-v-0427af61] {
    -webkit-box-flex: 1;
    background: #f8f8f8;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 48px;
    margin: 2px 0 2px 16px;
    overflow: hidden
}

.big-title-subnav-box .bottom-box[data-v-0427af61] {
    bottom: -8px;
    display: inline-block;
    height: 4px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50%
}

.big-title-subnav-box .nav-item[data-v-0427af61] {
    display: inline-block;
    margin: 8px 0 8px 8px;
    position: relative
}

.big-title-subnav-box .hover-active-hidden[data-v-0427af61]:hover {
    background: none !important
}

.big-title-subnav[data-v-0427af61] {
    color: #666;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    padding: 0 12px
}

.big-title-subnav[data-v-0427af61]:hover {
    background: #ebebeb
}

.tpl-middle-title[data-v-0427af61] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 1240px;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%
}

.tpl-middle-title-left[data-v-0427af61] {
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px
}

.tpl-middle-title-text[data-v-0427af61] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tpl-middle-title-data[data-v-0427af61] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 28px;
    line-height: 28px;
    margin: 4px 24px 4px 12px
}

.middle-title-subnav[data-v-0427af61] {
    color: #666;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-left: 12px;
    padding: 0 8px
}

.middle-title-subnav[data-v-0427af61]:hover {
    background: #f8f8f8
}

.tpl-middle-title-more[data-v-0427af61] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    margin-top: 6px;
    text-align: right;
    vertical-align: middle;
    width: 48px
}

.tpl-middle-title-more[data-v-0427af61]:hover {
    background: #f8f8f8
}

.icon-next-info[data-v-0427af61] {
    color: #999;
    display: inline-block;
    font-size: 11px;
    -webkit-transform: translate(-3px, 1px);
    transform: translate(-3px, 1px)
}

.header-right-content[data-v-0427af61] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.header-right-content .right-line[data-v-0427af61] {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 0 8px 10px;
    width: 2px
}

.header-sort-container[data-v-0427af61] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 6px;
    padding: 2px 4px
}

.header-sort-container img[data-v-0427af61] {
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.header-sort-container div[data-v-0427af61] {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.header-sort-container[data-v-0427af61]:hover {
    background: #f8f8f8;
    cursor: pointer
}

.big-header-sort-container[data-v-0427af61] {
    -ms-flex-item-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: center;
    align-self: center;
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0 0 0 20px;
    padding: 6px 16px 6px 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.big-header-sort-container[data-v-0427af61]:hover {
    cursor: pointer
}

.big-header-sort-container[data-v-0427af61]:active {
    background-color: #f8f8f8
}

.big-header-sort-container img[data-v-0427af61] {
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.big-header-sort-container div[data-v-0427af61] {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.big-header-sort-container div[data-v-0427af61]:hover {
    font-weight: 600
}

.mention[data-v-503706bc] {
    background-color: #fff;
    color: #a2a2a3;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    text-align: center
}

.tpl-feed-mul {
    margin-bottom: 40px
}

.tpl-feed-mul .recommend-sort-activity {
    font-size: 22px !important;
    font-weight: 600 !important
}

.tpl-feed-mul .activity {
    margin: 20px auto;
    width: 860px !important
}

.tpl-feed-mul .recommend-content-wrap {
    width: 100%
}

.tpl-feed-mul .cbd-recommend {
    background-color: #fff;
    width: 880px
}

.tpl-feed-mul .recommend-sort {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: #fff;
    border-bottom: 2px solid #111;
    color: #111;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 34px;
    margin-bottom: 8px
}

.tpl-feed-mul .recommend-sort .more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 48px
}

.tpl-feed-mul .recommend-sort .more:hover {
    background: #f8f8f8
}

.tpl-feed-mul .recommend-sort .more .more-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle
}

.tpl-feed-mul .recommend-sort-text {
    display: inline-block;
    height: 34px;
    margin-right: 24px;
    position: relative;
    text-align: center
}

.tpl-feed-mul .recommend-sort-text p {
    margin: 0
}

.tpl-feed-mul .recommend-remind {
    background: #fff;
    color: #ccc;
    font-size: 14px;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    padding: 24px 0;
    position: relative;
    text-align: center
}

.tpl-feed-mul .book-style {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: 2px solid #ffbe93;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 30px auto 0;
    width: 980px
}

.tpl-feed-mul .book-style, .tpl-feed-mul .feed-mul-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tpl-feed-mul .feed-mul-content-left {
    margin: 20px 20px 0 0;
    min-width: 140px;
    width: 140px
}

.tpl-feed-mul .list-content1 {
    margin-bottom: 2px;
    position: relative
}

.tpl-feed-mul .list-content1:last-of-type {
    margin-bottom: 0
}

.tpl-feed-mul .list-content1 .active-menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background: #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative
}
.tpl-feed-mul .list-content1 .active-menu1:hover {
    color: white;
}
.tpl-feed-mul .list-content1 .active-menu:hover {
    background: red;
}
.tpl-feed-mul .list-content1 .active-menu1 .active-menu:hover {
    color: white;
}
.tpl-feed-mul .list-content1 .active-menu1 .active-menu .first-title:hover {
    color: white;
}
.tpl-feed-mul .list-content1 .active-menu1 .active-menu>idv:hover {
    color: white;
}

.tpl-feed-mul .list-content1 .active-menu:hover ~ .second-menu-hover {
    opacity: 1;
    visibility: visible
}

.tpl-feed-mul .list-content1 .active-menu:hover .hover-arrow {
    visibility: visible !important
}

.tpl-feed-mul .list-content1 .active-menu .first-title {
    /*color: #666;*/
    font-size: 16px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    padding-left: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 84px;
    letter-spacing: 10px;
}

.tpl-feed-mul .list-content1 .active-menu .hover-arrow {
    border: 6px solid transparent;
    border-right-color: #fff;
    content: "";
    -webkit-filter: drop-shadow(-2px 1px 2px rgba(0, 0, 0, .1));
    filter: drop-shadow(-2px 1px 2px rgba(0, 0, 0, .1));
    left: 139px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    z-index: 2
}

.tpl-feed-mul .list-content1 .normal-menu {
    background: #f8f8f8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding: 0 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.tpl-feed-mul .list-content1 .normal-menu .first-title {
    color: #111;
    display: block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all
}

.tpl-feed-mul .list-content1 .normal-menu:hover {
    background: #ebebeb;
}

.tpl-feed-mul .list-content1 .second-menu-hover {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .02);
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06), 0 4px 10px -2px rgba(0, 0, 0, .07);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06), 0 4px 10px -2px rgba(0, 0, 0, .07);
    left: 150px;
    opacity: 0;
    padding: 4px;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    width: 132px;
    z-index: 1
}

.tpl-feed-mul .list-content1 .second-menu-hover:hover {
    opacity: 1;
    visibility: visible
}

.tpl-feed-mul .list-content1 .second-menu-hover:hover ~ .active-menu .hover-arrow {
    display: block
}

.tpl-feed-mul .list-content1 .second-menu-hover .hover-menu-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 20px;
    overflow: hidden;
    padding: 6px 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.tpl-feed-mul .list-content1 .second-menu-hover .hover-menu-item:hover {
    background: #f8f8f8
}

.tpl-feed-mul .leftfloat {
    position: fixed;
    top: 68px;
    width: 140px;
    z-index: 4
}

.tpl-feed-mul .moreContent {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background: #f8f8f8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 36px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 8px 0 16px;
    position: relative;
    width: 140px
}

.tpl-feed-mul .moreContent:after {
    border: 6px solid transparent;
    border-right-color: #fff;
    content: "";
    display: none;
    -webkit-filter: drop-shadow(-2px 1px 2px rgba(0, 0, 0, .1));
    filter: drop-shadow(-2px 1px 2px rgba(0, 0, 0, .1));
    left: 139px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.tpl-feed-mul .moreContent:hover {
    background: #ebebeb
}

.tpl-feed-mul .moreContent:hover .moreMenuHover {
    opacity: 1;
    visibility: visible
}

.tpl-feed-mul .moreContent:hover:after {
    display: block
}

.tpl-feed-mul .moreContent .active-more-text, .tpl-feed-mul .moreContent .more-text {
    color: #111;
    font-size: 16px;
    font-weight: 400;
    height: 36px;
    line-height: 36px
}

.tpl-feed-mul .moreContent .more-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tpl-feed-mul .moreContent .moreItem {
    margin-bottom: 8px
}

.tpl-feed-mul .moreContent .moreItem:last-of-type {
    margin-bottom: 0
}

.tpl-feed-mul .right-arrow {
    display: inline;
    height: 16px;
    margin-right: 8px;
    width: 16px
}

.tpl-feed-mul .moreMenuHover {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .02);
    bottom: 0;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06), 0 4px 10px -2px rgba(0, 0, 0, .07);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06), 0 4px 10px -2px rgba(0, 0, 0, .07);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 150px;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 4px;
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    z-index: 1
}

.tpl-feed-mul .moreMenuHover .active-menu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #111;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 132px
}

.tpl-feed-mul .moreMenuHover .active-menu:hover {
    background: #f8f8f8
}

.tpl-feed-mul .moreMenuHover .normal-menu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 132px
}

.tpl-feed-mul .moreMenuHover .normal-menu:hover {
    background: #f8f8f8
}

.tpl-feed-mul-big-title {
    margin-bottom: 8px
}

   
                         .commonside_item[data-v-39ff883c] {
                             cursor: pointer;
                             display: -webkit-box;
                             display: -webkit-flex;
                             display: -ms-flexbox;
                             display: flex;
                             height: 84px;
                             position: relative
                         }

.commonside_item[data-v-39ff883c]:hover {
    background: #f8f8f8
}

.commonside_img[data-v-39ff883c] {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    height: 68px;
    margin: 8px 12px 8px 0;
    position: relative;
    width: 102px
}

.commonside_item_img[data-v-39ff883c] {
    height: 68px;
    width: 102px
}

.commonside_text[data-v-39ff883c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 60px;
    margin: 12px 0;
    width: 182px
}

.commonside_title[data-v-39ff883c] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #111;
    display: -webkit-box;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-break: break-all
}

.MiddleTitleConstsizeCommon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%
}

.MiddleTitleConstsizeCommon .title-border {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 0;
    height: 52px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-left {
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
    max-width: 80%
}

.MiddleTitleConstsizeCommon .tpl-middle-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MiddleTitleConstsizeCommon .title-text-font-size {
    color: #111;
    font-size: 36px;
    font-weight: 600
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg {
    height: 26px;
    margin: 4px 0 0 10px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg img {
    height: 26px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    margin-top: 6px;
    text-align: right;
    vertical-align: middle;
    width: 48px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .icon-next-info {
    color: #999;
    display: inline-block;
    font-size: 11px;
    -webkit-transform: translate(-3px, 1px);
    transform: translate(-3px, 1px)
}

.MiddleTitleConstsizeCommon .header-right-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .header-right-content .right-line {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 0 8px 10px;
    width: 2px
}

.MiddleTitleConstsizeCommon .header-sort-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 6px;
    padding: 2px 4px
}

.MiddleTitleConstsizeCommon .header-sort-container img {
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.MiddleTitleConstsizeCommon .header-sort-container div {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.MiddleTitleConstsizeCommon .header-sort-container:hover {
    background: #f8f8f8;
    cursor: pointer
}

.MiddleTitleConstsizeCommon .title-menu-item {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin: 4px 12px 0 0;
    padding: 0 8px
}

.MiddleTitleConstsizeCommon .title-menu-item:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .title-menu-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 34px;
    margin: 0 12px 0 24px
}

.MiddleTitleConstsizeCommon .title-menu-list, .MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.MiddleTitleConstsizeCommon .right-line-margin {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 6px 8px;
    width: 2px
}

.tpl-hoverTab-title[data-v-2bb2bb7c] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 34px;
    margin-bottom: 8px;
    width: 100%
}

.tpl-hoverTab-title .leftTitle[data-v-2bb2bb7c] {
    color: #111;
    font-size: 20px;
    font-weight: 600;
    height: 28px;
    line-height: 28px;
    margin-right: 20px;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tpl-hoverTab-title .leftTitle[data-v-2bb2bb7c], .tpl-hoverTab-title .rightTab[data-v-2bb2bb7c] {
    -webkit-box-flex: 1;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tpl-hoverTab-title .rightTab[data-v-2bb2bb7c] {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.tpl-hoverTab-title .active-tab[data-v-2bb2bb7c] {
    background: #fff;
    color: #111;
    font-weight: 600
}

.tpl-hoverTab-title .active-tab[data-v-2bb2bb7c], .tpl-hoverTab-title .tab[data-v-2bb2bb7c] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #f2f2f2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 26px;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 2px 8px;
    white-space: nowrap
}

.tpl-hoverTab-title .tab[data-v-2bb2bb7c] {
    background: #f2f2f2;
    color: #666;
    font-weight: 400
}

.ImageTextCover {
    display: block;
    overflow: hidden;
    position: relative
}

.ImageTextCover:hover .cover-image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.ImageTextCover .content-time {
    background: #3676f5;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    height: 20px;
    left: 8px;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 8px;
    width: 51px;
    z-index: 2
}

.ImageTextCover .container {
    overflow: hidden;
    position: relative
}

.ImageTextCover .container .cover-image {
    height: 100%;
    -webkit-transition: -webkit-transform .5s ease .1s;
    transition: -webkit-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
    width: 100%
}

.ImageTextCover .container .shadow {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .3);
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: 8px 16px;
    position: absolute;
    vertical-align: middle;
    width: 100%;
    z-index: 1
}

.ImageTextCover .container .shadow .icon-front {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.ImageTextCover .container .shadow .title-text {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

a[data-v-267ef622] {
    text-decoration: none
}

.hot-article-parent[data-v-267ef622] {
    margin-bottom: 40px
}

.HotArticle[data-v-267ef622] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 300px
}

.HotArticle .imageBox[data-v-267ef622] {
    border: 1px solid rgba(0, 0, 0, .05);
    display: inline-block;
    height: 168px;
    margin-bottom: 8px;
    margin-top: 8px;
    position: relative;
    width: 100%
}

.HotArticle .imageBox .image[data-v-267ef622] {
    height: 100%;
    width: 100%
}

.HotArticle .imageBox .glassArea[data-v-267ef622] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .3);
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    padding: 8px 16px;
    position: absolute;
    width: 100%
}

.HotArticle .imageBox .text[data-v-267ef622] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    word-break: break-all
}

.HotArticle .side_item[data-v-267ef622] {
    width: 300px
}

.HotArticle .item[data-v-267ef622] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 84px;
    position: relative
}

.HotArticle .item.FC-item[data-v-267ef622] {
    height: 80px
}

.HotArticle .item[data-v-267ef622]:hover {
    background: #f8f8f8
}

.HotArticle .item .img[data-v-267ef622] {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    height: 68px;
    margin: 8px 16px 8px 0;
    position: relative;
    width: 102px
}

.HotArticle .item .img .video-icon[data-v-267ef622] {
    bottom: 0;
    color: #fff;
    font-size: 16px;
    height: 16px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px;
    z-index: 3
}

.HotArticle .item .img .video_mask[data-v-267ef622] {
    background: rgba(0, 0, 0, .2);
    height: 68px;
    left: 0;
    position: absolute;
    top: 0;
    width: 102px;
    z-index: 2
}

.HotArticle .item .img .total-num[data-v-267ef622] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, .7);
    bottom: 4px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 4px;
    position: absolute;
    right: 4px;
    z-index: 3
}

.HotArticle .item .item_img[data-v-267ef622] {
    height: 68px;
    width: 102px
}

.HotArticle .item .number_mask[data-v-267ef622] {
    height: 20px;
    left: 2px;
    position: absolute;
    top: 4px;
    width: 20px;
    z-index: 9
}

.HotArticle .item .number[data-v-267ef622] {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    font-weight: 400;
    left: 9px;
    line-height: 14px;
    position: absolute;
    top: 8px;
    z-index: 10
}

.HotArticle .item .text[data-v-267ef622] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 60px;
    margin: 12px 0;
    width: 182px
}

.HotArticle .item .text .title[data-v-267ef622] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #111;
    display: -webkit-box;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    word-break: break-all
}

.HotArticle .item .text .readCount[data-v-267ef622] {
    color: #999;
    font-family: Arial;
    font-size: 12px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hot-article-fix[data-v-267ef622] {
    position: fixed;
    top: 68px
}

.item-total[data-v-267ef622] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, .7);
    bottom: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 20px;
    padding: 2px 4px;
    position: absolute;
    right: 4px;
    z-index: 1
}

.item-total .icon-video[data-v-267ef622] {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin-right: 4px
}

.item-total .totalInfo[data-v-267ef622] {
    color: #fff;
    font-size: 12px;
    font-weight: 600
}

.MiddleTitleConstsizeCommon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%
}

.MiddleTitleConstsizeCommon .title-border {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 0;
    height: 52px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-left {
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
    max-width: 80%
}

.MiddleTitleConstsizeCommon .tpl-middle-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MiddleTitleConstsizeCommon .title-text-font-size {
    color: #111;
    font-size: 36px;
    font-weight: 600
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg {
    height: 26px;
    margin: 4px 0 0 10px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg img {
    height: 26px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    margin-top: 6px;
    text-align: right;
    vertical-align: middle;
    width: 48px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .icon-next-info {
    color: #999;
    display: inline-block;
    font-size: 11px;
    -webkit-transform: translate(-3px, 1px);
    transform: translate(-3px, 1px)
}

.MiddleTitleConstsizeCommon .header-right-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .header-right-content .right-line {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 0 8px 10px;
    width: 2px
}

.MiddleTitleConstsizeCommon .header-sort-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 6px;
    padding: 2px 4px
}

.MiddleTitleConstsizeCommon .header-sort-container img {
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.MiddleTitleConstsizeCommon .header-sort-container div {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.MiddleTitleConstsizeCommon .header-sort-container:hover {
    background: #f8f8f8;
    cursor: pointer
}

.MiddleTitleConstsizeCommon .title-menu-item {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin: 4px 12px 0 0;
    padding: 0 8px
}

.MiddleTitleConstsizeCommon .title-menu-item:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .title-menu-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 34px;
    margin: 0 12px 0 24px
}

.MiddleTitleConstsizeCommon .title-menu-list, .MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.MiddleTitleConstsizeCommon .right-line-margin {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 6px 8px;
    width: 2px
}

.SidebarCardConstsizeImg[data-v-03cc67b2] {
    margin-bottom: 40px;
    width: 300px
}

.slide-img-content[data-v-03cc67b2] {
    font-size: 0;
    padding-top: 8px;
    width: 300px
}

.first-img-content[data-v-03cc67b2], .img-item-content[data-v-03cc67b2] {
    display: inline-block
}

.img-list-content[data-v-03cc67b2] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.img-item-content[data-v-03cc67b2] {
    margin-bottom: 8px;
    width: 146px
}

.first-img[data-v-03cc67b2] {
    border: 1px solid rgba(0, 0, 0, .05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 168px;
    margin-bottom: 8px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.first-img img[data-v-03cc67b2] {
    display: inline-block;
    height: 100%;
    -webkit-transition: -webkit-transform .5s ease .1s;
    transition: -webkit-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
    width: 100%
}

.first-img:hover img[data-v-03cc67b2] {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.first-title-content[data-v-03cc67b2] {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    position: absolute;
    width: 298px
}

.first-title[data-v-03cc67b2] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #fff;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden
}

.img-content[data-v-03cc67b2] {
    border: 1px solid rgba(0, 0, 0, .05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 96px;
    margin-bottom: 8px;
    overflow: hidden;
    width: 146px
}

.img-content img[data-v-03cc67b2] {
    display: inline-block;
    height: 100%;
    -webkit-transition: -webkit-transform .5s ease .1s;
    transition: -webkit-transform .5s ease .1s;
    transition: transform .5s ease .1s;
    transition: transform .5s ease .1s, -webkit-transform .5s ease .1s;
    width: 100%
}

.img-content:hover img[data-v-03cc67b2] {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.item-title[data-v-03cc67b2] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #111;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    padding-right: 8px
}

.item-img[data-v-03cc67b2] {
    position: relative
}

.item-total[data-v-03cc67b2] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: rgba(0, 0, 0, .7);
    bottom: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 16px;
    padding: 2px 4px;
    position: absolute;
    right: 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.item-total[data-v-03cc67b2], .video-play-icon[data-v-03cc67b2] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.video-play-icon[data-v-03cc67b2] {
    margin-bottom: 2px;
    margin-right: 4px
}

.video-play-icon img[data-v-03cc67b2] {
    height: 11px;
    width: 10px
}

.MiddleTitleConstsizeCommon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%
}

.MiddleTitleConstsizeCommon .title-border {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 0;
    height: 52px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-left {
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
    max-width: 80%
}

.MiddleTitleConstsizeCommon .tpl-middle-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MiddleTitleConstsizeCommon .title-text-font-size {
    color: #111;
    font-size: 36px;
    font-weight: 600
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg {
    height: 26px;
    margin: 4px 0 0 10px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg img {
    height: 26px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    margin-top: 6px;
    text-align: right;
    vertical-align: middle;
    width: 48px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .icon-next-info {
    color: #999;
    display: inline-block;
    font-size: 11px;
    -webkit-transform: translate(-3px, 1px);
    transform: translate(-3px, 1px)
}

.MiddleTitleConstsizeCommon .header-right-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .header-right-content .right-line {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 0 8px 10px;
    width: 2px
}

.MiddleTitleConstsizeCommon .header-sort-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 6px;
    padding: 2px 4px
}

.MiddleTitleConstsizeCommon .header-sort-container img {
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.MiddleTitleConstsizeCommon .header-sort-container div {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.MiddleTitleConstsizeCommon .header-sort-container:hover {
    background: #f8f8f8;
    cursor: pointer
}

.MiddleTitleConstsizeCommon .title-menu-item {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin: 4px 12px 0 0;
    padding: 0 8px
}

.MiddleTitleConstsizeCommon .title-menu-item:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .title-menu-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 34px;
    margin: 0 12px 0 24px
}

.MiddleTitleConstsizeCommon .title-menu-list, .MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.MiddleTitleConstsizeCommon .right-line-margin {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 6px 8px;
    width: 2px
}

.FeedRecommendItem[data-v-0c8d2580] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.FeedRecommendItem .authorContainer[data-v-0c8d2580] {
    padding: 16px 0;
    width: 80px
}

.FeedRecommendItem .authorContainer .author-content[data-v-0c8d2580] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.FeedRecommendItem .authorContainer .author-image[data-v-0c8d2580] {
    border-radius: 50%;
    display: inline-block;
    height: 36px;
    margin-bottom: 4px;
    width: 36px
}

.FeedRecommendItem .authorContainer .author-name[data-v-0c8d2580] {
    color: #111;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.FeedRecommendItem .authorContainer[data-v-0c8d2580]:hover, .FeedRecommendItem .titleContainer[data-v-0c8d2580]:hover {
    background: #f8f8f8
}

.FeedRecommendItem .titleContainer[data-v-0c8d2580] {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 60px;
    padding: 16px 0 16px 16px
}

.FeedRecommendItem .titleContainer .title[data-v-0c8d2580] {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #111;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden
}

.FeedConstsizeRecommend[data-v-58362ecf] {
    margin-bottom: 40px;
    width: 300px
}

.FeedConstsizeRecommend .join-wrapper[data-v-58362ecf] {
    background: #ffd100;
    border-radius: 2px;
    color: #111;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    margin-top: 12px;
    text-align: center;
    width: 100%
}

.FeedConstsizeRecommend .join-link[data-v-58362ecf] {
    display: block;
    width: 100%
}

.sohu-recommend-fix[data-v-58362ecf] {
    background: #fff;
    position: fixed;
    top: 68px;
    z-index: 999
}

.MiddleTitleConstsizeCommon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-bottom: 2px solid hsla(0, 0%, 7%, .9);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 8px;
    overflow: hidden;
    width: 100%
}

.MiddleTitleConstsizeCommon .title-border {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 0;
    height: 52px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-left {
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    line-height: 34px;
    max-width: 80%
}

.MiddleTitleConstsizeCommon .tpl-middle-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.MiddleTitleConstsizeCommon .title-text-font-size {
    color: #111;
    font-size: 36px;
    font-weight: 600
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg {
    height: 26px;
    margin: 4px 0 0 10px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-bg img {
    height: 26px;
    width: 186px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 24px;
    margin-top: 6px;
    text-align: right;
    vertical-align: middle;
    width: 48px
}

.MiddleTitleConstsizeCommon .tpl-middle-title-more:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .icon-next-info {
    color: #999;
    display: inline-block;
    font-size: 11px;
    -webkit-transform: translate(-3px, 1px);
    transform: translate(-3px, 1px)
}

.MiddleTitleConstsizeCommon .header-right-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .header-right-content .right-line {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 0 8px 10px;
    width: 2px
}

.MiddleTitleConstsizeCommon .header-sort-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-item-align: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 6px;
    padding: 2px 4px
}

.MiddleTitleConstsizeCommon .header-sort-container img {
    height: 16px;
    margin: 0 4px 0 0;
    width: 16px
}

.MiddleTitleConstsizeCommon .header-sort-container div {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.MiddleTitleConstsizeCommon .header-sort-container:hover {
    background: #f8f8f8;
    cursor: pointer
}

.MiddleTitleConstsizeCommon .title-menu-item {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    margin: 4px 12px 0 0;
    padding: 0 8px
}

.MiddleTitleConstsizeCommon .title-menu-item:hover {
    background: #f8f8f8
}

.MiddleTitleConstsizeCommon .title-menu-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 34px;
    margin: 0 12px 0 24px
}

.MiddleTitleConstsizeCommon .title-menu-list, .MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.MiddleTitleConstsizeCommon .tpl-title-menu-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.MiddleTitleConstsizeCommon .right-line-margin {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    background: #ccc;
    height: 12px;
    margin: 6px 8px;
    width: 2px
}

.us-pop-wrapper[data-v-3f8ecdba] {
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.us-pop[data-v-3f8ecdba] {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    color: #191919;
    height: 628px;
    left: 50%;
    margin: -319px 0 40px -403px;
    padding: 0 60px;
    position: absolute;
    top: 50%;
    width: 686px;
    z-index: 3
}

.us-pop .close-control[data-v-3f8ecdba] {
    height: 12px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 12px
}

.us-pop .us-tt[data-v-3f8ecdba] {
    font-size: 16px;
    line-height: 28px;
    padding-top: 25px;
    text-align: center
}

.us-pop .icon-close[data-v-3f8ecdba]:before {
    position: absolute;
    right: 15px;
    top: 15px
}

.us-pop .box[data-v-3f8ecdba] {
    padding-top: 10px
}

.us-pop .box h4[data-v-3f8ecdba] {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 8px
}

.us-pop .box .tt[data-v-3f8ecdba] {
    float: left;
    font-size: 14px;
    line-height: 28px;
    width: 102px
}

.us-pop .box .radio-sel li[data-v-3f8ecdba] {
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 30px
}

.us-pop .box .radio-sel li input[data-v-3f8ecdba] {
    float: left;
    margin: 3px 8px 0 0;
    *margin-top: 0;
    opacity: 0;
    opacity: 1 \9;
    visibility: hidden
}

.us-pop .box .radio-icon[data-v-3f8ecdba] {
    cursor: pointer;
    float: left;
    position: relative
}

.us-pop .box .radio-icon[data-v-3f8ecdba]:before {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 50%;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 10px;
    z-index: 201
}

.us-pop .box .clk .radio-icon[data-v-3f8ecdba]:after {
    background: #fdd000;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 3px;
    position: absolute;
    top: 11px;
    width: 6px;
    z-index: 202
}

.us-pop .box .write-need textarea[data-v-3f8ecdba] {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    color: #999;
    font-size: 12px;
    height: 70px;
    line-height: 20px;
    outline: none;
    overflow: hidden;
    padding: 5px 10px;
    resize: none;
    width: 664px
}

.us-pop .box .write-need textarea[data-v-3f8ecdba]:focus {
    color: #191919
}

.us-pop .box-pic[data-v-3f8ecdba] {
    height: 40px;
    padding-top: 10px
}

.us-pop .box-pic .tt[data-v-3f8ecdba] {
    padding-top: 7px
}

.us-pop .add-file[data-v-3f8ecdba] {
    float: left;
    height: 30px;
    margin-top: 5px;
    overflow: hidden;
    position: relative;
    width: 70px
}

.us-pop .add-file .myFile[data-v-3f8ecdba] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    outline: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.us-pop .add-file .file-btn[data-v-3f8ecdba] {
    background: #fdd000;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 30px;
    text-align: center;
    width: 70px
}

.us-pop .add-file .file-btn[data-v-3f8ecdba]:hover {
    color: #191919
}

.us-pop .add-file.disable a[data-v-3f8ecdba] {
    background: #ccc
}

.us-pop .add-file.disable .myFile[data-v-3f8ecdba] {
    z-index: 0
}

.us-pop .add-img[data-v-3f8ecdba] {
    float: left;
    height: 40px;
    margin-right: 10px;
    position: relative;
    width: 40px
}

.us-pop .add-img img[data-v-3f8ecdba] {
    border: 1px solid #f5f5f5;
    display: block;
    height: 38px;
    width: 38px
}

.us-pop .add-img .close-pic[data-v-3f8ecdba] {
    background: url(static/picture/us_close.png) no-repeat 0 0;
    display: inline-block;
    height: 11px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 11px
}

.us-pop .err-info[data-v-3f8ecdba] {
    color: red;
    display: none
}

.us-pop .box-pic .err-info[data-v-3f8ecdba] {
    display: none;
    margin-left: 3px;
    margin-top: 9px
}

.us-pop .box-mode .input-mode[data-v-3f8ecdba] {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    color: #999;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    width: 572px
}

.us-pop .box-mode .input-mode[data-v-3f8ecdba]:focus {
    color: #191919
}

.us-pop .btns[data-v-3f8ecdba] {
    padding-top: 25px;
    text-align: center
}

.us-pop .btns .us-btn[data-v-3f8ecdba] {
    background: #f0f0f0;
    border: 0;
    border-radius: 3px;
    color: #999;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    width: 140px
}

.us-pop .btns .us-btn-ok[data-v-3f8ecdba] {
    background: #fdd000;
    color: #191919
}

.unfeedback[data-v-3f8ecdba] {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    display: none;
    height: 90px;
    left: 50%;
    margin: -56px 0 0 -145px;
    padding-top: 22px;
    position: fixed;
    top: 50%;
    width: 290px;
    z-index: 10
}

.unfeedback .feedback-icon[data-v-3f8ecdba] {
    background: url(static/picture/feedback_icon.png) no-repeat 0 0;
    display: block;
    height: 35px;
    margin: 0 auto;
    width: 35px
}

.unfeedback p[data-v-3f8ecdba] {
    line-height: 20px;
    padding-top: 13px;
    text-align: center
}

a[data-v-7fe30962] {
    text-decoration: none
}

[data-v-7fe30962] {
    margin: 0;
    padding: 0
}

.TPLCooperate[data-v-7fe30962] {
    width: 100%
}

.TPLCooperate h3[data-v-7fe30962] {
    color: #111;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.TPLCooperate .outbox[data-v-7fe30962] {
    width: 100%
}

.TPLCooperate .outbox .innerbox[data-v-7fe30962] {
    width: -webkit-calc(100% + 24px);
    width: calc(100% + 24px)
}

.TPLCooperate .outbox .innerbox .organization[data-v-7fe30962] {
    display: inline-block;
    padding-bottom: 16px
}

.TPLCooperate .outbox .innerbox .organization a[data-v-7fe30962] {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 24px
}

.TPLCooperate .outbox .innerbox .organization a[data-v-7fe30962]:hover {
    color: #333
}

.TPLCooperate .contact-us[data-v-7fe30962] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-shadow: 0 -1px 0 0 #ebebeb;
    box-shadow: 0 -1px 0 0 #ebebeb;
    height: 48px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.TPLCooperate .contact-us .clickarea[data-v-7fe30962], .TPLCooperate .contact-us[data-v-7fe30962] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.TPLCooperate .contact-us .clickarea[data-v-7fe30962] {
    cursor: pointer
}

.TPLCooperate .contact-us .clickarea[data-v-7fe30962]:hover {
    background: #f8f8f8
}

.TPLCooperate .contact-us .contact-icon[data-v-7fe30962] {
    height: 15px;
    width: 15px
}

.TPLCooperate .contact-us .contact-us-text[data-v-7fe30962] {
    color: #111;
    font-size: 16px;
    font-weight: 400;
    height: 22px;
    line-height: 22px;
    margin-left: 9px
}


   
                         .PCBottomActivity-new {
                             height: -webkit-fit-content;
                             height: -moz-fit-content;
                             height: fit-content;
                             width: 100%
                         }

.PCBottomActivity-new img {
    width: 100%
}

.PCBottomCopyright {
    background-color: #333333;
    background-position: top;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 44px 0;
    position: relative;
    text-align: center;
    width: 100%
}

.PCBottomCopyright .content {
    margin-bottom: 16px
}

.PCBottomCopyright .content > a {
    color: #fff
}
.copyright a {
    color: #fff;
}