/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

@media (min-width: 0px) {
    .layout-navbar-center {
        width: 100%;
    }

    .layout-body-sidebar {
        display: none;
    }

    .layout-fixed-icons {
        display: none;
    }
}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
    .layout-body-main {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (max-width: 992px) {
    .layout-footer-company-desc {
        text-align: center;
    }

    .layout-footer-company-contact-info {
        text-align: center;
        margin-top: 30px;
    }

    .layout-footer-row {
        margin-right: 10px;
        min-width: 0px;
        margin-bottom: 8px;
    }
}

@media (min-width: 992px) {
    .layout-body-main {
        min-width: 190px;
    }

    .col-md-8 {
        width: 51%;
    }

    .layout-footer-row {
        margin-right: 10px;
        min-width: 190px;
        margin-bottom: 13px;
    }
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
    .layout-navbar-center {
        width: 1200px;
    }

    .layout-body-main {
        float: left;
        width: 880px;
        margin: 0;
    }

    .layout-body-sidebar {
        display: block;
    }

    .layout-fixed-icons {
        display: block;
    }
}

html {
    width: 100%;
}

body {
    width: 100%;
    overflow-x: hidden;
    background-color: #f5f6f9;
}

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

a:link {
    text-decoration: none;
}

/*查看图片*/
#mobile-dowebok{
    display: none;
    position: fixed;
    z-index: 9999;
    background: rgba(0,0,0,1);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#dowebok{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pinch-zoom-container{

    overflow:unset!important;
}
#dowebok img{
    width: 100%;

}

.sidebar-fixed {
    position: fixed;
    bottom: 20px;
    z-index: 55;
}

.sidebar-absolute {
    position: absolute;
    bottom: 0;
    z-index: 55;
}

.layout-card-check-more:hover {
    color: #3875f6;
}

.latest-article-head-more:hover {
    color: #3875f6;
}

.layout-body-sidebar-more:hover {
    color: #3875f6;
}

.list-data-none-box{
    padding-top: 150px;
    padding-bottom: 350px;
    text-align: center;
}
.list-data-none-box img{
    width: 300px;
    height: 250px;
}
.list-data-none-box-desc{
    color: #9A9EAB;
    font-size: 16px;
}

a:hover {
    color: #3875f6;
}

.layout-navbar-search-popup-recommend-item-author:hover {
    color: #3875f6 !important;
}

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

.clearInputCss {
    background: none;
    outline: none;
    border: 1px solid #dfdfdf;
}

.clearInputCss:focus {
    border: 1px solid #dfdfdf;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.layout-footer-right {
    margin-left: 192px;
}

.ios-login {
    display: none;
}

.ios-search {
    display: none;
}

/* 面包屑导航 */
.page-crumb-item a {
    color: #333;
}

.page-crumb-item:hover a {
    color: #3875f6;
}

/* 视频按钮 */
.search-popup-video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    z-index: 99;
    width: 40px;
    height: 40px;
}

.video-big-video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    z-index: 99;
}

.video-right-video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    z-index: 99;
}

.three-section-video {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    z-index: 99;
}

.index-big-video {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    z-index: 99;
}

.index-right-video {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -18px;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    z-index: 99;
}

.better-video {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    z-index: 99;
}

.article-big-video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    z-index: 99;
}

/* 遮罩 */
#popup-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 300;
    display: none;
}

/* 顶部导航 start*/
.layout-navbar-container {
    box-sizing: border-box;
    height: 60px;
    color: #fff;
    background-color: #3875f6;
    /*margin-bottom: 20px;*/
    overflow: visible;
}

.show-twenty {
    height: 20px;
}

.layout-navbar-center {
    height: 100%;
    margin: 0 auto;
}

.layout-navbar-left {
    float: left;
    height: 100%;
}

.layout-navbar-right {
    float: right;
    height: 100%;
    display: flex;
    align-items: center;
}
.layout-navbar-item-wrap {
    height: 100%;
    padding: 0px 15px;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    font-size: 16px;
}

/*.layout-navbar-item-wrap.logo {*/
/*    width: 48px;*/
/*    box-sizing: border-box;*/
/*    background-repeat: no-repeat;*/
/*    background-size: 48px;*/
/*    background-position: center center;*/
/*    text-align: center;*/
/*    margin-right: 37px;*/
/*}*/
.layout-navbar-item-wrap.active{
    background-color: #255ed6;
}
.layout-navbar-item-wrap:hover {
    text-decoration: none;
    background-color: #255ed6;
}

.layout-navbar-item-icon.icon-search {
    position: relative;
    top: -1px;
    width: 20px;
    margin-right: 4px;
}

.layout-navbar-item-icon.icon-triangle-down {
    position: relative;
    top: -2px;
    width: 8px;
    margin-right: 2px;
    transform: rotateZ(180deg);
}

.layout-navbar-hamburger {
    margin-right: 15px;
}

.layout-navbar-hamburger .line-hamburger {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff !important;
    margin: 4px 0;
}

/* 导航栏  搜索弹窗区域  start*/
.layout-navbar-search-popup-wrap {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    color: #333;
    z-index: 9999;
    padding-bottom: 0;
}

.layout-navbar-search-popup-wrap .layout-navbar-center {
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0 4px 12px #c1c5c9;
    max-height: 0;
    padding: 0 100px;
    overflow: hidden;
}

.layout-navbar-search-popup-wrap.active {
    padding-bottom: 20px;
}

.layout-navbar-search-popup-wrap.active .layout-navbar-center {
    padding-top: 30px;
    padding-bottom: 30px;
    max-height: 500px;
    transition: all 0.3s ease;
}

.layout-navbar-search-popup-wrap .layout-navbar-center:hover {
    padding-top: 30px;
    padding-bottom: 30px;
    max-height: 500px;
    transition: all 0.3s ease;
}

.layout-navbar-search-popup-title {
    font-size: 28px;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 20px;
}

.layout-navbar-search-popup-input {
    float: left;
    width: 80%;
    height: 40px;
}

.layout-navbar-search-popup-inputBtn {
    float: left;
    width: 20%;
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #3875f6;
    cursor: pointer;
}

.layout-navbar-search-popup-labels-container {
    margin-top: 10px;
}

.layout-navbar-search-popup-label {
    margin-right: 20px;
    user-select: none;
    cursor: pointer;
}

.layout-navbar-search-popup-label:hover {
    color: #3875f6;
}

.layout-navbar-search-popup-recommend-list {
    width: 100%;
    padding-top: 20px;
}

.layout-navbar-search-popup-recommend-item-wrap {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 0 10px;
}

.layout-navbar-search-popup-recommend-item-video {
    width: 100%;
    height: 132px;
}

.layout-navbar-search-popup-recommend-video-above-img-div {
    height: 132px;
    overflow: hidden;
}

.layout-navbar-search-popup-recommend-video-above-img {
    width: 100%;
    /* height: 100%; */
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    z-index: 30;
}

/*移入资讯图片放大效果*/
.layout-navbar-search-popup-recommend-video-above-img{
    transition: all 0.4s;
}
.layout-navbar-search-popup-recommend-video-above-img-div:hover .layout-navbar-search-popup-recommend-video-above-img{
    transform:translate(0, -50%) scale(1.3);
}

.layout-navbar-search-popup-recommend-item-title {
    width: 100%;
    font-size: 14px;
    /* font-weight: bold; */
    color: #333;
    padding: 0 2px;
    margin-top: 10px;
}

/*移入侧边栏资讯图片放大效果*/
.layout-body-sidebar-article-avatar{
    overflow: hidden;
}
.layout-body-sidebar-article-avatar-img{
    transition: all 0.4s;
    width: 100%;
    height: 100%;
}
.layout-body-sidebar-article-avatar:hover .layout-body-sidebar-article-avatar-img{
    transform:scale(1.3);
}

.layout-navbar-search-popup-recommend-item-title:hover {
    color: #3875f6;
}

.layout-navbar-search-popup-recommend-item-foot {
    padding: 0 2px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.layout-navbar-search-popup-recommend-item-author {
    float: left;
}

.layout-navbar-search-popup-recommend-item-date {
    float: right;
}

/* 导航栏  搜索弹窗区域  end*/
/* 导航栏  文章弹窗区域  start*/
.layout-navbar-article-popup-wrap {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    color: #333;
    z-index: 9999;
    background-color: #fff;
    box-shadow: 0 4px 12px #c1c5c9;
}

.layout-navbar-article-popup-wrap .layout-navbar-center {
    padding: 0;
    max-height: 0;
    z-index: 9999;
    overflow: hidden;
}

.layout-navbar-article-popup-wrap.active .layout-navbar-center {
    padding: 46px 0 40px !important;
    max-height: 500px;
    transition: all 0.3s ease;
}

.layout-navbar-article-popup-wrap:hover .layout-navbar-center {
    padding: 46px 0 40px !important;
    max-height: 500px;
    transition: all 0.3s ease;
}

.layout-navbar-article-popup-recommend-series-container {
}

.layout-navbar-article-popup-recommend-series-item-wrap {
    float: left;
    margin: 0 30px 20px 30px;
    width: 180px;
    height: 108px;
    text-align: center;
    border: 1px solid #d8d8d8;
    cursor: pointer;
    border-radius: 4px;
}

.layout-navbar-article-popup-recommend-series-item-title {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding-top: 14px;
    user-select: none;
    color: #333;
}

.layout-navbar-article-popup-recommend-series-item-wrap:hover {
    color: #fff;
    background-color: #3875f6;
}

.layout-navbar-article-popup-recommend-series-item-wrap:hover
.layout-navbar-article-popup-recommend-series-item-title {
    color: #fff;
}

.layout-navbar-article-popup-recommend-series-item-wrap:hover
.layout-navbar-article-popup-recommend-series-item-desc {
    color: #fff;
}

.layout-navbar-article-popup-recommend-series-item-desc {
    font-size: 20px;
    color: #333;
    user-select: none;
}

.layout-navbar-article-popup-recommend-articles-container {
    margin-top: 40px;
    display: none;
}

.layout-navbar-article-popup-recommend-article-item-wrap {
    float: left;
    width: 300px;
    cursor: pointer;
    margin-right: 30px;
}

.layout-navbar-article-popup-recommend-article-item-slogan {
    float: left;
    font-size: 20px;
    line-height: 70px;
    font-weight: bold;
    color: #333;
    margin-right: 52px;
    padding-left: 30px;
}

.btnShowarticle-logo {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.layout-navbar-article-popup-recommend-article-item-avatar {
    float: left;
    width: 30%;
    height: 70px;
}
.layout-navbar-article-popup-recommend-article-item-avatar-img {
    width: 100%;
    height: 100%;
}

/*移入资讯图片放大效果*/
.layout-navbar-article-popup-recommend-article-item-avatar{
    overflow: hidden;
}
.layout-navbar-article-popup-recommend-article-item-avatar-img{
    transition: all 0.4s;
}
.layout-navbar-article-popup-recommend-article-item-avatar:hover .layout-navbar-article-popup-recommend-article-item-avatar-img{
    transform:scale(1.3);
}

.layout-navbar-article-popup-recommend-article-item-info {
    float: left;
    width: 70%;
    box-sizing: border-box;
    padding-left: 12px;
}

.layout-navbar-article-popup-recommend-article-item-title {
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.layout-navbar-article-popup-recommend-article-item-title:hover {
    color: #3875f6;
}

.layout-navbar-article-popup-recommend-article-item-foot {
    margin-top: 10px;
}

.layout-navbar-article-popup-recommend-article-item-date {
    float: left;
    color: #666;
    font-size: 12px;
}

/* 导航栏  文章弹窗区域  end*/
/* 导航栏  下载弹窗区域 start */
.layout-navbar-download-popup-wrap {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    color: #333;
    z-index: 9999;
    background-color: #fff;
    box-shadow: 0 4px 12px #c1c5c9;
}

.layout-navbar-download-popup-wrap .layout-navbar-center {
    padding: 0;
    max-height: 0;
    z-index: 9999;
    overflow: hidden;
}

.layout-navbar-download-popup-wrap.active .layout-navbar-center {
    padding: 30px 0;
    max-height: 500px;
    transition: all 0.3s ease;
}

.layout-navbar-download-popup-wrap:hover .layout-navbar-center {
    padding: 30px 0;
    max-height: 500px;
    transition: all 0.3s ease;
}

.layout-navbar-article-popup-recommend-series-container {
}

.layout-navbar-download-popup-recommend-series-item-wrap {
    float: left;
    margin: 0 30px;
    width: 180px;
    height: 108px;
    text-align: center;
    border: 1px solid #d8d8d8;
    cursor: pointer;
}

.layout-navbar-download-popup-recommend-series-item-title {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    padding-top: 14px;
    user-select: none;
}

.layout-navbar-download-popup-recommend-series-item-desc {
    font-size: 20px;
    color: #333;
    user-select: none;
}

.layout-navbar-download-popup-recommend-articles-container {
    margin-top: 20px;
}

.layout-navbar-download-popup-recommend-article-item-wrap {
    float: left;
    width: 300px;
    cursor: pointer;
    margin-right: 30px;
}

.layout-navbar-download-popup-recommend-article-item-slogan {
    float: left;
    font-size: 20px;
    line-height: 70px;
    font-weight: bold;
    color: #333;
    margin-right: 20px;
    padding-left: 30px;
}

.layout-navbar-download-popup-recommend-article-item-avatar {
    float: left;
    width: 30%;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #efefef;
}

.layout-navbar-download-popup-recommend-article-item-info {
    float: left;
    width: 70%;
    box-sizing: border-box;
    padding-left: 12px;
}

.layout-navbar-download-popup-recommend-article-item-title {
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.layout-navbar-download-popup-recommend-article-item-foot {
    margin-top: 10px;
}

.layout-navbar-download-popup-recommend-article-item-date {
    float: left;
    color: #666;
    font-size: 12px;
}

/* 导航栏  下载弹窗区域  end*/

/* 登录后 */
.login-after {
    display: flex;
    align-items: center;
    padding: 0;
    cursor: pointer;
}

.login-logo {
    width: 36px;
    height: 36px;
    flex: 1;
    margin: 12px 8px 12px 8px;
}

.login-logo-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    line-height: 0;
}

.login-name {
    margin-bottom: 0;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 顶部导航 end */

.banner-title {
    position: absolute;
    top: 72px;
    left: 64px;
    font-size: 29px;
    font-weight: bold;
    color: #ffffff;
}
.banner-text {
    position: absolute;
    top: 70px;
    left: 64px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

.layout-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.layout-navbar {
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    overflow-x: hidden;
    color: #fff;
    background-color: #3875f6;
}

.layout-navbar-item-wrap {
    color: #fff !important;
}

.layout-navbar-item-wrap-link {
    color: #fff !important;
    background-color: #3875f6 !important;
}

.layout-navbar-item-wrap-link:hover {
    color: #fff !important;
    background-color: #255ed6 !important;
}

.layout-navbar-item-wrap-text {
    position: relative;
    display: block;
    padding: 15px;
    color: #fff !important;
    cursor: pointer;
}

.layout-body {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px;
    overflow-x: hidden;
}

.layout-body-main {
    box-sizing: border-box;
}

.layout-body-sidebar {
    float: right;
    width: 300px;
    box-sizing: border-box;
}

.layout-body-sidebar-head {
    width: 100%;
    padding-bottom: 20px;
}

.layout-body-sidebar-head:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.layout-body-sidebar-title {
    float: left;
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
    color: #16191d;
}
.layout-body-sidebar-head-right{}

.layout-body-sidebar-more {
    float: right;
    font-size: 14px;
    line-height: 27px;
    cursor: pointer;
    color: #9d9fa2;
    user-select: none;
}

.layout-body-sidebar-more:hover {
    color: #3875f6;
}

.layout-body-sidebar-another {
    float: right;
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
    color: #aaabac;
    user-select: none;
}

.layout-body-sidebar-another:hover {
    color: #3875f6;
}

.layout-body-sidebar-video-item {
    margin-bottom: 25px;
    z-index: 0;
}

.layout-body-sidebar-video-list .layout-body-sidebar-video-item:last-child {
    margin-bottom: 0px;
}

.layout-body-sidebar-video-container {
    width: 100%;
}

.layout-body-sidebar-video {
    width: 100%;
    height: 150px;
}

.layout-body-sidebar-footer:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.layout-body-sidebar-video-title {
    font-size: 14px;
    line-height: 20px;
    color: #16191d;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.layout-body-sidebar-footer .author {
    float: left;
    font-size: 12px;
    line-height: 1.5em;
    color: #9d9fa2;
}

#myPage {
    text-align: center;
    margin: 20px 0 40px 0;
}

.layout-body-sidebar-footer .date {
    float: right;
    font-size: 12px;
    line-height: 17px;
    color: #9d9fa2;
}

.layout-card {
    padding: 20px;
    background-color: #fff;
}

.layout-card-head {
    margin-bottom: 20px;
}

.layout-card-head:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.layout-card-title {
    float: left;
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
    color: #16191d;
}

.layout-card-check-more {
    float: right;
    font-size: 14px;
    line-height: 27px;
    color: #9d9fa2;
    cursor: pointer;
}

/* 无评论 */
.nothing-comment {
    font-size: 20px;
    margin: 71px 0 405px;
    text-align: center;
}

/* 布局  页脚  start */
.col-md-8 {
    padding-right: 12px;
}

.col-s-12 {
    padding-right: 12px;
}

.layout-footer {
    width: 100%;
    box-sizing: border-box;
    padding: 40px 0 30px 0;
    color: #9aa1c3;
    font-size: 14px;
    background-color: #31333c;
    overflow: hidden;
}

.layout-footer-top {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(226, 226, 226, 0.25);
}

.layout-footer-qrcode {
    /* float: left; */
    display: inline-block;
    max-width: 138px;
    /* width: 20%; */
    vertical-align: top;
}

.layout-footer-about-us {
    /* float: left; */
    display: inline-block;
    box-sizing: border-box;
    padding-left: 20px;
    width: 76%;
    max-width: 510px;
}

.layout-footer-official {
    float: left;
    width: 15%;
    padding-left: 35px;
}

.layout-footer .footer-title {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 21px;
    color: #fff;
    text-align: left;
}

.layout-footer .footer-desc {
    font-size: 14px;
    line-height: 20px;
    color: #9aa1c3;
    text-align: justify;
}

.layout-footer-row {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
}

.layout-footer-row-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.layout-footer-row-agreement-privacy {
    padding-top: 26px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 16px;
    /* border-top: 1px solid #5c5e64; */
}

.layout-footer-row-copyright {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
}

.layout-footer-row-agreement-privacy span:nth-child(1) {
    margin-right: 30px;
}

.col-md-4,
.col-md-8 {
    padding-left: 0px;
}

/* 布局  页脚  end */
.layout-sidebar-banner {
    width: 100%;
    margin-bottom: 20px;
}

.layout-sidebar-list-container .layout-sidebar-item-img {
    width: 100%;
}

.layout-sidebar-item {
    margin-bottom: 20px;
}

.layout-sidebar-item-bottom:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.layout-sidebar-item-title {
    font-weight: bold;
    font-size: 18px;
    color: #333;
    padding: 10px 0;
}

.layout-sidebar-item-bottom .layout-sidebar-item-author {
    float: left;
    font-size: 18px;
    color: #666;
}

.layout-sidebar-item-bottom .layout-sidebar-item-date {
    float: right;
    font-size: 18px;
    color: #666;
}

.layout-article-list-container {
    padding-top: 20px;
}

.layout-article-list-container .layout-article-item {
    margin-bottom: 40px;
}

.layout-article-list-container .layout-article-item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.layout-article-list-container .layout-article-item-info {
    position: relative;
    height: 190px;
    font-size: 16px;
    color: #999;
}

.layout-article-list-container .layout-article-item-img {
    width: 300px;
}

.layout-article-list-container .layout-article-item-title {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #333;
}

.layout-article-list-container .layout-article-item-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 16px;
    color: #999;
}

.layout-article-list-container .layout-article-item-bottom {
    position: absolute;
    width: 100%;
    left: 15px;
    bottom: 0;
}

.layout-body-sidebar-article-list {
    margin-top: 20px;
}

.layout-body-sidebar-article-item {
    display: block;
    padding: 15px 0;
    border-bottom: 1px dashed #EBECEF;
    cursor: pointer;
}

.layout-body-sidebar-article-tips {
    margin-top: 6px;
    font-size: 12px;
}

.layout-body-sidebar-date {
    float: left;
    font-size: 12px !important;
    line-height: 1.5em;
    color: #9d9fa2;
}

.layout-body-sidebar-article-item:nth-last-of-type(1) {
    padding: 15px 0;
    border-bottom: 1px transparent;
}

.layout-body-sidebar-article-items-container .layout-body-sidebar-article-item:first-child{
    padding-top: 0px;
}
.layout-body-sidebar-article-item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.layout-body-sidebar-article-avatar {
    float: left;
    width: 52px;
    height: 52px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #efefef;
}

.layout-body-sidebar-article-info {
    float: left;
    width: 208px;
    padding-left: 12px;
    box-sizing: border-box;
}

/* .layout-body-sidebar-article-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #282a2d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
} */
.layout-body-sidebar-article-title {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #16191d;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
/*热门搜索*/
.hot-search-item{
    margin-bottom: 26px;
    width: 260px;
    display: flex;

}
.hot-search-item >a{
    color: #282A2D;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 8px;
}
/* 推荐阅读hover事件 */
.layout-body-sidebar-article-title:hover {
    color: #3875f6;
}

/* 最新资讯hover事件 */
.latest-article-title:hover {
    color: #3875f6;
}

/* .latest-article-desc:hover {
  color: #3875f6;
} */
.latest-news-item-share a {
    color: #333;
}

/* 专塑快讯 */
.latest-news-item-title:hover {
    color: #3875f6;
}

/* 快讯热点 */
.hot-news-item-title:hover {
    color: #3875f6;
}

/* 快讯 推荐视频 */
.layout-body-sidebar-video-title:hover {
    color: #3875f6;
}

/* 视频tit */
.main-section-title:hover {
    color: #3875f6;
}

/* 视频页 视频title */
.main-recommend-video-title a:hover {
    color: #3875f6;
}

.layerSharePopup {
    width: 170px;
    height: 180px;
    z-index: 666;
    position: absolute;
    right: 183px;
    top: 64px;
    background: url("../images/share-bg.png") no-repeat;
    background-size: 100% 100%;
}

.share-popup {
    width: 110px;
    height: 110px;
    position: absolute;
    top: 39px;
    left: 30px;
}

.layout-body-sidebar-article-desc {
    font-size: 14px;
    line-height: 1.5em;
    margin-top: 6px;
    color: #68696c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 侧边栏  关于我们 start */
.layout-sidebar-app-item {
    position: relative;
    display: block;
    padding: 12px 0 12px 12px;
    cursor: pointer;
    margin-bottom: 20px;
}

.layout-sidebar-app-item:nth-last-of-type(1) {
    margin-bottom: 0;
}

.layout-sidebar-app-item:hover .layout-sidebar-app-hover-item {
    display: block;
}

.layout-sidebar-app-item.hangqing {
    background: url("../images/bg_app_dark.png") no-repeat center center;
}

.layout-sidebar-app-item.jiaoyi {
    background: url("../images/bg_app_blue.png") no-repeat center center;
}

.layout-sidebar-app-item.douyin {
    background: url("../images/bg_app_light.png") no-repeat center center;
}

.layout-sidebar-app-avatar {
    float: left;
    width: 52px;
    height: 52px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #efefef;
}

.layout-sidebar-app-info {
    float: left;
    width: 196px;
    padding-left: 12px;
    box-sizing: border-box;
}

.layout-sidebar-app-title {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    color: #16191d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.layout-sidebar-app-desc {
    font-size: 12px;
    line-height: 1.5em;
    margin-top: 6px;
    color: #595b5e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.layout-sidebar-app-hover-item {
    position: absolute;
    padding: 16px;
    top: -90px;
    right: -70px;
    background-color: #fff;
    box-shadow: 0 4px 4px #cfcfcf;
    display: none;
}

.layout-sidebar-app-hover-item:before {
    position: absolute;
    left: 50%;
    bottom: -16px;
    content: "";
    width: 0;
    height: 0;
    transform: translate3d(-50%, 50%, 0);
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 20px;
    z-index: 999;
}

.layout-sidebar-app-hover-item-avatar {
    float: left;
    width: 80px;
    height: 80px;
}

.layout-sidebar-app-hover-item-info {
    float: left;
    padding-left: 16px;
    width: 100px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.layout-sidebar-app-hover-item-title {
    letter-spacing: 2px;
}

.layout-sidebar-app-hover-item-btn {
    height: 26px;
    line-height: 26px;
    border-radius: 26px;
    font-size: 12px;
    color: #fff;
    margin-top: 4px;
    background-color: #3875f6;
}

/* 侧边栏  关于我们 end */
.layout-pagination-container {
    text-align: center;
}

.layout-search-result-tabs {
    padding: 20px;
}
.ios-nav-logo {
    display: none;
}
.layout-search-result-tabs .tab {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    padding: 0 20px;
    cursor: pointer;
}

.layout-search-result-tabs .tab:hover {
    color: #3875f6;
}

.layout-search-result-tabs .tab.active {
    color: #3875f6;
}

/* 登录弹出层 */
.layer-login {
    width: 500px;
    padding: 20px;
}

.login-app-logo {
    width: 150px;
    height: 44px;
}

.layer-login-title {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 5px;
}

.layer-login-btn-submit {
    margin: 10px 0;
    width: 100%;
    height: 40px;
    color: #fff;
    background-color: #3875f6;
    border: 0;
    outline: none;
}

.layer-login-btn-submit-bottom-p {
    color: #7f7f7f;
}

.layer-login-yesIDo {
    text-align: center;
    color: #666;
    padding: 10px 0 10px 0;
}

.layer-login-checkbox {
    position: relative;
    top: 2px;
    left: -2px;
    width: 14px;
    height: 14px;
}

.layer-share-container {
    padding: 10px 0;
    color: #666;
}

.layer-share-container:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.layer-share-label {
    text-align: center;
    line-height: 30px;
    color: #666;
}

.layer-share-items-container-right {
    float: right;
}

.layer-share-item {
    cursor: pointer;
    width: 22px;
    height: 20px;
    margin: 0 4px 0 24px;
}

.layer-login-input-row {
    position: relative;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.layer-login-input-row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.layer-login-input-label {
    float: left;
    width: 30%;
    height: 36px;
    line-height: 36px;
}

.layer-login-input {
    float: left;
    width: 100%;
    height: 36px;
    line-height: 36px;
    box-sizing: border-box;
    padding-left: 10px;
    background: none;
    outline: none;
    border: none;
}

.layer-login-input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
    font-size: 16px;
}

.layer-login-input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    font-size: 16px;
}

.layer-login-input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
    font-size: 16px;
}

.layer-login-input-btn {
    position: absolute;
    top: 8px;
    right: 0;
    width: 130px;
    height: 36px;
    line-height: 36px;
    color: #3875f6;
    background-color: transparent;
    text-align: center;
    border: 0;
    outline: none;
    cursor: pointer;
}

.layer-login-input-btn:hover {
    color: #fff;
    background-color: #3875f6;
}

.layer-qrcode-container {
    text-align: center;
    color: #3875f6;
    background-color: #cbdbfd;
}

.layer-qrcode-ele {
    display: inline-block;
    padding: 10px 0;
    cursor: pointer;
}

.layer-scan-code {
    width: 500px;
    padding: 50px 50px;
    text-align: center;
}

.layer-scan-code-title {
    padding: 10px 0;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.layer-close-btn-container {
    padding: 10px 0;
    text-align: center;
    color: #fff;
    background-color: #3875f6;
    cursor: pointer;
}

.login-download-app {
    width: 35px;
    height: 35px;
    margin-bottom: 0px;
    margin-right: 5px;
}

/* layout 导航栏 start */
.layout-navbar-mobile {
    position: fixed;
    z-index: 9999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate3d(100%, 0, 0);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.layout-navbar-mobile.slide-in {
    transform: translate3d(0%, 0, 0);
    -webkit-transition: all 0.2s ease-in-out; /* -webkit- 是谷歌浏览器厂商前缀 */
    -o-transition: all 0.2s ease-in-out; /* -o- 是opera浏览器厂商前缀 */
    transition: all 0.2s ease-in-out; /* 全部样式 0.2s 缓动  ease-in-out：由慢到快在到慢 */
}

.layout-navbar .icon-bar {
    background-color: #fff !important;
}

/* layout 导航栏 end */
.mobile-menu-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 60px;
    right: 0;
    width: calc(100% - 60px);
    box-sizing: border-box;
    padding: 0 20px;
    background: #fff;
    z-index: 9999;
}

.layout-navbar-mobile .mobile-menu-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
    opacity: 0;
    transition: all 0s linear;
}

.layout-navbar-mobile.slide-in .mobile-menu-mask {
    opacity: 1;
    transition: all 0.3s ease-in-out 0.2s;
}

.layout-navbar-mobile .mobile-menu-item {
    border-bottom: 1px solid #eee;
}

.mobile-menu-item-link {
    display: inline-block;
    padding: 14px 0;
    width: 100%;
    color: #333;
}

.mobile-menu-item-back {
    padding: 14px 0;
    border-bottom: 1px solid #eee;
}

.mobile-menu-item-download {
    width: 50%;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    position: absolute;
    right: 22px;
    bottom: 22px;
    border: 1px solid #3875f6;
    background-color: #3875f6;
    color: #fff;
}

.layout-switch-label-left {
    float: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    margin-right: 10px;
    color: #999;
    cursor: pointer;
}

.layout-switch-label-left.active {
    font-weight: normal;
    color: #16191d;
}

.layout-switch-label-right {
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #9d9fa2;
    margin-left: 10px;
    cursor: pointer;
}

.layout-switch-label-right.active {
    color: #3875f6;
    font-weight: bold;
}

.layout-switch {
    position: relative;
    float: left;
    width: 40px;
    height: 20px;
    border-radius: 20px;
    border-color: #999;
    background-color: #dcdfe6;
    cursor: pointer;
}

.layout-switch.active {
    border-color: #3875f6;
    background-color: #3875f6;
    transition: all 0.3s ease;
}

.layout-switch.is-checked:after {
    left: 100%;
    margin-left: -17px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
}

.layout-switch:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    transition: all 0.3s ease;
    z-index: 99;
}

.layout-switch.active:after {
    top: 0;
    left: 20px;
    border: 1px solid #3875f6;
    transition: all 0.3s ease;
}

.layout-fixed-icons {
    position: relative;
    position: fixed;
    bottom: 20%;
    right: 2%;
    z-index: 888;
}
.sibe-bar-container {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 2%;
    z-index: 888;
}
.sibe-bar-container .layout-fixed-icons {
    position: relative;
    left: 0;
    right: auto;
    top: 0;
    bottom: auto;
}
.layout-fixed-icon-mobile-container {
    position: relative;
    width: 40px;
    height: 66px;
    box-sizing: border-box;
    padding-top: 14px;
    text-align: center;
    border-radius: 20px;
    z-index: 9999;
    background-color: #fff;
    box-shadow: 0 4px 9px #d9dce6;
    cursor: pointer;
    overflow: hidden;
}
.layout-fixed-icon-mobile-container:hover + .layout-fixed-icon-hover-item {
    opacity: 1;
    left: -230px;
    top: 172px;
    transition: all 0.3s ease;
    display: block;
}

.layout-fixed-icon-mobile {
    position: relative;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 40px;
    filter: drop-shadow(#3875f6 36px 0px);
    padding-left: 36px;
    background: url("../images/icon_mobile.png") no-repeat center center;
    background-size: contain;
    overflow: hidden;
    /*transition: all 0.2s ease;*/
}

.layout-fixed-icon-call-container {
    position: relative;
    box-sizing: border-box;
    padding-top: 14px;
    z-index: 9999;
    cursor: pointer;
    overflow: hidden;
}
.layout-fixed-icon-call {
    position: relative;
    left: 0;
    display: inline-block;
    height: 50px;
    width: 44px;
    padding-left: 36px;
    background: url("../images/icon_call.png") no-repeat center center;
    background-size: 80px;
    overflow: hidden;
    transition: all 0.2s ease;
}
.layout-fixed-icon-call-hover {
    position: relative;
    left: 0;
    display: inline-block;
    height: 50px;
    width: 44px;
    padding-left: 36px;
    background: url("../images/icon_call_active.png") no-repeat center center;
    background-size: 80px;
    overflow: hidden;
    transition: all 0.2s ease;
    display: none;
}
.layout-fixed-icon-mail-container {
    position: relative;
    box-sizing: border-box;
    padding-top: 14px;
    text-align: center;
    border-radius: 20px;
    z-index: 9999;
    cursor: pointer;
    overflow: hidden;
}
.layout-fixed-icon-mail{
    position: relative;
    left: 0;
    display: inline-block;
    width: 48px;
    height: 44px;
    background: url("../images/icon_mail.png") no-repeat center center;
    background-size: 40px;
    overflow: hidden;
}
.layout-fixed-icon-mail-container:hover .layout-fixed-icon-mail{
    background: url("../images/icon_mail_hover.png") no-repeat center center;
    background-size: 40px;
    width: 48px;
    height: 44px;
    /*display: none;*/
}
.layout-fixed-mail-icon-hover-item {
    position: absolute;
    padding: 8px;
    top: 115px;
    left: -240px;
    width: 126px;
    background-color: #fff;
    box-shadow: 0 4px 4px #cfcfcf;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 9999;
    display: none;
}

.layout-fixed-mail-icon-hover-item:before {
    position: absolute;
    top: 50%;
    right: -8px;
    content: "";
    width: 0;
    height: 0;
    transform: translate3d(50%, -50%, 0);
    border-color: transparent transparent transparent #ffffff;
    border-style: solid;
    border-width: 8px;
    z-index: 999;
}
.layout-fixed-icon-mail-container:hover + .layout-fixed-mail-icon-hover-item {
    opacity: 1;
    left: -220px;
    top: 3px;
    transition: all 0.3s ease;
    display: block;
    width: fit-content;
}
.layout-fixed-icon-addCode-hover {
    position: relative;
    left: 0;
    display: inline-block;
    width: 48px;
    height: 44px;
    background: url("../images/icon_addCode.png") no-repeat center center;
    background-size: 80px;
    overflow: hidden;
    display: none;
}
.layout-fixed-icon-addCode-container {
    position: relative;
    box-sizing: border-box;
    padding-top: 14px;
    text-align: center;
    border-radius: 20px;
    z-index: 9999;
    cursor: pointer;
    overflow: hidden;
}

.layout-fixed-icon-addCode-container:hover .layout-fixed-icon-addCode{
    background: url("../images/icon_addCode.png") no-repeat center center;
    background-size: 80px;
    /*display: none;*/
}
.layout-fixed-icon-addCode {
    position: relative;
    left: 0;
    display: inline-block;
    width: 48px;
    height: 44px;
    background: url("../images/icon_add_code_default.png") no-repeat center center;
    background-size: 80px;
    overflow: hidden;
}
.layout-fixed-icon-addCode-hover {
    position: relative;
    left: 0;
    display: inline-block;
    width: 48px;
    height: 44px;
    background: url("../images/icon_addCode.png") no-repeat center center;
    background-size: 80px;
    overflow: hidden;
    display: none;
}
.layout-fixed-icon-call-container:hover .layout-fixed-icon-call{
    background: url("../images/icon_call_active.png") no-repeat center center;
    background-size: 80px;
}
.layout-fixed-icon-mobile-container:hover .layout-fixed-icon-mobile {
    left: -36px;
    /*transition: all 0.2s ease;*/
}
.layout-fixed-icon-call-container:hover + .layout-fixed-call-icon-hover-item {
    opacity: 1;
    left: -134px;
    top: 133px;
    transition: all 0.3s ease;
    display: block;
}
.layout-fixed-icon-addCode-container:hover + .layout-fixed-addCode-icon-hover-item {
    opacity: 1;
    left: -108px;
    top: 37px;
    transition: all 0.3s ease;
    display: block;
}
.layout-fixed-icon-addCode-app-hover-item-avatar{
    float:left;
    width:160px;
    height:160px;
    margin-left: -40px;
    margin-top: -15px;
}
.layout-fixed-icon-asist-container {
    width: 40px;
    height: 48px;
    background-position: center;
    background-image: url('../images/assis-icon.png');
    background-size: 80px;
    margin: 0 auto;
    cursor: pointer;
    transform: translateX(100px);
    transition: transform 800ms cubic-bezier(0.4, 0, 0.2, 1);
}
.layout-fixed-icon-asist-container.show {
    transform: translateX(0px);
}

.fixed-kf-phone{
    color: #646464;
    font-size: 12px;
}
.fixed-phone-number{
    color: #292929;
    font-size: 16px;
}

.layout-fixed-icon-scrollTop-container {
    width: 40px;
    height: 40px;
    margin-top: 20px;
    box-sizing: border-box;
    padding-left: 2px;
    border-radius: 40px;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 4px 9px #d9dce6;
    cursor: pointer;
    overflow: hidden;
}

.layout-fixed-icon-scrollTop {
    position: relative;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 40px;
    filter: drop-shadow(#3875f6 36px 0px);
    padding-left: 36px;
    background: url("../images/icon_scroll_top.png") no-repeat center center;
    background-size: 18px 20px;
    overflow: hidden;
    transition: all 0.2s ease;
}

.layout-fixed-icon-scrollTop-container:hover .layout-fixed-icon-scrollTop {
    left: -36px;
    transition: all 0.2s ease;
}
.layout-fixed-addCode-icon-hover-item {
    position: absolute;
    top: 115px;
    left: -140px;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 9999;
    display: none;
}

.layout-fixed-call-icon-hover-item {
    position: absolute;
    padding: 8px;
    top: 115px;
    left: -240px;
    width: 126px;
    background-color: #fff;
    box-shadow: 0 4px 4px #cfcfcf;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 9999;
    display: none;
}

.layout-fixed-call-icon-hover-item:before {
    position: absolute;
    top: 50%;
    right: -8px;
    content: "";
    width: 0;
    height: 0;
    transform: translate3d(50%, -50%, 0);
    border-color: transparent transparent transparent #ffffff;
    border-style: solid;
    border-width: 8px;
    z-index: 999;
}
.layout-fixed-icon-hover-item {
    position: absolute;
    padding: 16px;
    top: 115px;
    left: -240px;
    width: 212px;
    background-color: #fff;
    box-shadow: 0 4px 4px #cfcfcf;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 9999;
    display: none;
}

.layout-fixed-icon-hover-item:before {
    position: absolute;
    top: 50%;
    right: -16px;
    content: "";
    width: 0;
    height: 0;
    transform: translate3d(50%, -50%, 0);
    border-color: transparent transparent transparent #ffffff;
    border-style: solid;
    border-width: 20px;
    z-index: 999;
}

.layout-fixed-icon-app-hover-item-avatar {
    float: left;
    width: 80px;
    height: 80px;
}

.layout-fixed-icon-app-hover-item-info {
    float: left;
    padding-left: 16px;
    width: 100px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

.layout-fixed-icon-app-hover-item-title {
    letter-spacing: 2px;
}

.layout-fixed-icon-app-hover-item-btn {
    height: 26px;
    line-height: 26px;
    border-radius: 26px;
    font-size: 12px;
    color: #fff;
    margin-top: 4px;
    background-color: #3875f6;
}

.recommendVideo_time_icon{
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.layout-share-tool {
    padding: 0 10px 0 20px;
}

.layout-share-tool:hover .layout-share-dot {
    background-color: #3875f6;
}

.layout-share-tool:hover .layout-share-bar-container {
    height: 40px;
    transition: all 0.3s ease;
}

.layout-share-dots-wrap {
    position: relative;
    display: inline-block;
    width: 5px;
    height: 30px;
}

.layout-share-dot {
    float: right;
    width: 4px;
    height: 4px;
    border-radius: 5px;
    background-color: #ccc;
    margin-top: 4px;
}

.layout-share-bar-container {
    position: absolute;
    height: 0;
    top: 30px;
    right: 0;
    padding: 0 20px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgb(219, 230, 235);
    background-color: #fff;
    transition: all 0.3s ease;
}

.layout-share-bar-container.active {
    height: 40px;
    transition: all 0.3s ease;
}

.layout-share-bar-item-wrap {
    float: left;
    cursor: pointer;
    padding: 10px 10px;
    margin-right: 5px;
}

.layout-share-bar-item-wrap:nth-last-of-type(1) {
    margin-right: 0;
}

.layout-share-bar-item-wrap:hover .layout-share-bar-item-text {
    color: #3875f6;
}

.layout-share-bar-item-wrap:hover .layout-share-bar-item-icon {
    top: -34px;
}

.layout-share-bar-item-icon {
    float: left;
    position: relative;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    user-select: none;
    filter: drop-shadow(#3875f6 0px 34px);
}

.layout-share-bar-item-icon.share {
    background: url("../images/icon_share.png") no-repeat center center;
    background-size: contain;
}

.layout-share-bar-item-icon.detail {
    background: url("../images/icon_detail.png") no-repeat center center;
    background-size: contain;
}

.layout-share-bar-item-icon.copy {
    background: url("../images/icon_copy.png") no-repeat center center;
    background-size: contain;
}

.layout-share-bar-item-text {
    float: left;
    user-select: none;
}

/* 视频封面 */
.pr {
    position: relative;
}

.recommend-video-above-img {
    width: 100%;
    /* height: 100%; */
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    z-index: 30;
}

.video-above-img-div {
    height: 150px;
    width: 260px;
    z-index: 0;
    overflow: hidden;
}

.video-video-above-img-div {
    height: 132px;
    z-index: 0;
    overflow: hidden;
}

.video-above-img {
    width: 100%;
    /* height: 100%; */
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    z-index: 30;
}

/* 左上角小标签 */
.top-left-small-label {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    font-weight: 400;
    padding: 3px 10px;
    color: #fff;
    line-height: 17px;
    z-index: 99;
}

/* 宏观经济 */
.macro-economic {
    width: 71px;
    position: absolute;
    left: 8px;
    top: 7px;
    color: #fff;
    z-index: 99;
    background-color: #74b4ff;
    text-align: center;
    font-size: 12px;
    padding: 3px 10px;
}

/* 新材料 */
.new-material {
    width: 71px;
    position: absolute;
    left: 8px;
    top: 7px;
    color: #fff;
    z-index: 99;
    background-color: #ca74ff;
    text-align: center;
    font-size: 12px;
    padding: 3px 10px;
}

/* 新能源 */
.energy {
    width: 71px;
    position: absolute;
    left: 8px;
    top: 7px;
    color: #fff;
    z-index: 99;
    text-align: center;
    background-color: #e9964a;
    font-size: 12px;
    padding: 3px 10px;
}

/* 每周行情要闻 */
.week-news {
    background-color: #42befb;
}

/* 塑料新鲜事 */
.fresh-news {
    background-color: #ffcc5d;
}

/* 有料科普 */
.popular-science {
    background-color: #fc8571;
}

/* PP */
.pp {
    background-color: #2eddea;
    width: 71px;
    position: absolute;
    left: 8px;
    top: 7px;
    color: #fff;
    z-index: 99;
    text-align: center;
    font-size: 12px;
    padding: 3px 10px;
}

/* PE */
.pe {
    background-color: #3dbeff;
    width: 71px;
    position: absolute;
    left: 8px;
    top: 7px;
    color: #fff;
    z-index: 99;
    text-align: center;
    font-size: 12px;
    padding: 3px 10px;
}

/* 导航栏 下载悬浮 */
.download-popup-left-img {
    width: 158px;
    height: 158px;
}

.layout-navbar-download-container {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin: 0 30px;
}

.layout-navbar-download-container-left {
    /* width: 848px;
    text-align: left; */
    flex: 1;
}

.layout-navbar-download-container-right {
}

.layout-navbar-download-container-title {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #282a2d;
    line-height: 27px;
}

.layout-navbar-download-container-img-ul {
    display: flex;
    width: 848px;
    justify-content: space-between;
}

.layout-navbar-download-container-img-li {
    flex: 1;
}

.layout-navbar-download-container-img-li:not(:last-of-type) {
    margin-right: 72px;
}

.qr-bottom-name {
    margin: 10px 0 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #282a2d;
}

.qr-bottom-name label {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #282a2d;
}

/* 视频下面的字  start */
.main-recommend-video-title {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.main-tags-container {
    margin-top: 10px;
    font-size: 14px;
    color: #68696c;
}

.nav-fixed {
    position: fixed;
    z-index: 299;
    top: 0;
    left: 0;
    width: 100%;
}
.main-recommend-video-foot {
    margin-top: 4px;
    font-size: 12px;
    line-height: 17px;
    color: #9d9fa2;
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
}
.main-recommend-video-foot-above-empty{
    height: 17px;
}
.main-right-recommend-video-foot-above-empty{
    height: 17px;
}

.main-tags-container a:not(:last-of-type) {
    margin-right: 12px;
}

.main-recommend-video-author {
    float: left;
}

.main-recommend-video-date {
    float: right;
}

/* 视频下面的字  end */
.last-page-crumb-item {
    color: #3875f6 !important;
}

.latest-article-head-more {
    float: right;
    font-size: 14px;
    line-height: 12px;
    color: #9d9fa2;
    cursor: pointer;
}

.logout {
    position: absolute;
    z-index: 999;
    top: 48px;
    width: 121px;
    line-height: 50px;
    padding: 0px 20px;
    color: #333;
    background: #fff;
    left: 0;
    box-shadow: -1px 1px rgba(0, 0, 0, 0.08);
}

.logout:hover {
    color: #3875f6;
}

.layout-footer-row a {
    color: #6F87FF !important;
}

.layout-footer-row-agreement-privacy a {
    color: #6F87FF !important;
}

.mobile-login-after {
    height: 40px;
}

.layer-login-logo {
    width: 182px;
    height: 50px;
}


@media (max-width: 768px) {
    .layer-login-logo {
        width: 25.0667vw;
        height: 7.4667vw;
    }
    .layout-footer {
        padding: 0 0 0 4.6vw;
    }

    .layout-footer-row-copyright {
        padding-right: 4.6vw;
        font-size: 3.2vw;
        text-align: left;
        margin-bottom: 7.4667vw;
    }

    .layout-footer-company-contact-info {
        display: flex;
        flex-direction: column;
        padding-left: 1vw;
        padding-right: 0;
    }

    .layout-footer-company-desc {
        display: none;
    }

    .layout-footer-right {
        margin-left: 0;
    }

    .layout-footer .row {
        margin: 0;
        margin-bottom: 0;
        font-size: 3.3vw;
    }

    .layout-footer-row-icon {
        width: 4.536vw;
        height: 4.536vw;
        margin-right: 3.2vw;
    }

    .layout-footer-row {
        font-size: 3.4667vw;
        line-height: 3.8vw;
        margin-right: 0;
        margin-bottom: 2.4vw;
    }

    .layout-footer-row-agreement-privacy {
        padding-top: 2.2vw;
        padding-bottom: 2.2vw;
        font-size: 3.2vw;
    }
    .layout-footer-top {
        padding-bottom: 4vw;
    }

    .layout-footer-company-contact-info {
        margin-top: 7.5vw;
    }

    .latest-news-head {
        padding: 1.0667vw 0 0 !important;
    }

    .layout-switch {
        width: 10.667vw;
        height: 5.334vw;
        border-radius: 5.334vw;
    }

    .week-news {
        display: none;
    }

    .fresh-news {
        display: none;
    }

    .popular-science {
        display: none;
    }

    .macro-economic {
        display: none;
    }

    .new-material {
        display: none;
    }

    .energy {
        display: none;
    }

    .pp {
        display: none;
    }

    .pe {
        display: none;
    }

    .ios-login {
        width: 6.4vw;
        height: 6.4vw;
        margin: 2.13vw;
        display: inline;
        border-radius: 50%;
    }

    .mobile-login-after {
        height: 7vw !important;
    }
    .ios-login-box {
        line-height: 100% !important;
    }

    .ios-search {
        width: 6.4vw;
        height: 6.4vw;
        /*margin-left: 67vw;*/
        display: inline;
    }

    .layout-navbar-container {
        height: 10.667vw;
    }

    .layer-login {
        width: 80vw;
        padding: 4.2667vw 3.2vw;
    }

    .layer-login-title {
        font-size: 4.534vw;
        line-height: 6.4vw;
        padding: 2.53vw 0 2.4667vw 0.53vw;
    }

    .login-app-logo {
        width: 25.0667vw;
        height: 7.4667vw;
    }

    .layer-share-item {
        width: 3.734vw;
        height: 3.4667vw;
        margin: 0 1.0667vw 0 1.5vw;
    }

    .layer-qrcode-container {
        display: none;
    }

    .layer-share-container {
        padding: 0;
        line-height: 4vw;
    }

    .layer-login-btn-submit-bottom-p {
        font-size: 2.9334vw;
    }

    .layer-share-items-container-left {
        color: #16191d;
        font-size: 2.9334vw;
    }

    .layer-login-btn-submit {
        margin: 4.8vw 0 2.13vw 0;
    }

    .layer-login-input-btn {
        top: 8px;
        width: 25vw;
        padding: 0;
        text-align: center;
    }

    .layer-share-items-container-right {
        font-size: 2.934vw;
    }

    /* 视频按钮 */
    .search-popup-video-button {
        margin-left: -5.33vw;
        margin-top: -5.33vw;
        width: 10.66vw;
        height: 10.66vw;
    }

    .video-big-video-button {
        margin-left: -8vw;
        margin-top: -8vw;
        width: 16vw;
        height: 16vw;
    }

    .video-right-video-button {
        margin-left: -5.33vw;
        margin-top: -5.33vw;
        width: 10.66vw;
        height: 10.66vw;
    }

    .three-section-video {
        margin-left: -5.33vw;
        margin-top: -5.33vw;
        width: 10.66vw;
        height: 10.66vw;
    }

    .index-big-video {
        margin-left: -8vw;
        margin-top: -8vw;
        width: 16vw;
        height: 16vw;
    }

    .index-right-video {
        margin-left: -4.8vw;
        margin-top: -4.8vw;
        width: 9.6vw;
        height: 9.6vw;
    }

    .better-video {
        margin-left: -5.33vw;
        margin-top: -5.33vw;
        width: 10.66vw;
        height: 10.66vw;
    }

    .article-big-video-button {
        margin-left: -8vw;
        margin-top: -8vw;
        width: 16vw;
        height: 16vw;
    }

    .layout-footer-row-agreement-privacy span:nth-child(1) {
        margin-right: 6.4vw;
    }

    #myPage {
        margin: 0;
    }

    .spage-total {
        margin-right: 0 !important;
        line-height: 9.334vw !important;
        font-size: 3.2vw !important;
    }

    .spage-number button {
        min-width: 6.13vw !important;
        font-size: 3.2vw !important;
        height: 6.667vw !important;
        line-height: 6.667vw !important;
    }

    .spage-skip {
        margin-left: 0vw !important;
        font-size: 3.2vw !important;
        line-height: 9.334vw !important;
        margin-top: 2vw;
    }

    .spage-skip input {
        font-size: 3.2vw !important;
        height: 6.667vw !important;
        line-height: 6.667vw !important;
        width: 6.667vw !important;
    }

    .spage-skip button {
        font-size: 3.2vw !important;
        height: 6.667vw !important;
        line-height: 6.667vw !important;
    }

    .login-logo {
        width: 6.4vw;
        height: 6.4vw;
        margin: 0vw 3.2vw;
    } {
    position: absolute;
    z-index: 99;
    top: 9vw;
    left: 0;
    width: 18vw;
    color: #333;
    text-align: center;
    background-color: #fff;
    padding: 0.6vw 0.8vw;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.6);
}
    .layout-navbar-center {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .ios-search-box {
        display: flex;
        align-items: center;
    }

    .ios-search {
        margin-right: 2vw;
    }

    .mobile-logout {
        position: absolute;
        left: 0;
        width: 25.3vw;
        text-align: center;
        padding: 1.6vw 1.1vw;
        top: 9vw;
        color: #333;
        background: #fff;
        z-index: 99;
        box-shadow: -2px 1px rgb(0 0 0 / 8%);
    }
    .main-recommend-video-foot-above-empty {
        height: 6.664vw!important;
    }
    .main-recommend-video-foot{
        width: calc(100% - 2.13vw);
    }
    .main-right-recommend-video-foot-above-empty{
        height: 4.534vw;
    }

    .layout-body-sidebar-footer .date {
        line-height: 1.5em;
    }

    .layout-switch-label-right {
        font-size: 3.334vw;
        line-height: 5.334vw;
        margin-left: 2.667vw;
    }
    .ios-nav-logo {
        display: block;
        width: 21.334vw;
        height: 4.6vw!important;
    }
    .show-twenty {
        display: none;
    }
}

/* 企业推荐 */
.layout-card-change-more {
    font-size: 14px;
    line-height: 27px;
    color: #9D9FA2;
    float: right;
    position: relative;
    padding-right: 20px;
    cursor: pointer;
}
.layout-card-change-more:after {
    display: inline-block;
    content: '';
    background-image: url('../images/exchange_ico.png');
    background-size: 16px;
    width: 16px;
    height: 16px;
    vertical-align: top;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0;
    background-repeat: no-repeat;
}
.layout-body-sidebar-ent-items li {
    overflow: hidden;
    padding: 10px 0;
    cursor: pointer;
}
.layout-body-sidebar-ent-items .layout-body-sidebar-ent-avatar {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    float: left;
}

.layout-body-sidebar-ent-items .layout-body-sidebar-ent-avatar img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.layout-body-sidebar-ent-items .layout-body-sidebar-ent-avatar img.v-pic{
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.layout-body-sidebar-ent-items .layout-body-sidebar-ent-info {
    float: left;
    padding-left: 8px;
    width: 84%;
}
.layout-body-sidebar-ent-items .layout-body-sidebar-ent-info h5{
    margin: 0;
    color: #292929;
    font-size: 14px;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.layout-body-sidebar-ent-items .layout-body-sidebar-ent-info p{
    margin: 0;
    color: #9A9EAB;
    font-size: 12px;
    line-height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.layout-body-sidebar-tag {
    width: 40px;
    height: 22px;
    border-radius: 4px;
    text-align: center;
    line-height: 22px;
    opacity: 1;
    display: inline-block;
    color: white;
    float: left;
}

.layout-body-sidebar-tag.tag-demand {
    background: linear-gradient(90deg, #14CA9E -27%, #03B589 102%);
}

.layout-body-sidebar-tag.tag-sp {
    background: linear-gradient(96deg, #9E74FF 4%, #845AFF 100%);
}